.elementor-601 .elementor-element.elementor-element-1c3a90ee{--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:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-601 .elementor-element.elementor-element-2a4e49a4{--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:30px;--padding-right:30px;}.elementor-601 .elementor-element.elementor-element-8149fc1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-601 .elementor-element.elementor-element-9fa21b1 .elementor-heading-title{color:var( --e-global-color-khgoud );}.elementor-601 .elementor-element.elementor-element-c35e439{text-align:center;}.elementor-601 .elementor-element.elementor-element-736ec02{text-align:center;}.elementor-601 .elementor-element.elementor-element-fe70234{--display:flex;--margin-top:15px;--margin-bottom:15px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px){.elementor-601 .elementor-element.elementor-element-1c3a90ee{--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-601 .elementor-element.elementor-element-1c3a90ee{--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-601 .elementor-element.elementor-element-2a4e49a4{--padding-top:0px;--padding-bottom:0px;--padding-left:18px;--padding-right:18px;}}/* Start custom CSS for container, class: .elementor-element-1c3a90ee *//* =========================================================
   Kokend Heet: Instagram feed (Smash Balloon) in mockup style
   Wrapper class on the Elementor container: .instagram-sect
   Desktop: 7 photos, 5 columns, tall arch photo in the middle
   Mobile:  2 columns, arch photo full width, 5 photos
   ========================================================= */

/* Reset the plugin's own spacing */
.instagram-sect #sb_instagram{
  padding:0 !important;
  margin:0 !important;
  width:100% !important;
  max-width:100% !important;
}

/* Hide plugin header, load-more and follow buttons */
.instagram-sect #sb_instagram .sb_instagram_header,
.instagram-sect #sb_instagram #sbi_load,
.instagram-sect #sb_instagram .sbi_load_btn,
.instagram-sect #sb_instagram .sbi_follow_btn{
  display:none !important;
}

/* Grid */
.instagram-sect #sb_instagram #sbi_images{
  display:grid !important;
  grid-template-columns:1fr 1fr 1.25fr 1fr 1fr !important;
  grid-template-rows:repeat(2, clamp(150px, 19vw, 252px)) !important;
  gap:16px !important;
  padding:0 !important;
  margin:0 !important;
  float:none !important;
  width:100% !important;
}

/* Every tile */
.instagram-sect #sb_instagram #sbi_images .sbi_item{
  position:relative !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  float:none !important;
  overflow:hidden !important;
  border-radius:30px !important;
  display:block !important;
}
.instagram-sect #sb_instagram .sbi_photo_wrap,
.instagram-sect #sb_instagram .sbi_photo{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:inherit !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center !important;
}
.instagram-sect #sb_instagram .sbi_photo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  opacity:1 !important;
  border-radius:inherit !important;
  transition:transform .6s ease !important;
}

/* Grid positions + arch (tablet and desktop only) */
@media (min-width:768px){
  .instagram-sect #sb_instagram #sbi_images .sbi_item:nth-child(1){grid-column:1 !important;grid-row:1 !important;}
  .instagram-sect #sb_instagram #sbi_images .sbi_item:nth-child(2){grid-column:2 !important;grid-row:1 / 3 !important;}
  .instagram-sect #sb_instagram #sbi_images .sbi_item:nth-child(3){grid-column:3 !important;grid-row:1 / 3 !important;}
  .instagram-sect #sb_instagram #sbi_images .sbi_item:nth-child(4){grid-column:4 !important;grid-row:1 / 3 !important;}
  .instagram-sect #sb_instagram #sbi_images .sbi_item:nth-child(5){grid-column:5 !important;grid-row:1 !important;}
  .instagram-sect #sb_instagram #sbi_images .sbi_item:nth-child(6){grid-column:1 !important;grid-row:2 !important;}
  .instagram-sect #sb_instagram #sbi_images .sbi_item:nth-child(7){grid-column:5 !important;grid-row:2 !important;}
  .instagram-sect #sb_instagram #sbi_images .sbi_item:nth-child(n+8){display:none !important;}

  /* Middle photo: arch shape with gold outline (same as the hero frame) */
  .instagram-sect #sb_instagram #sbi_images .sbi_item:nth-child(3){
    border-radius:50% 50% 30px 30px / 28% 28% 30px 30px !important;
    overflow:visible !important;
    outline:1px solid #c9a44c !important;
    outline-offset:8px !important;
  }
  .instagram-sect #sb_instagram #sbi_images .sbi_item:nth-child(3) .sbi_photo_wrap{
    border-radius:50% 50% 30px 30px / 28% 28% 30px 30px !important;
  }
}

/* Hover: deep green overlay + Instagram icon + slight zoom */
.instagram-sect #sb_instagram .sbi_photo_wrap::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  border-radius:inherit !important;
  background:rgba(31,58,52,.6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='.6' fill='%23ffffff'/%3E%3C/svg%3E") center / 34px 34px no-repeat !important;
  opacity:0 !important;
  transition:opacity .35s ease !important;
  pointer-events:none !important;
}
.instagram-sect #sb_instagram .sbi_item:hover .sbi_photo_wrap::after{opacity:1 !important;}
.instagram-sect #sb_instagram .sbi_item:hover .sbi_photo img{transform:scale(1.06) !important;}

/* Hide the plugin's own hover layer if it is switched on */
.instagram-sect #sb_instagram .sbi_link,
.instagram-sect #sb_instagram .sbi_hover_top,
.instagram-sect #sb_instagram .sbi_hover_bottom{display:none !important;}

/* Mobile: 2 columns, arch full width on its own row */
@media (max-width:767px){
  .instagram-sect #sb_instagram #sbi_images{
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:none !important;
    grid-auto-rows:auto !important;
    gap:12px !important;
  }
  .instagram-sect #sb_instagram #sbi_images .sbi_item{
    grid-column:auto !important;
    grid-row:auto !important;
    aspect-ratio:1 / 1 !important;
    border-radius:24px !important;
  }
  .instagram-sect #sb_instagram #sbi_images .sbi_item:nth-child(3){
    grid-column:1 / 3 !important;
    aspect-ratio:4 / 4.4 !important;
    border-radius:42vw 42vw 24px 24px !important;
    overflow:visible !important;
    outline:1px solid #c9a44c !important;
    outline-offset:6px !important;
    margin:6px 0 !important;
  }
  .instagram-sect #sb_instagram #sbi_images .sbi_item:nth-child(3) .sbi_photo_wrap{
    border-radius:42vw 42vw 24px 24px !important;
  }
  .instagram-sect #sb_instagram #sbi_images .sbi_item:nth-child(n+6){display:none !important;}
}/* End custom CSS */