/** Shopify CDN: Minification failed

Line 73:25 Unexpected "{"
Line 73:34 Expected ":"
Line 73:40 Unexpected "{"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:tabs-webpienet (INDEX:61) */
/*==============================================================
  WEBPIENET TABS SECTION
  PART 4.1
  Section
  Wrapper
  Navigation
  Desktop Tabs
==============================================================*/

/*==========================
CSS Variables
==========================*/

.tabs-webpienet-section{

    --tabs-webpienet-gap:30px;
    --tabs-webpienet-card-gap:24px;
    --tabs-webpienet-radius:12px;
    --tabs-webpienet-transition:.3s ease;
    --tabs-webpienet-border:#e6e6e6;
    --tabs-webpienet-text:#111111;
    --tabs-webpienet-muted:#666666;
    --tabs-webpienet-background:#ffffff;
    --tabs-webpienet-tab-background:#f7f7f7;
    --tabs-webpienet-tab-active:#111111;
    --tabs-webpienet-tab-active-text:#ffffff;
    --tabs-webpienet-shadow:0 8px 30px rgba(0,0,0,.08);

    padding-top:var(--tabs-webpienet-padding-top,60px);
    padding-bottom:var(--tabs-webpienet-padding-bottom,60px);

    position:relative;
    width:100%;
}

/*==========================
Universal Box Sizing
==========================*/

.tabs-webpienet-section *,
.tabs-webpienet-section *:before,
.tabs-webpienet-section *:after{

    box-sizing:border-box;

}

/*==========================
Wrapper
==========================*/

.tabs-webpienet-wrapper{

    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding:0 20px;

}

.tabs-webpienet-wrapper-{{ section.id }}{

    position:relative;

}

/*==========================
Navigation
==========================*/

.tabs-webpienet-nav{

    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:12px;

    margin-bottom:40px;

    border-bottom:1px solid var(--tabs-webpienet-border);

    padding-bottom:16px;

}

/*==========================
Tab Buttons
==========================*/

.tabs-webpienet-tab-button{

    appearance:none;
    -webkit-appearance:none;

    cursor:pointer;

    border:none;

    background:transparent;

    color:var(--tabs-webpienet-text);

    font-size:16px;

    font-weight:600;

    line-height:1.3;

    padding:14px 24px;

    border-radius:999px;

    transition:

        background var(--tabs-webpienet-transition),

        color var(--tabs-webpienet-transition),

        transform var(--tabs-webpienet-transition),

        box-shadow var(--tabs-webpienet-transition);

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    position:relative;

}

/*==========================
Hover
==========================*/

.tabs-webpienet-tab-button:hover{

    background:var(--tabs-webpienet-tab-background);

}

/*==========================
Keyboard Focus
==========================*/

.tabs-webpienet-tab-button:focus-visible{

    outline:2px solid currentColor;

    outline-offset:4px;

}

/*==========================
Active Tab
==========================*/

.tabs-webpienet-tab-button.is-active{

    background:var(--tabs-webpienet-tab-active);

    color:var(--tabs-webpienet-tab-active-text);

}

/*==========================
Active Hover
==========================*/

.tabs-webpienet-tab-button.is-active:hover{

    transform:translateY(-2px);

}

/*==========================
Tab Title
==========================*/

.tabs-webpienet-tab-title{

    display:block;

    white-space:nowrap;

}

/*==========================
Desktop Only
==========================*/

.tabs-webpienet-nav{

    display:flex;

}

.tabs-webpienet-mobile-trigger{

    display:none;

}

/*==========================
Smooth Transition
==========================*/

.tabs-webpienet-tab-button,
.tabs-webpienet-tab-title{

    transition:all .25s ease;

}

/*==========================
Section Heading
==========================*/

.tabs-webpienet-heading{

    margin:0 0 18px;

    color:var(--tabs-webpienet-text);

    font-size:36px;

    line-height:1.2;

    font-weight:700;

}

/*==========================
Rich Text
==========================*/

.tabs-webpienet-richtext{

    margin-bottom:40px;

    color:var(--tabs-webpienet-muted);

    line-height:1.7;

}

.tabs-webpienet-richtext p:last-child{

    margin-bottom:0;

}

/*==========================
Panel Defaults
==========================*/

.tabs-webpienet-panel{

    display:none;

}

.tabs-webpienet-panel.is-active{

    display:block;

}

.tabs-webpienet-panel-inner{

    width:100%;

}

/*==============================================================
  WEBPIENET TABS SECTION
  PART 4.2
  Grid
  Cards
  Images
  Videos
  Mobile Accordion
==============================================================*/


/*==========================
Cards Grid
==========================*/

.tabs-webpienet-grid{

    display:grid;

    grid-template-columns:repeat(var(--tabs-webpienet-columns),minmax(0,1fr));

    gap:var(--tabs-webpienet-card-gap);

    align-items:stretch;

    width:100%;

}


