#animated-text span,
#animated-text-2 span {
    color: #aab99b;
    transition: color 0.2s linear;
}
#animated-text span.active,
#animated-text-2 span.active {
    color: #000;
}


.references-main-wrapper .post-list li {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.references-main-wrapper .post-list li.visible {
    opacity: 1;
    transform: translateY(0);
}


@font-face {
    font-family: 'jakarta-extralight';
    src: url('../fonts/PlusJakartaSans-ExtraLight.ttf');
}
@font-face {
    font-family: 'jakarta-regular';
    src: url('../fonts/PlusJakartaSans-Regular.ttf');
}
@font-face {
    font-family: 'jakarta-bold';
    src: url('../fonts/PlusJakartaSans-SemiBold.ttf');
}
@font-face {
    font-family: 'sole-serif-regular';
    src: url('../fonts/SoleSerifRegular.ttf');
}
:root {
    --main-green: #80C245;
    --black: #000;
    --white: #fff;
    --dark-blue: #051924;
    --dark-blue-second: #09212d;
    --main-grey: #B0B8BD;
    --dark-green: #4F6C36;
    --bg-grey: #F1F2F2;
    --font-grey: #7B7B7B;
    --dark-font-grey: #35393C;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'jakarta-regular';
    overflow-x: hidden;
}
html {
    overflow-x: hidden;
}
ul,li,a,p,h1,h2,h3 {
    margin: 0;
    padding: 0;
}
li {
    list-style-type: none;
}
a {
    text-decoration: none;
}
img {
    width: 100%;
}
.mobile-toggle {
    display: none;
}
.home header {
    position: absolute;
    top: 0;
    z-index: 9;
    width: 100%;
}
.main-banner-mobile {
    display: none;
}
.header-wrapper {
    max-width: 90%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 20px 0;
}
.header-wrapper .holder {
    width: 20%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main-menu-block {
    width: 60%;
}
.main-menu-block .menu {
    width: 60%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main-menu-block .menu li a, .main-menu-block .menu li a:hover, .main-menu-block .menu li a:focus {
    color: var(--dark-font-grey);
}
.custom-home-class .main-menu-block .menu li a, .custom-home-class .main-menu-block .menu li a:hover, .custom-home-class .main-menu-block .menu li a:focus {
    color: var(--white);
}
.contact-link {
    width: 20%;
    display: flex;
    justify-content: end;
    align-items: center;
}
.contact-link a.button {
    color: var(--white);
    background: #00000029;
    border: 1px solid var(--main-green);
    margin: 0;
    display: flex;
}   
.contact-link a.button i {
    color: var(--white);
}
.page-template-template-reference-listanje .contact-link a.button,
.single .contact-link a.button,
.page-template-template_our_investments .contact-link a.button,
.page-template-template-blog-listanje .contact-link a.button {
    color: var(--black);
    background: transparent;
}
.page-template-template-reference-listanje .contact-link a.button i,
.single .contact-link a.button i,
.page-template-template_our_investments .contact-link a.button i,
.page-template-template-blog-listanje .contact-link a.button i
{
    color: var(--main-green);
}
.logo-home {
    display: none;
}
.custom-home-class .logo.logo-home {
    display: block;
}
.custom-home-class .logo {
    display: none;
}
.banner-slider img {
    width: 100%;
    object-fit: cover;
}
.thumbnail-slider {
    margin-top: 15px;
    position: absolute !important;
    bottom: 10px;
    max-width: 40%;
    width: 100%;
    right: 40px;
}
.thumbnail-slider .thumb-item {
    cursor: pointer;
    border-bottom: 2px solid transparent;
    border-radius: 5px;
    transition: all 0.3s;
}
.thumbnail-slider .thumb-item img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    max-width: 400px;
}
.thumbnail-slider .thumb-item.active {
    border-color: var(--main-green);
    opacity: 1;
}
.thumbnail-slider .thumb-item:hover {
    opacity: 0.7;
}
.thumbnail-slider.owl-carousel .owl-stage {
    width: fit-content !important;
}
.thumbnail-slider.owl-carousel .owl-item {
    width: fit-content !important;
}
.main-baner-wrapper {
    position: relative;
}
.banner-slider .swiper-button-prev  {
    position: absolute;
    bottom: 100px;
    top: auto !important;
    left: 100px;
    display: flex;
    gap: 10px;
    width: 50px;
    height: 50px;
    border: 1px solid var(--white) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-image: none;
}
.banner-slider .swiper-button-prev::after {
   content: "\f053" !important;
    font-family: "font awesome 5 pro";
    color: var(--white);
    font-size: 25px;
}
.banner-slider .swiper-button-next {
    position: absolute;
    bottom: 100px;
    top: auto !important;
    left: 170px;
    display: flex;
    gap: 10px;
    width: 50px;
    height: 50px;
    border: 1px solid var(--white) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-image: none;
}
.banner-slider .swiper-button-next::after {
    content: "\f054" !important;
    font-family: "font awesome 5 pro";
    color: var(--white);
    font-size: 25px;
}
.banner-slider .item {
    position: relative;
}
.banner-slider .main-banner-text {
    z-index: 999;
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%) !important;
    height: 325px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}
.banner-slider .main-banner-text .first-text {
    font-family: 'jakarta-extralight';
    font-size: 26px;
    font-weight: 100;
    letter-spacing: 4px;
    color: var(--white);
    width: 100%;
}
.banner-slider .main-banner-text .second-text {
        font-family: 'jakarta-regular';
        font-size: 65px;
        max-width: 85%;
        color: var(--white);
        margin: 30px 0;
        line-height: 90px;
}
.word-animate {
    opacity: 0;
    animation-name: fadeInWord;
    animation-fill-mode: forwards;
    display: inline;
    margin-right: 0.3em;
}

@keyframes fadeInWord {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animated-banner-text {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}
.animated-banner-text.visible {
    opacity: 1;
    transform: translateY(0);
}

.typewriter span {
    opacity: 0;
    display: inline-block;
    transform: translateY(10px);
    animation: letterFade 0.4s forwards;
}
.links-banner-div {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.6s ease, transform 0.6s ease;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
}
.links-banner-div.active-btns {
    opacity: 1;
    transform: translateY(0);
}
.links-banner-div .main-link {
    color: var(--black);
    background: var(--main-green);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 20px;
    font-weight: 600;
    font-size: 16px;
}
.links-banner-div .main-link:after {
    content: "\f176";
    font-family: "font awesome 5 pro";
    display: block;
    transform: rotate(45deg);
    color: var(--black);
    margin-left: 5px;
}
.links-banner-div .second-link {
    font-size: 16px;
    font-weight: 400;
    color: var(--white);
    border-bottom: 2px solid var(--main-green);
    padding-bottom: 5px;
}
@keyframes letterFade {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.green-title {
    font-size: 18px;
    letter-spacing: 1.08px;
    color: var(--main-green);
}
.padding-div {
    padding: 50px 0;
    width: 100%;
}
.wrapper-div {
    max-width: 90%;
    width: 100%;
    margin: 0 auto;
}
.small-main-text {
    font-size: 40px;
    font-family: 'jakarta-bold';
    color: var(--black);
    padding: 10px 0;
}
.page-template-template-reference-listanje .small-main-text,
.page-template-template_our_investments .small-main-text {
    font-size: 32px;
}
a.button {
    background-color: var(--main-green);
    padding: 15px 20px;
    font-weight: 600;
    color: var(--black);
    display: inline-block;
    margin-top: 20px;
}
a.button i {
    transform: rotate(45deg);
    color: var(--black);
    padding-left: 5px;
}
.company-review-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.company-review-wrapper .left-column {
    width: 60%;
}
.company-review-wrapper .right-column {
    width: 30%;
}
.company-overview-repeater {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.company-overview-repeater .card {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border-radius: 10px;
    text-align: center;
    margin-left: auto;
    height: 150px;
    background-repeat: no-repeat !important;
}
.company-overview-repeater .card .card-first-text {
    font-size: 40px;
    font-family: 'jakarta-bold';
    color: var(--white);
    width: 100%;
}
.company-overview-repeater .card .card-second-text {
    color: var(--white);
    font-size: 14px;
    font-weight: 100;
}
.company-overview-repeater .card:nth-child(1) {
    background: linear-gradient(-135deg, transparent 45px, var(--main-green) 0)top right;
}
.company-overview-repeater .card:nth-child(2) {
    background: linear-gradient(-135deg, transparent 45px, var(--dark-blue) 0)top right;
}
.company-overview-repeater .card:nth-child(3) {
    background: linear-gradient(-135deg, transparent 45px, var(--main-grey) 0)top right;
}
.company-overview-repeater .card:nth-child(4) {
    background: linear-gradient(-135deg, transparent 45px, var(--dark-green) 0)top right;
}
.container-wrapper {
    background: radial-gradient(circle, #152927 5%, #051924FF 70%);
    padding: 100px 0;
    position: relative;
}
.absolute-circle {
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
}
.container {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}
.our-services-main-wrapper .green-title {
    color: var(--white);
    width: 100%;
    display: flex;
    justify-content: end;
}
.our-services-main-wrapper .small-main-text {
    color: var(--main-green);
    display: flex;
    justify-content: end;
}
.our-services-text-block {
    width: 100%;
    margin: 0 auto;
    text-align: right;
    max-width: 90%;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}
.our-services-text-block p {
    width: 40%;
}
.left-boxes, .right-boxes {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 48%;
    position: relative;
}
.left-boxes i, .right-boxes i {
    position: absolute;
    color: var(--main-green);
    font-size: 100px;
    right: 20px;
    top: 0;
    z-index: 99;
    transform: rotate(-45deg);
}
.left-boxes {
    align-items: flex-start;
}
.right-boxes {
    align-items: center;
}
.box {
    width: 100%;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    position: relative;
    background: #1b3443b3;
    padding: 15px;
}
.box img {
    border-radius: 20px;
}
.box-absolute-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
}
.box-absolute-text div {
    display: flex;
    align-items: start;
    justify-content: start;
}
.box-absolute-text div span {
    font-size: 12px;
    color: var(--main-green);
    font-family: 'jakarta-extralight';
    margin-top: 12px;
    padding-right: 10px;
}
.box-absolute-text .hover-button {
    opacity: 0;
    transition: opacity 0.3s ease-in-out 0s;
}
.box-absolute-text .hover-button a.button {
    background: var(--white);
}
.box-absolute-text .hover-button a.button i {
    position: unset;
    font-size: 14px;
}
.box h3 {
    font-size: 40px;
    font-family: 'jakarta-bold';
    color: var(--white);
}
.box p {
    font-size: 18px;
    color: var(--white);
    font-family: 'jakarta-extralight';
    font-weight: 100;
    width: 80%;
}
.box.show {
    opacity: 1;
    transform: translateY(0);
}
.box .image {
    position: relative;
}
.overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 94%;
    height: 94%;
    background-color: rgb(128 194 69 / 86%);
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
    transform-origin: top right;
    transition: opacity 0.5s ease, transform 0.5s ease;
    border-radius: 20px;
}
.box:hover .overlay {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.box:hover i, .box:hover .box-absolute-text p {
   opacity: 0;
}
.box:hover .box-absolute-text div span {
    color: var(--white);
}
.box:hover .box-absolute-text .hover-button {
    opacity: 1;
    transition-delay: 0.2s;
}
.box:hover .box-absolute-text .hover-button a.button i {
    opacity: 1;
}
.our-mission {
    padding: 50px 0;
    background-color: var(--bg-grey);
    text-align: center;
}
.our-mission .green-title, .our-vision .green-title {
    padding: 20px 0;
}
.our-mission .small-main-text, .our-vision .small-main-text {
    width: 90%;
    margin: 0 auto;
    font-size: 30px;
}
.brand-wrapper {
    padding: 50px 0;
}
.brand-wrapper .brand-item {
   height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand-wrapper .brand-item img {
    object-fit: scale-down;
}
.our-vision {
    padding: 50px 0;
    background-color: var(--dark-blue);
    text-align: center;
}
.our-vision .small-main-text {
    color: var(--white);
}
.our-vision .small-main-text p {
    font-family: 'jakarta-extralight';
}
.our-vision .small-main-text h4 {
    margin: 10px 0;
}
footer {
    background-color: var(--black);
    padding-top: 50px;
}
footer .footer-wrapper {
    background-color: #041923;
    max-width: 90%;
    margin: 0 auto;
    border-radius: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 30px;
}
.footer-wrapper .left-footer, .footer-wrapper .right-footer {
    width: 45%;
}
.footer-wrapper  .main-menu-block .menu li a {
    color: var(--white);
}
.left-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 50px;
}
.left-footer .info-footer, .right-footer .social-footer {
    width: 100%;
}
.left-footer .info-footer ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 10px;
}
.right-footer .social-footer {
    display: flex;
    justify-content: end;
}
.right-footer .social-footer ul {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    width: fit-content;
}
.right-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 50px;
}
.right-footer .main-menu-block {
    width: 100%;
}
.right-footer .main-menu-block .menu {
    width: 100%;
}
.left-footer .info-footer ul li a, .right-footer .social-footer ul li a, .left-footer .info-footer ul li a:hover, .right-footer .social-footer ul li a:hover {
    color: var(--white);
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
}
.left-footer .info-footer ul li a i, .right-footer .social-footer ul li a i {
    background-color: var(--main-green);
    color: var(--dark-blue);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.copyright {
    padding: 25px 0;
    max-width: 90%;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.copyright p {
    color: #999999;
    font-size: 14px;
    font-weight: 100;
}
.copyright p a {
    color: var(--main-green);
    text-decoration: none;
}
.copyright p a:hover {
    color: var(--main-green);
}
.reference-wrapper {
    padding-top: 100px;
    padding-bottom: 50px;
}
.reference-wrapper .wrapper-div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: nowrap;
}
.reference-wrapper .reference-text-block .wrapper-div {
    flex-wrap: wrap;
}
.reference-wrapper .reference-text-block .wrapper-div .green-title {
    width: 100%;
}
.reference-wrapper .wrapper-div .post {
    position: relative;
    height: fit-content;
}
.reference-wrapper .wrapper-div .post img {
    border-radius: 50px;
}
.reference-wrapper .wrapper-div .post .post-thumbnail:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
    border-radius: 50px;
}
.reference-wrapper .wrapper-div .post .post-text {
    position: absolute;
    transform: translateX(-50%);
    bottom: 10%;
    left: 50%;
    text-align: center;
    width: 100%;
    z-index: 999;
}
.reference-wrapper .wrapper-div .post .post-text h2 {
    font-family: 'jakarta-bold';
    font-size: 30px;
    color: var(--white);
}
.reference-wrapper .wrapper-div .post .post-description p {
    font-family: 'jakarta-extralight';
    font-size: 20px;
    letter-spacing: 4.4px;
    color: var(--main-green );
    padding-top: 10px;
    padding-bottom: 50px;
}
.reference-wrapper .wrapper-div .post .post-description ul {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: var(--white);
    border-top: 1px solid #ffffff59;
    max-width: 80%;
    margin: 0 auto;
    padding-top: 10px;
}
.reference-wrapper .wrapper-div .post .post-description ul li {
    font-size: 14px;
}
.reference-wrapper {
    position: relative;
}
.reference-wrapper .absolute-circle {
    left: 0;
}
.reference-wrapper .wrapper-div .post .show-hide-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0s linear 0.0s;
    height: 0;
}
.reference-wrapper .wrapper-div .post .show-hide-text p {
    height: 105px;
    overflow: hidden;
}
.reference-wrapper .wrapper-div .post:hover .show-hide-text {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.1s;
    height: fit-content;
}
.reference-wrapper .wrapper-div .post:hover .show-hide-text a {
    color: var(--white);
}
.reference-wrapper .wrapper-div .post:hover .show-hide-text a.button i {
    color: var(--white);
}
.reference-wrapper .wrapper-div .post:hover .post-text {
    height: 80%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: white;
    padding: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.reference-wrapper .wrapper-div .post:hover .post-text h2,
.reference-wrapper .wrapper-div .post:hover .post-text .post-description {
    width: 100%;
    transform: translateY(-20px);
    transition: transform 0.3s ease-in-out;
}
.lazy-load-post {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.lazy-load-post:nth-child(1) {
    margin-top: 100px;
}
div.lazy-load-post:nth-child(1) {
    margin-top: 100px;
}
.lazy-load-post:nth-child(2) {
    margin-top: 50px;
}
.lazy-load-post:nth-child(3) {
   margin-top: 0;
}
.lazy-load-post.visible {
    opacity: 1;
    transform: translateY(0);
}
.blog-main-block {
    background-color: var(--bg-grey);
}
.blog-list-title .small-main-text {
    border-bottom: 2px solid var(--main-green);
}
.blog-inner-wrapper {
    padding: 50px 0;
}
.blog-wrapper {
    padding: 50px 0;
    max-width: 90%;
    width: 100%;
    margin: 0 auto;
}
.blog-wrapper .blog-post {
    background-color: var(--white);
    position: relative;
}
.list-reference-wrapper.blog-listanje {
    padding-top: 10px;
}
.sticker-div {
    position: absolute;
    left: -5px;
    background: var(--main-green);
    width: 80px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 10px;
}
.sticker-div .sticker-text {
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
}
.blog-wrapper .blog-post .post-content {
    padding: 30px 20px;
}
.blog-wrapper .blog-post .post-content .post-title {
    margin-bottom: 20px;
    height: 60px;
    overflow: hidden;
}
.blog-wrapper .blog-post .post-content .post-title a {
    font-size: 24px;
    color: var(--black);
}
.blog-wrapper .blog-post .post-content .post-excerpt {
    height: 70px;
    overflow: hidden;
}
.blog-wrapper .blog-post .post-content .post-excerpt p {
    font-size: 14px;
    color: var(--font-grey);
}
.blog-wrapper .blog-post .post-thumbnail img {
    height: 100%;
}
.list-reference-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
}
.list-reference-wrapper ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}
.list-reference-wrapper ul li {
    position: relative;
}
.list-reference-wrapper ul li .post-thumbnail img {
    width: 100%;
    border-radius: 17px;
    transition: transform 0.4s ease;
    max-width: 100%;
    height: 100%;
}
.list-reference-wrapper ul li .post-thumbnail {
    position: relative;
    overflow: hidden;
}
.list-reference-wrapper ul li .post-thumbnail img {
    transition: transform 0.3s ease;
}
.list-reference-wrapper ul li .post-thumbnail:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
    border-radius: 17px;
}
.list-reference-wrapper ul li .post-thumbnail:hover {
    border-radius: 17px;
}
.list-reference-wrapper.blog-listanje ul li .post-thumbnail:hover {
    border-radius: 0;
}
.list-reference-wrapper ul li .post-thumbnail:hover::after {
    height: 100%;
}
.list-reference-wrapper ul li .post-thumbnail:hover img {
    transform: scale(1.05);
}
.list-reference-wrapper ul li .list-reference-text {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 999;
}
.list-reference-wrapper ul li .list-reference-text h2 {
    color: var(--white);
    font-size: 30px;
}
.list-reference-wrapper ul li .list-reference-text  p {
    color: var(--main-green);
    font-size: 20px;
    letter-spacing: 4.4px;
}
.show-hide-btn {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
    position: absolute;
    bottom: 25px;
    right: 25px;
    z-index: 2;
    display: block;
    pointer-events: none;
    border: 1px solid var(--main-green);
    padding: 15px 20px;
}
.show-hide-btn a {
    color: var(--white);
    font-weight: 600;
}
.show-hide-btn a i {
    transform: rotate(45deg);
}
.list-reference-wrapper ul li {
    position: relative;
    overflow: hidden;
}
.list-reference-wrapper ul li:hover .show-hide-btn {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.references-main-wrapper .tab-menu {
    display: flex;
    gap: 20px;
    max-width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid var(--main-green);
}
.main-title-references {
    max-width: 90%;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
}
.references-main-wrapper .tab-link {
    padding: 10px 0;
    margin-right: 10px;
    cursor: pointer;
    font-size: 18px;
    background-color: transparent;
    border: none;
    color: var(--font-grey);
    font-family: 'jakarta-regular';
    font-weight: 600;
}
.references-main-wrapper .tab-link.active, .tab-link:hover {
   color: var(--black);
    font-family: 'jakarta-regular';
    border-bottom: 2px solid var(--main-green);
}
.references-main-wrapper .tab-content {
    display: none;
}
.references-main-wrapper .tab-content.active {
    display: block;
}

/*single*/
.breadcrumbs {
    padding: 30px 0;
    font-size: 14px;
    color: #80C245;
    width: 100%;
    margin: 0px auto;
    font-family: 'jakarta-regular';
}

.breadcrumbs a {
    text-decoration: none;
    color: #000000;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}
.breadcrumbs.reference-type {
    max-width: 90%;
    width: 100%;
}


.banner-single {
    position: relative;
    width: 100%;
    margin: 0px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.banner-single:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* <- ovde kontrolišeš nivo zatamnjenja */
    z-index: 1;
    border-radius: 10px;
}

.desktop-banner {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    height: 600px;
}

.mobile-banner {
    display: none;
}

.box-banner-text {
    position: absolute;
    color: #FFFFFF;
    padding: 20px;
    border-radius: 8px;
    z-index: 99;
}

.box-banner-text h1{
    font-size: 60px;
    letter-spacing: -1.8px;
    font-weight: 300;
}

.box-banner-text p{
    font-size: 26px;
    letter-spacing: 0.52px;
    font-weight: 100;
}

/*middle field*/
.company-single-second-text{
    color: #7B7B7B;
    font-size: 16px;
    padding: 20px 0px;
}
.single .company-review .wrapper-div {
    max-width: 100%;
}
.single .company-review-wrapper .left-column {
    width: 50%;
}
.single .company-review-wrapper .right-column {
    width: 30%;
}
.signle .small-main-text {
    font-size: 32px;
}
.single .company-overview-repeater .card:nth-child(1) {
    background: linear-gradient(-135deg, transparent 30px, var(--main-green) 0) top right;
}
.single .company-overview-repeater .card:nth-child(2) {
    background: linear-gradient(-135deg, transparent 30px, var(--dark-blue) 0) top right;
}
.single .company-overview-repeater .card:nth-child(3) {
    background: linear-gradient(-135deg, transparent 30px, var(--main-grey) 0) top right;
}
.single .company-overview-repeater .card:nth-child(4) {
    background: linear-gradient(-135deg, transparent 30px, var(--dark-green) 0) top right;
}
.card-single-first-text{
    width: 100%;
    font-size: 16px;
    font-family: 'jakarta-regular';
    color: #FFFFFF;
}
.card-single-second-text {
    width: 100%;
    font-size: 24px;
    letter-spacing: -1.36px;
    color: #FFFFFF;
    font-family: 'jakarta-bold';
    height: 60px;
    overflow: hidden;
    display: flex;
    align-items: end;
    justify-content: center;
    background-repeat: no-repeat;
}
.single .company-overview-repeater .card {
    height: 130px;
}

/*kraj middle*/

/* Stilizacija single slajdera */
.slider-container {
    width: 100%;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.slider {
    display: flex;
    gap: 25px;
    justify-content: center;
}

.slide {
    /*flex: 0 0 calc(25% - 10px); !* 4 slajda po redu *!*/
    max-width: 415px;
    height: 415px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.slide::after {
    content: "\1F50D";
    font-size: 24px;
    color: #00000080;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    border: 1px solid #80C245;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.slide:hover::after {
    opacity: 1;
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Linija ispod slidera */
.slider-line {
    width: 400px;
    height: 4px;
    background: #000;
    margin: 50px auto 80px;
}


.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.owl-carousel .owl-item {
    display: flex;
    justify-content: center;
}
.single-blog {
    font-family: 'jakarta-regular';
}
.single-blog .blog-content-wrapper {
    max-width: 90%;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.single-blog > h1 {
    padding: 20px 0;
    max-width: 90%;
    width: 100%;
    margin: 0 auto;
}
.single-blog article {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 30px 0 !important;
    font-family: 'jakarta-regular' !important;
}
.single-blog article h1, .single-blog article h2 {
    color: var(--dark-blue-second) !important;
}


.mobile-single-test{
    display: none;
}
/* Inicijalno stanje: nevidljivo i blago spušteno */
.post-list li.loading-animation {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Kada se doda aktivna klasa: fade-in i slide-up */
.post-list li.loading-animation.visible {
    opacity: 1;
    transform: translateY(0);
}
.single .post-navigation {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 30px !important;
    max-width: 98%;
    margin: 0 auto;
}
.single .post-navigation .nav-previous a {
    color: var(--black);
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.single .post-navigation .nav-previous a:before {
    content: "\f177";
    font-family: "Font awesome 5 pro";
    color: var(--black);
    font-size: 14px;
    display: block;
    margin-top: 2px;
}
.single .post-navigation .nav-next a {
    font-size: 16px;
    color: var(--black);
    font-weight: 700;
    border-bottom: 2px solid var(--main-green);
    display: flex;
    align-items: center;
    gap: 5px;
}
.single .post-navigation .nav-next a:after {
    content: "\f178";
    font-family: "Font awesome 5 pro";
    color: var(--black);
    font-size: 16px;
    display: block;
    margin-top: 4px;
}
.blog-listanje ul li .post-thumbnail img {
    border-radius: 0;
}
.blog-listanje ul li .post-thumbnail:after {
    display: none;
}
.blog-listanje ul li {
    background: #F4F5F6;;
}
.blog-listanje ul li .list-blog-text {
    padding: 20px;
}
.blog-listanje ul li .list-blog-text h2 {
    font-size: 26px;
    color: var(--black);
    margin-bottom: 20px;
    height: 72px;
    overflow: hidden;
}
.blog-listanje ul li .post-meta {
    color: #B0B8BD;
    font-size: 14px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blog-listanje ul li .post-meta .arrow-blog i {
    transform: rotate(45deg);
    font-size: 16px;
    color: #000;
}
.blog-listanje ul li .post-meta .arrow-blog {
    background: var(--main-green);
    padding: 10px;
}

/*WHO WE ARE PAGE*/

.page-banner .mobile-banner {
    display: none;
}
.page-banner .desktop-banner {
    height: 100%;
}
/*Header on pages What we do, Who we are, Contact*/
.page-template-template-who-we-are header,
.page-template-template-what-we-do header,
.page-template-template-contact header,
.page-template-template-iso-sertifikat header {
    position: absolute;
    top: 0;
    z-index: 9;
    width: 100%;
}
.page-template-template-who-we-are .main-menu-block .menu li a,
.page-template-template-what-we-do .main-menu-block .menu li a,
.page-template-template-contact .main-menu-block .menu li a,
.page-template-template-iso-sertifikat .main-menu-block .menu li a  {
    color: var(--white);
}
.page-template-template-who-we-are .logo,
.page-template-template-what-we-do .logo,
.page-template-template-contact .logo,
.page-template-template-iso-sertifikat .logo
{
    display: none;
}
.page-template-template-who-we-are .logo.logo-home,
.page-template-template-what-we-do .logo.logo-home,
.page-template-template-contact .logo.logo-home,
.page-template-template-iso-sertifikat .logo.logo-home {
    display: block;
}
/*End header on pages What we do, Who we are, Contact*/
.page-section {
    max-width: 100%;
    width: 100%;
    margin: 60px 0;
}
.page-section .page-section-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 90%;
    margin: 0 auto;
    width: 100%;
    flex-wrap: nowrap;
    gap: 40px;
}
.page-section .page-section-wrapper .page-image-wrapper {
    width: 50%;
}
.page-section .page-section-wrapper .page-image-wrapper img {
    width: 100%;
}
.page-section .page-section-wrapper .page-text-section {
    width: 50%;
}
.page-section .page-section-wrapper .page-text-section .page-text-wrapper {
    max-width: 70%;
    width: 100%;
}
.page-section .page-section-wrapper .page-text-section h2 {
    color: var(--black);
    font-size: 40px;
    margin-bottom: 20px;
}
.page-section .page-section-wrapper .page-text-section p {
    color: var(--black);
    font-size: 16px;
    margin-bottom: 20px;
}
.page-section .page-section-wrapper .page-text-section p.large-text {
    color: var(--black);
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
}
.page-section.page-grey-section {
    background: #F5F5F9;
    margin-bottom: 0;
}
.page-section.page-grey-section .page-grid-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    padding: 60px 0;
}
.page-section.page-grey-section .page-grid-section .second-section-item {
    display: flex;
    flex-wrap: wrap;
    background: var(--white);
    padding: 40px 20px;
    transition: background 0.4s ease;
}
.second-section-item.aos-init {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.second-section-item.aos-animate {
    opacity: 1;
    transform: translateY(0);
}
.page-section.page-grey-section .page-grid-section .second-section-item:hover {
    background: linear-gradient(-135deg, transparent 45px, var(--dark-blue) 0) top right;
    text-align: center;
}
.page-section.page-grey-section .page-grid-section .second-section-item:hover .item-icon img {
    opacity: 0;
}
.page-section.page-grey-section .page-grid-section .second-section-item:hover .item-text h3 {
    color: var(--main-green);
}
.page-section.page-grey-section .page-grid-section .second-section-item:hover .item-text p {
    color: var(--white);
}
.page-section.page-grey-section .page-grid-section .second-section-item .item-icon {
    padding-bottom: 20px;
    height: 62px;
}
.page-section.page-grey-section .page-grid-section .second-section-item .item-text {
    width: 100%;
}
.page-section.page-grey-section .page-grid-section .second-section-item .item-text h3 {
    color: var(--black);
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 20px;
    transition: color 0.4s ease;
}
.page-section.page-grey-section .page-grid-section .second-section-item .item-text p {
    color: #7B7B7B;
    font-size: 16px;
    font-family: 'jakarta-extralight';
    height: 85px;
    overflow: hidden;
    transition: color 0.4s ease;
}
.map-section {
    position: relative;
}
.map-section .map-section-wrapper {
    z-index: 999;
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%) !important;
    max-width: 20%;
    width: 100%;
}
.map-section .map-section-wrapper h2 {
    color: var(--white);
    font-size: 40px;
}
.map-section .map-section-wrapper span {
    font-size: 14px;
    color: var(--main-green);
    letter-spacing: 6.72px;
    margin: 20px 0;
    display: block;
}
.map-section .map-section-wrapper p.large-text {
    font-size: 22px;
    color: var(--white);
    font-weight: 900;
    margin-bottom: 20px;
}
.map-section .map-section-wrapper p {
    font-family: "jakarta-extralight";
    color: #C7D5DC;
    font-size: 16px;
    margin-bottom: 20px;
}
.map-section .map-section-wrapper .page-button a {
    color: var(--white);
    border-bottom: 2px solid var(--main-green);
    padding-bottom: 5px;
}
.second-grey-section {
    padding: 60px 0;
}
.second-grey-section .page-div {
    max-width: 70%;
    width: 100%;
    margin: 0 auto;
}
.second-grey-section .page-div h2, .second-grey-section .page-div p {
    text-align: center;
    margin-bottom: 20px;
}
.second-grey-section .page-div h2 {
    font-size: 26px;
}
.second-grey-section .page-div p {
    font-size: 16px;
    max-width: 80%;
    margin: 0 auto;
}
.second-grey-section .bottom-repeater {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 40px 0;
}
.second-grey-section .bottom-repeater .bottom-repeater-item {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    padding: 30px 70px;
    border-radius: 10px;
}
.second-grey-section .bottom-repeater .bottom-repeater-item .text-item {
    width: 100%;
    padding-top: 20px;
}
.second-grey-section .bottom-repeater .bottom-repeater-item .text-item p {
    color: var(--white);
    font-size: 22px;
    font-weight: 900;
}
.second-grey-section .bottom-repeater .bottom-repeater-item:nth-child(1) {
    background: linear-gradient(-135deg, transparent 20px, var(--main-green) 0) top right;
}
.second-grey-section .bottom-repeater .bottom-repeater-item:nth-child(2) {
    background: linear-gradient(-135deg, transparent 20px, var(--dark-blue) 0) top right;
}
.second-grey-section .bottom-repeater .bottom-repeater-item:nth-child(3) {
    background: linear-gradient(-135deg, transparent 20px, var(--main-grey) 0) top right;
}

/*What we do*/

.what-we-do-main-content {
    margin-top: 40px;
}
.what-we-do-main-content .what-we-do-item {
    padding: 80px 0;
    border-radius: 20px;
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 40px;
}
.what-we-do-main-content .what-we-do-item .what-we-do-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    flex-wrap: nowrap;
    gap: 20px;
    max-width: 90%;
    margin: 0 auto;
}
.what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-number {
    position: absolute;
    top: -60px;
    right: -20px;
    background: var(--main-green);
    padding: 10px;
    border-radius: 5px;
}
.what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-number p {
    font-size: 14px;
    font-weight: 900;
}
.what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-image {
    width: 40%;
    text-align: center;
}
.what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-image img {
    width: 70%;
}
.what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-text {
    width: 60%;
}
.what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-text .item-text-div {
    max-width: 80%;
}
.what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-text h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
}
.what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-text .main-paragraph p {
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 20px;
}
.what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-text .long-text p {
    font-size: 16px;
    margin-bottom: 20px;
}
.what-we-do-main-content .what-we-do-item:nth-child(odd) {
    background: #F5F5F9;
}
.what-we-do-main-content .what-we-do-item:nth-child(even)  {
    background: #0A1010;
}
.what-we-do-main-content .what-we-do-item:nth-child(even) .what-we-do-wrapper .item-image {
    order: 2;
}
.what-we-do-main-content .what-we-do-item:nth-child(even) .what-we-do-wrapper .item-text {
    color: var(--white);
    order: 1;
}
.what-we-do-main-content .what-we-do-item:nth-child(even) .what-we-do-wrapper .item-text .item-text-div {
    margin-left: auto;
}
.what-we-do-main-content .what-we-do-item:nth-child(even) .what-we-do-wrapper .item-number {
    left: -20px;
    right: auto;
    background: #1c310a;
}
.what-we-do-main-content .what-we-do-item:nth-child(even) .what-we-do-wrapper .item-number p {
    color: var(--main-green);
}
.what-we-do-page-bottom-content {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 40px;
}
.what-we-do-page-bottom-content h2 {
    font-size: 40px;
}

/*what we do mobile*/
.what-we-do-main-content.what-we-do-mobile{
    display: none;
}

@media (max-width: 992px) {
    .what-we-do-main-content{
        display: none;
    }
    .what-we-do-main-content.what-we-do-mobile{
        display: block;
    }
    .what-we-do-main-content.iso-main-container {
        display: block;
    }
}
/*end mobile*/
/*ISO*/
.what-we-do-main-content.iso-main-container .what-we-do-item:nth-child(even) {
    background: #F5F5F9;
}
.what-we-do-main-content.iso-main-container .what-we-do-item:nth-child(even) .what-we-do-wrapper .item-text {
    color: var(--black);
}
.page-banner.iso-banner {
    position: relative;
}
.page-banner.iso-banner h1 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    color: #fff;
    font-size: 60px;
}
.list-reference-wrapper .item-area {
    position: absolute;
    top: 50px;
    right: 0;
    background: #3c3c3c;
    color: #fff;
    z-index: 999;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 10px;
}
.list-reference-wrapper .item-area p:nth-child(1) {
    font-size: 20px;
    font-weight: 100;
    padding-bottom: 5px;
}
.list-reference-wrapper .item-area p:nth-child(2) {
    font-size: 20px;
    font-weight: 900;
}


/*Responsive*/
@media (max-width: 1650px) {
    .banner-slider .main-banner-text .second-text {
        font-size: 55px;
        line-height: 68px;
    }
}

@media (max-width: 1600px) {
    .main-menu-block .menu {
        width: 80%;
    }
    .reference-wrapper {
        padding-top: 0;
    }
    .single .company-overview-repeater .card {
        width: 190px;
    }
    .company-review-wrapper .right-column {
        width: 35%;
    }
    .left-footer .info-footer ul li a {
        white-space: nowrap;
    }
}
@media (max-width: 1500px) {

    .banner-slider .swiper-button-prev, .banner-slider .swiper-button-next {
        bottom: 60px;
    }
}
@media screen and (max-width: 1392px){
    .desktop-banner{
        height: 400px;
    }
    .box-banner-text h1{
        font-size: 60px;
    }
    /*middle field*/
    .our-services-main-wrapper .small-main-text{
        font-size: 32px;
    }
    .box h3{
        font-size: 32px;
    }
    .our-vision .small-main-text h4{
        font-size: 30px;
    }
    .our-vision .small-main-text p{
        font-size: 20px;
    }
    .company-single-second-text{
        font-size: 17px;
    }
    .company-review-wrapper{
        align-items: center;
    }
    .company-overview-repeater{
        gap: 25px;
    }
    .card-single-second-text{
        font-size: 25px;
    }
    .company-overview-repeater .card .card-first-text {
        font-size: 30px;
    }
    /*kraj middle field*/
    .slide{
        height: 290px;
    }
    /*footer*/
    footer .footer-wrapper{
        flex-direction: column;
        gap: 50px;
    }
    .footer-wrapper .left-footer, .footer-wrapper .right-footer{
        width: 90%;
    }
    .card-single-second-text {
        font-size: 18px;
        height: 46px;
    }
    .single .company-overview-repeater .card {
        width: 170px;
    }
    .banner-slider .main-banner-text {
        height: 270px;
    }
    .banner-slider .main-banner-text .first-text {
        font-size: 24px;
    }
    .banner-slider .main-banner-text .second-text {
        font-size: 45px;
        line-height: 65px;
    }
    .page-banner.iso-banner h1 {
        font-size: 40px;
    }
}

@media (max-width: 1200px) {
    .main-menu-block .menu {
        width: 100%;
        margin-left: 20px;
    }
    .contact-link a.button {
        font-size: 14px;
    }
    .single .company-overview-repeater .card {
        width: 150px;
    }
    .banner-slider .main-banner-text {
        height: 250px;
    }
    .banner-slider .main-banner-text .first-text {
        font-size: 20px;
    }
    .banner-slider .main-banner-text .second-text {
        font-size: 45px;
        line-height: 55px;
    }
    .banner-slider .swiper-button-prev, .banner-slider .swiper-button-next {
        bottom: 35px;
    }
    .banner-slider .swiper-button-prev {
        left: 60px;
    }
    .banner-slider .swiper-button-next {
        left: 140px;
    }
}


@media screen and (max-width: 1092px){
    .company-review-wrapper{
        flex-direction: column;
    }
    .company-review-wrapper > div{
        width: 100% !important;
    }
    .company-overview-repeater{
        width: 100%;
        gap: 30px;
    }
    .single .company-review-wrapper .left-column {
        width: 100%;
    }
    .single .company-review-wrapper .right-column {
        width: 100%;
    }
    .single .company-review-wrapper .right-column .company-overview-repeater {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .single .company-overview-repeater .card {
        width: 25%;
    }
}
@media (max-width: 1400px){
    .what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-text .item-text-div{
        max-width: 100%;
    }
    .what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-image img{
        width: 100%;
    }
    .what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-image{
        width: 45%;
    }
    .what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-text .item-text-div{
        max-width: 100%;
    }
    .what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-text h2{
        font-size: 28px;
    }
    .what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-text .main-paragraph p{
        font-size: 20px;
    }
    .what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-text .long-text p{
        font-size: 14px;
    }
    .what-we-do-page-bottom-content h2{
        font-size: 22px;
    }
}
@media (max-width: 1200px) {
    .main-menu-block .menu {
        width: 100%;
        margin-left: 20px;
    }
    .contact-link a.button {
        font-size: 14px;
    }
    .map-section .map-section-wrapper{
        max-width: 90%;
        top: 30%;
    }
}

@media screen and (max-width: 992px){
    .custom-home-class .main-menu-block .menu li a {
        font-size: 14px;
    }
    .contact-link a.button {
        font-size: 12px;
        padding: 10px;
    }
    /*listanje-referenci*/
    .list-reference-wrapper ul{
        grid-template-columns: 1fr;
    }
    .banner-slider .main-banner-text {
        height: 200px;
    }
    .banner-slider .main-banner-text .first-text {
        font-size: 18px;
    }
    .banner-slider .main-banner-text .second-text {
        font-size: 40px;
        line-height: 40px;
    }
    .links-banner-div .main-link {
        font-size: 14px;
        padding: 10px 15px;
    }
    .links-banner-div .second-link {
        font-size: 14px;
    }
    .second-grey-section .bottom-repeater{
       gap: 10px;
    }
    .second-grey-section .bottom-repeater .bottom-repeater-item {
        padding: 15px;
        width: 30%;
    }
    .second-grey-section .page-div{
        max-width: 90%;
    }
    .second-grey-section .page-div p{
        max-width: 90%;
    }
    .page-template-template-who-we-are .mobile-toggle span{
        background-color: #fff;
    }

    .what-we-do-main-content .what-we-do-item .what-we-do-wrapper{
        flex-direction: column;
    }
    .what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-text{
        width: 80%;
    }
    .what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-image{
        width: 80%;
    }
    .page-template-template-what-we-do .mobile-toggle span{
        background-color: #fff;
    }
}

@media screen and (max-width: 792px) {
    .page-template-template-contact .mobile-toggle span{
        background-color: #fff;
    }
    .desktop-banner {
        display: none;
    }
    .page-banner .mobile-banner{
        display: block;
    }
    .mobile-banner {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 10px;
    }
    .company-review.padding-div.mobile-single-test {
        padding-top: 0;
    }
    .box-banner-text h1{
        font-size: 30px;
    }
    .box-banner-text p{
        font-size: 20px;
    }

    .company-overview-repeater{
        /*grid-template-columns: 1fr;*/
    }
    /*footer*/
    /*.list-reference-wrapper{*/
    /*    padding-bottom: 50px;*/
    /*}*/
    .left-footer{
        justify-content: center;
    }
    .left-footer .info-footer ul{
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .right-footer .social-footer{
        justify-content: center;
    }

    .mobile-single-test{
        display: block !important;
    }
    .list-reference-wrapper {
        padding-top: 20px;
    }
    .single .company-review.padding-div {
        display: none;
    }
    /*    Ho we are risponsiv*/
    .page-section .page-section-wrapper{
        flex-direction: column;
    }
    .page-section .page-section-wrapper .page-image-wrapper{
        width: 90%;
    }
    .page-section .page-section-wrapper .page-text-section{
        width: 90%;
    }
    .page-section .page-section-wrapper .page-text-section .page-text-wrapper{
        max-width: 100%;
    }
    .page-section.page-grey-section .page-grid-section{
        grid-template-columns: repeat(1, 1fr);
    }
}
@media screen and (max-width: 520px){
    .map-section .map-section-wrapper h2{
        font-size: 28px;
    }
    .map-section .map-section-wrapper p.large-text{
        font-size: 20px;
    }
    .map-section .map-section-wrapper span{
        margin: 10px 0px;
        font-size: 12px;
    }
    .map-section .map-section-wrapper p{
        font-size: 14px;
    }
    .page-section .page-section-wrapper .page-text-section h2{
        font-size: 28px;
    }
    .page-section .page-section-wrapper .page-text-section p.large-text{
        font-size: 18px;
    }
    .page-section .page-section-wrapper .page-text-section p{
        font-size: 14px;
    }
    .page-section.page-grey-section .page-grid-section .second-section-item .item-text h3{
        font-size: 26px;
    }

    .what-we-do-main-content .what-we-do-item{
        max-width: 90%;
    }
    .what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-number{
        right: -10px;
    }
    .what-we-do-main-content .what-we-do-item:nth-child(even) .what-we-do-wrapper .item-number{
        left: -10px;
    }
    .what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-text{
        width: 100%;
    }
    .what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-image{
        width: 100%;
    }

    .contact-row .icon img{
        width: 35px;
        height: 35px;
    }
}
@media screen and (max-width: 352px){
    .left-footer .info-footer ul li a, .right-footer .social-footer ul li a, .left-footer .info-footer ul li a:hover, .right-footer .social-footer ul li a:hover{
        font-size: 12px;
    }
    .main-menu-block .menu li a, .main-menu-block .menu li a:hover, .main-menu-block .menu li a:focus{
        font-size: 15px;
    }
}

/*Najnovije izmene Jul 2025*/
.banner-slider .item {
    width: 100%;
}

/*loadmore dugme*/
.load-more-wrapper {
    text-align: center;
    margin: 30px 0px;
}

#load-more {
    display: inline-block;
    background: transparent;
    border: none;
    border-bottom: 2px solid #80C245;
    font-size: 30px;
    color: #000;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: bold;
}

#load-more:hover {
    border-bottom-color: #80C245;
    color: #405e28;
}


/*Blog & News*/
.banner-blog-news-single {
    width: 100%;
}

.inside-banner-blogs-news {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    margin: 0 auto;
}

.title-blogs-news {
    background-color: #051924;
    color: #fff;
    flex: 1 1 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
}

.title-blogs-news h1 {
    font-size: 40px;
    margin: 0;
}
.single-blog-title-breadcrumbs {
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}
.single-blog-title-breadcrumbs .breadcrumbs {
    padding: 0;
    position: absolute;
    top: 30px;
    left: 0;
}
.single-blog-title-breadcrumbs .breadcrumbs nav {
    padding: 0;
    margin: 0;
    max-width: 100%;
}
.single-blog-title-breadcrumbs .breadcrumbs nav a {
    color: var(--white);
}
.image-banner-blogs-news {
    flex: 1 1 50%;
    background-color: #fff;
}

.image-banner-blogs-news img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.blog-template-default .single-blog .blog-content-wrapper{
    max-width: 100% !important;
    width: 100%;
    margin: 0 auto;
    background: #fff;
     padding: 0px !important;
    margin-bottom: 50px;
}

.post-meta-bar {
    width: 70%;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0px;
    border-bottom: 1px solid #B0B8BD;
}

.post-meta-left {
    color: #B0B8BD;
    font-size: 14px;
}

.post-meta-left span {
    margin-right: 10px;
}

.social-icons{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.text-social p{
    font-size: 18px;
    color: #000000;
    font-weight: bold;
}

.social-icons a {
    margin-left: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    transition: color 0.2s;
    background-color: #80C245;
    padding: 2px 5px;
    border-radius: 5px;
}

.blog-text-field{
    width: 70%;
    margin: 0px auto;
    padding-top: 40px;
}

.blog-text-field h3{
    padding: 15px 0px;
    font-size: 22px;
    color: #000;
    font-weight: bold;
}

.blog-text-field p{
    font-size: 16px;
    padding: 15px 0px;
}

/*Contact*/
.contant-main-field{
    width: 100%;
    background: #F5F5F9;
    padding: 50px 0px;
}
.inside-contact{
    width: 80%;
    margin: 0px auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 50px 50px;
    background: #fff;
    border-radius: 20px;
}
.contact-info {
    width: 40%;
}
.contact-title h3{
    font-size: 40px;
    color: #000000;
    font-weight: bold;
    padding: 20px 0px;
}
.contact-title p{
    font-size: 16px;
    padding: 10px 0px;
}
.contact-row {
    display: flex;
    align-items: center;
    margin: 15px 0;
}
.contact-row .icon {
    display: inline-block;
    /*background-color: #e1f0d0;*/
    padding: 8px;
    border-radius: 6px;
    margin-right: 10px;
    font-size: 18px;
}
.contact-row .text {
    font-size: 20px;
    font-weight: 900;
}
.contact-details p {
    margin: 10px 0;
    font-size: 16px;
    font-weight: 900;
}
.socials {
    margin-top: 30px;
    font-size: 18px;
}
.social-icon {
    font-family: FontAwesome, sans-serif;
    font-weight: bold;
    margin-right: 5px;
}
.contact-form {
    width: 35%;
    background-color: #8CC14C;
    border-radius: 10px;
    padding: 30px;
    color: white;
    clip-path: polygon(0 0, 90% 0, 100% 10%, 100% 100%, 0 100%);
}
.link-social{
    font-size: 16px;
    color: #000;
    font-weight: bold;
}
.link-social a{
    background-color: #80C245;
    text-decoration: none;
    color: #fff;
    padding: 2px;
    margin-right: 5px;
}
.link-social i{
    padding: 3px;
}
.inside-forms h3{
    font-size: 40px;
    color: #000000;
    font-weight: bold;
    letter-spacing: -1.6px;
    padding: 20px 0px;
}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large{
    background-color: #71B137;
    padding: 20px 20px;
    border: none;
}
.gform_wrapper.gravity-theme .gfield input::placeholder {
    color: var(--black);
}
.gform_wrapper.gravity-theme .gfield textarea{
    background-color: #71B137;
    border: none;
    padding: 20px 20px;
}
.gform_wrapper.gravity-theme .gfield textarea::placeholder {
    color: var(--black);
    font-size: 14px !important;
}
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input{
    margin-bottom: 8px;
    background: #000000;
    border: none;
    width: 100%;
    padding: 20px 0px;
    color: #fff;
    font-size: 16px;
}
.gform_wrapper.gravity-theme .gform_footer input {
    font-weight: 900;
}
.gform_wrapper.gravity-theme .gform_footer {
    position: relative;
}
.gform_wrapper.gravity-theme .gform_footer::after {
    content: "\f1d8";
    font-family: "Font Awesome 5 Pro";
    display: block;
    color: var(--main-green);
    font-size: 18px;
    font-weight: 100;
    position: absolute;
    top: 45%;
    left: 57%;
    transform: translate(-50%, -50%);
}

@media (max-width: 1470px) {
    .contact-title h3{
        font-size: 30px;
    }
    .inside-forms h3{
        font-size: 30px;
    }
    .contact-row{
        margin: 20px 0px;
    }
    .contact-row .text{
        font-size: 16px;
    }
    .inside-contact{
        width: 90%;
        padding: 30px 5px;
    }
    .gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large{
        padding: 13px 20px;
    }
    .gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input{
        padding: 15px 0px;
    }
    .gform_wrapper.gravity-theme .gform_footer::after {
        top: 45%;
        left: 61%;
    }
}

/*Risponsiv deo Jul 2025*/
/* Prikaz desktop verzije samo za šire ekrane */
.main-baner-wrapper {
    display: block;
}
.main-baner-wrapper-mobile {
    display: none;
}

/*Button slider index style*/
/* Osnovni stil za oba */
.banner-buttons-mobile .button {
    font-size: 16px;
    padding: 10px 18px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

/* Levo dugme: zeleno, crna slova, strelica ide malo gore-desno */
.banner-buttons-mobile .btn-left {
    background-color: #80C245;
    color: #000;
    border-radius: 4px;
    position: relative;
    font-weight: unset;
    font-size: 14pt;
}

/* Strelica u levoj dugmadi */
.banner-buttons-mobile .btn-left .arrow-up-right {
    display: inline-block;
    margin-left: 8px;
    transform: rotate(45deg); /* gore i udesno */
    transition: transform 0.3s ease;
}

/* Hover efekat – strelica se blago pomeri ka napred */
.banner-buttons-mobile .btn-left:hover .arrow-up-right {
    transform: rotate(45deg) translate(3px, -3px);
}

/* Desno dugme: bez pozadine, samo zeleni border-bottom */
.banner-buttons-mobile .btn-right {
    background: none !important;
    color: #FFFFFF;
    border-bottom: 2px solid #80C245;
    padding-bottom: 8px;
    font-weight: unset;
    font-size: 14pt;
}


@media screen and (max-width: 992px){
    /*blog & news*/
    .title-blogs-news h1{
        font-size: 26px;
    }
    /*contact mob*/
    .inside-contact{
        flex-direction: column;
        gap: 50px;
    }
    .contact-info{
        width: 70%;
    }
    .contact-form{
        width: 70%;
    }
    /*contact mob*/
    .container{
        flex-direction: column;
    }
    .left-boxes, .right-boxes{
        width: 90%;
    }
    .reference-wrapper .wrapper-div{
        flex-direction: column;
        text-align: center;
    }
    .reference-wrapper .wrapper-div .post:hover .post-text{
        width: 30%;
    }
}
.contact-link-mobile,
.mobile-social-link,
.mobile-bg-image,
.single .post-navigatio {
    display: none;
}
/*footer social mobile*/
.social-footer-mobile{
    display: none;
}

/*Desktop off elements*/
.section-mobile-image, .map-mobile-image {
    display: none;
}
/*footer social mobile*/
@media screen and (max-width: 768px) {
    /*contact mob*/
    .contact-info{
        width: 80%;
    }
    .contact-form{
        width: 80%;
    }
    .contact-title h3{
        font-size: 28px;
    }
    .contact-title p{
        font-size: 14px;
    }
    .contact-row{
        margin: 35px 0px;
    }
    .inside-forms h3{
        font-size: 28px;
    }
    /*contact mob*/
    .gform_wrapper.gravity-theme .gform_footer::after{
        top: 46%;
        left: 63%;
        font-size: 16px;
    }
    .post-meta-bar{
        width: 95%;
    }
    .blog-text-field{
        width: 95%;
        padding-top: 20px;
    }
    .title-blogs-news h1{
        font-size: 26px;
    }
    .single-blog-title-breadcrumbs .breadcrumbs{
        position: unset;
    }
    .single-blog-title-breadcrumbs{
        flex-direction: column;
        align-items: start;
    }
    .title-blogs-news h1{
        font-size: 26px;
    }
    .blog-text-field h3{
        font-size: 18px;
    }

    .contact-link {
        display: none;
    }
    .header-wrapper .holder {
        width: 30%;
    }
    .custom-home-class .logo {
        display: block;
    }
    .custom-home-class .logo.logo-home {
        display: none;
    }
    .home header {
        position: static;
    }
    .mobile-toggle {
        border: 1px solid var(--main-green);
        padding: 5px;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        cursor: pointer;
        position: relative;
        z-index: 9999;
    }
    .mobile-toggle span {
        display: block;
        height: 2px;
        width: 20px;
        background-color: #000;
        transition: all 0.3s ease;
        border-radius: 2px;
    }
    .mobile-toggle span:last-child {
        margin-bottom: 0;
    }
    .mobile-toggle.active-bars span:nth-child(1) {
        transform: rotate(45deg) translate(3px, 3px);
        position: relative;
        top: 5px;
        width: 25px;
    }
    .mobile-toggle.active-bars span:nth-child(2) {
        opacity: 0;
    }
    .mobile-toggle.active-bars span:nth-child(3) {
        transform: rotate(-45deg) translate(3px, -3px);
        position: relative;
        bottom: 6px;
        width: 25px;
    }
    .header-wrapper .main-menu-block {
        position: fixed;
        top: 0;
        right: -150%;
        width: 100%;
        height: 100vh;
        background: #fff;
        z-index: 1000;
        transition: right 0.5s ease;
        padding: 30px 20px;
        overflow-y: auto;
    }
    .header-wrapper .main-menu-block.open {
        right: 0;
    }
    .header-wrapper .main-menu-block .menu li.menu-item,
    .contact-link-mobile,
    .mobile-social-link {
        opacity: 0;
        transform: translateX(50px);
        transition: transform 0.4s ease, opacity 0.4s ease;
    }
    .header-wrapper .main-menu-block.open .menu li.menu-item,
    .main-menu-block.open .contact-link-mobile,
    .main-menu-block.open .mobile-social-link {
        opacity: 1;
        transform: translateX(0);
    }

    .contact-link-mobile {
        display: block;
        margin-left: 50px;
    }
    .contact-link-mobile a.button {
        background: none;
        font-size: 24px;
        font-weight: 900;
        padding: 0;
        margin-top: 40px;
    }
    .contact-link-mobile a.button i {
        color: var(--main-green);
    }
    .header-wrapper .main-menu-block.open .menu-header {
        margin-top: 80px;
        margin-left: 50px;
    }
    .header-wrapper .main-menu-block.open .mobile-bg-image {
        display: block;
        position: absolute;
        bottom: 100px;
        width: 130%;
        z-index: -9;
    }
    .header-wrapper .main-menu-block.open .menu {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        margin-left: 0;
    }
    .header-wrapper .main-menu-block.open .menu li {
        width: 100%;
    }
    .header-wrapper .main-menu-block.open .menu li a {
        color: var(--black);
        font-size: 24px;
        font-weight: 900;
    }
    .header-wrapper .main-menu-block.open .menu li:first-child a {
        color: var(--main-green);
    }
    .mobile-social-link {
        display: block;
        margin-left: 50px;
        margin-top: 40px;
    }
    .mobile-social-link ul {
        display: flex;
        justify-content: space-between;
        max-width: 60%;
    }
    .mobile-social-link ul li a {
        display: flex;
        align-items: center;
    }
    .mobile-social-link ul li a span {
        color: var(--black);
        font-size: 14px;
        display: block;
        margin-left: 10px;
        font-weight: 600;
    }
    .mobile-social-link ul li a i {
        background: var(--main-green);
        font-size: 12px;
        padding: 4px;
        color: var(--white);
        border-radius: 3px;
    }
    .show-hide-btn {
        display: none;
    }
    .main-banner-mobile .owl-carousel .owl-item{
        display: block;
    }
    .main-baner-wrapper {
        display: none;
    }
    .main-banner-mobile {
        display: block;
    }

    .main-banner-mobile .swiper-button-prev {
        position: absolute;
        bottom: 50px;
        top: auto !important;
        left: 35px;
        gap: 10px;
        width: 50px;
        height: 50px;
        border: 1px solid var(--white) !important;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-image: none;
    }
    .main-banner-mobile .swiper-button-prev:after {
        content: "\f053" !important;
        font-family: "font awesome 5 pro";
        color: var(--white);
        font-size: 25px;
    }
    .main-banner-mobile .swiper-button-next {
        position: absolute;
        bottom: 50px;
        top: auto !important;
        left: 105px;
        gap: 10px;
        width: 50px;
        height: 50px;
        border: 1px solid var(--white) !important;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-image: none;
    }
    .main-banner-mobile .swiper-button-next:after {
        content: "\f054" !important;
        font-family: "font awesome 5 pro";
        color: var(--white);
        font-size: 25px;
    }

    .main-banner-mobile {
        /*padding: 20px;*/
    }

    .banner-content-mobile{
        position: absolute;
        top: 30%;
        left: 3%;
    }
    .banner-content-mobile p{
        font-size: 16pt;
        color: #FFFFFF;
        letter-spacing: 4.8pt;
        font-weight: unset;
    }
    .banner-content-mobile h1{
        color: #FFFFFF;
        font-size: 28pt;
        letter-spacing: -1.76pt;
        font-weight: unset;
    }
    .banner-buttons-mobile .btn-left, .banner-buttons-mobile .btn-right {
        font-size: 11pt;
    }
    .banner-buttons-mobile .btn-right {
        margin-left: 10px;
    }
    /*second div*/
    .company-overview-link{
        display: none;
    }
    .green-title{
        font-size: 14px;
    }
    .small-main-text{
        font-size: 29px;
    }
    .company-overview-repeater .card .card-first-text{
        font-size: 24px;
    }

    .company-overview-repeater .card:nth-child(1) {
        background: linear-gradient(-135deg, transparent 25px, var(--main-green) 0) top right;
        background-repeat: no-repeat;
    }
    .company-overview-repeater .card:nth-child(2) {
        background: linear-gradient(-135deg, rgba(0, 31, 63, 0) 25px, var(--dark-blue) 0) top right;
        background-repeat: no-repeat;
    }
    .company-overview-repeater .card:nth-child(3) {
        background: linear-gradient(-135deg, transparent 25px, var(--main-grey) 0) top right;
        background-repeat: no-repeat;
    }
    .company-overview-repeater .card:nth-child(4) {
        background: linear-gradient(-135deg, transparent 25px, var(--dark-green) 0) top right;
        background-repeat: no-repeat;
    }
    .our-services-text-block p{
        width: 90%;
    }
    .company-overview-repeater .card .card-second-text{
        font-size: 12px;
        max-width: 97%;
        margin: 0 auto;
    }
    .home .company-overview-repeater .card {
        height: 100px;
    }
    .home .company-overview-repeater {
        gap: 10px;
    }
    .small-main-text p{
        font-size: 40px;
    }
    .box-absolute-text{
        top: 65%;
    }
    .green-title p{
        font-size: 14px;
    }
    .box h3{
        font-size: 25px;
    }
    .box p{
        font-size: 15px;
    }
    .reference-wrapper .reference-text-block .wrapper-div{
        text-align: left;
    }
    .absolute-circle{
        width: 100%;
    }
    .reference-wrapper .wrapper-div .post img{
        width: 100%;
    }
    .reference-wrapper .wrapper-div .post img,
    .reference-wrapper .wrapper-div .post .post-thumbnail:after{
        border-radius: 20px;
    }
    .reference-wrapper .wrapper-div .post:hover .post-text{
        width: 80%;
    }
    .lazy-load-post:nth-child(1){
        margin-top: 50px;
    }
    .lazy-load-post:nth-child(3){
        margin-top: 50px;
    }
    .our-vision.padding-div .wrapper-div .small-main-text p{
        font-size: 20px;
    }
    .left-boxes{
        align-items: center;
    }
    /*  Our refernces  */
    .box-banner-text p{
        font-size: 20px;
    }
    .company-single-text{
        font-size: 24px;
        padding-bottom: 20px;
    }
    .slider-line {
        margin-bottom: 30px;
    }

    .header-wrapper {
        /*meni izmena 2025*/
        padding-bottom: 20px;
    }
    .home .header-wrapper {
        padding-bottom: 20px;
    }
    .list-reference-wrapper ul li .list-reference-text h2 a {
        font-size: 24px;
    }
    .list-reference-wrapper ul li .list-reference-text p {
        font-size: 14px;
    }
    .page-template-template-reference-listanje .small-main-text p,
    .page-template-template_our_investments .small-main-text p {
        font-size: 26px;
    }
    .card-single-second-text{
        font-size: 18px;
    }
    .list-reference-wrapper ul li .list-reference-text h2 {
        font-size: 24px;
    }
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
        background: 0 0;
        color: #fff;
        border: none;
        /* padding: 0 !important; */
         font: initial;
        font-size: 20px;
    }
    .single-blog > h1 {
        padding: 0;
        font-size: 24px;
    }
    .list-reference-wrapper ul li .post-thumbnail img {
        height: 100%;
        border-radius: 17px;
    }
    .card-single-second-text {
        font-size: 16px;
        height: 42px;
    }
    .single .company-overview-repeater .card {
        height: 100px;
    }
    .single .company-review-wrapper .right-column .company-overview-repeater {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    .single .company-overview-repeater .card {
        width: 100%;
    }
    .single .company-overview-repeater .card:nth-child(1) {
        background: linear-gradient(-135deg, transparent 25px, var(--main-green) 0) top right;
    }
    .single .company-overview-repeater .card:nth-child(2) {
        background: linear-gradient(-135deg, transparent 25px, var(--dark-blue) 0) top right;
    }
    .single .company-overview-repeater .card:nth-child(3) {
        background: linear-gradient(-135deg, transparent 25px, var(--main-grey) 0) top right;
    }
    .single .company-overview-repeater .card:nth-child(4) {
        background: linear-gradient(-135deg, transparent 25px, var(--dark-green) 0) top right;
    }
    .breadcrumbs {
        padding: 5px 0;
    }
    .main-title-references{
        padding-bottom: 0px;
    }
    .references-main-wrapper .tab-menu{
        gap: 3px;
    }
    .references-main-wrapper .tab-link{
        font-size: 16px;
    }
    .company-single-second-text{
        font-size: 14px;
    }
    .padding-div{
        padding: 60px 0px;
    }
    .reference-wrapper {
        padding-bottom: 0;
    }

    /*loadmore dugme*/
    .load-more-wrapper {
        text-align: center;
        margin-top: 30px;
    }

    #load-more {
        display: inline-block;
        background: transparent;
        border: none;
        border-bottom: 2px solid #80C245;
        font-size: 16px;
        color: #000;
        cursor: pointer;
        transition: all 0.3s ease;
        font-weight: bold;
    }
    .our-mission .small-main-text, .our-vision .small-main-text{
        font-size: 25px;
    }
    /*  Footer mobile  */
    footer {
        padding-top: 20px;
    }
    footer .footer-wrapper{
        background-color: #000000;
    }
    footer .menu-header{
        display: none;
    }
    footer .left-footer .info-footer ul{
        align-items: start;
    }
    footer .footer-wrapper{
        padding: 20px 20px;
        padding-bottom: 0;
    }
    footer .footer-wrapper .left-footer, .footer-wrapper .right-footer{
        width: 100%;
    }
    footer .info-footer ul li a span {
        margin-left: 5px;
    }
    .left-footer .info-footer ul li a i, .right-footer .social-footer ul li a i {
        clip-path: polygon(
                0 0,           /* top-left */
                85% 0,         /* top edge, before cut */
                100% 15%,      /* cut corner top-right */
                100% 100%,     /* bottom-right */
                0 100%,        /* bottom-left */
                0 85%          /* cut corner bottom-left */
        );
    }
    .info-footer ul li{
        width: 90%;
        margin: 0px auto;
        background: #041923;
        padding: 20px 10px;
        border-radius: 10px;
    }
    .social-footer-mobile ul{
        display: flex;
        justify-content: space-between;
        gap: 30px;
        width: fit-content;
    }
    .social-footer-mobile a{
        list-style-type: none;
        color: #fff;
        display: flex;
        gap: 3px;
    }
    .social-footer-mobile i{
        background-color: var(--main-green);
        color: var(--dark-blue);
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .social-footer-mobile{
        display: block;
    }
    .social-footer{
        display: none !important;
    }
    div.lazy-load-post:nth-child(1) {
        margin-top: 0;
    }

/*    blog & news*/
    .title-blogs-news h1{
        font-size: 20px;
        padding-top: 20px;
    }
    .title-blogs-news, .image-banner-blogs-news {
        flex: 1 1 100%;
        background-color: #051924;
        padding: 20px 0px;
    }
    .image-banner-blogs-news img{
        width: 90%;
        margin: 0px auto;
    }
    .single-blog-title-breadcrumbs .breadcrumbs nav {
        font-size: 12px;
    }
    .single-blog-title-breadcrumbs{
        max-width: 90%;
    }

    /*Who we are mobile, what we do mobile, Contact mobile*/
    .page-template-template-who-we-are header, .page-template-template-what-we-do header, .page-template-template-contact header,
    .page-template-template-iso-sertifikat  header{
        position: static;
    }
    .page-template-template-who-we-are .logo, .page-template-template-what-we-do .logo, .page-template-template-contact .logo,
    .page-template-template-iso-sertifikat .logo {
        display: block;
    }
    .page-template-template-who-we-are .logo.logo-home, .page-template-template-what-we-do .logo.logo-home, .page-template-template-contact .logo.logo-home,
    .page-template-template-iso-sertifikat .logo.logo-home{
        display: none;
    }
    .page-template-template-who-we-are .mobile-toggle span, .page-template-template-what-we-do .mobile-toggle span, .page-template-template-contact .mobile-toggle span,
    .page-template-template-iso-sertifikat .mobile-toggle span{
        background: var(--black);
    }
    .section-mobile-image, .map-mobile-image {
        display: block;
    }
    .section-destkop-image, .map-desktop-image {
        display: none;
    }
    .map-section {
        display: flex;
        flex-wrap: wrap;
    }
    .map-mobile-image {
        width: 100%;
        order: 2;
    }
    .map-section .map-section-wrapper {
        position: static;
        transform: none !important;
        max-width: 100%;
        background: #0e1112;
        padding: 25px 25px 0 25px;
    }
    .second-grey-section .bottom-repeater .bottom-repeater-item .text-item p {
        font-size: 18px;
    }
    .second-grey-section .bottom-repeater .bottom-repeater-item {
        padding: 15px 0;
    }
    .what-we-do-main-content .what-we-do-item {
        padding: 40px 0 10px 0;;
    }
    .what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-number {
        top: -25px;
        right: 0;
    }
    .what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-text .main-paragraph p {
        font-size: 18px;
    }
    .what-we-do-main-content .what-we-do-item .what-we-do-wrapper .item-text .item-text-div .long-text {
        margin-top: 10px;
    }
    .what-we-do-main-content .what-we-do-item:nth-child(even) .what-we-do-wrapper .item-number {
        left: auto;
        right: 0;
    }
    .blog-list-title .small-main-text p {
        font-size: 26px;
    }
    .list-reference-wrapper.blog-listanje {
        padding-top: 30px;
    }
    .list-reference-wrapper.blog-listanje ul li .post-thumbnail img {
        border-radius: 0;
    }
    .blog-listanje ul li .list-blog-text {
        padding: 10px;
    }
    .blog-listanje ul li .list-blog-text h2 {
        font-size: 22px;
        height: 60px;
    }
    .blog-listanje ul li .post-meta {
        font-size: 12px;
        padding-bottom: 5px;
    }
    .what-we-do-main-content.iso-main-container .what-we-do-item .what-we-do-wrapper {
        text-align: center;
    }
    .what-we-do-main-content.iso-main-container .what-we-do-item .what-we-do-wrapper .item-text {
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .list-reference-wrapper .item-area p:nth-child(1) {
        font-size: 16px;
    }
    .list-reference-wrapper .item-area p:nth-child(2) {
        font-size: 18px;
    }
}
/*Pages mobile*/
@media (max-width: 550px) {
    .page-section {
        margin: 40px 0;
    }
    .page-section .page-section-wrapper .page-text-section {
        width: 100%;
    }
    .section-mobile-image {
        margin-bottom: 20px;
    }
    .page-section.page-grey-section .page-grid-section {
        padding: 30px 0;
    }
    .page-section.page-grey-section .page-grid-section .second-section-item {
        padding: 20px;
    }
    .page-section.page-grey-section .page-grid-section .second-section-item .item-text h3 {
        font-size: 24px;
    }
    .page-section.page-grey-section .page-grid-section .second-section-item .item-text p {
        font-size: 14px;
    }
    .page-section.page-grey-section .page-grid-section .second-section-item .item-text p {
        height: 95px;
    }
    .page-section.page-grey-section .page-grid-section .second-section-item:hover .item-text h3 {
        font-size: 34px;
    }
    .second-grey-section .page-div h2{
        font-size: 28px;
    }
    .second-grey-section .page-div p{
        max-width: 100%;
        font-size: 14px;
    }
    .second-grey-section .bottom-repeater .bottom-repeater-item {
        width: 32%;
    }
    .second-grey-section .bottom-repeater .bottom-repeater-item .text-item p {
        font-size: 14px;
    }
    .second-grey-section .bottom-repeater .bottom-repeater-item .image-item img {
        width: 70%;
    }
    .second-grey-section .page-div, .what-we-do-main-content .what-we-do-item {
        width: 95%;
    }
    .second-grey-section {
        padding: 20px 0;
    }
    .page-section .page-section-wrapper {
        width: 95%;
    }
    .page-section.page-grey-section .page-grid-section .second-section-item .item-icon,
    .page-section.page-grey-section .page-grid-section .second-section-item .item-text h3 {
        padding-bottom: 10px;
    }
    .what-we-do-main-content.iso-main-container .what-we-do-item .what-we-do-wrapper .item-text h2 {
        font-size: 24px;
    }
    .what-we-do-main-content.iso-main-container .what-we-do-item .what-we-do-wrapper .item-text p {
        font-size: 14px;
    }
    .what-we-do-main-content.iso-main-container .what-we-do-item:nth-child(even) .what-we-do-wrapper .item-image {
        order: 1;
    }
    .what-we-do-main-content.iso-main-container .what-we-do-item:nth-child(even) .what-we-do-wrapper .item-text {
        order: 2;
    }
    .page-banner.iso-banner h1 {
        font-size: 30px;
        width: 100%;
        text-align: center;
    }
}


@media screen and (max-width: 492px){
    .box-banner-text p{
        font-size: 13px;
    }
    .header-wrapper .holder {
        width: 50%;
    }
    .our-vision .small-main-text h4{
        font-size: 25px;
    }
    .box img{
        height: 450px;
        object-fit: cover;
    }
    .reference-wrapper{
        padding-top: 0px;
    }
    .lazy-load-post:nth-child(1){
        margin-top: 0;
    }
    .reference-wrapper .reference-text-block .wrapper-div {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .absolute-circle{
        top: -36px;
        width: 100%;
    }
    .our-vision.padding-div .wrapper-div .small-main-text p{
        font-size: 15px;
    }
    .copyright p {
        font-size: 10px;
    }
    .blog-wrapper .blog-post .post-content .post-title a{
        font-size: 22px;
    }
    .blog-wrapper .blog-post .post-content .post-excerpt p{
        font-size: 13px;
    }
    .list-reference-wrapper{
        padding-bottom: 20px;
    }
    .social-footer-mobile a{
        font-size: 14px;
    }
    footer .info-footer ul li a{
        font-size: 16px !important;
    }
}

/* page career */
.page-banner {
    position: relative;
}
.text-banner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.text-banner h1 {
    color: #fff;
    font-size: 50px;
    font-family: 'jakarta-bold';
}
.career-holder {
    background: #F5F5F9;
    padding: 100px 0;
}
.career-wrapper {
    width: 85%;
    margin: 0 auto;

    display: flex;
    justify-content: center;
}
.career-left-wrapper {
    width: 50%;
}
.career-left-wrapper h2 {
    color: #000;
    font-size: 32px;
    margin: 0;
    padding-bottom: 20px;
    width: 80%;
}
.career-left-wrapper p {
    color: #7b7b7b;
    font-size: 16px;
    line-height: 24px;
    width: 80%;
    margin: 0;
    padding-bottom: 20px;
}
.career-left-wrapper p strong {
    color: #333;
}
.career-left-wrapper h3 {
    color: #000;
    font-size: 28px;
    margin: 0;
    padding-bottom: 20px;
}
.career-left-wrapper ul,
.job-req-block ul {
    padding-left: 30px;
    padding-bottom: 20px;
}
.career-left-wrapper ul li,
.job-req-block ul li {
    color: #7b7b7b;
    font-size: 16px;
    line-height: 24px;
    width: 80%;
    margin: 0;
    padding-bottom: 5px;
    list-style-type: disc;
}
.career-right-wrapper {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.career-right-block {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
}
.career-right-block h3,
.job-req-block h3 {
    color: #000;
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    padding-bottom: 20px;
}
.career-right-block p {
    color: #7b7b7b;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
}
.career-right-block a {
    background-color: var(--main-green);
    padding: 15px 20px;
    font-weight: 600;
    color: var(--black);
    display: inline-block;
    margin-top: 20px;
}
.apply-job-form {
    background-color: #fff;
    padding: 40px;
    border-radius: 5px;
    width: 70%;
}
.apply-job-form .gform_required_legend,
.apply-job-form .gform_validation_errors,
.apply-job-form .gform_wrapper.gravity-theme .gform_footer::after,
.apply-job-form #gfield_upload_rules_2_11 {
    display: none;
}
.apply-job-form h3 {
    margin: 0;
    margin-bottom: 10px;
    color: #0D1117;
    font-size: 24px;
    line-height: 24px;
}
.apply-job-form input {
    border: none;
    padding: 15px !important;
    background-color: #F5F5F9 !important;
}
.apply-job-form #input_2_11 {
    background-color: #fff !important;
}
.apply-job-form #field_2_11 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.apply-job-form a {
    color: #333333;
    text-decoration: underline;
}
.apply-job-form .gform_button {
    background: #71B137 !important;
    border-radius: 140px;
    font-size: 16px;
    width: 250px !important;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 45px;
}
.contact-link a.button {
    color: #000;
    background-color: #fff;
}
.contact-link a.button i {
    color: #71B137;
}
/* responsive */
@media (max-width: 1300px) {
    .career-holder {
        padding: 50px 0;
    }
    .career-wrapper {
        gap: 20px;
    }
    .career-right-block p,
    .career-left-wrapper h2 {
        width: 100%;
    }
    .career-left-wrapper p,
    .apply-job-form {
        width: 90%;
    }
    .career-left-wrapper h2 {
        font-size: 28px;
    }
    .career-left-wrapper h3 {
        font-size: 24px;
    }
}
@media (max-width: 1024px) {
    .career-left-wrapper p {
        font-size: 16px;
        padding-bottom: 20px;
    }
    .career-left-wrapper ul li,
    .job-req-block ul li {
        font-size: 16px;
    }
    .text-banner h1 {
        font-size: 40px;
    }
}
@media (max-width: 768px) {
    .career-holder {
        padding: 30px 0;
    }
    .career-wrapper {
        width: 90%;
        flex-wrap: wrap;
        gap: 20px;
    }
    .career-left-wrapper,
    .career-right-wrapper,
    .career-left-wrapper p,
    .apply-job-form {
        width: 100%;
    }
    .apply-job-form {
        box-sizing: border-box;
        padding: 30px 20px;
    }
    .career-left-wrapper h2 {
        font-size: 26px;
    }
    .career-left-wrapper h3,
    .apply-job-form h3 {
        font-size: 20px;
    }
    .career-right-block {
        padding: 30px 20px;
    }
    .career-right-block h3,
    .job-req-block h3 {
        font-size: 20px;
    }
    .career-right-block p {
        font-size: 14px;
    }
    .career-right-block a {
        width: 100px;
        height: 20px;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .apply-job-form #label_2_10_1 {
        font-size: 14px;
        line-height: 20px;
    }
    .apply-job-form .gform_button {
        width: 200px !important;
        font-size: 14px !important;
    }
    .apply-job-form .gform_footer {
        padding-bottom: 0 !important;
    }
    .apply-job-form .gchoice_2_10_1 {
        display: flex;
        gap: 5px;
    }
}
@media (max-width: 641px) {
    .apply-job-form .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: unset;
        min-height: unset;
    }
    .text-banner h1 {
        font-size: 30px;
    }
}