.elementor-818 .elementor-element.elementor-element-d105833{--display:flex;--min-height:531px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:53px;--padding-bottom:52px;--padding-left:40px;--padding-right:0px;}.elementor-818 .elementor-element.elementor-element-d105833:not(.elementor-motion-effects-element-type-background), .elementor-818 .elementor-element.elementor-element-d105833 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-818 .elementor-element.elementor-element-1cd7931{--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-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-818 .elementor-element.elementor-element-e0c860c{--display:flex;--min-height:464px;--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-818 .elementor-element.elementor-element-224b05d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-818 .elementor-element.elementor-element-9db582c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-818 .elementor-element.elementor-element-964071e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;}.elementor-818 .elementor-element.elementor-element-60d2b02{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;}.elementor-818 .elementor-element.elementor-element-9295569{--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;--justify-content:flex-start;--align-items:stretch;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-818 .elementor-element.elementor-element-6e79cff{--grid-columns:1;}.elementor-818 .elementor-element.elementor-element-98b9e20{--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;--justify-content:flex-start;--align-items:stretch;}:root{--page-title-display:none;}body.elementor-page-818{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-818 .elementor-element.elementor-element-d105833{--content-width:100%;}.elementor-818 .elementor-element.elementor-element-1cd7931{--width:52%;}.elementor-818 .elementor-element.elementor-element-e0c860c{--width:48%;}.elementor-818 .elementor-element.elementor-element-9db582c{--width:1500px;}.elementor-818 .elementor-element.elementor-element-964071e{--content-width:100%;}.elementor-818 .elementor-element.elementor-element-60d2b02{--width:1500px;}.elementor-818 .elementor-element.elementor-element-9295569{--width:65%;}.elementor-818 .elementor-element.elementor-element-98b9e20{--width:35%;}}@media(max-width:1024px){.elementor-818 .elementor-element.elementor-element-6e79cff{--grid-columns:2;}}@media(max-width:767px){.elementor-818 .elementor-element.elementor-element-6e79cff{--grid-columns:1;}}/* Start custom CSS *//* =========================================================
   SVOJI.ONLINE — BLOG CATEGORIES
   ========================================================= */


/* ---------------------------------------------------------
   OUTER SECTION
   --------------------------------------------------------- */

.svoji-blog-categories{
    position:relative !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:22px 24px !important;

    background:#FFFFFF !important;

    border-top:1px solid rgba(11,31,58,.05) !important;
    border-bottom:1px solid rgba(11,31,58,.07) !important;

    box-sizing:border-box !important;
}


/* ---------------------------------------------------------
   INNER
   --------------------------------------------------------- */

.svoji-blog-categories-inner{
    width:100% !important;
    max-width:1500px !important;

    margin:0 auto !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;

    align-items:center !important;
    justify-content:center !important;

    gap:10px !important;

    box-sizing:border-box !important;
}


/* ---------------------------------------------------------
   BUTTON WIDGET
   --------------------------------------------------------- */

.svoji-blog-category{
    width:auto !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    flex:0 0 auto !important;
}


/* Elementor wrapper */

.svoji-blog-category .elementor-widget-container{
    margin:0 !important;
    padding:0 !important;
}


/* ---------------------------------------------------------
   BUTTON
   --------------------------------------------------------- */

.svoji-blog-category .elementor-button{
    min-height:44px !important;

    padding:0 20px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#0B1F3A !important;

    background:#FFFFFF !important;

    border:1px solid #E5EAF0 !important;
    border-radius:999px !important;

    box-shadow:none !important;

    font-size:14px !important;
    font-weight:600 !important;

    line-height:1 !important;

    white-space:nowrap !important;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease,
        box-shadow .18s ease !important;
}


/* remove Elementor defaults */

.svoji-blog-category .elementor-button-content-wrapper{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:0 !important;
}


.svoji-blog-category .elementor-button-text{
    color:inherit !important;

    font-size:inherit !important;
    font-weight:inherit !important;

    line-height:1 !important;
}


/* ---------------------------------------------------------
   HOVER
   --------------------------------------------------------- */

.svoji-blog-category .elementor-button:hover{
    color:#FF5A2F !important;

    background:#FFF7F4 !important;

    border-color:rgba(255,90,47,.28) !important;

    transform:translateY(-1px) !important;

    box-shadow:
        0 6px 16px rgba(11,31,58,.06) !important;
}


/* ---------------------------------------------------------
   ACTIVE CATEGORY
   --------------------------------------------------------- */

.svoji-blog-category.is-active .elementor-button{
    color:#FF5A2F !important;

    background:#FFF1ED !important;

    border-color:rgba(255,90,47,.20) !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,90,47,.03) !important;
}


.svoji-blog-category.is-active .elementor-button:hover{
    color:#E94C22 !important;

    background:#FFE9E2 !important;

    border-color:rgba(255,90,47,.30) !important;
}


/* ---------------------------------------------------------
   TABLET
   horizontal scroll instead of breaking layout
   --------------------------------------------------------- */

@media(max-width:1024px){

    .svoji-blog-categories{
        padding:18px 18px !important;
    }

    .svoji-blog-categories-inner{
        justify-content:flex-start !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        padding-bottom:2px !important;

        scrollbar-width:none !important;

        -webkit-overflow-scrolling:touch !important;
    }

    .svoji-blog-categories-inner::-webkit-scrollbar{
        display:none !important;
    }

    .svoji-blog-category .elementor-button{
        min-height:42px !important;

        padding:0 18px !important;

        font-size:13.5px !important;
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:767px){

    .svoji-blog-categories{
        padding:14px 12px !important;
    }

    .svoji-blog-categories-inner{
        gap:8px !important;
    }

    .svoji-blog-category .elementor-button{
        min-height:40px !important;

        padding:0 16px !important;

        font-size:13px !important;
    }
    
    
    
    /* =========================================================
   SVOJI.ONLINE — FEATURED ARTICLE MAIN CARD
   ========================================================= */


/* OUTER LOOP */

.svoji-featured-main-loop{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}


/* CARD */

.svoji-featured-card{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:#FFFFFF !important;

    border:1px solid #E8EDF2 !important;
    border-radius:24px !important;

    overflow:hidden !important;

    box-shadow:
        0 10px 30px rgba(11,31,58,.06) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease !important;
}


.svoji-featured-card:hover{
    transform:translateY(-3px) !important;

    border-color:rgba(255,90,47,.18) !important;

    box-shadow:
        0 16px 38px rgba(11,31,58,.10) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.svoji-featured-image{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}


.svoji-featured-image .elementor-widget-container{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}


.svoji-featured-image img{
    display:block !important;

    width:100% !important;
    height:360px !important;

    object-fit:cover !important;
    object-position:center !important;

    margin:0 !important;
    padding:0 !important;

    transition:transform .35s ease !important;
}


.svoji-featured-card:hover
.svoji-featured-image img{
    transform:scale(1.025) !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.svoji-featured-content{
    width:100% !important;

    margin:0 !important;

    padding:
        28px
        30px
        28px !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:flex-start !important;

    gap:0 !important;

    box-sizing:border-box !important;
}


/* =========================================================
   CATEGORY
   ========================================================= */

.svoji-featured-category{
    margin:0 0 14px 0 !important;
    padding:0 !important;
}


.svoji-featured-category .elementor-widget-container{
    margin:0 !important;
    padding:0 !important;
}


.svoji-featured-category,
.svoji-featured-category a,
.svoji-featured-category span{
    color:#FF5A2F !important;

    font-size:13px !important;
    font-weight:700 !important;

    line-height:1.2 !important;

    text-decoration:none !important;
}


/* =========================================================
   TITLE
   ========================================================= */

.svoji-featured-title{
    margin:0 0 14px 0 !important;
    padding:0 !important;
}


.svoji-featured-title .elementor-widget-container{
    margin:0 !important;
    padding:0 !important;
}


.svoji-featured-title .elementor-heading-title{
    margin:0 !important;
    padding:0 !important;

    color:#0B1F3A !important;

    font-size:32px !important;
    font-weight:700 !important;

    line-height:1.15 !important;

    letter-spacing:-.4px !important;
}


.svoji-featured-title a{
    color:#0B1F3A !important;

    text-decoration:none !important;

    transition:color .18s ease !important;
}


.svoji-featured-title a:hover{
    color:#FF5A2F !important;
}


/* =========================================================
   EXCERPT
   ========================================================= */

.svoji-featured-excerpt{
    width:100% !important;

    margin:0 0 24px 0 !important;
    padding:0 !important;
}


.svoji-featured-excerpt .elementor-widget-container{
    margin:0 !important;
    padding:0 !important;
}


.svoji-featured-excerpt,
.svoji-featured-excerpt p{
    margin:0 !important;

    color:#65748B !important;

    font-size:16px !important;
    font-weight:400 !important;

    line-height:1.6 !important;
}


/* =========================================================
   META ROW
   ========================================================= */

.svoji-featured-meta{
    width:100% !important;

    margin-top:auto !important;
    padding-top:20px !important;

    display:flex !important;
    flex-direction:row !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:20px !important;

    border-top:1px solid #EEF2F5 !important;
}


/* =========================================================
   DATE
   ========================================================= */

.svoji-featured-date{
    width:auto !important;

    margin:0 !important;
    padding:0 !important;
}


.svoji-featured-date,
.svoji-featured-date *{
    color:#7D8798 !important;

    font-size:14px !important;
    font-weight:500 !important;

    line-height:1.2 !important;
}


/* =========================================================
   READ MORE BUTTON
   ========================================================= */

.svoji-featured-readmore{
    width:auto !important;

    margin:0 !important;
    padding:0 !important;
}


.svoji-featured-readmore .elementor-button{
    min-height:44px !important;

    padding:
        0
        20px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#FFFFFF !important;

    background:#FF5A2F !important;

    border:none !important;
    border-radius:999px !important;

    font-size:14px !important;
    font-weight:600 !important;

    box-shadow:
        0 7px 18px rgba(255,90,47,.20) !important;

    transition:
        background-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease !important;
}


.svoji-featured-readmore .elementor-button:hover{
    background:#E94C22 !important;

    transform:translateY(-1px) !important;

    box-shadow:
        0 10px 24px rgba(255,90,47,.27) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1024px){

    .svoji-featured-image img{
        height:320px !important;
    }

    .svoji-featured-content{
        padding:
            24px
            24px
            24px !important;
    }

    .svoji-featured-title .elementor-heading-title{
        font-size:28px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .svoji-featured-card{
        border-radius:18px !important;
    }

    .svoji-featured-image img{
        height:230px !important;
    }

    .svoji-featured-content{
        padding:
            20px
            18px
            20px !important;
    }

    .svoji-featured-title .elementor-heading-title{
        font-size:24px !important;
    }

    .svoji-featured-excerpt,
    .svoji-featured-excerpt p{
        font-size:15px !important;
    }

    .svoji-featured-meta{
        align-items:flex-start !important;
        flex-direction:column !important;

        gap:14px !important;
    }
}/* End custom CSS */