.elementor-7376 .elementor-element.elementor-element-1acb4b3{--display:flex;--gap:30px 20px;--row-gap:30px;--column-gap:20px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-7376 .elementor-element.elementor-element-5976191{padding:0px 0px 030px 0px;text-align:center;}.elementor-7376 .elementor-element.elementor-element-5976191 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:500;color:#CFB078;}.elementor-7376 .elementor-element.elementor-element-290e0b6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7376 .elementor-element.elementor-element-290e0b6.e-con{--align-self:center;}.elementor-7376 .elementor-element.elementor-element-1480cae{--swiper-slides-to-display:1;--swiper-slides-gap:10px;--arrow-prev-left-align:100%;--arrow-prev-translate-x:-100%;--arrow-prev-left-position:-47px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:200px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:200px;}.elementor-7376 .elementor-element.elementor-element-1480cae .swiper-slide > .elementor-element{height:100%;}.elementor-7376 .elementor-element.elementor-element-3899743{--swiper-slides-to-display:1;--swiper-slides-gap:10px;--arrow-prev-left-align:100%;--arrow-prev-translate-x:-100%;--arrow-prev-left-position:-47px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:200px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:200px;}.elementor-7376 .elementor-element.elementor-element-3899743 .swiper-slide > .elementor-element{height:100%;}.elementor-7376 .elementor-element.elementor-element-2e087bf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--padding-top:40px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-7376 .elementor-element.elementor-element-fc76c80{--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;}.elementor-7376 .elementor-element.elementor-element-dc108c4{margin:-75px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 1px 0px 0px;}.elementor-7376 .elementor-element.elementor-element-dc108c4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:500;color:#FFFFFF;}.elementor-7376 .elementor-element.elementor-element-3d7e888{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7376 .elementor-element.elementor-element-3d7e888:not(.elementor-motion-effects-element-type-background), .elementor-7376 .elementor-element.elementor-element-3d7e888 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#51735D;}.elementor-7376 .elementor-element.elementor-element-ddf6b36{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-7376 .elementor-element.elementor-element-ddf6b36:not(.elementor-motion-effects-element-type-background), .elementor-7376 .elementor-element.elementor-element-ddf6b36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#51735D;}.elementor-7376 .elementor-element.elementor-element-c89b6ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:10px 1px 0px 21px;}.elementor-7376 .elementor-element.elementor-element-c89b6ed .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;color:#FFFFFF;}.elementor-7376 .elementor-element.elementor-element-a37f9bd{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-7376 .elementor-element.elementor-element-a37f9bd:not(.elementor-motion-effects-element-type-background), .elementor-7376 .elementor-element.elementor-element-a37f9bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#51735D;}.elementor-7376 .elementor-element.elementor-element-e6525f6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 1px 0px 0px;}.elementor-7376 .elementor-element.elementor-element-e6525f6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;color:#FFFFFF;}.elementor-7376 .elementor-element.elementor-element-82ba0b2{--grid-columns:1;}.elementor-7376 .elementor-element.elementor-element-179ce06{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7376 .elementor-element.elementor-element-179ce06:not(.elementor-motion-effects-element-type-background), .elementor-7376 .elementor-element.elementor-element-179ce06 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#51735D;}.elementor-7376 .elementor-element.elementor-element-e00fe6a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 1px 0px 2px;}.elementor-7376 .elementor-element.elementor-element-e00fe6a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;color:#FFFFFF;}.elementor-7376 .elementor-element.elementor-element-cf62bd4{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7376 .elementor-element.elementor-element-cf62bd4:not(.elementor-motion-effects-element-type-background), .elementor-7376 .elementor-element.elementor-element-cf62bd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#51735D;}.elementor-7376 .elementor-element.elementor-element-785a562{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 1px 0px 2px;}.elementor-7376 .elementor-element.elementor-element-785a562 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;color:#FFFFFF;}.elementor-7376 .elementor-element.elementor-element-00abc25{--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;}.elementor-7376 .elementor-element.elementor-element-04b67a8{--grid-columns:2;}.elementor-7376 .elementor-element.elementor-element-04b67a8 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-7376 .elementor-element.elementor-element-04b67a8 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-7376 .elementor-element.elementor-element-04b67a8 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-7376 .elementor-element.elementor-element-04b67a8 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-7376 .elementor-element.elementor-element-04b67a8 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}body.elementor-page-7376:not(.elementor-motion-effects-element-type-background), body.elementor-page-7376 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thehonestcrown.com/wp-content/uploads/2026/02/Rectangle-19357.png");background-size:cover;}@media(max-width:1024px){.elementor-7376 .elementor-element.elementor-element-1acb4b3{--padding-top:80px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-7376 .elementor-element.elementor-element-1480cae{--swiper-slides-to-display:2;}.elementor-7376 .elementor-element.elementor-element-3899743{--swiper-slides-to-display:1;--arrow-prev-top-position:100px;--arrow-next-top-position:100px;}.elementor-7376 .elementor-element.elementor-element-2e087bf{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--padding-top:20px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-7376 .elementor-element.elementor-element-dc108c4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7376 .elementor-element.elementor-element-3d7e888{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7376 .elementor-element.elementor-element-ddf6b36{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7376 .elementor-element.elementor-element-c89b6ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7376 .elementor-element.elementor-element-82ba0b2{--grid-columns:2;}.elementor-7376 .elementor-element.elementor-element-04b67a8{--grid-columns:1;}}@media(max-width:767px){.elementor-7376 .elementor-element.elementor-element-5976191{padding:0px 0px 0px 0px;}.elementor-7376 .elementor-element.elementor-element-5976191 .elementor-heading-title{font-size:30px;line-height:1.3em;}.elementor-7376 .elementor-element.elementor-element-1480cae{--swiper-slides-to-display:1;}.elementor-7376 .elementor-element.elementor-element-3899743{--swiper-slides-to-display:1;--arrow-prev-top-position:200px;--arrow-next-top-position:200px;}.elementor-7376 .elementor-element.elementor-element-2e087bf{--flex-wrap:wrap;}.elementor-7376 .elementor-element.elementor-element-82ba0b2{--grid-columns:1;}.elementor-7376 .elementor-element.elementor-element-00abc25{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7376 .elementor-element.elementor-element-04b67a8{--grid-columns:1;}}@media(min-width:768px){.elementor-7376 .elementor-element.elementor-element-290e0b6{--width:90%;}.elementor-7376 .elementor-element.elementor-element-fc76c80{--width:33.3333%;}.elementor-7376 .elementor-element.elementor-element-00abc25{--width:66.6666%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7376 .elementor-element.elementor-element-fc76c80{--width:45%;}.elementor-7376 .elementor-element.elementor-element-00abc25{--width:55%;}}/* Start custom CSS for loop-carousel, class: .elementor-element-1480cae *//* Elementor Loop / Carousel Arrows — BG only on ACTIVE */

/* Brown color RGB */
:root{
  --arrow-brown: 207,176,120; /* #CFB078 */
}

/* Base arrows (NO background) */
.elementor-swiper-button,
.swiper-button-prev,
.swiper-button-next{
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;

  background: transparent !important; /* ❌ no bg */
  border: 1px solid #CFB078 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: none !important;
}

/* Arrow icon */
.elementor-swiper-button:after,
.swiper-button-prev:after,
.swiper-button-next:after{
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #CFB078 !important;
}

/* SVG arrows */
.elementor-swiper-button svg,
.swiper-button-prev svg,
.swiper-button-next svg{
  width: 16px !important;
  height: 16px !important;
  fill: #CFB078 !important;
}

/* ✅ ACTIVE / HOVER state only */
.elementor-swiper-button:hover,
.swiper-button-prev:hover,
.swiper-button-next:hover,
.swiper-button-prev.swiper-button-disabled:not(.swiper-button-lock),
.swiper-button-next.swiper-button-disabled:not(.swiper-button-lock){
  background: rgba(var(--arrow-brown), 0.2) !important;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-3899743 *//* Elementor Loop / Carousel Arrows — BG only on ACTIVE */

/* Brown color RGB */
:root{
  --arrow-brown: 207,176,120; /* #CFB078 */
}

/* Base arrows (NO background) */
.elementor-swiper-button,
.swiper-button-prev,
.swiper-button-next{
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;

  background: transparent !important; /* ❌ no bg */
  border: 1px solid #CFB078 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: none !important;
}

/* Arrow icon */
.elementor-swiper-button:after,
.swiper-button-prev:after,
.swiper-button-next:after{
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #CFB078 !important;
}

/* SVG arrows */
.elementor-swiper-button svg,
.swiper-button-prev svg,
.swiper-button-next svg{
  width: 16px !important;
  height: 16px !important;
  fill: #CFB078 !important;
}

/* ✅ ACTIVE / HOVER state only */
.elementor-swiper-button:hover,
.swiper-button-prev:hover,
.swiper-button-next:hover,
.swiper-button-prev.swiper-button-disabled:not(.swiper-button-lock),
.swiper-button-next.swiper-button-disabled:not(.swiper-button-lock){
  background: rgba(var(--arrow-brown), 0.2) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fb2fce1 *//* FORCE FIGMA CATEGORY DESIGN (ANTI THEME OVERRIDE) */

.figma-cats{
  background: transparent !important;   /* FIXED */
  padding: 14px !important;
  border-radius: 16px !important;
  max-width: 320px !important;
  box-sizing: border-box !important;

  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
}

.figma-cats *{
  box-sizing: border-box !important;
  font-family: 'Inter', sans-serif !important;
}

/* title (agar future me use karo) */
.figma-cats__title{
  color:#ffffff !important;
  font-size:14px !important;
  font-weight:600 !important;
  margin-bottom:10px !important;
}

/* list */
.figma-cats__list{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

/* pill item */
.figma-cats__item{
  display:flex !important;
  align-items:center !important;
  background:#ffffff !important;
  border-radius:10px !important;
  padding:10px 12px !important;
  text-decoration:none !important;
  border:1px solid rgba(0,0,0,.08) !important;
}

/* name */
.figma-cats__name{
  font-size:16px !important;   /* Inter 16px */
  font-weight:500 !important;
  color:#1f2a24 !important;
}

/* count */
.figma-cats__count{
  font-size:16px !important;
  color:rgba(31,42,36,.55) !important;
  margin-left:4px !important;
}

/* arrow wrapper */
.figma-cats__arrow{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
}

/* svg arrow size */
.figma-cats__arrow svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
}



/* Tablet & Mobile: white background + full width */
@media (max-width: 1024px){

  .figma-cats{
   !important;   /* white bg */
    max-width: 100% !important;       /* full width */
    padding: 0px !important;
  }

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-123eb68 *//* Figma Tags – Inter 16px 300 */

.figma-tags{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.figma-tags__pill{
  background: #CFB078 !important;
  color: #ffffff !important;
  text-decoration: none !important;

  padding: 10px 18px !important;
  border-radius: 8px !important;

  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;      /* ✅ 16px */
  font-weight: 300 !important;     /* ✅ 300 */
  line-height: 1.2 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: none !important;
  border: 0 !important;
}

.figma-tags__pill:hover{
  opacity: .88 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c5064a4 */.figma-archives{
  background: transparent !important;   /* FIXED */
  border-radius: 14px !important;
  padding: 0 0 !important;           /* left/right padding removed */
  max-width: 320px !important;
  box-sizing: border-box !important;
  font-family: 'Inter', sans-serif !important;
}

/* list reset */
.figma-archives__list{
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;                 /* left margin removed */
  padding: 0 !important;                /* left padding removed */
}

/* item row */
.figma-archives__item{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  padding: 14px 0 !important;           /* left/right padding removed */
  margin: 0 !important;

  text-decoration: none !important;

  font-size: 16px !important;
  font-weight: 300 !important;
  color: rgba(255,255,255,.9) !important;

  border-bottom: 1px solid rgba(255,255,255,.15) !important;
}

.figma-archives__item:last-child{
  border-bottom: none !important;
}

/* arrow icon */
.figma-archives__arrow{
  font-size: 20px !important;
  color: #ffffff !important;             /* icon white */
  line-height: 1 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-04b67a8 *//* =========================================
   Elementor Posts Pagination – Figma Style
   Add class on Posts widget: figma-pagination
========================================= */

.figma-pagination .elementor-pagination{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 18px !important;
  flex-wrap: wrap !important;
  font-family: 'Inter', sans-serif !important;
}

/* Base button look (Prev/Next + numbers) */
.figma-pagination .elementor-pagination a,
.figma-pagination .elementor-pagination span{
  height: 34px !important;
  min-width: 34px !important;
  padding: 0 12px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 8px !important;
  border: 1px solid rgba(255,255,255,.25) !important;

  background: rgba(255,255,255,.06) !important;  /* dark translucent */
  color: rgba(255,255,255,.85) !important;

  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1 !important;

  box-shadow: none !important;
}

/* Number buttons should look like small squares */
.figma-pagination .elementor-pagination .page-numbers:not(.prev):not(.next){
  width: 34px !important;
  padding: 0 !important;
}

/* Active page (gold) */
.figma-pagination .elementor-pagination .current{
  background: #CFB078 !important;
  border-color: rgba(207,176,120,.9) !important;
  color: #ffffff !important;
}

/* Hover */
.figma-pagination .elementor-pagination a:hover{
  background: rgba(255,255,255,.10) !important;
}

/* Prev/Next spacing like figma */
.figma-pagination .elementor-pagination .prev,
.figma-pagination .elementor-pagination .next{
  gap: 8px !important;
  padding: 0 14px !important;
}

/* Add arrows to Prev/Next */
.figma-pagination .elementor-pagination .prev::before{
  content: "‹" !important;
  font-size: 16px !important;
  line-height: 1 !important;
  opacity: .9 !important;
}

.figma-pagination .elementor-pagination .next::after{
  content: "›" !important;
  font-size: 16px !important;
  line-height: 1 !important;
  opacity: .9 !important;
}/* End custom CSS */