.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-6992 .elementor-element.elementor-element-7251842{--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-widget-html .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-6992 .elementor-element.elementor-element-9ba4b6b{--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-6992 .elementor-element.elementor-element-eaa778e{--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:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-f711217 */.dm-bento{
    display:grid;
    grid-template-columns:1.3fr 1fr 1fr;
    grid-template-rows:240px 220px 220px;
    gap:18px;
}

/* GRID */

.hero{
    grid-column:1;
    grid-row:1 / span 2;
}

.card2{
    grid-column:2;
    grid-row:1;
}

.card3{
    grid-column:3;
    grid-row:1;
}

.card4{
    grid-column:2 / span 2;
    grid-row:2;
}

.card5{
    grid-column:1;
    grid-row:3;
}

.card6{
    grid-column:2 / span 2;
    grid-row:3;
}

/* CARD */

.dm-card{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    background:#111;
    border:1px solid rgba(255,255,255,.08);

    transition:all .4s ease;

    box-shadow:
        0 10px 30px rgba(0,0,0,.15);
}

.dm-card:hover{
    transform:translateY(-8px);

    box-shadow:
        0 25px 50px rgba(0,0,0,.25);
}

.dm-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

    transition:transform .8s ease;
}

.dm-card:hover img{
    transform:scale(1.08);
}

/* HERO CONTENT */

.overlay{
    position:absolute;
    inset:0;

    display:flex;
    flex-direction:column;
    justify-content:flex-end;

    padding:35px;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.80),
        rgba(0,0,0,.10)
    );
}

.hero-content span{
    color:#d9d9d9;
    font-size:13px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.hero-content h2{
    color:#fff;
    font-size:42px;
    line-height:1.1;
    margin:12px 0;
    font-weight:700;
}

.hero-content p{
    color:#f1f1f1;
    font-size:16px;
    margin:0;
    max-width:450px;
}

/* GLASS LABEL */

.small-label{
    position:absolute;
    left:20px;
    bottom:20px;

    padding:12px 18px;

    background:rgba(255,255,255,.15);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

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

    border-radius:100px;

    color:#fff;
    font-size:14px;
    font-weight:600;

    z-index:10;
}

/* DARK OVERLAY */

.dm-card::after{
    content:'';
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.35),
        transparent 60%
    );

    pointer-events:none;
}

/* SHINE EFFECT */

.dm-card::before{
    content:'';

    position:absolute;
    inset:0;

    background:
    radial-gradient(
        circle at top left,
        rgba(255,255,255,.18),
        transparent 50%
    );

    opacity:0;
    transition:.4s ease;

    z-index:2;
    pointer-events:none;
}

.dm-card:hover::before{
    opacity:1;
}

/* TABLET */

@media(max-width:1024px){

    .dm-bento{
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto;
    }

    .hero{
        grid-column:1 / span 2;
        grid-row:auto;
        min-height:420px;
    }

    .card2,
    .card3,
    .card4,
    .card5,
    .card6{
        grid-column:auto;
        grid-row:auto;
    }

    .card4,
    .card6{
        grid-column:1 / span 2;
    }
}

/* MOBILE */

@media(max-width:767px){

    .dm-bento{
        grid-template-columns:1fr;
    }

    .hero,
    .card2,
    .card3,
    .card4,
    .card5,
    .card6{
        grid-column:auto;
        grid-row:auto;
    }

    .dm-card{
        min-height:280px;
    }

    .hero-content h2{
        font-size:32px;
    }

    .hero-content p{
        font-size:15px;
    }

    .small-label{
        font-size:13px;
        padding:10px 16px;
    }
}/* End custom CSS */