.elementor-162 .elementor-element.elementor-element-5239f5e5{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162 .elementor-element.elementor-element-39168f1c img{width:100%;height:80vh;object-fit:cover;object-position:top center;}.elementor-162 .elementor-element.elementor-element-3bad0ae6{--display:flex;--position:absolute;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;bottom:0px;--z-index:10;}body:not(.rtl) .elementor-162 .elementor-element.elementor-element-3bad0ae6{left:0px;}body.rtl .elementor-162 .elementor-element.elementor-element-3bad0ae6{right:0px;}.elementor-162 .elementor-element.elementor-element-46786c85 .elementor-heading-title{color:var( --e-global-color-3a5b076 );}.elementor-162 .elementor-element.elementor-element-1b9c0652{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;color:var( --e-global-color-3a5b076 );}.elementor-162 .elementor-element.elementor-element-301baf39{--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;--align-items:stretch;--gap:3em 3em;--row-gap:3em;--column-gap:3em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162 .elementor-element.elementor-element-431c3721{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162 .elementor-element.elementor-element-37f386d9{--divider-border-style:solid;--divider-color:var( --e-global-color-b00b189 );--divider-border-width:3px;}.elementor-162 .elementor-element.elementor-element-37f386d9 .elementor-divider-separator{width:10%;}.elementor-162 .elementor-element.elementor-element-37f386d9 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-162 .elementor-element.elementor-element-38bbfa56{margin:2rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-162 .elementor-element.elementor-global-50{--divider-border-style:solid;--divider-color:var( --e-global-color-b00b189 );--divider-border-width:3px;}.elementor-162 .elementor-element.elementor-global-50 .elementor-divider-separator{width:10%;}.elementor-162 .elementor-element.elementor-global-50 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-162 .elementor-element.elementor-element-5d291b98{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--align-items:stretch;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162 .elementor-element.elementor-element-37d54391{padding:0px 0px 0px 0px;}.elementor-162 .elementor-element.elementor-element-3f8b57ee{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-162 .elementor-element.elementor-element-92e899f{background-color:#FFFFFF;padding:2rem 2rem 2rem 2rem;border-radius:10px 10px 10px 10px;}.elementor-162 .elementor-element.elementor-element-d01af7f{padding:2rem 2rem 2rem 2rem;}.elementor-162 .elementor-element.elementor-element-4782fd0{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-162 .elementor-element.elementor-element-55ccba00{--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;--align-items:center;--gap:0em 3em;--row-gap:0em;--column-gap:3em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162 .elementor-element.elementor-element-137775a9{width:100%;max-width:100%;text-align:start;}.elementor-162 .elementor-element.elementor-element-137775a9 img{width:100%;height:350px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-162 .elementor-element.elementor-element-613c5ee7{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:3rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-162 .elementor-element.elementor-element-613c5ee7:not(.elementor-motion-effects-element-type-background), .elementor-162 .elementor-element.elementor-element-613c5ee7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FCFC;}.elementor-162 .elementor-element.elementor-element-4fc7812f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-162 .elementor-element.elementor-element-3b07cf82{--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:2.2em 1em;--row-gap:2.2em;--column-gap:1em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1366px){.elementor-162 .elementor-element.elementor-element-5d291b98{--grid-auto-flow:row;}}@media(max-width:1025px){.elementor-162 .elementor-element.elementor-element-5d291b98{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:stretch;}.elementor-162 .elementor-element.elementor-element-37d54391{grid-column:span 2;}.elementor-162 .elementor-element.elementor-element-89cf762{grid-column:span 2;}.elementor-162 .elementor-element.elementor-element-55ccba00{--gap:2em 0em;--row-gap:2em;--column-gap:0em;--flex-wrap:wrap;}}@media(max-width:767px){.elementor-162 .elementor-element.elementor-element-39168f1c img{height:70vh;}.elementor-162 .elementor-element.elementor-element-1b9c0652{width:100%;max-width:100%;line-height:1.2em;}.elementor-162 .elementor-element.elementor-element-5d291b98{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-162 .elementor-element.elementor-element-37d54391{grid-column:span 2;}}@media(min-width:768px){.elementor-162 .elementor-element.elementor-element-431c3721{--width:70%;}.elementor-162 .elementor-element.elementor-element-3b07cf82{--width:30%;}}@media(max-width:1025px) and (min-width:768px){.elementor-162 .elementor-element.elementor-element-431c3721{--width:70%;}.elementor-162 .elementor-element.elementor-element-3b07cf82{--width:30%;}}@media(min-width:2400px){.elementor-162 .elementor-element.elementor-element-5d291b98{--grid-auto-flow:row;}}/* Start custom CSS for image, class: .elementor-element-39168f1c *//* Gradijent sloj */
.elementor-162 .elementor-element.elementor-element-39168f1c::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, 
        rgba(15, 23, 42, 0.9) 0%,   /* tamna osnova */
        rgba(15, 23, 42, 0.5) 50%, 
        rgba(15, 23, 42, 0.2) 100%
    );
    z-index: 1;
}

/* Mix-blend sloj (brand boja) */
.elementor-162 .elementor-element.elementor-element-39168f1c::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(19, 78, 74, 0.15); /* brand-900/15 */
    mix-blend-mode: overlay;
    z-index: 2;
}

/* Osiguraj da img tag ostane ispod overleja */
.elementor-162 .elementor-element.elementor-element-39168f1c img {
    position: relative;
    z-index: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89cf762 */.elementor-162 .elementor-element.elementor-element-89cf762 .feature-card {
    background: var( --e-global-color-b00b189 );
    & h3,p {
        color:#fff;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d291b98 *//* Osnovni stilovi za karticu */
.feature-card {
    background-color: #ffffff;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    border-radius: 1rem; /* rounded-2xl */
    border: 1px solid #f1f5f9; /* border-slate-100 */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */
    transition: all 0.30s ease; /* duration-300 */
    display: flex;
    flex-direction: column;
    height: 100%;
    cursor: pointer;
    width: 100%;
}

/* Hover efekat - podizanje i senka */
.feature-card:hover {
    transform: translateY(-4px); /* hover:-translate-y-1 */
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* hover:shadow-xl */
}

/* Kontejner za ikonicu */
.icon-wrapper {
    width: 3rem;
    height: 3rem;
    background-color: #f0f9f9; /* bg-brand-50 */
    border-radius: 0.75rem; /* rounded-xl */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    transition: background-color 0.3s ease;
}

/* Ikonica */
.card-icon {
    color: #0d9488; /* text-brand-600 (Teal) */
    transition: color 0.3s ease;
}

/* Hover promena boje ikonice i njene pozadine */
.feature-card:hover .icon-wrapper {
    background-color: #0d9488; /* group-hover:bg-brand-600 */
}

.feature-card:hover .card-icon  {
    color: #ffffff; /* group-hover:text-white */
}

/* Tipografija */
.card-title {
    font-size: clamp(1.1rem, 1.5vw, 1.25rem);
    font-weight: 500;
    color: #1e293b; /* text-slate-800 */
    margin: 0 0 0.75rem 0;
   
}

.card-description {
    font-size: clamp(0.9rem, 1vw, 1rem);
    line-height: 1.6;
    color: #475569; /* text-slate-600 */
    margin: 0;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92e899f *//* Kontejner sa vertikalnim razmakom */
.feature-list {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 1.5rem; /* space-y-6 */
    font-family: 'Inter', sans-serif;
    max-width: 800px;
}

/* Red (Stavka) */
.feature-item {
    display: flex;
    gap: 1rem; /* gap-4 */
    align-items: flex-start;
}

/* Krug za ikonu */
.icon-wrapper {
    padding: 0.75rem; /* p-3 */
    border-radius: 9999px; /* rounded-full */
    flex-shrink: 0; /* shrink-0 */
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-wrapper svg {
    width: 24px;
    height: 24px;
}

/* Boje za ikone */
.icon-wrapper.orange {
    background-color: #ffedd5; /* orange-100 */
    color: #ea580c; /* orange-600 */
}

.icon-wrapper.blue {
    background-color: #dbeafe; /* blue-100 */
    color: #2563eb; /* blue-600 */
}

/* Tekstualni sadržaj */
.feature-content h3 {
    font-size: 1.25rem; /* text-xl */
    font-weight: 500;
    color: #1e293b; /* slate-800 */
    margin: 0 0 0.5rem 0; /* mb-2 */
}

.feature-content p {
    font-size: 1rem;
    line-height: 1.625; /* leading-relaxed */
    color: #475569; /* slate-600 */
    margin: 0;
}

/* Prilagođavanje za manje ekrane */
@media (max-width: 640px) {
    .feature-item {
        gap: 0.75rem;
    }
    
    .feature-content h3 {
        font-size: 1.125rem;
    }
    
    .feature-content p {
        font-size: 0.9375rem;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d01af7f *//* 1. STILOVI ZA VEŽBE KOD KUĆE */
.home-exercises-section {
    background-color: #f0f9f9; /* brand-50 */
    padding: clamp(1.5rem, 3vw, 3rem);
    border-radius: 1.5rem; /* rounded-3xl */
    border: 1px solid #dcfce7; /* brand-100 */
    margin-bottom: 4rem;
}

.section-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.icon-circle {
    width: clamp(2.5rem, 4vw, 3rem);
    height: clamp(2.5rem, 4vw, 3rem);
    background-color: #dcfce7; /* brand-100 */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0d9488; /* brand-600 */
    flex-shrink: 0;
}

.icon-circle svg { width: 24px; height: 24px; }

.section-title-light {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 300;
    color: #1e293b;
    margin: 0;
    line-height: 1.2;
}

.section-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: #334155;
    line-height: 1.6;
    font-size: clamp(1rem, 1.1vw, 1.125rem);
}

/* 2. STILOVI ZA KOME JE NAMENJENO */


.title-wrapper { margin-bottom: 2.5rem; }

.main-title {
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 300;
    color: #1e293b;
    margin: 0;
    line-height: 1.2;
}

.title-underline {
    width: 80px;
    height: 4px;
    background-color: #0d9488;
    margin-top: 1rem;
    border-radius: 999px;
    opacity: 0.6;
}

.audience-intro p {
    color: #475569;
    font-size: clamp(1rem, 1.1vw, 1.125rem);
    margin-bottom: 1.5rem;
}

/* Grid sa karticama */
.audience-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1.5rem;
}

@media (min-width: 768px) {
    .audience-grid { grid-template-columns: repeat(2, 1fr); }
}

.audience-card {
    background-color: #ffffff;
    padding: 1rem;
    border-radius: 0.75rem; /* rounded-xl */
    border: 1px solid #f1f5f9; /* border-slate-100 */
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.check-icon {
    color: #22c55e; /* brand-500 */
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.card-text {
    color: #334155;
    font-weight: 500;
    font-size: 0.9375rem;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-613c5ee7 */.elementor-162 .elementor-element.elementor-element-613c5ee7 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}/* End custom CSS */