.elementor-18 .elementor-element.elementor-element-cb98d98{--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;--padding-top:30px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-18 .elementor-element.elementor-element-f396dac{--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;}.elementor-18 .elementor-element.elementor-element-969f27e{--display:flex;}.elementor-18 .elementor-element.elementor-element-96e7918 .eph-hero__overlay{background-color:#00000052;}.elementor-18 .elementor-element.elementor-element-96e7918 .eph-btn--learn{background-color:var( --e-global-color-primary );color:var( --e-global-color-9eb3eaf );border-style:solid;border-color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-96e7918 .eph-btn--learn:hover{background-color:var( --e-global-color-4d218fd );color:var( --e-global-color-9eb3eaf );border-color:var( --e-global-color-9eb3eaf );}.elementor-18 .elementor-element.elementor-element-96e7918 .eph-btn--buy:hover{background-color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-18 .elementor-element.elementor-element-96e7918 .eph-hero{justify-content:center;text-align:center;padding:550px 20px 25px 20px;margin:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-96e7918 .eph-hero__title{font-size:45px;color:var( --e-global-color-9eb3eaf );}.elementor-18 .elementor-element.elementor-element-96e7918 .eph-hero__desc{color:var( --e-global-color-9eb3eaf );}.elementor-18 .elementor-element.elementor-element-96e7918 .eph-btn--buy{color:var( --e-global-color-9eb3eaf );border-style:solid;border-color:var( --e-global-color-9eb3eaf );}.elementor-18 .elementor-element.elementor-element-98b22ca{--display:flex;}.elementor-18 .elementor-element.elementor-element-fe1e863 .eph-hero__overlay{background-color:#00000052;background-image:url("https://trymaklu.com/wp-content/uploads/2026/03/IMG_4963.heic");}.elementor-18 .elementor-element.elementor-element-fe1e863 .eph-btn--learn{background-color:var( --e-global-color-primary );color:var( --e-global-color-9eb3eaf );border-style:solid;border-color:var( --e-global-color-accent );}.elementor-18 .elementor-element.elementor-element-fe1e863 .eph-btn--learn:hover{background-color:var( --e-global-color-4d218fd );color:var( --e-global-color-9eb3eaf );border-color:var( --e-global-color-9eb3eaf );}.elementor-18 .elementor-element.elementor-element-fe1e863 .eph-btn--buy{background-color:var( --e-global-color-4d218fd );color:var( --e-global-color-9eb3eaf );border-style:solid;border-color:var( --e-global-color-9eb3eaf );}.elementor-18 .elementor-element.elementor-element-fe1e863 .eph-btn--buy:hover{background-color:var( --e-global-color-accent );color:var( --e-global-color-9eb3eaf );border-color:var( --e-global-color-accent );}.elementor-18 .elementor-element.elementor-element-fe1e863 .eph-hero{justify-content:center;text-align:center;padding:550px 20px 25px 20px;margin:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-fe1e863 .eph-hero__title{font-size:45px;color:var( --e-global-color-9eb3eaf );}.elementor-18 .elementor-element.elementor-element-fe1e863 .eph-hero__desc{color:var( --e-global-color-9eb3eaf );}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-96e7918 .eph-hero{padding:250px 10px 25px 10px;}.elementor-18 .elementor-element.elementor-element-96e7918 .eph-hero__title{font-size:35px;}.elementor-18 .elementor-element.elementor-element-fe1e863 .eph-hero{padding:250px 10px 25px 10px;}.elementor-18 .elementor-element.elementor-element-fe1e863 .eph-hero__title{font-size:35px;}}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-cb98d98{--width:1440px;}}/* Start custom CSS for shortcode, class: .elementor-element-c22087f *//* Force Instagram Reels aspect ratio (9:16) */
#instagram-gallery-feed-0 .instagram-gallery-item {
    --qligg-aspect-ratio: 9 / 16 !important;
}

/* Ensure internal wrappers follow the ratio */
#instagram-gallery-feed-0 .instagram-gallery-item__media-wrap {
    aspect-ratio: 9 / 16 !important;
}

/* Video inside should fill vertically like Reels */
#instagram-gallery-feed-0 video.instagram-gallery-item__media {
    width: 100% !important;
    height: 100% !important;
  
}
/* Make modal video use Instagram Reels aspect ratio (9:16) */
.instagram-gallery-modal__media-container {
    aspect-ratio: 9 / 16 !important;
    max-height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.instagram-gallery-modal__media-container video.instagram-gallery-modal__media {
    width: 100% !important;
    height: 100% !important;
   
}
/***************************************************
 * MOBILE FIX — 2 columns + smaller aspect ratio
 ***************************************************/
@media (max-width: 768px) {
    .instagram-gallery-item__wrap{
        min-width: 350px !important;
    }

    /* 2 columns on mobile */
    #instagram-gallery-feed-0 {
        --qligg-columns: 3 !important;
        --qligg-spacing: 6px !important;
    }

    #instagram-gallery-feed-0 .instagram-gallery-item {
        width: calc(50% - 6px) !important;
        margin-bottom: 6px !important;
    }

    /* Reduce aspect ratio height on mobile */
    #instagram-gallery-feed-0 .instagram-gallery-item__media-wrap {
        aspect-ratio: 9 / 18 !important; /* slightly shorter than desktop reels */
        height: auto !important;
        max-height: 100% !important;  /* limits the height so the next section doesn't get pushed under */
        overflow: hidden !important;
    }

    /* Video fill (scaled properly) */
    #instagram-gallery-feed-0 video.instagram-gallery-item__media {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* Make sure container grows properly */
    #instagram-gallery-feed-0,
    #instagram-gallery-feed-0 .instagram-gallery-feed,
    #instagram-gallery-feed-0 .instagram-gallery-list {
        display: flex !important;
        flex-wrap: wrap !important;
        height: auto !important;
        overflow: visible !important;
        position: relative !important;
        justify-content: center;
    }

    /* Prevent feed from overlapping next section */
    #instagram-gallery-feed-0 + * {
        margin-top: 20px !important;
        position: relative !important;
        z-index: 1 !important;
    }
}

/***************************************************
 * EXTRA — Very small screens (optional)
 ***************************************************/
@media (max-width: 480px) {
    /* Still two columns but smaller items */
    #instagram-gallery-feed-0 .instagram-gallery-item__media-wrap {
        aspect-ratio: 9 / 18 !important;
        max-height: 100vh !important;
    }
    .instagram-gallery-item__wrap{
        min-width: 250px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f396dac */a.eph-btn.eph-btn--learn {
    display: none;
}
h2.eph-hero__title {
    display: none;
}/* End custom CSS */