/*==========================
Card Alignment
==========================*/

.tabs-webpienet-align-left{

    justify-items:start;

}

.tabs-webpienet-align-center{

    justify-items:center;

}

.tabs-webpienet-align-right{

    justify-items:end;

}


/*==========================
Cards
==========================*/

.tabs-webpienet-card{

    width:100%;

    background:var(--tabs-webpienet-card-bg);

    border-radius:var(--tabs-webpienet-radius);

    overflow:hidden;

    display:flex;

    flex-direction:column;

    min-height:100%;

    box-shadow:0 6px 20px rgba(0,0,0,.05);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


/*==========================
Card Hover
==========================*/

.tabs-webpienet-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(0,0,0,.12);

}


/*==========================
Card Heading
==========================*/

.tabs-webpienet-card-heading{

    margin:0px 0px 11px 0px;

    font-size:24px;

    line-height:1.3;

    font-weight:700;

    color:var(--tabs-webpienet-text);

}


/*==========================
Card Sub Heading
==========================*/

.tabs-webpienet-card-subheading{

    margin:0 0px 8px 0px;

    color:var(--tabs-webpienet-muted);

    font-size:15px;

    line-height:1.7;

}


/*==========================
Media
==========================*/

.tabs-webpienet-card-media{

    width:100%;

    position:relative;

    overflow:hidden;

    background:#f5f5f5;

  /*  aspect-ratio:16 / 9; */
    

}


/*==========================
Image
==========================*/

.tabs-webpienet-image{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:transform .45s ease;

}


/*==========================
Image Hover
==========================*/

.tabs-webpienet-card:hover
.tabs-webpienet-image{

    transform:scale(1.05);

}


/*==========================
Video
==========================*/

.tabs-webpienet-video{

    width:100%;

    height:100%;

    border:0;

    position:absolute;

    inset:0;

}


/*==========================
Rich Text
==========================*/

.tabs-webpienet-card-richtext{

    padding: 5px 0px 5px 0px;

    color:var(--tabs-webpienet-muted);

    line-height:1.8;

    flex:1;

}

.tabs-webpienet-card-richtext p:last-child{

    margin-bottom:0;

}


/*==========================
Custom Liquid
==========================*/

.tabs-webpienet-custom-liquid{

    padding:0 0px 0px 0px;

}


/*==========================
Card Button
==========================*/

.tabs-webpienet-card-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    align-self:flex-start;

    margin:0px 0px 8px 0px;

    padding:12px 25px;

    text-decoration:none;

    background:#111;

    color:#fff;

    border-radius:999px;

    font-size:15px;

    font-weight:600;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;

}


.tabs-webpienet-card-button:hover{

    transform:translateY(-2px);

}


/*==========================
Mobile Accordion
==========================*/

.tabs-webpienet-mobile-trigger{

    width:100%;

    display:none;

    align-items:center;

    justify-content:space-between;

    padding:18px 22px;

    background:#fff;

    border:1px solid var(--tabs-webpienet-border);

    border-radius:10px;

    cursor:pointer;

    font-size:17px;

    font-weight:600;

    color:var(--tabs-webpienet-text);

    transition:all .3s ease;

}


.tabs-webpienet-mobile-trigger:hover{

    background:#f8f8f8;

}


.tabs-webpienet-mobile-trigger.is-open{

    background:#111;

    color:#fff;

}


/*==========================
Accordion Icon
==========================*/

.tabs-webpienet-mobile-icon{

    font-size:22px;

    font-weight:500;

    line-height:1;

    transition:transform .35s ease;

}


.tabs-webpienet-mobile-trigger.is-open
.tabs-webpienet-mobile-icon{

    transform:rotate(45deg);

}


/*==========================
Tablet
==========================*/

@media screen and (max-width:989px){

    .tabs-webpienet-grid{

        grid-template-columns:
        repeat(2,minmax(0,1fr));

    }

}


/*==========================
Mobile
==========================*/

@media screen and (max-width:749px){

    .tabs-webpienet-nav{

        display:none;

    }

    .tabs-webpienet-mobile-trigger{

        display:flex;

        margin-bottom:16px;

    }

    .tabs-webpienet-panel{

        display:block;

        margin-bottom:16px;

    }

    .tabs-webpienet-panel-inner{

    overflow:hidden;

    max-height:none;

    transition:max-height .35s ease;

    }

@media screen and (max-width:749px){

    .tabs-webpienet-panel-inner{

        max-height:0;

    }

    .tabs-webpienet-mobile-trigger.is-open
    + .tabs-webpienet-panel-inner{

        max-height:4000px;

    }

}

    .tabs-webpienet-grid{

        grid-template-columns:1fr;

    }

    .tabs-webpienet-heading{

        font-size:25px;

    }

}


/*==============================================================
  WEBPIENET TABS SECTION
  PART 4.3
  Final Polish
  RTE
  Buttons
  Animations
  Accessibility
==============================================================*/


