.elementor-15 .elementor-element.elementor-element-f7e1c9c{--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;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-95fc470{--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;--margin-top:1%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.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-15 .elementor-element.elementor-element-a70af3f{--e-transform-rotateZ:-2deg;text-align:center;}.elementor-15 .elementor-element.elementor-element-a70af3f .elementor-heading-title{font-family:"Patrick Hand", Sans-serif;font-size:40px;font-weight:400;font-style:normal;letter-spacing:2px;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-cfbdf95{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0.3%;}.elementor-15 .elementor-element.elementor-element-8217ce7{--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-15 .elementor-element.elementor-element-e8faad6{--display:flex;--min-height:160px;}.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-15 .elementor-element.elementor-element-c527fce{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.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-15 .elementor-element.elementor-element-54a48d4{text-align:center;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-763037e{--display:flex;}.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-15 .elementor-element.elementor-element-1033b26 .elementor-button{background-color:#466178;}.elementor-15 .elementor-element.elementor-element-e2deec5{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15 .elementor-element.elementor-element-6c545f5{text-align:center;}.elementor-15 .elementor-element.elementor-element-6c545f5 img{width:50%;}.elementor-15 .elementor-element.elementor-element-2660175{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-15 .elementor-element.elementor-element-c2be711{text-align:center;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-21b1e8f{--display:flex;}.elementor-15 .elementor-element.elementor-element-9346e2e .elementor-button{background-color:#466178;}.elementor-15 .elementor-element.elementor-element-6ec0b70{--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-15 .elementor-element.elementor-element-f17ca7f{--display:flex;--min-height:160px;}.elementor-15 .elementor-element.elementor-element-71184fd{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-15 .elementor-element.elementor-element-098ba31{text-align:center;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-844e063{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15 .elementor-element.elementor-element-44f59e7 .elementor-button{background-color:#466178;}.elementor-15 .elementor-element.elementor-element-5e28462{--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:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-4%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-15 .elementor-element.elementor-element-9365a37{text-align:center;}.elementor-15 .elementor-element.elementor-element-9365a37 .elementor-heading-title{font-family:"Source Sans 3", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-dd1d78e{margin:0% 26% calc(var(--kit-widget-spacing, 0px) + 0%) 26%;text-align:center;}.elementor-15 .elementor-element.elementor-element-dd1d78e .elementor-heading-title{font-family:"Source Sans 3", Sans-serif;font-size:18px;font-weight:300;line-height:24px;color:#FFFFFF;}body.elementor-page-15:not(.elementor-motion-effects-element-type-background), body.elementor-page-15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00132D;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-5e28462{--margin-top:-2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-8217ce7{--width:33%;}.elementor-15 .elementor-element.elementor-element-e2deec5{--width:34%;}.elementor-15 .elementor-element.elementor-element-6ec0b70{--width:33%;}}/* Start custom CSS for image, class: .elementor-element-f0611cb */@media (min-width: 768px) and (max-width: 1024px){
  .elementor-element-e8faad6 > .elementor-element-f0611cb{
    transform: translateY(6%) !important;
  }
  .elementor-element-e8faad6 > .elementor-element-f0611cb{
    margin-bottom: -18% !important; 
  }
  body .elementor .elementor-element-8217ce7.pp-focus-card{
    --img-width: 88% !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8217ce7 */.elementor-15 .elementor-element.elementor-element-8217ce7{
  --img-scale: 1.4; 
  --rest-up: 28px;
  --img-comp: 100px;

  --button-shift: 40px;
  --btn-rest-up: -12px;

  --gap-img-text: 20px;
  --gap-text-btn: 35px;
  --details-block: 115px;

  --details-hover-up-on: 170px;
  --btn-extra-down: 20px;

  --bg-hover: url("/wp-content/uploads/2025/12/macbook_background_b.png");
  --bg-size-hover: contain;

  --image-min-h: 260px;
  --img-bottom-pad: 0px;

  --mobile-img-scale: 1.15;
  --img-width: 80%;
}
/* Card #1 tweaks */

/* 1) Image: move up a bit on hover */
.elementor-15 .elementor-element.elementor-element-8217ce7:hover .main-image-2{
  transform: translateY(calc(var(--rest-up) - 12px)) scale(var(--img-scale)) !important;
  transform-origin: center bottom !important;
}

/* 2) Button: closer under the text on hover */
.elementor-15 .elementor-element.elementor-element-8217ce7{
  --details-block: 65px;
  --gap-text-btn: 0px;
  --btn-extra-down: 0px;
}
.elementor-15 .elementor-element.elementor-element-8217ce7{
justify-content: flex-start !important;
}

.elementor-15 .elementor-element.elementor-element-8217ce7:not(:hover){
--btn-rest-up: -60px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2deec5 */.elementor-15 .elementor-element.elementor-element-e2deec5{
  /* Back to normal sizing (no forced 0.33/0.66 scaling) */
  --img-scale: 1.3;        /* hover scale (tune 1.15–1.35 if needed) */
  --rest-up: -30px;        /* same vibe as your old element #2 */
  --img-comp: 60px;

  --button-shift: 70px;
  --btn-rest-up: 0px;

  --gap-img-text: 10px;
  --gap-text-btn: 35px;
  --details-block: 115px;

  --details-hover-up-on: 170px;
  --btn-extra-down: 20px;

  /* IMPORTANT: hover background for element #2 */
  --bg-hover: url("/wp-content/uploads/2026/01/petar_perunovic.png");
  --bg-size-hover: contain;

  /* Give portrait room + bottom alignment */
  --image-min-h: 320px;
  --img-width: 50%;
}

@media (hover: hover) and (pointer: fine){

/* HOVER: image a bit DOWN */
.elementor-15 .elementor-element.elementor-element-e2deec5:hover .main-image{
transform: translateY(calc(var(--rest-up) + 30px)) scale(var(--img-scale)) !important;
transform-origin: center bottom !important;
}

/* HOVER: put text between image and button (small gap) */
.elementor-15 .elementor-element.elementor-element-e2deec5:hover .main-details{
position: static !important; / overrides global absolute only on hover /
margin-top: 12px !important; / image -> text gap */
}

/* HOVER: button directly under text (small gap) */
.elementor-15 .elementor-element.elementor-element-e2deec5:hover .button-details{
transform: none !important; / cancels global "drop" only on hover /
margin-top: 12px !important; / text -> button gap */
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b0a16e6 */@media (min-width: 768px) and (max-width: 1024px){
  .elementor-element-6ec0b70 .elementor-element-b0a16e6{
    transform: translateY(14%) !important; 
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec0b70 */.elementor-15 .elementor-element.elementor-element-6ec0b70{
  --img-scale: 1.45;
  --rest-up: 6px;
  --img-comp: 60px;

  --button-shift: 40px;
  --btn-rest-up: 0px;

  --gap-img-text: 16px;
  --gap-text-btn: 35px;  /* match element #1 spacing */
  --details-block: 15px;

  --details-hover-up-on: 150px;
  --btn-extra-down: 20px;

  --bg-hover: url("/wp-content/uploads/2025/12/seo_background_b.png");
  --bg-size-hover: contain;

  --image-min-h: 260px;
  --img-bottom-pad: 0px;

  --mobile-img-scale: 1.15;
  --img-width: 65%;
}
.elementor-15 .elementor-element.elementor-element-6ec0b70{
justify-content: flex-start !important;
}

.elementor-15 .elementor-element.elementor-element-6ec0b70:not(:hover){
--btn-rest-up: -24px; 
}

/* Move EVERYTHING down only on hover */
.elementor-15 .elementor-element.elementor-element-6ec0b70{
  --hover-down: 20px;
}

@media (hover: hover) and (pointer: fine){
  .elementor-15 .elementor-element.elementor-element-6ec0b70:hover{
    /* cancel any global "lift" that might push it up */
    --lift: 0px !important;

    transform: translateY(var(--hover-down)) !important;
  }
}/* End custom CSS */