.elementor-98 .elementor-element.elementor-element-1ae58650{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-98 .elementor-element.elementor-element-35016dcc img{width:100%;height:65vh;object-fit:cover;object-position:center center;}.elementor-98 .elementor-element.elementor-element-d8b502f{--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-98 .elementor-element.elementor-element-d8b502f{left:0px;}body.rtl .elementor-98 .elementor-element.elementor-element-d8b502f{right:0px;}.elementor-98 .elementor-element.elementor-element-793051e3 .elementor-heading-title{color:var( --e-global-color-3a5b076 );}.elementor-98 .elementor-element.elementor-element-6dbf0a6{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-98 .elementor-element.elementor-element-3adaa23a{--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-98 .elementor-element.elementor-element-7a290aab{--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-98 .elementor-element.elementor-element-346ef00c{--divider-border-style:solid;--divider-color:var( --e-global-color-b00b189 );--divider-border-width:3px;}.elementor-98 .elementor-element.elementor-element-346ef00c .elementor-divider-separator{width:10%;}.elementor-98 .elementor-element.elementor-element-346ef00c .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-98 .elementor-element.elementor-element-abe7608 img{border-radius:20px 20px 20px 20px;}.elementor-98 .elementor-element.elementor-element-4772e427{margin:2rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-98 .elementor-element.elementor-global-50{--divider-border-style:solid;--divider-color:var( --e-global-color-b00b189 );--divider-border-width:3px;}.elementor-98 .elementor-element.elementor-global-50 .elementor-divider-separator{width:10%;}.elementor-98 .elementor-element.elementor-global-50 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-98 .elementor-element.elementor-element-a785d5b{--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;}.elementor-98 .elementor-element.elementor-element-3d756e7e{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-98 .elementor-element.elementor-element-3d756e7e:not(.elementor-motion-effects-element-type-background), .elementor-98 .elementor-element.elementor-element-3d756e7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-98 .elementor-element.elementor-element-625d90c5{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-98 .elementor-element.elementor-element-579c22f{margin:2rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-98 .elementor-element.elementor-element-4bf155f{font-size:0.7rem;font-style:italic;}.elementor-98 .elementor-element.elementor-element-c4d12a0{margin:2rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-98 .elementor-element.elementor-element-4585d67{margin:2rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-98 .elementor-element.elementor-element-5b255792{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-98 .elementor-element.elementor-element-7dd6398e{--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-98 .elementor-element.elementor-element-651b7408{width:100%;max-width:100%;text-align:start;}.elementor-98 .elementor-element.elementor-element-651b7408 img{width:100%;height:350px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-98 .elementor-element.elementor-element-7c9877ee{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:3rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-98 .elementor-element.elementor-element-7c9877ee:not(.elementor-motion-effects-element-type-background), .elementor-98 .elementor-element.elementor-element-7c9877ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FCFC;}.elementor-98 .elementor-element.elementor-element-1d4a448b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-98 .elementor-element.elementor-element-4a1085a6{--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-98 .elementor-element.elementor-element-a785d5b{--grid-auto-flow:row;}}@media(max-width:1025px){.elementor-98 .elementor-element.elementor-element-a785d5b{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:stretch;}.elementor-98 .elementor-element.elementor-element-228bcce1{grid-column:span 2;}.elementor-98 .elementor-element.elementor-element-2a04b01e{grid-column:span 2;}.elementor-98 .elementor-element.elementor-element-7dd6398e{--gap:2em 0em;--row-gap:2em;--column-gap:0em;--flex-wrap:wrap;}}@media(max-width:767px){.elementor-98 .elementor-element.elementor-element-6dbf0a6{width:100%;max-width:100%;line-height:1.2em;}.elementor-98 .elementor-element.elementor-element-a785d5b{--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-98 .elementor-element.elementor-element-228bcce1{grid-column:span 2;}}@media(min-width:768px){.elementor-98 .elementor-element.elementor-element-7a290aab{--width:70%;}.elementor-98 .elementor-element.elementor-element-4a1085a6{--width:30%;}}@media(max-width:1025px) and (min-width:768px){.elementor-98 .elementor-element.elementor-element-7a290aab{--width:70%;}.elementor-98 .elementor-element.elementor-element-4a1085a6{--width:30%;}}@media(min-width:2400px){.elementor-98 .elementor-element.elementor-element-a785d5b{--grid-auto-flow:row;}}/* Start custom CSS for image, class: .elementor-element-35016dcc *//* Gradijent sloj */
.elementor-98 .elementor-element.elementor-element-35016dcc::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-98 .elementor-element.elementor-element-35016dcc::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-98 .elementor-element.elementor-element-35016dcc img {
    position: relative;
    z-index: 0;
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-320 */.elementor-98 .elementor-element.elementor-global-320,.elementor-98 .elementor-element.elementor-global-320 a {
    font-size: 1rem;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a785d5b *//* 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 container, class: .elementor-element-3d756e7e */.elementor-98 .elementor-element.elementor-element-3d756e7e {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8cc1033 */.benefits-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

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

.benefit-item {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  background-color: #ffffff;
  padding: 0.6rem;
  border-radius: 0.75rem;
  border: 1px solid #f1f5f9;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.check-icon {
  width: 20px;
  height: 20px;
  color: #22c55e;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.benefit-text {
 
  font-weight: 500;
  line-height: 1.5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c4d12a0 */.side-effects-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 2vw, 2rem);
  
}

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

.info-card {
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 1.5rem;
  border: 1px solid;
}

.orange-card {
  background-color: #fff7ed;
  border-color: #fed7aa;
}

.red-card {
  background-color: #fef2f2;
  border-color: #fecaca;
}

.card-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.orange-title {
  color: #9a3412;
}

.red-title {
  color: #991b1b;
}

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

.card-description {
 color: var( --e-global-color-72f193e );
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.6;
}

.info-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  
}

.info-item {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  font-size: 0.875rem;
 color: var( --e-global-color-72f193e );
  line-height: 1.5;
}

.bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 0.5rem;
}

.orange-bullet {
  background-color: #fb923c;
}

.red-bullet {
  background-color: #f87171;
}

.card-note {
  margin-top: 1rem;
  font-size: 0.85rem;
color: var( --e-global-color-72f193e );
  line-height: 1.5;
  font-style: italic;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4585d67 */.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 container, class: .elementor-element-7c9877ee */.elementor-98 .elementor-element.elementor-element-7c9877ee {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}/* End custom CSS */