/*==========================
Images
==========================*/

.tabs-webpienet-image{
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}

.tabs-webpienet-card-media img{
    width:100%;
    height:100%;
    object-fit:cover;
}


/*==========================
RTE
==========================*/

.tabs-webpienet-richtext,
.tabs-webpienet-card-richtext{

    word-break:break-word;

}

.tabs-webpienet-richtext h1,
.tabs-webpienet-richtext h2,
.tabs-webpienet-richtext h3,
.tabs-webpienet-richtext h4,
.tabs-webpienet-richtext h5,
.tabs-webpienet-richtext h6,

.tabs-webpienet-card-richtext h1,
.tabs-webpienet-card-richtext h2,
.tabs-webpienet-card-richtext h3,
.tabs-webpienet-card-richtext h4,
.tabs-webpienet-card-richtext h5,
.tabs-webpienet-card-richtext h6{

    margin:0 0 18px;

    color:var(--tabs-webpienet-text);

    line-height:1.3;

}

.tabs-webpienet-richtext ul,
.tabs-webpienet-card-richtext ul{

    padding-left:20px;

    margin:0 0 18px;

}

.tabs-webpienet-richtext ol,
.tabs-webpienet-card-richtext ol{

    padding-left:20px;

    margin:0 0 18px;

}

.tabs-webpienet-richtext li,
.tabs-webpienet-card-richtext li{

    margin-bottom:8px;

}

.tabs-webpienet-richtext table,
.tabs-webpienet-card-richtext table{

    width:100%;

    border-collapse:collapse;

}

.tabs-webpienet-richtext th,
.tabs-webpienet-richtext td,

.tabs-webpienet-card-richtext th,
.tabs-webpienet-card-richtext td{

    border:1px solid var(--tabs-webpienet-border);

    padding:12px;

}


/*==========================
Links
==========================*/

.tabs-webpienet-richtext a,
.tabs-webpienet-card-richtext a{

    text-decoration:underline;

    transition:opacity .3s ease;

}

.tabs-webpienet-richtext a:hover,
.tabs-webpienet-card-richtext a:hover{

    opacity:.7;

}


/*==========================
Buttons
==========================*/

.tabs-webpienet-card-button{

    overflow:hidden;

    position:relative;

}

.tabs-webpienet-card-button:after{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(255,255,255,.15);

    opacity:0;

    transition:opacity .3s ease;

}

.tabs-webpienet-card-button:hover:after{

    opacity:1;

}


/*==========================
Selection
==========================*/

.tabs-webpienet-section ::selection{

    background:#111;

    color:#fff;

}


/*==========================
Smooth Scroll
==========================*/

html{

    scroll-behavior:smooth;

}


/*==========================
Transitions
==========================*/

.tabs-webpienet-panel{

    animation:tabs-webpienet-fade .35s ease;

}

@keyframes tabs-webpienet-fade{

    from{

        opacity:0;

        transform:translateY(8px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


/*==========================
Focus
==========================*/

.tabs-webpienet-card-button:focus-visible,
.tabs-webpienet-mobile-trigger:focus-visible{

    outline:2px solid currentColor;

    outline-offset:4px;

}


/*==========================
Disabled
==========================*/

.tabs-webpienet-card-button[disabled]{

    opacity:.5;

    pointer-events:none;

}


/*==========================
Responsive
==========================*/

@media screen and (max-width:1200px){

    .tabs-webpienet-heading{

        font-size:25px;

    }

}

@media screen and (max-width:749px){

    .tabs-webpienet-wrapper{

        padding-left:16px;
        padding-right:16px;

    }

    .tabs-webpienet-card-heading{

        font-size:22px;

    }

    .tabs-webpienet-card-subheading{

        font-size:14px;

    }

    .tabs-webpienet-card-button{

        width:calc(100% - 48px);

        justify-content:center;

    }

}


/*==========================
Reduced Motion
==========================*/

@media (prefers-reduced-motion:reduce){

    .tabs-webpienet-section *,
    .tabs-webpienet-section *:before,
    .tabs-webpienet-section *:after{

        animation:none !important;

        transition:none !important;

        scroll-behavior:auto !important;

    }

}


/*==========================
Print
==========================*/

@media print{

    .tabs-webpienet-nav,
    .tabs-webpienet-mobile-trigger{

        display:none !important;

    }

    .tabs-webpienet-panel{

        display:block !important;

        page-break-inside:avoid;

    }

}


/*==========================
Utilities
==========================*/

.tabs-webpienet-hidden{

    display:none !important;

}

.tabs-webpienet-text-center{

    text-align:center;

}

.tabs-webpienet-text-left{

    text-align:left;

}

.tabs-webpienet-text-right{

    text-align:right;

}

.tabs-webpienet-full-width{

    width:100%;

}

.tabs-webpienet-card{
  padding: 15px 13px !important;

}
/* END_SECTION:tabs-webpienet */