body {font-family: "Inter", sans-serif; margin-bottom: 0!important; overflow:hidden;}
p{ font-size: 15px; line-height: 1.6; color:#374151; margin-bottom:15px;}
h1 {font-weight: 600; margin-bottom: 25px;}
h2 {font-weight: 600; margin-bottom: 25px;}
h3 {font-weight: 400; margin-bottom: 25px;}
.col-lg-9 ul li{font-size: 15px; line-height: 1.6; color:#374151; margin-bottom:15px; margin-left: 30px;}
.col-lg-9 ol li{font-size: 15px; line-height: 1.6; color:#374151; margin-bottom:15px; margin-left: 30px;}
.blog-single-post .post-content ul li{font-size: 15px; line-height: 1.6; color:#374151; margin-bottom:15px; margin-left: 30px;}
.blog-single-post .post-content ol li{font-size: 15px; line-height: 1.6; color:#374151; margin-bottom:15px; margin-left: 30px;}


#header .header-row.container-xl .nav.nav-pills a { display: flex; color: #374151; text-decoration: none; font-size: 15px;font-weight: 600; padding: 10px 16px; border-radius: 8px;transition: all 0.15s; position: relative; text-transform: none;}
#header .header-nav-main nav ul li a.active { background-color: #F4F7FD!important; color: #2451A9 !important; border-radius: 8px !important;}
#header .header-nav-main nav ul li a:hover {background-color: #F4F7FD; color: #2451A9 !important; border-radius: 8px !important;}
.header__wrapper-social {justify-content: space-between;  padding: 5px 0px 5px 15px !important; position:relative;}
#header .header-nav-top .nav>li>a {margin-right:20px; transition:0.3s; color:#D1D5DB;}
.radno-vrijeme p{color:#9CA3AF; font-size:12px; margin-bottom:0;}
.radno-vrijeme{position: absolute; right: 50px; top: 0; bottom: 0; height: auto; display: flex; align-items: center;}
#header .header-nav-top .nav>li>a:hover {color:#3F6FCB;}
#header .header-nav-top .nav>li>a i {font-size:13px!important;}
#header .header-nav-top .nav>li>a i:before {color:#3F6FCB;}
#header .header-logo img {width:120px;}
#header .header-nav.down-menu {min-height: 105px;}
#header .header-logo { height: 0px !important; top: 14px;}
#header .header-row.container-xl .nav.nav-pills a i:before {font-size:12px;}
#header .header-nav-main nav>ul>li {border-radius:8px;}
#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a{background: #F4F7FD; border-radius: 8px !important;}
#header .header-nav-main nav>ul>li.dropdown.open>.dropdown-menu, #header .header-nav-main nav>ul>li.dropdown:hover>.dropdown-menu {margin-top:-8px; border-radius: 0 0 8px 8px !important;}
/*#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {background: #2451a9; color: #FFFFFF !important; border-radius: 8px !important;}*/
#header .header-nav-main-effect-1 nav>ul>li.dropdown .dropdown-menu li a {font-weight:500; font-size:14px!important;}
.social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a {background: rgba(255, 255, 255, 0.06); color: #3F6FCB !important;}
.social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a:hover {background: #3F6FCB; color: #FFFFFF !important;}
.header-btn-white {color: #2451A9!important; border: 1.5px solid #2451A9;box-shadow: none; padding: 12px 22px !important;}
.header-btn-blue {color: #FFFFFF!important; border: 1.5px solid #2451A9; background:#2451A9!important; box-shadow: none; padding: 12px 22px !important; margin-left:15px!important;}
.header-btn-blue:hover{background:#1B3D85!important; color:#FFFFFF!important;}
.header-btn-white:hover{background:#1B3D85!important; color:#FFFFFF!important;}
.nav-item-anim-icon {margin-left:15px;}
.header-nav-top-icon i {font-size:15px;}
.header-nav-top-icon {margin-right:15px;}
.header-nav {position:relative;}
.header-nav-main {position: absolute; left: 0; right: 0; display: flex; align-items: center;justify-content: center; top: 0; bottom: 0;}
.sticky-header-active #header .header-logo { height: 0px !important;  top: -20px;}
.page-header-top{background-position: center; padding: 100px 0!important; background-repeat: no-repeat; background-size: cover;}
.page-header-top:before{ content:""; background-color: #0E1424; position: absolute; width: 100%; height: 100%;  top: 0;bottom: 0; left: 0; right: 0;  opacity: 0.8;}
.page-header h1 {font-family: 'Sora', sans-serif; font-weight:600;}
.page-header .breadcrumb {margin-bottom:15px!important;}
.page-header .leftAll>div {margin-bottom:0;}
.breadcrumb a{color:#FFFFFF;}
.header-bottom .leftAll>div{margin-bottom:0;}

.search-full div[id^=results-] {top: 75px; padding: 0 30px 30px 46px;}
.search-full div[id^=results-] ul { padding-top: 30px;}
.search-full div[id^=results-] ul li a {transition:0.3s;}
.header-nav-top-icon i:before {transition:0.3s;}
.header-nav-top-icon i:hover:before {color:#2451A9;}
#header .header-nav-features .header-nav-features-search-reveal-big-search .form-control {font-size: 18px !important;border-bottom: 2px solid #2451A9;}
.search-full div[id^=results-] ul li a {margin-bottom: 10px;}

.mt-4, .my-4 {margin-top: 0 !important;}

.heading-title { margin-bottom: 25px; }
.heading-title h3 span{ font-family: "Inter", sans-serif; font-size: 12px; font-weight: 700; color: #2451A9;  text-transform: uppercase; letter-spacing: 0.14em; margin-bottom: 16px;}
.heading-title h2 { font-family: 'Sora', sans-serif; font-size: 48px; font-weight: 800; letter-spacing: -0.025em; line-height: 1.1; margin-bottom: 16px; color: #0E1424; max-width: 720px;}
.heading-title p { font-size: 18px; color: #4B5563; line-height: 1.6; max-width: 720px; margin: auto;}
.heading-title-left p{text-align:left; max-width:100%;}
.heading-title-left h2{max-width:100%;}
.heading-title-white p {color:#FFFFFF;}
.heading-title-white h2 {color:#FFFFFF;}
.heading-title-white h3 span{color:#FFFFFF;}
.heading.heading-border h3 {background:transparent!important;}
.heading.heading-border h2 {background:transparent!important;}
.heading-title-product h2 { font-size: 42px;}
.heading-title-product span {font-weight: 600;}

.btn {margin: 0!important; box-shadow: 0 4px 14px rgba(36, 81, 169, 0.30); transition: transform 0.3s ease-out;  will-change: transform; gap: 10px; padding: 12px 22px;  border-radius: 10px; font-weight: 600!important; font-size: 14px!important;}
.btn:hover { background: #1B3D85; transform: translateY(-4px); box-shadow: 0 8px 24px rgba(36, 81, 169, 0.40);}
.btn i {margin-right: 5px;}

.sidebar-settings .sidebar h5 {border-radius: 8px;}
.sidebar h5 i{margin-right: 5px;}
ul.simple-post-list.card-sidebar li a { padding: 15px 15px;}

.hero-slider .swiper-slide-content { max-width: 1630px; margin: auto; padding: 90px 15px!important;}
.hero-slider .swiper-slide {background: linear-gradient(135deg, #F4F7FD 0%, #E8EEFB 60%, #DBE5F8 100%); max-width: 1630px; margin: auto; display: flex; align-items: center;}
.hero-slider .tp-headertop p{display: inline-flex; align-items: center; gap: 10px; background: rgba(255, 255, 255, 0.7); border: 1px solid #E8EEFB; color: #2451A9!impmortant; font-size: 13px; font-weight: 700; padding: 8px 16px 8px 35px; border-radius: 999px; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 28px;backdrop-filter: blur(8px);}
.hero-slider .tp-headertop p:before{content:""; width: 8px;height: 8px; background: #E0098F; border-radius: 50%; animation: pulse 2s ease-in-out infinite; position:absolute; left:17px;}
.hero-slider .tp-header p {color: #1F2937; font-size: 38px; font-weight: 600; line-height: 44px; margin-bottom: 15px;}
.hero-slider .tp-header p strong{font-weight: 700;}
.hero-slider .tp-headerbottom p{ font-size: 19px; color: #4B5563; line-height: 1.6; margin-bottom: 36px; max-width: 560px; text-align:left;}
.hero-slider .tp-headerbottom p strong {font-weight: 700;}
.hero-slider .tp-caption { text-align: left !important;}
.hero-slider-btn { padding: 16px 28px!important; font-size: 15px!important; border-color:transparent!important;}
.hero-slider-btn-white{border-color: #FFFFFF !important; margin-left: 10px !important;}
.slider-container {height:auto;}
.hero-slider .swiper {background: linear-gradient(135deg, #F4F7FD 0%, #E8EEFB 60%, #DBE5F8 100%); }
.hero-slider .swiper-wrapper{max-width:1630px; margin:auto!important;}
.hero-slider .slider-container .swiper-slide-bg-image, .swiper.swpr254294 .swiper-gl-image { position: absolute; left: unset!important;  top: unset!important;  width: 768px !important; height: 528px !important;  object-position: right!important; border-radius: 32px; min-width: 768px; right:0;}
.hero-slider .table td{ border-top: 0; border-left: 3px solid #2451A9;padding: 0 40px 0 15px; font-size: 13px; color: #4B5563; margin-top: 6px;font-weight: 500;}
.hero-slider .table td strong{font-family: 'Sora', sans-serif; font-size: 36px; font-weight: 800;color: #0E1424; line-height: 1; letter-spacing: -0.02em;}
.hero-slider table {margin-bottom: 35px;}
.hero-badge-left{ position: absolute; right: 30px; bottom: 92px;border: 0; box-shadow: none;padding: 16px 24px; font-family: 'Sora', sans-serif; font-size: 21px !important; font-weight: 700 !important;}
.hero-badge-right {position: absolute; right: 6px; top: 40px; font-family: 'Sora', sans-serif; font-size: 13px !important; font-weight: 600 !important; border:0; text-transform: uppercase; transform: rotate(6deg);}
.hero-badge-right i{width: 100%;margin-right: 0; font-size: 37px; margin-bottom: 10px;}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { margin: 0 auto 30px; left: 0; right: 0; width:100px!important;}
.swiper-button-next, .swiper-button-prev {color: #2451A9; background: rgba(255,255,255,0.96); border-radius: 50%; width: 56px!important; height: 56px!important; box-shadow:0 4px 16px rgba(15,23,42,0.06); transition:0.3s;}
.swiper-button-next:hover, .swiper-button-prev:hover {color: #FFFFFF; background: #2451A9; }
.swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: 20px!important; font-weight:700!important;}

.product-grid article.post-large { margin-left: 0; background: white; border: 1px solid #E5E7EB; border-radius: 18px;  overflow: hidden; transition: 0.25s;translate: none;rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1; display: flex; flex-wrap: wrap;}
.product-grid .post-large:hover {box-shadow: 0 16px 48px rgba(36,81,169,0.20);}
.product-grid .article-load:hover img { transform: scale(1.05);}
.product-grid .article-load .post-image{overflow: hidden;}
.product-grid .article-load img{ transition:0.3s;}
.product-grid .article-load {display: flex;}
article.post-large h2 { margin-bottom: 25px;}
.product-grid .post-content { padding: 28px; display: flex; flex-direction: column; flex-grow: 1;}
.product-grid h4 a { font-family: 'Sora', sans-serif; font-size: 22px; font-weight: 800; color: #0E1424; margin-bottom: 8px;  letter-spacing: -0.01em;}
.product-grid h4 p { font-size: 14px; line-height: 1.6; color: #4B5563;}
.product-grid h4{flex-grow: 1;}
.product-grid .post-large .post-image { margin-bottom: 0;}
.product-grid .grid-media { aspect-ratio: 4 / 3;}
.product-image .grid-media{object-fit:contain;}
.product-grid-btn { display: inline-flex; align-items: center; gap: 8px; color: #2451A9; font-size: 14px !important; font-weight: 700; transition: gap .18s; text-transform: none !important; padding: 15px 0 0; transition:0.3s;}
.product-grid-btn:hover {background: transparent; transform: unset;}
.product-grid-btn i{transition:0.3s;}
.product-grid-btn:hover i{padding-left: 5px;}
.product-grid .float-sm-right { float: left !important;}
.product-grid .btn {box-shadow: none;}
.product-grid .post-content ul li:last-child {border: none;}
.product-grid .post-content span a{background: #FEE2E2; color: #991B1B;padding: 4px 10px; border-radius: 999px; font-size: 11px;  font-weight: 700;}
.product-grids .article-load{margin-bottom:40px;}
.product-brand-badge span a{background: #F4F7FD!important; color: #2451A9!important;}
.categoryLeft .post-meta a{background: #FEE2E2; color: #991B1B;padding: 4px 10px; border-radius: 999px; font-size: 11px;  font-weight: 700;}
.categoryLeft .remote-field a {background: #F4F7FD; color: #2451A9; padding: 4px 10px; border-radius: 999px; font-size: 11px;  font-weight: 700;}
.categoryLeft .TestClass {position: absolute; top: 0;left: 95px;}
.product-entry .card-reference .portfolio-item .thumb-info img {object-fit: contain;}
.product-sidebar .left img{object-fit:contain;}

.search .simple-post-list .search-block a{font-family: 'Sora', sans-serif; font-size: 22px!important; font-weight: 800!important; color: #0E1424!important; margin-bottom: 20px!important; transition:all;}
.search .simple-post-list .search-block a:hover{color:#2451A9!important;}
.search ul.simple-post-list li {align-items: center;}

.thumb-info .thumb-info-title {padding: 10px 15px; font-size: 15px;}
.portfolio-item .thumb-info img {height: 200px;}
.glightbox-gallary img {object-fit: contain;}

.main .col-lg-9{padding-bottom:80px;}
p.info-box{border: none; background: #eaf2fb; box-shadow: none; margin-left: 0; margin-right: 0; font-size: 15px; line-height: 1.6; color: #374151; font-weight: 600; padding: 25px 30px;}

.blog-grid .grid-media {aspect-ratio: 4 / 2!important;}
.blog-grid .article-load {display: flex; margin-bottom: 35px;}
.blog-grid {margin-bottom: 80px;}

#additional_content_dokumenti a i {font-size:25px; font-weight: 800;}
#additional_content_dokumenti .file-size{display:none;}
.list.list-icons.list-primary.list-borders a:hover {background: transparent;}
.list.list-icons.list-primary.list-borders a {transition:0.3s;}
.list.list-icons.list-primary.list-borders p{font-size: 15px; line-height: 1.6; color: #374151!important;}
.list.list-icons.list-primary.list-borders p:hover{color: #2451A9!important;}

.usluge-grid h3 {color: #2451A9; font-size: 14px; font-weight: 600; margin-bottom: 20px;}
.usluge-grid ul li {line-height: 24px; padding: 10px 0; border-bottom: 1px solid #F3F4F6;font-size: 15px; color: #374151; display: flex; align-items: center; gap: 12px; position: relative;}
.usluge-grid ul li:before { content: "";width: 20px; height: 20px; background-image: url(/doc/slike/check.svg); background-size: cover;}
.usluge-grid .grid-media { aspect-ratio: 4 / 2;}

.inkjet-section {background: linear-gradient(135deg, #F4F7FD, #E8EEFB); border-radius: 20px;  padding: 40px 48px!important; display: flex;  align-items: center; justify-content: space-between; margin-top: 25px;}
.inkjet-section h3:before { content: ""; width: 14px; height: 14px; margin-left: 5px; display: inline-block;  mask-image: url("/doc/slike/leaf.svg"); background:#2451A9;}
.inkjet-section h3 {display: inline-flex; align-items: center;gap: 10px; background: white; padding: 6px 14px; border-radius: 999px; font-size: 12px; font-weight: 700; color: #2451A9; margin-bottom: 14px; position:relative;}
.inkjet-section h2 { font-family: 'Sora', sans-serif; font-size: 28px; font-weight: 800; color: #0E1424; letter-spacing: -0.02em; line-height: 1.2; margin-bottom: 10px;}
.inkjet-section p{max-width: 540px;}

.brands-box .feature-box { background-color: #F9FAFB; border: 1px solid #E5E7EB; border-radius: 14px;  padding: 24px 16px; margin-bottom: 20px; text-align: center; display: flex; flex-direction: column; gap: 8px;align-items: center; justify-content: center; min-height: 110px; transition: all .2s; }
.brands-box .feature-box:hover {background: white; border-color: #E8EEFB; box-shadow: 0 4px 16px rgba(15,23,42,0.06);}
.brands-box .feature-box .feature-box-info {padding:0; display: flex; flex-wrap: wrap;}
.brands-box .feature-box-icon {display:none;}
.brands-box .mb-4 {display:none;}
.brands-box h4 {width:100%;}
.brands-box h4 p {color: #1F2937; letter-spacing: -0.01em; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 16px; margin-bottom:0;}
.brands-box p{ font-size: 11px; color: #6B7280; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600; width:100%; text-align:center; margin-bottom:0;}
.brands-box .col-lg-2{ padding-right: 9px; padding-left: 9px;}

.marquee-section{ display: flex;}
.marquee-brands {overflow:hidden; border-bottom: 1px solid #E5E7EB; min-height: 76px; display: flex; align-items: center; justify-content: center; background-color:#F9FAFB; position:relative;}
.marquee-brands:after { content: ''; position: absolute;top: 0;right: 0;bottom: 0; width: 120px; background: linear-gradient(270deg, #F9FAFB 0%, transparent 100%);z-index: 2; pointer-events: none;}
.marquee-brands .row {width: max-content; /*animation: marquee 50s linear infinite;*/ will-change: transform; flex-wrap: nowrap;  display: flex; gap: 0;}
.marquee-brands .article-load{ flex-shrink: 0; margin: 0; padding:0!important; }
.marquee-brands .article-load h4{ font-family: 'Sora', sans-serif; font-size: 24px; font-weight: 800; color: #9CA3AF; letter-spacing: -0.015em; text-transform: uppercase; white-space: nowrap; background:#F9FAFB; transition: color 0.18s; margin-bottom:0!important;}
.marquee-brands .article-load h4:hover{color:#2451A9}
.marquee-brands .article-load h4:after{ content:""; display: inline-block; width: 6px; height: 6px; background: #E0098F; border-radius: 50%; margin: 0 8px 6px;}
/*.marquee-brands .row:has(.article-load h4:hover) {animation-play-state: paused;}*/
.trust-marquee-label {flex-shrink: 0; padding: 20px 36px 20px 32px;background: white;border-right: 1px solid #E5E7EB;border-bottom: 1px solid #E5E7EB;  display: flex; flex-direction: column; justify-content: center; gap: 4px; position: relative;z-index: 3; min-width: 280px;}
.trust-marquee-label .tm-eyebrow { display: inline-flex; align-items: center; font-family: 'Sora', sans-serif; font-size: 14px; font-weight: 800; color: #0E1424; letter-spacing: -0.005em;}
.live-dot { display: inline-block; width: 8px; height: 8px; background: #16A34A; border-radius: 50%; margin-right: 8px; position: relative; }
.live-dot::before { content: ''; position: absolute; inset: -3px; border-radius: 50%; border: 2px solid #16A34A; opacity: 0; animation: livepulse 1.6s ease-out infinite;}
.trust-marquee-label .tm-sub { font-size: 11px; font-weight: 700; color: #6B7280; text-transform: uppercase; letter-spacing: 0.12em;}
.trust-marquee-label::after { content: ''; position: absolute; top: 0; right: -48px; width: 48px; height: 100%; background: linear-gradient(90deg, white 0%, transparent 100%); z-index: 2;  pointer-events: none;}
.marquee-brands .row {
    width: max-content;
    display: flex;
    flex-wrap: nowrap;
    animation: marquee 50s linear infinite;
}

.marquee-brands .row:has(.article-load:hover) {
    animation-play-state: paused;
}

.gray-section{ padding: 100px 0; background: #F9FAFB;}
.blue-section{background: linear-gradient(135deg, #2451A9 0%, #1B3D85 100%); color: white; padding: 80px 0;}
.flex-section {display:flex; align-items:center; justify-content:center;}
.margin-section{margin:100px auto 100px;}
.margin-top-section{margin:100px auto 0;}
.col50 {width:47%; margin-right:50px; flex-grow: 0; flex-shrink: 0;}
.post-content.pc-title {margin-bottom: 15px;}

.paketi-box .feature-box {background-color: #FFFFFF; min-height:230px; border: 1px solid #E5E7EB; border-radius: 14px;  padding: 24px 30px; margin-bottom: 20px; text-align: center; display: flex; flex-direction: column; gap: 8px; align-items: center; justify-content: center; transition: all .2s;}
.paketi-box .feature-box:after { content: ""; width: 22px; height: 22px; margin-left: 5px; transition:0.3s; display: inline-block;  mask-image: url("/doc/slike/arrow.svg"); background:#2451A9;  background-repeat: no-repeat; background-size: cover;     position: absolute; bottom: 40px; right: 40px;}
.paketi-box .feature-box:hover { box-shadow: 0 16px 48px rgba(36,81,169,0.20); border-color: #2451A9;}
.paketi-box .feature-box:hover:after{right: 35px;}
.paketi-box .col-lg-6:nth-child(2) .feature-box{background-color:#2451A9; border-color:#2451A9;}
.paketi-box .col-lg-6:nth-child(2) h2{color:#FFFFFF;}
.paketi-box .col-lg-6:nth-child(2) h3{color:#FFFFFF;}
.paketi-box .col-lg-6:nth-child(2) p{color:#FFFFFF;}
.paketi-box .col-lg-6:nth-child(2) .feature-box:after{background:#FFFFFF;}
.paketi-box .col-lg-6:last-child {flex: 0 0 100%; max-width: 100%;}
.paketi-box .feature-box-icon {display:none;}
.paketi-box .col-lg-6 {padding-right: 9px; padding-left: 9px;}
.paketi-box .mb-4 {display:none;}
.paketi-box .feature-box .feature-box-info {padding:0; display: flex; flex-wrap: wrap;}
.paketi-box h3{ font-family: 'Sora', sans-serif; font-size: 12px; font-weight: 700; color: #2451A9; letter-spacing: 0.1em; margin-bottom:0px!important; width:100%; text-align:left;}
.paketi-box h2 {font-family: 'Sora', sans-serif; font-size: 19px;font-weight: 700; color: #0E1424; letter-spacing: -0.01em; width:100%; margin-bottom:5px!important; text-align:left;}
.paketi-box p{font-size: 13px; color: #4B5563; width:100%; text-align:left;}

.counter-icons .feature-box{background-color: #F9FAFB; border: 1px solid #E5E7EB; border-radius: 14px;  padding: 25px; margin-bottom: 20px; text-align: center; display: flex; flex-direction: column; gap: 8px; min-height: 110px; transition: all .2s;}
.counter-icons .feature-box-icon {display:none;}
.counter-icons .mb-4 {display:none;}
.counter-icons .feature-box .feature-box-info {padding:0; display: flex; flex-wrap: wrap; text-align: left;}
.counter-icons h4 p{  font-family: 'Sora', sans-serif; font-size: 38px;font-weight: 800; color: #2451A9; line-height: 1; letter-spacing: -0.02em; width:100%; margin-bottom:0;}
.counter-icons p { font-size: 13px; color: #4B5563; margin-top: 6px; font-weight: 500; width:100%; margin-bottom:0;}

.counter-box p{color:#FFFFFF;}
.counter-box .counters .counter{border-left: 3px solid rgba(255, 255, 255, 0.3); padding-left: 16px;}
.counter-box .col-sm-6 {margin-right: 40px;}
.counter-box .counters strong {font-family: 'Sora', sans-serif;font-size: 28px; font-weight: 800;line-height: 1;text-align: left;}
.counter-box .counters p{font-size: 12px; opacity: 0.8; margin-top: 6px; letter-spacing: 0.05em; text-align: left;}
section.section {border-top: 0; margin: 0; padding: 50px 0; padding: 0;}
.eu-box p{text-align: center; font-family: 'Sora', sans-serif; font-weight: 700; color: #0E1425; font-size: 14px; line-height: 21px; margin-bottom:0;}

.colOnama .heading-title p { font-size: 17px;}
.colOnama .heading-title h4 { padding: 20px 24px!important; background: #F4F7FD!important; border-left: 4px solid #2451A9; border-radius: 0 12px 12px 0; font-size: 18px; margin: 28px 0!important; font-weight: 400;}

.media-img .gallery-block-fix{ box-shadow: 0 16px 48px rgba(15, 23, 42, 0.10); border-radius: 24px;}
.media-img .owl-carousel .owl-item img {border-radius: 24px !important;}
.media-img .owl-carousel .owl-item {margin-right:0!important;}
.media-img .img-thumbnail {border-radius: 24px; }

.parallax-section {position:relative;}
.parallax-section:after{content:""; background-color:#0E1424; position:absolute; width:100%; height:100%; top:0; bottom:0; left:0; right:0;  opacity: 0.8;}
.parallax-section h4 { margin: 120px auto 25px!important; font-family: 'Sora', sans-serif; font-size: 56px; font-weight: 800; line-height: 1.1; letter-spacing: -0.025em; max-width: 815px;}
.parallax-section p { font-size:19px; max-width: 815px; margin: auto auto 30px;}
.parallax-section .button-tag {margin: auto auto 90px;}
.parallax-section .col {position: relative; z-index: 1;}
.parallax-section .btn {padding: 18px 36px; font-size: 16px!important; box-shadow: 0 4px 14px rgba(36, 81, 169, 0.30); transition:0.3s;}
.parallax-section .btn-secondary{border-color: #FFFFFF; margin-right:8px!important;}
.parallax-section .btn-secondary:hover{background:#3F6FCB!important; color:#FFFFFF!important; box-shadow: 0 8px 24px rgba(36, 81, 169, 0.40); border-color: #3F6FCB;}
.parallax-section .btn-tertiary {margin-left:8px!important; background:transparent; border-color: rgba(255, 255, 255, 0.4); border-width: 1.5px; box-shadow: none;}
.parallax-section .btn-tertiary:hover{background:#FFFFFF!important; border-color:#FFFFFF!important; color:#3F6FCB!important;}
.parallax-section .parallax-background {background-position: bottom; filter: blur(2px);}.kontakt-flex-section {display:flex; align-items:center; justify-content:center;}

.card-reference h4{ text-transform: none !important; font-size: 40px !important; line-height: 47px; font-weight: 600; text-align: center;margin-bottom: 40px !important;}
.thumb-info .thumb-info-title {transition: all .3s; background: rgb(36 81 169 / 80%); padding:15px;}
.card-reference .portfolio-item .thumb-info img { height: 200px;}
.card-reference .thumb-info.thumb-info-no-borders .thumb-info-wrapper { height: 200px;}

.fui-form-container {max-width: 800px; margin: auto;}
.fui-form-container .fui-input{border: 2px solid #E5E7EB; padding: 13px 15px; border-radius: 8px;}
.fui-form-container textarea {border: 2px solid #E5E7EB; padding: 13px 15px; border-radius: 8px; min-height:120px;}
.fui-form-container .fui-btn { width: 100%; border-radius: 8px;padding: 14px 15px;font-size: 17px;  background: #2451A9;}
.fui-btn-wrapper .fui-btn.fui-submit.fui-next { padding: 11px 15px;}
.fui-alert{ max-width: 800px; margin: 0 auto 30px;border-radius: 8px;}

.heading-kontakt h2 span{ font-family: 'Sora', sans-serif; font-size: 26px;font-weight: 800; color: #0E1424; margin-bottom: 8px; letter-spacing: -0.02em;}
.kontakt-col-left { background: white; border-radius: 20px; padding: 30px; border: 1px solid #E5E7EB; width: 50%; height:auto;}
.kontakt-col-left .heading.heading-border { margin-bottom: 0;}
.kontakt-col-left .feature-box { gap: 16px; padding: 16px 0; border-bottom: 1px solid #F3F4F6;}
.kontakt-col-left .feature-box:hover{background: transparent;}
.kontakt-col-left .feature-box .feature-box-icon { width: 44px; height: 44px; border-radius: 10px; background: #F4F7FD !important;}
.kontakt-col-left .feature-box .feature-box-icon i {color:#2451A9}
.kontakt-col-left .feature-box-info .mb-4{display:none;}
.kontakt-col-left h4 p{ font-size: 12px;color: #6B7280;font-weight: 700;text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 4px;}
.kontakt-col-left p{ color: #0E1424; font-weight: 600; font-size: 16px; margin-bottom:0;}
.kontakt-col-right {width: 70%; margin-left: 50px;}
.kontakt-col-right .map-new .gm-map { height: 720px; border-radius: 20px;}
.kontakt-col-logo p{line-height: 25px; color: #9CA3AF; font-size:14px; margin-bottom:0;}
.kontakt-col-logo img {width: 125px;  margin-bottom: 30px;}
.kontakt-col-logo .col-sm-12 {padding:30px 0 0 0;}
#footer {padding-top: 50px;}
#footer .footer-copyright p {color: #6B7280;font-size: 13px!important;}
#footer h5 { font-family: 'Sora', sans-serif; font-size: 13px;font-weight: 700; color: white; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 20px;}
#footer .py-5 {margin-bottom: 40px;}
.footer-btn a{ color: #FFFFFF !important;padding: 14px 26px;}
.footer-btn {margin-top: 24px;}
.footer-btn a i:before {color: #FFFFFF!important;}
#footer .col-6 a{color: #9CA3AF; text-decoration: none; font-size: 14px!important;}
#footer .mb-1 {margin-bottom: 15px !important;}
#footer .mb-1 i:before{color:#3F6FCB}
.wmd-right {text-align:right;}
.wmd-right a:before {content:""; width:6px; height:6px; border-radius:50%; background:#3F6FCB; position: absolute; left: -60px; top: 7px;}
.wmd-right a {color: #FFFFFF!important; font-weight: 700; position:relative;}
.footer-btn-social {width: 38px;height: 38px;border-radius: 10px !important;background: rgba(255, 255, 255, 0.06)!important; color: #D1D5DB; text-decoration: none;transition: all .2s;border: 0;box-shadow: none;display: flex; align-items: center; justify-content: center; margin: 0px 10px 0 0 !important;}
.footer-btn-social:hover {box-shadow:none; background-color:#2451A9!important;}
.footer-btn-social i{margin-right: 0;}

.poslovnica-new{margin-top: -75px; align-items: normal;}
.poslovnica-new .kontakt-col-right {padding-top:60px;}
.poslovnica-new .kontakt-col-left{height: 472px;}



@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
@keyframes pulse {

    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes livepulse {
    0% {
        transform: scale(0.7);
        opacity:1;
    }
    100% {
        transform: scale(2.4);
        opacity:0;
    }
}

@keyframes marquee-scroll {
    0% {
        transform: translate3d(0,0,0);
    }
    100% {
        transform: translate3d(-50%,0,0);
    }
}