{"id":1477,"date":"2024-08-20T11:52:46","date_gmt":"2024-08-20T11:52:46","guid":{"rendered":"https:\/\/niatel.com.ba\/?page_id=1477"},"modified":"2025-10-02T15:47:12","modified_gmt":"2025-10-02T13:47:12","slug":"products-services","status":"publish","type":"page","link":"https:\/\/niatel.com.ba\/bs\/products-services\/","title":{"rendered":"Products &#038; Services"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; admin_label=&#8221;Header&#8221; module_class=&#8221;static-bg-behind-section&#8221; _builder_version=&#8221;4.27.4&#8243; background_color=&#8221;#f9f9f9&#8243; background_enable_image=&#8221;off&#8221; parallax=&#8221;on&#8221; z_index=&#8221;0&#8243; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px|0|0px|0px|false|false&#8221; animation_direction=&#8221;top&#8221; custom_css_main_element=&#8221;||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_header title=&#8221;Innovative Products and Top-Tier Services&#8221; text_orientation=&#8221;center&#8221; header_scroll_down=&#8221;on&#8221; scroll_down_icon=&#8221;%%1%%&#8221; button_one_url=&#8221;@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjExMzMifX0=@&#8221; button_two_url=&#8221;@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjExNzUifX0=@&#8221; content_max_width=&#8221;99%&#8221; admin_label=&#8221;Fullwidth Header&#8221; _builder_version=&#8221;4.27.4&#8243; _dynamic_attributes=&#8221;button_one_url,button_two_url&#8221; title_font=&#8221;Merriweather||||||||&#8221; title_text_align=&#8221;center&#8221; title_font_size=&#8221;80px&#8221; title_line_height=&#8221;1.4em&#8221; content_font=&#8221;Open Sans||||||||&#8221; content_text_align=&#8221;center&#8221; content_font_size=&#8221;18px&#8221; content_line_height=&#8221;1.8em&#8221; background_enable_color=&#8221;off&#8221; background_image=&#8221;https:\/\/niatel.com.ba\/wp-content\/uploads\/2025\/10\/Niatel-Products__Services-Header.webp&#8221; parallax=&#8221;on&#8221; parallax_method=&#8221;on&#8221; button_one_text_color=&#8221;#000000&#8243; button_one_bg_use_color_gradient=&#8221;on&#8221; button_one_bg_color_gradient_direction=&#8221;145deg&#8221; button_one_bg_color_gradient_stops=&#8221;#f8cc47 0%|gcid-aaa5a766-4774-4fd2-9888-c3bce29319c0 85%&#8221; button_one_border_color=&#8221;rgba(0,0,0,0)&#8221; button_one_border_radius=&#8221;0px&#8221; button_one_letter_spacing=&#8221;1px&#8221; button_one_font=&#8221;|700||on|||||&#8221; button_one_custom_padding=&#8221;16px|28px|16px|28px|true|true&#8221; button_two_border_width=&#8221;2px&#8221; button_two_border_radius=&#8221;0px&#8221; button_two_letter_spacing=&#8221;1px&#8221; button_two_font=&#8221;|700||on|||||&#8221; button_two_custom_padding=&#8221;16px|28px|16px|28px|true|true&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;10vw||10vw||true&#8221; custom_padding_tablet=&#8221;100px||100px||true&#8221; custom_padding_phone=&#8221;|||&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;top&#8221; title_font_size_tablet=&#8221;54px&#8221; title_font_size_phone=&#8221;34px&#8221; title_font_size_last_edited=&#8221;on|phone&#8221; content_font_size_tablet=&#8221;&#8221; content_font_size_phone=&#8221;16px&#8221; content_font_size_last_edited=&#8221;on|phone&#8221; background_last_edited=&#8221;on|desktop&#8221; background_image_tablet=&#8221;https:\/\/niatel.com.ba\/wp-content\/uploads\/2025\/10\/Products-Services-Header-Photo_mobile.webp&#8221; background_image_phone=&#8221;https:\/\/niatel.com.ba\/wp-content\/uploads\/2025\/10\/Products-Services-Header-Photo_mobile.webp&#8221; background_enable_image_tablet=&#8221;on&#8221; background_enable_image_phone=&#8221;on&#8221; custom_css_free_form=&#8221;||||&#8221; custom_css_header_container=&#8221;max-width: 1280px;||width: 100%;&#8221; button_one_border_color_hover=&#8221;#ff8a3d&#8221; button_one_border_radius_hover=&#8221;100px&#8221; button_one_letter_spacing_hover=&#8221;5px&#8221; button_one_bg_color_hover=&#8221;#ff8a3d&#8221; global_colors_info=&#8221;{%22gcid-aaa5a766-4774-4fd2-9888-c3bce29319c0%22:%91%22button_one_bg_color_gradient_stops%22%93}&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover=&#8221;#ff8a3d&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover=&#8221;100px&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover=&#8221;5px&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;on|hover&#8221; button_one_bg_color__hover=&#8221;#ff8a3d&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color_gradient_stops__hover=&#8221;#2db5b4 25%|#f8cc47 100%&#8221; button_one_bg_use_color_gradient__hover=&#8221;on&#8221;][\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f9f9f9&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code admin_label=&#8221;Fullwidth Code&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; animation_direction=&#8221;left&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<section class=\"partner-section\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<h2 class=\"partner-title\">Companies Whose Products &#038; Services We Offer<\/h2>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"partner-grid\"><!-- [et_pb_line_break_holder] -->    <a href=\"https:\/\/kontron-slovenia.com\/\" target=\"_blank\" class=\"partner-card\" rel=\"noopener\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"logo-wrapper\"><!-- [et_pb_line_break_holder] -->        <picture><source srcset=\"https:\/\/niatel.com.ba\/wp-content\/webp-express\/webp-images\/doc-root\/wp-content\/uploads\/2025\/07\/Kontron.png.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/niatel.com.ba\/wp-content\/uploads\/2025\/07\/Kontron.png\" alt=\"Kontron\" class=\"webpexpress-processed\"><\/picture><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"more-overlay\"><span class=\"more-text\"><span class=\"more-label\">VI\u0160E<\/span><span<!--___noise___ 1124-->            class=&#8221;arrow&#8221;>\u27a4<\/span><\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/a><!-- [et_pb_line_break_holder] -->    <a href=\"https:\/\/www.viavisolutions.com\/en-us\" target=\"_blank\" class=\"partner-card\" rel=\"noopener\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"logo-wrapper\"><!-- [et_pb_line_break_holder] -->        <picture><source srcset=\"https:\/\/niatel.com.ba\/wp-content\/webp-express\/webp-images\/doc-root\/wp-content\/uploads\/2025\/07\/VIAVI.png.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/niatel.com.ba\/wp-content\/uploads\/2025\/07\/VIAVI.png\" alt=\"VIAVI\" class=\"webpexpress-processed\"><\/picture><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"more-overlay\"><span class=\"more-text\"><span class=\"more-label\">VI\u0160E<\/span><span<!--___noise___ 1117-->            class=&#8221;arrow&#8221;>\u27a4<\/span><\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/a><!-- [et_pb_line_break_holder] -->    <a href=\"https:\/\/www.fujikura.co.jp\/en\/\" target=\"_blank\" class=\"partner-card\" rel=\"noopener\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"logo-wrapper\"><!-- [et_pb_line_break_holder] -->        <picture><source srcset=\"https:\/\/niatel.com.ba\/wp-content\/webp-express\/webp-images\/doc-root\/wp-content\/uploads\/2025\/07\/Fujikura.png.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/niatel.com.ba\/wp-content\/uploads\/2025\/07\/Fujikura.png\" alt=\"Fujikura\" class=\"webpexpress-processed\"><\/picture><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"more-overlay\"><span class=\"more-text\"><span class=\"more-label\">VI\u0160E<\/span><span<!--___noise___ 1110-->            class=&#8221;arrow&#8221;>\u27a4<\/span><\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/a><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"dot-bounce\"><!-- [et_pb_line_break_holder] -->    <span class=\"dot\" style=\"animation-delay: 0s\"><\/span><!-- [et_pb_line_break_holder] -->    <span class=\"dot\" style=\"animation-delay: 0.2s\"><\/span><!-- [et_pb_line_break_holder] -->    <span class=\"dot\" style=\"animation-delay: 0.4s\"><\/span><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <pee class=\"other-note\">i druge kompanije u zavisnosti od va\u0161ih potreba<\/pee><!-- [et_pb_line_break_holder] --><\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->  .partner-section {<!-- [et_pb_line_break_holder] -->    padding: 4rem 2rem 2rem 2rem;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    font-family: 'Inter', sans-serif !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .partner-title {<!-- [et_pb_line_break_holder] -->    font-size: 2rem;<!-- [et_pb_line_break_holder] -->    color: #2D72B5;<!-- [et_pb_line_break_holder] -->    margin-bottom: 3rem;<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    transform: translateY(30px);<!-- [et_pb_line_break_holder] -->    transition: opacity 0.6s ease, transform 0.6s ease;<!-- [et_pb_line_break_holder] -->    font-family: 'Inter', sans-serif !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .partner-grid {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] -->    gap: 2rem;<!-- [et_pb_line_break_holder] -->    flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .partner-card {<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->    width: 340px;<!-- [et_pb_line_break_holder] -->    height: 150px;<!-- [et_pb_line_break_holder] -->    background: white;<!-- [et_pb_line_break_holder] -->    border-radius: 1rem;<!-- [et_pb_line_break_holder] -->    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15),<!-- [et_pb_line_break_holder] -->            0 3px 8px rgba(0, 0, 0, 0.12);<!-- [et_pb_line_break_holder] -->    overflow: hidden;<!-- [et_pb_line_break_holder] -->    transition: transform 0.3s ease;<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] -->    text-decoration: none;<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    transform: translateY(40px);<!-- [et_pb_line_break_holder] -->    transition: opacity 0.6s ease, transform 0.6s ease;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .logo-wrapper {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    height: 100%;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .partner-card img {<!-- [et_pb_line_break_holder] -->    max-width: 90%;<!-- [et_pb_line_break_holder] -->    max-height: 90%;<!-- [et_pb_line_break_holder] -->    object-fit: contain;<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .logo-wrapper picture {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    height: 100%;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .logo-wrapper picture>img {<!-- [et_pb_line_break_holder] -->    max-width: 90%;<!-- [et_pb_line_break_holder] -->    max-height: 90%;<!-- [et_pb_line_break_holder] -->    object-fit: contain;<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .more-overlay {<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    top: 50%;<!-- [et_pb_line_break_holder] -->    left: 0;<!-- [et_pb_line_break_holder] -->    transform: translateY(-50%);<!-- [et_pb_line_break_holder] -->    width: 0;<!-- [et_pb_line_break_holder] -->    height: 100%;<!-- [et_pb_line_break_holder] -->    background: #3FD1CC;<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] -->    overflow: hidden;<!-- [et_pb_line_break_holder] -->    transition: width 0.4s ease;<!-- [et_pb_line_break_holder] -->    z-index: 2;<!-- [et_pb_line_break_holder] -->    border-radius: 0 1rem 1rem 0;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .partner-card:hover .more-overlay {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .more-overlay .more-text {<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    font-size: 1.4rem;<!-- [et_pb_line_break_holder] -->    font-weight: 750;<!-- [et_pb_line_break_holder] -->    transition: opacity 0.3s ease 0.3s;<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    gap: 0.5rem;<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .more-overlay .more-label::after {<!-- [et_pb_line_break_holder] -->    content: \"\";<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    left: 0;<!-- [et_pb_line_break_holder] -->    bottom: -2.5px;<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    height: 2px;<!-- [et_pb_line_break_holder] -->    background: white;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .partner-card:hover .more-text {<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .dot-bounce {<!-- [et_pb_line_break_holder] -->    margin-top: 3rem;<!-- [et_pb_line_break_holder] -->    margin-bottom: 1rem;<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] -->    gap: 0.5rem;<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    transform: translateY(30px);<!-- [et_pb_line_break_holder] -->    transition: opacity 0.6s ease, transform 0.6s ease;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .dot {<!-- [et_pb_line_break_holder] -->    width: 12px;<!-- [et_pb_line_break_holder] -->    height: 12px;<!-- [et_pb_line_break_holder] -->    border-radius: 50%;<!-- [et_pb_line_break_holder] -->    background: #7A1FA2;<!-- [et_pb_line_break_holder] -->    border: 3px solid white;<!-- [et_pb_line_break_holder] -->    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3),<!-- [et_pb_line_break_holder] -->              0 2px 6px rgba(0, 0, 0, 0.25);<!-- [et_pb_line_break_holder] -->    animation: bounce 1.2s infinite ease-in-out;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @keyframes bounce {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    0%,<!-- [et_pb_line_break_holder] -->    70%,<!-- [et_pb_line_break_holder] -->    100% {<!-- [et_pb_line_break_holder] -->      transform: translateY(0);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    35% {<!-- [et_pb_line_break_holder] -->      transform: translateY(-10px);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .other-note {<!-- [et_pb_line_break_holder] -->    margin-top: 0;<!-- [et_pb_line_break_holder] -->    color: #7A1FA2;<!-- [et_pb_line_break_holder] -->    font-size: 1.8rem;<!-- [et_pb_line_break_holder] -->    font-style: normal;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    transform: translateY(30px);<!-- [et_pb_line_break_holder] -->    transition: opacity 0.6s ease, transform 0.6s ease;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .partner-title.visible,<!-- [et_pb_line_break_holder] -->  .partner-card.visible,<!-- [et_pb_line_break_holder] -->  .dot-bounce.visible,<!-- [et_pb_line_break_holder] -->  .other-note.visible {<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->    transform: translateY(0);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->  document.addEventListener('DOMContentLoaded', () => {<!-- [et_pb_line_break_holder] -->    const section = document.querySelector('.partner-section');<!-- [et_pb_line_break_holder] -->    const elements = section.querySelectorAll('.partner-title, .partner-card, .dot-bounce, .other-note');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const observer = new IntersectionObserver(entries => {<!-- [et_pb_line_break_holder] -->      entries.forEach(entry => {<!-- [et_pb_line_break_holder] -->        if (entry.isIntersecting) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          elements.forEach(el => el.classList.add('visible'));<!-- [et_pb_line_break_holder] -->          observer.unobserve(section);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      });<!-- [et_pb_line_break_holder] -->    }, {<!-- [et_pb_line_break_holder] -->      root: null,<!-- [et_pb_line_break_holder] -->      threshold: 0,<!-- [et_pb_line_break_holder] -->      rootMargin: '-50% 0px -50% 0px'<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    observer.observe(section);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const cards = section.querySelectorAll('.partner-card');<!-- [et_pb_line_break_holder] -->    cards.forEach((card, index) => {<!-- [et_pb_line_break_holder] -->      card.style.transitionDelay = `${index * 0.15 + 0.2}s`;<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f9f9f9&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code admin_label=&#8221;Fullwidth Code&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; animation_direction=&#8221;right&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<section class=\"niatel-services\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"services-header fade-up\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h2>Na\u0161e usluge<\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <pee>Va\u0161 partner u pouzdanim i najsavremenijim telekomunikacijskim rje\u0161enjima<\/pee><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"services-grid\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"service-card fade-up\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"icon\"><i class=\"fas fa-project-diagram\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<h3>Dizajn, instalacija i integracija<\/h3>\n<p><!-- [et_pb_line_break_holder] -->            <pee>We offer our customers a comprehensive service of design, installation, testing, and integration of<!-- [et_pb_line_break_holder] -->                equipment into their networks, including technical acceptance tests, to ensure that the entire system<!-- [et_pb_line_break_holder] -->                functions in accordance with the agreed specifications. More than 25 years of experience and numerous<!-- [et_pb_line_break_holder] -->                successfully completed projects are the best guarantee of quality for future projects.<\/pee><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"service-card fade-up\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"icon\"><i class=\"fas fa-headset\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<h3>Tehni\u010dka podr\u0161ka<\/h3>\n<p><!-- [et_pb_line_break_holder] -->            <pee>We provide expert technical support for all products and services, ensuring the smooth operation<!-- [et_pb_line_break_holder] -->                and maintenance of equipment and systems delivered by us or our partners. Our continuous 24\/7\/365<!-- [et_pb_line_break_holder] -->                support can be contracted even during the out-of-warranty period,<!-- [et_pb_line_break_holder] -->                guaranteeing reliable and uninterrupted operation of equipment and systems.<\/pee><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"service-card fade-up\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"icon\"><i class=\"fas fa-tools\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<h3>Servis<\/h3>\n<p><!-- [et_pb_line_break_holder] -->            <pee>Regular and proper maintenance, as well as quick servicing in the event of a failure, are key to<!-- [et_pb_line_break_holder] -->                extending the life of the equipment and its reliable operation. As part of after-sales support, we offer<!-- [et_pb_line_break_holder] -->                regular maintenance and service during the warranty and post-warranty periods, either locally or in<!-- [et_pb_line_break_holder] -->                authorized service centers of the manufacturer, depending on the complexity of the problem.<\/pee><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"service-card fade-up\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"icon\"><i class=\"fas fa-download\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<h3>A\u017euriranje softvera<\/h3>\n<p><!-- [et_pb_line_break_holder] -->            <pee>Regular SW updates to the latest version, issued and verified by the manufacturer, ensures optimal<!-- [et_pb_line_break_holder] -->                operation of the equipment. New software packages bring additional functionalities, improve HW<!-- [et_pb_line_break_holder] -->                performance and enable compliance with the latest industry standards.<\/pee><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"service-card fade-up\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"icon\"><i class=\"fas fa-ruler-combined\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<h3>Kalibracija<\/h3>\n<p><!-- [et_pb_line_break_holder] -->            <pee>During the recommended calibration period, defined by the technical specifications, the manufacturer<!-- [et_pb_line_break_holder] -->                guarantees the fulfillment of all technical characteristics of the equipment. After the calibration<!-- [et_pb_line_break_holder] -->                period has expired, it is necessary to check and adjust the technical characteristics to ensure<!-- [et_pb_line_break_holder] -->                compliance with standards. We perform these services in accredited laboratories of the manufacturer,<!-- [et_pb_line_break_holder] -->                issuing the appropriate calibration certificates.<\/pee><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"service-card fade-up\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"icon\"><i class=\"fas fa-chalkboard-teacher\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<h3>Obuka<\/h3>\n<p><!-- [et_pb_line_break_holder] -->            <pee>After delivery of the device or system, we organize professional training for users to ensure proper use<!-- [et_pb_line_break_holder] -->                of the equipment. In cooperation with manufacturers, we offer basic and advanced training, tailored to<!-- [et_pb_line_break_holder] -->                the needs of individuals or teams. Training can be held live or online, in accordance with the client\u2019s<!-- [et_pb_line_break_holder] -->                preferences.<\/pee><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"service-card fade-up\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"icon\"><i class=\"fas fa-globe\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<h3>Razvoj web stranica<\/h3>\n<p><!-- [et_pb_line_break_holder] -->            <pee>We provide expert website development services, delivering responsive, secure, and versatile websites<!-- [et_pb_line_break_holder] -->                designed to adapt to your specific goals and ensure a seamless online presence.<\/pee><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"service-card fade-up\" id=\"equipment-rental\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"icon\"><i class=\"fas fa-satellite-dish\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<h3>Iznajmljivanje opreme<\/h3>\n<p><!-- [et_pb_line_break_holder] -->            <pee>Reliable and high-quality equipment for the construction and maintenance of telecommunications networks.<!-- [et_pb_line_break_holder] -->                We offer flexible rental of professional equipment with regular servicing and technical support.<\/pee><!-- [et_pb_line_break_holder] -->            <button class=\"more-info-btn\" onclick=\"openPopup(this)\">Trenutna ponuda<\/button><!-- [et_pb_line_break_holder] -->            <pee><strong>Prednosti iznajmljivanja:<\/strong><\/pee><!-- [et_pb_line_break_holder] -->            <\/p>\n<ul><!-- [et_pb_line_break_holder] -->                <\/p>\n<li>Pristup vrhunskoj opremi bez tro\u0161kova odr\u017eavanja i skladi\u0161tenja<\/li>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<li>Stru\u010dna tehni\u010dka podr\u0161ka i savjeti tokom kori\u0161tenja<\/li>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<li>Fleksibilne opcije prilago\u0111ene va\u0161im potrebama<\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/ul>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"popup\" class=\"popup-overlay\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"popup-content\"><!-- [et_pb_line_break_holder] -->            <button class=\"popup-close\" onclick=\"closePopup()\">&times;<\/button><!-- [et_pb_line_break_holder] -->            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/RentOff-Bos.webp\" alt=\"Equipment Rental Info\"><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->    *,<!-- [et_pb_line_break_holder] -->    *::before,<!-- [et_pb_line_break_holder] -->    *::after {<!-- [et_pb_line_break_holder] -->        box-sizing: content-box;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .niatel-services {<!-- [et_pb_line_break_holder] -->        font-family: 'Inter', sans-serif;<!-- [et_pb_line_break_holder] -->        padding: 2rem 2rem 4rem 2rem;<!-- [et_pb_line_break_holder] -->        color: #3c3a47;<!-- [et_pb_line_break_holder] -->        line-height: 1.6;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .niatel-services h2,<!-- [et_pb_line_break_holder] -->    .niatel-services h3 {<!-- [et_pb_line_break_holder] -->        font-family: 'Inter', sans-serif !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .niatel-services h1,<!-- [et_pb_line_break_holder] -->    .niatel-services h2,<!-- [et_pb_line_break_holder] -->    .niatel-services h3,<!-- [et_pb_line_break_holder] -->    .niatel-services h4,<!-- [et_pb_line_break_holder] -->    .niatel-services h5,<!-- [et_pb_line_break_holder] -->    .niatel-services h6,<!-- [et_pb_line_break_holder] -->    .niatel-services p,<!-- [et_pb_line_break_holder] -->    .niatel-services ul,<!-- [et_pb_line_break_holder] -->    .niatel-services ol,<!-- [et_pb_line_break_holder] -->    .niatel-services li,<!-- [et_pb_line_break_holder] -->    .niatel-services button {<!-- [et_pb_line_break_holder] -->        margin: 0;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .services-header {<!-- [et_pb_line_break_holder] -->        text-align: center;<!-- [et_pb_line_break_holder] -->        margin-bottom: 3rem;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .services-header h2 {<!-- [et_pb_line_break_holder] -->        font-size: 2.5rem;<!-- [et_pb_line_break_holder] -->        color: #2D72B5;<!-- [et_pb_line_break_holder] -->        margin-bottom: 0.5rem;<!-- [et_pb_line_break_holder] -->        line-height: 1.2;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .services-header p {<!-- [et_pb_line_break_holder] -->        font-size: 1.2rem;<!-- [et_pb_line_break_holder] -->        color: #7A1FA2;<!-- [et_pb_line_break_holder] -->        line-height: 1.5;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .services-grid {<!-- [et_pb_line_break_holder] -->        display: grid;<!-- [et_pb_line_break_holder] -->        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));<!-- [et_pb_line_break_holder] -->        gap: 2rem;<!-- [et_pb_line_break_holder] -->        overflow: visible;<!-- [et_pb_line_break_holder] -->        position: relative;<!-- [et_pb_line_break_holder] -->        z-index: 0;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .service-card {<!-- [et_pb_line_break_holder] -->        background: white;<!-- [et_pb_line_break_holder] -->        border: 2px solid #3fd1cc;<!-- [et_pb_line_break_holder] -->        padding: 2rem;<!-- [et_pb_line_break_holder] -->        border-radius: 1rem;<!-- [et_pb_line_break_holder] -->        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);<!-- [et_pb_line_break_holder] -->        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;<!-- [et_pb_line_break_holder] -->        position: relative;<!-- [et_pb_line_break_holder] -->        line-height: 1.6;<!-- [et_pb_line_break_holder] -->        z-index: 1;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .services-grid .service-card.fade-up.visible:hover {<!-- [et_pb_line_break_holder] -->        transform: translateY(-8px) scale(1.02);<!-- [et_pb_line_break_holder] -->        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);<!-- [et_pb_line_break_holder] -->        border-color: #7A1FA2;<!-- [et_pb_line_break_holder] -->        z-index: 10;<!-- [et_pb_line_break_holder] -->        transition-delay: 0s !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .services-grid .service-card.fade-up.visible {<!-- [et_pb_line_break_holder] -->        transition-delay: 0s !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .service-card:hover .icon {<!-- [et_pb_line_break_holder] -->        color: #7A1FA2;<!-- [et_pb_line_break_holder] -->        transform: scale(1.15);<!-- [et_pb_line_break_holder] -->        transition: color 0.3s ease, transform 0.3s ease;<!-- [et_pb_line_break_holder] -->        top: -0.2rem;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .service-card::before {<!-- [et_pb_line_break_holder] -->        content: \"\";<!-- [et_pb_line_break_holder] -->        position: absolute;<!-- [et_pb_line_break_holder] -->        top: 0;<!-- [et_pb_line_break_holder] -->        left: 0;<!-- [et_pb_line_break_holder] -->        right: 0;<!-- [et_pb_line_break_holder] -->        bottom: 0;<!-- [et_pb_line_break_holder] -->        background: radial-gradient(circle at top left, rgba(63, 209, 204, 0.1), transparent 70%);<!-- [et_pb_line_break_holder] -->        opacity: 0;<!-- [et_pb_line_break_holder] -->        transition: opacity 0.4s ease;<!-- [et_pb_line_break_holder] -->        border-radius: 1rem;<!-- [et_pb_line_break_holder] -->        z-index: -1;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .service-card:hover::before {<!-- [et_pb_line_break_holder] -->        opacity: 1;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .icon {<!-- [et_pb_line_break_holder] -->        font-size: 2rem;<!-- [et_pb_line_break_holder] -->        color: #F8CC47;<!-- [et_pb_line_break_holder] -->        margin-bottom: 1rem;<!-- [et_pb_line_break_holder] -->        transition: color 0.3s ease, transform 0.3s ease;<!-- [et_pb_line_break_holder] -->        transform-origin: center;<!-- [et_pb_line_break_holder] -->        display: inline-block;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .service-card:hover .icon {<!-- [et_pb_line_break_holder] -->        transform: scale(1.15) translateY(-0.2rem);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .service-card h3 {<!-- [et_pb_line_break_holder] -->        font-size: 1.3rem;<!-- [et_pb_line_break_holder] -->        margin-bottom: 1rem;<!-- [et_pb_line_break_holder] -->        color: #2D72B5;<!-- [et_pb_line_break_holder] -->        line-height: 1.3;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .service-card p,<!-- [et_pb_line_break_holder] -->    .service-card ul {<!-- [et_pb_line_break_holder] -->        font-size: 1.1rem;<!-- [et_pb_line_break_holder] -->        line-height: 1.6;<!-- [et_pb_line_break_holder] -->        margin-bottom: 1rem;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .service-card ul {<!-- [et_pb_line_break_holder] -->        padding-left: 1.2rem;<!-- [et_pb_line_break_holder] -->        list-style-type: disc;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .more-info-btn {<!-- [et_pb_line_break_holder] -->        margin-bottom: 1rem !important;<!-- [et_pb_line_break_holder] -->        background: #2D72B5;<!-- [et_pb_line_break_holder] -->        color: white;<!-- [et_pb_line_break_holder] -->        padding: 0.5rem 1.2rem;<!-- [et_pb_line_break_holder] -->        font-size: 1.1rem;<!-- [et_pb_line_break_holder] -->        border: none;<!-- [et_pb_line_break_holder] -->        border-radius: 0.5rem;<!-- [et_pb_line_break_holder] -->        cursor: pointer;<!-- [et_pb_line_break_holder] -->        transition: background 0.3s ease;<!-- [et_pb_line_break_holder] -->        line-height: 1.4;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .more-info-btn:hover {<!-- [et_pb_line_break_holder] -->        background: #3fd1cc;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .popup-overlay {<!-- [et_pb_line_break_holder] -->        display: none;<!-- [et_pb_line_break_holder] -->        position: fixed;<!-- [et_pb_line_break_holder] -->        top: 0;<!-- [et_pb_line_break_holder] -->        left: 0;<!-- [et_pb_line_break_holder] -->        width: 100vw;<!-- [et_pb_line_break_holder] -->        height: 100vh;<!-- [et_pb_line_break_holder] -->        background: rgba(0, 0, 0, 0.7);<!-- [et_pb_line_break_holder] -->        justify-content: center;<!-- [et_pb_line_break_holder] -->        align-items: center;<!-- [et_pb_line_break_holder] -->        z-index: 9999;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .popup-overlay.active {<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .popup-content {<!-- [et_pb_line_break_holder] -->        background: white;<!-- [et_pb_line_break_holder] -->        border: 4px solid #3fd1cc;<!-- [et_pb_line_break_holder] -->        border-radius: 1.5rem;<!-- [et_pb_line_break_holder] -->        width: 50%;<!-- [et_pb_line_break_holder] -->        height: auto;<!-- [et_pb_line_break_holder] -->        overflow: hidden;<!-- [et_pb_line_break_holder] -->        box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);<!-- [et_pb_line_break_holder] -->        position: relative;<!-- [et_pb_line_break_holder] -->        padding: 0.5rem;<!-- [et_pb_line_break_holder] -->        max-height: 90vh;<!-- [et_pb_line_break_holder] -->        overflow-y: auto;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .popup-content img {<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->        height: auto;<!-- [et_pb_line_break_holder] -->        display: block;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .popup-close {<!-- [et_pb_line_break_holder] -->        position: absolute;<!-- [et_pb_line_break_holder] -->        top: 10px;<!-- [et_pb_line_break_holder] -->        right: 15px;<!-- [et_pb_line_break_holder] -->        background: none;<!-- [et_pb_line_break_holder] -->        border: none;<!-- [et_pb_line_break_holder] -->        font-size: clamp(0.5rem, 2vw, 10rem);<!-- [et_pb_line_break_holder] -->        color: #2D72B5;<!-- [et_pb_line_break_holder] -->        cursor: pointer;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    @keyframes popupFadeIn {<!-- [et_pb_line_break_holder] -->        0% {<!-- [et_pb_line_break_holder] -->            opacity: 0;<!-- [et_pb_line_break_holder] -->            transform: scale(0.92);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        100% {<!-- [et_pb_line_break_holder] -->            opacity: 1;<!-- [et_pb_line_break_holder] -->            transform: scale(1);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .popup-content.fade-in {<!-- [et_pb_line_break_holder] -->        animation: popupFadeIn 0.3s ease forwards;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .fade-up {<!-- [et_pb_line_break_holder] -->        opacity: 0;<!-- [et_pb_line_break_holder] -->        transform: translateY(40px);<!-- [et_pb_line_break_holder] -->        transition: opacity 0.6s ease-out, transform 0.6s ease-out;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .fade-up.visible {<!-- [et_pb_line_break_holder] -->        opacity: 1;<!-- [et_pb_line_break_holder] -->        transform: translateY(0);<!-- [et_pb_line_break_holder] -->        transition-delay: var(--delay);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    @keyframes fadeUp {<!-- [et_pb_line_break_holder] -->        from {<!-- [et_pb_line_break_holder] -->            opacity: 0;<!-- [et_pb_line_break_holder] -->            transform: translateY(40px);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        to {<!-- [et_pb_line_break_holder] -->            opacity: 1;<!-- [et_pb_line_break_holder] -->            transform: translateY(0);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .services-header.fade-up {<!-- [et_pb_line_break_holder] -->        transition-delay: 0.2s;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .service-card.fade-up {<!-- [et_pb_line_break_holder] -->        transition-delay: var(--delay);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    html.modal-open,<!-- [et_pb_line_break_holder] -->    body.modal-open {<!-- [et_pb_line_break_holder] -->        overflow: hidden;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    @media (max-width: 1024px) {<!-- [et_pb_line_break_holder] -->        .popup-content {<!-- [et_pb_line_break_holder] -->            width: 90% !important;<!-- [et_pb_line_break_holder] -->            padding: 1rem !important;<!-- [et_pb_line_break_holder] -->            border-width: 3px !important;<!-- [et_pb_line_break_holder] -->            border-radius: 1rem !important;<!-- [et_pb_line_break_holder] -->            max-height: 90vh !important;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .popup-close {<!-- [et_pb_line_break_holder] -->            font-size: 2rem !important;<!-- [et_pb_line_break_holder] -->            top: 12px !important;<!-- [et_pb_line_break_holder] -->            right: 16px !important;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    @media (max-width: 480px) {<!-- [et_pb_line_break_holder] -->        .popup-content {<!-- [et_pb_line_break_holder] -->            width: 95% !important;<!-- [et_pb_line_break_holder] -->            max-height: 95vh !important;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .popup-close {<!-- [et_pb_line_break_holder] -->            font-size: 1.8rem !important;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function scrollToElementCenter(el) {<!-- [et_pb_line_break_holder] -->        return new Promise((resolve) => {<!-- [et_pb_line_break_holder] -->            if (!el) return resolve();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            const rect = el.getBoundingClientRect();<!-- [et_pb_line_break_holder] -->            const currentY = window.scrollY || window.pageYOffset;<!-- [et_pb_line_break_holder] -->            const targetY = Math.max(0, currentY + rect.top + (rect.height \/ 2) - (window.innerHeight \/ 2));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            let done = false;<!-- [et_pb_line_break_holder] -->            const finish = () => {<!-- [et_pb_line_break_holder] -->                if (done) return;<!-- [et_pb_line_break_holder] -->                done = true;<!-- [et_pb_line_break_holder] -->                window.removeEventListener('scrollend', finish);<!-- [et_pb_line_break_holder] -->                resolve();<!-- [et_pb_line_break_holder] -->            };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            if ('onscrollend' in window) {<!-- [et_pb_line_break_holder] -->                window.addEventListener('scrollend', finish, { once: true });<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            setTimeout(finish, 700);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            window.scrollTo({ top: targetY, behavior: 'smooth' });<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function lockScroll() {<!-- [et_pb_line_break_holder] -->        const y = window.scrollY || window.pageYOffset;<!-- [et_pb_line_break_holder] -->        document.body.dataset.lockScrollY = y;<!-- [et_pb_line_break_holder] -->        document.documentElement.classList.add('modal-open');<!-- [et_pb_line_break_holder] -->        document.body.classList.add('modal-open');<!-- [et_pb_line_break_holder] -->        document.body.style.position = 'fixed';<!-- [et_pb_line_break_holder] -->        document.body.style.top = `-${y}px`;<!-- [et_pb_line_break_holder] -->        document.body.style.left = '0';<!-- [et_pb_line_break_holder] -->        document.body.style.right = '0';<!-- [et_pb_line_break_holder] -->        document.body.style.width = '100%';<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function unlockScroll() {<!-- [et_pb_line_break_holder] -->        const y = parseInt(document.body.dataset.lockScrollY || '0', 10);<!-- [et_pb_line_break_holder] -->        document.body.style.position = '';<!-- [et_pb_line_break_holder] -->        document.body.style.top = '';<!-- [et_pb_line_break_holder] -->        document.body.style.left = '';<!-- [et_pb_line_break_holder] -->        document.body.style.right = '';<!-- [et_pb_line_break_holder] -->        document.body.style.width = '';<!-- [et_pb_line_break_holder] -->        document.documentElement.classList.remove('modal-open');<!-- [et_pb_line_break_holder] -->        document.body.classList.remove('modal-open');<!-- [et_pb_line_break_holder] -->        window.scrollTo(0, y);<!-- [et_pb_line_break_holder] -->        delete document.body.dataset.lockScrollY;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    async function openPopup(btnEl) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const rentalCard = document.getElementById('equipment-rental') || (btnEl ? btnEl.closest('.service-card') : null);<!-- [et_pb_line_break_holder] -->        await scrollToElementCenter(rentalCard);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const popup = document.getElementById('popup');<!-- [et_pb_line_break_holder] -->        const content = popup.querySelector('.popup-content');<!-- [et_pb_line_break_holder] -->        popup.classList.add('active');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        content.classList.remove('fade-in');<!-- [et_pb_line_break_holder] -->        void content.offsetWidth;<!-- [et_pb_line_break_holder] -->        content.classList.add('fade-in');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        lockScroll();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const closeBtn = popup.querySelector('.popup-close');<!-- [et_pb_line_break_holder] -->        if (closeBtn) closeBtn.focus();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function closePopup() {<!-- [et_pb_line_break_holder] -->        const popup = document.getElementById('popup');<!-- [et_pb_line_break_holder] -->        popup.classList.remove('active');<!-- [et_pb_line_break_holder] -->        unlockScroll();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    document.addEventListener('click', (e) => {<!-- [et_pb_line_break_holder] -->        const overlay = document.getElementById('popup');<!-- [et_pb_line_break_holder] -->        if (!overlay) return;<!-- [et_pb_line_break_holder] -->        if (overlay.classList.contains('active') && e.target === overlay) {<!-- [et_pb_line_break_holder] -->            closePopup();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    document.addEventListener('keydown', (e) => {<!-- [et_pb_line_break_holder] -->        if (e.key === 'Escape') {<!-- [et_pb_line_break_holder] -->            const overlay = document.getElementById('popup');<!-- [et_pb_line_break_holder] -->            if (overlay && overlay.classList.contains('active')) closePopup();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    document.addEventListener('DOMContentLoaded', function () {<!-- [et_pb_line_break_holder] -->        const observer = new IntersectionObserver(entries => {<!-- [et_pb_line_break_holder] -->            entries.forEach(entry => {<!-- [et_pb_line_break_holder] -->                if (entry.isIntersecting) {<!-- [et_pb_line_break_holder] -->                    entry.target.classList.add('visible');<!-- [et_pb_line_break_holder] -->                    observer.unobserve(entry.target);<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        }, {<!-- [et_pb_line_break_holder] -->            threshold: 0.1,<!-- [et_pb_line_break_holder] -->            rootMargin: \"0px 0px -5% 0px\"<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const header = document.querySelector('.services-header');<!-- [et_pb_line_break_holder] -->        const cards = document.querySelectorAll('.service-card');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (header) observer.observe(header);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        cards.forEach((card, i) => {<!-- [et_pb_line_break_holder] -->            card.style.setProperty('--delay', `${0.1 * i + 0.4}s`);<!-- [et_pb_line_break_holder] -->            observer.observe(card);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-1477","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/niatel.com.ba\/bs\/wp-json\/wp\/v2\/pages\/1477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/niatel.com.ba\/bs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/niatel.com.ba\/bs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/niatel.com.ba\/bs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/niatel.com.ba\/bs\/wp-json\/wp\/v2\/comments?post=1477"}],"version-history":[{"count":20,"href":"https:\/\/niatel.com.ba\/bs\/wp-json\/wp\/v2\/pages\/1477\/revisions"}],"predecessor-version":[{"id":4600,"href":"https:\/\/niatel.com.ba\/bs\/wp-json\/wp\/v2\/pages\/1477\/revisions\/4600"}],"wp:attachment":[{"href":"https:\/\/niatel.com.ba\/bs\/wp-json\/wp\/v2\/media?parent=1477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}