.elementor-928 .elementor-element.elementor-element-6a70c6ae{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-928 .elementor-element.elementor-element-6986a905 img{width:100%;height:65vh;object-fit:cover;object-position:center center;}.elementor-928 .elementor-element.elementor-element-22cfa5e7{--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-928 .elementor-element.elementor-element-22cfa5e7{left:0px;}body.rtl .elementor-928 .elementor-element.elementor-element-22cfa5e7{right:0px;}.elementor-928 .elementor-element.elementor-element-49e941ce .elementor-heading-title{color:var( --e-global-color-3a5b076 );}.elementor-928 .elementor-element.elementor-element-10d143a8{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-928 .elementor-element.elementor-element-5829fd15{--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-928 .elementor-element.elementor-element-5fddd92{--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-928 .elementor-element.elementor-element-6e5ef5dc{--divider-border-style:solid;--divider-color:var( --e-global-color-b00b189 );--divider-border-width:3px;}.elementor-928 .elementor-element.elementor-element-6e5ef5dc .elementor-divider-separator{width:10%;}.elementor-928 .elementor-element.elementor-element-6e5ef5dc .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-928 .elementor-element.elementor-element-d2765e4{margin:2rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-928 .elementor-element.elementor-global-50{--divider-border-style:solid;--divider-color:var( --e-global-color-b00b189 );--divider-border-width:3px;}.elementor-928 .elementor-element.elementor-global-50 .elementor-divider-separator{width:10%;}.elementor-928 .elementor-element.elementor-global-50 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-928 .elementor-element.elementor-element-4f932274{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--align-items:stretch;}.elementor-928 .elementor-element.elementor-element-65ad5b9d{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-928 .elementor-element.elementor-element-65ad5b9d:not(.elementor-motion-effects-element-type-background), .elementor-928 .elementor-element.elementor-element-65ad5b9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-a7fa67{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-928 .elementor-element.elementor-element-0b5e542{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-928 .elementor-element.elementor-element-7552c09{--divider-border-style:solid;--divider-color:var( --e-global-color-b00b189 );--divider-border-width:3px;}.elementor-928 .elementor-element.elementor-element-7552c09 .elementor-divider-separator{width:10%;}.elementor-928 .elementor-element.elementor-element-7552c09 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-928 .elementor-element.elementor-element-95977c6{margin:2rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-928 .elementor-element.elementor-element-75829526{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-928 .elementor-element.elementor-element-7aa52b89{--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-928 .elementor-element.elementor-element-37245f20{width:100%;max-width:100%;text-align:start;}.elementor-928 .elementor-element.elementor-element-37245f20 img{width:100%;height:250px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-928 .elementor-element.elementor-element-1d4b4df0{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:3rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-928 .elementor-element.elementor-element-1d4b4df0:not(.elementor-motion-effects-element-type-background), .elementor-928 .elementor-element.elementor-element-1d4b4df0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FCFC;}.elementor-928 .elementor-element.elementor-element-42e89e7f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-928 .elementor-element.elementor-element-7439ee77{--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-928 .elementor-element.elementor-element-4f932274{--grid-auto-flow:row;}}@media(max-width:1025px){.elementor-928 .elementor-element.elementor-element-4f932274{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:stretch;}.elementor-928 .elementor-element.elementor-element-149e88a0{grid-column:span 2;}.elementor-928 .elementor-element.elementor-element-3ea33019{grid-column:span 2;}.elementor-928 .elementor-element.elementor-element-22b1df2a{grid-column:span 2;}.elementor-928 .elementor-element.elementor-element-7aa52b89{--gap:2em 0em;--row-gap:2em;--column-gap:0em;--flex-wrap:wrap;}}@media(max-width:767px){.elementor-928 .elementor-element.elementor-element-10d143a8{width:100%;max-width:100%;line-height:1.2em;}.elementor-928 .elementor-element.elementor-element-4f932274{--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-928 .elementor-element.elementor-element-149e88a0{grid-column:span 2;}.elementor-928 .elementor-element.elementor-element-4a9fd6ab{grid-column:span 2;}}@media(min-width:768px){.elementor-928 .elementor-element.elementor-element-5fddd92{--width:70%;}.elementor-928 .elementor-element.elementor-element-7439ee77{--width:30%;}}@media(max-width:1025px) and (min-width:768px){.elementor-928 .elementor-element.elementor-element-5fddd92{--width:70%;}.elementor-928 .elementor-element.elementor-element-7439ee77{--width:30%;}}@media(min-width:2400px){.elementor-928 .elementor-element.elementor-element-4f932274{--grid-auto-flow:row;}}/* Start custom CSS for image, class: .elementor-element-6986a905 *//* Gradijent sloj */
.elementor-928 .elementor-element.elementor-element-6986a905::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-928 .elementor-element.elementor-element-6986a905::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-928 .elementor-element.elementor-element-6986a905 img {
    position: relative;
    z-index: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ea33019 */.elementor-928 .elementor-element.elementor-element-3ea33019 .feature-card {
    background:var( --e-global-color-b00b189 );
    & h3, p {
        color:#fff;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a9fd6ab */.elementor-928 .elementor-element.elementor-element-4a9fd6ab .feature-card {
    background:var( --e-global-color-b00b189 );
    & h3, p {
        color:#fff;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f932274 *//* 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-c4278cc */.info-highlight-box {
  display: flex;
  align-items: center;
  gap: 1rem; /* gap-4 */
  background-color: var( --e-global-color-b00b189 );
  color: #fff; /* brand-700 */
  padding: 1rem; /* p-4 */
  border-radius: 0.75rem; /* rounded-xl */
  margin-top: 1rem; /* mt-4 */
  font-family: 'Inter', sans-serif;
}

.clock-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0; /* shrink-0 */
  color: #fff; /* brand-600 */
}

.highlight-text {
  margin: 0;
  font-weight: 500; /* font-medium */
  font-size: 0.875rem; /* text-sm */
  line-height: 1.5;
}

@media (min-width: 768px) {
  .highlight-text {
    font-size: 1rem; /* md:text-base */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65ad5b9d */.elementor-928 .elementor-element.elementor-element-65ad5b9d {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-95977c6 */.recommended-card {
  background-color: #f0f9f9; 
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 1.5rem;
  border: 1px solid #dbeafe; /* brand-100 - promijenite u vašu brand boju */
}

.recommended-title {
  font-size: 1.25rem;
  font-weight: 500;
  color: var( --e-global-color-72f193e );
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.thumbs-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.recommended-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

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

.recommended-item {
  display: flex;
  gap: 0.5rem;
  align-items: center;
   color: var( --e-global-color-72f193e );
}

.check-small {
  width: 16px;
  height: 16px;
   color: var( --e-global-color-72f193e );
  flex-shrink: 0;
}

.recommended-text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e7966f8 */.warning-section {
    /* bg-red-50 */
    background-color: #fef2f2; 
    /* p-[clamp(1.5rem,3vw,3rem)] */
    padding: clamp(1.5rem, 3vw, 3rem);
    /* rounded-3xl */
    border-radius: 1.5rem;
    /* border border-red-100 */
    border: 1px solid #fee2e2;
    margin: 2rem 0;
}

.warning-header {
    display: flex;
    align-items: center;
    gap: 0.75rem; /* gap-3 */
    margin-bottom: 1.5rem; /* mb-6 */
}

.warning-icon-wrapper {
    /* w-[clamp(2.5rem,4vw,3rem)] h-[clamp(2.5rem,4vw,3rem)] */
    width: clamp(2.5rem, 4vw, 3rem);
    height: clamp(2.5rem, 4vw, 3rem);
    /* bg-red-100 */
    background-color: #fee2e2;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* text-red-500 */
    color: #ef4444;
    flex-shrink: 0;
}

.warning-title {
    /* text-[clamp(1.5rem,2.5vw,2rem)] */
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 300; /* font-light */
    color: #1e293b; /* text-slate-800 */
    margin: 0;
    line-height: 1.2;
    font-family: 'Inter', sans-serif;
}

.warning-content {
    /* text-slate-700 leading-relaxed text-[clamp(1rem,1.1vw,1.125rem)] */
    color: #334155;
    line-height: 1.625;
    font-size: clamp(1rem, 1.1vw, 1.125rem);
    font-family: 'Inter', sans-serif;
}

.warning-content p:not(:last-child) {
    margin-bottom: 1rem; /* space-y-4 */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4b4df0 */.elementor-928 .elementor-element.elementor-element-1d4b4df0 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}/* End custom CSS */