/* Global */

/* Sticky header je fiksiran i sakriven na početku */
.header-wrapper.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 110px;
	background-color: #1D5245 !important;
	background-image: linear-gradient(to right, #1D5245, #4D765F) !important;
}

.header-wrapper {
	width: 100%;
	transition: none; /* nema tranzicije */
}

/* Kada je sticky aktivan, prikaži */
.header-sticky.active {
	display: block;
}

.main-description-wrapper.container .text-width {
	max-width: 45% !important;
}

.partner-sec.new .container-logos {
	padding-top: 62px;
	padding-bottom: 62px;
}

.first-section-content .container-fluid, .first-section-content .row {
	height: 100%;
}

.first-section-content .text-width {
	width: 100% !important;
	max-width: 100% !important;
}


.first-section-content .right-column {
	background-repeat: no-repeat;
	height: 100%;
	background-size: cover;
	background-position: calc(50% + 45px) top;
}

@media screen and (min-width: 2040px) {
	.first-section-content .right-column {
		background-position: left top;
	}

}

.about-sec .main-description-wrapper.container .text-width {
	max-width: 45% !important;
}

@media screen and (min-width: 1441px) {
	.hero-wrapper.nov-wrapper-home {
		padding: 160px 0 120px !important;
	}
}


.title-area .main-description-wrapper {
	justify-content: center;
	display: flex;

}

.title-area .main-description-wrapper .text-width {
	max-width: 100% !important;
}

.first-section-content h1 {
	text-transform: none !important;
	font-size: 64px;
}

.contact-p {
	position: relative;
	display: block;
	margin-bottom: 10px;
}

.technology .first-section-content h1, .about-sec .first-section-content h1, .title-area .first-section-content h1 {
	font-size: 48px;
	margin-bottom: 23px;
}

.title-area .hero-wrapper-with-image {
	position: relative;
}

.title-area .hero-wrapper-with-image .hero-main {
	position: absolute;
	left: 0;
	bottom: -52px;
}

.title-area .text-wrapp {
	text-align: center;
}

.title-area.home-first-section {
	height: 485px !important;
}

.hero-desktop-image {
	/*	object-fit: initial;
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: -20px;
		right: 0;*/

	object-fit: contain;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: -10%;
	right: 0px;
	padding: 0;
	margin: 0;
}

/* Home Box Section */
.solid-btn {
	background-color: #F5BA41;
	color: #fff !important;
	border-radius: 30px;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0.05px;
	padding: 11px 50px;
	max-width: 272px;
}

.solid-btn.dark {
	background-color: #1D5245 !important;

}

.solid-full-width-btn {
	background-color: #F5BA41;
	color: #fff !important;
	border-radius: 30px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05px;
	padding: 11px 20px;
	width: 100%;
}

.home-box-second-section .box-green h4, .home-box-second-section .box-green p {
	color: #fff;
}

.background-text {
	color: #F4F4F4 !important;
	font-weight: 900;
	font-size: 200px;
	letter-spacing: 0.69px;
	z-index: 0;
	top: 11px;
	left: 0;
	position: absolute;
}

@media screen and (max-width: 1680px) {
	.home-box-second-section .background-text {
		font-size: 184px;
	}
}

.home-box-second-section .box-top {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.home-box-second-section .vertical-centr {
	padding: 145px 0 190px;
	position: relative;
}

.home-box-second-section .box-top h2 {
	margin: 0;
	font-size: 64px;
	line-height: 80px;
	font-weight: 800;
}

.home-box-second-section .box-top {
	margin-bottom: 40px;
}

.home-box-second-section .container * {
	z-index: 5 !important;
}

.card-content {
	flex-grow: 1;
}

.card-title {
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	text-transform: unset;
	margin-bottom: 16px;
}

.card-list li {
	font-size: 12px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.6);
	letter-spacing: -0.03em;
	line-height: 16px;
}

.card-list {
	padding-left: 15px;
}

.card-title.card-title-lg {
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 18px;
}

.card-text {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: -0.03em;

}

.home-box-second-section .card {
	background-color: #1D5245;
	border: none;
	padding: 24px !important;
	border-radius: 20px;
}

.home-box-second-section .card.small-card {
	justify-content: space-between;
}

.home-box-second-section .card.small-card .solid-full-width-btn {
	align-self: flex-end;
}

.card.card-linear {
	background: linear-gradient(to right, #4D765F 0%, #90B87C 100%);
	padding: 40px !important;
}

.home-box-second-section .card.card-linear .solid-btn {
	margin-bottom: 105% !important;
	max-width: 209px;
}

.home-box-second-section .card.card-linear .img-fluid {
	object-fit: cover;
	position: absolute;
	right: 0;
	bottom: 0;
}

.col-md-6 .card {
	min-height: 100%; /* Ensure full height for left card */
}

.row-cols-1.row-cols-md-2 {
	height: 100%; /* Ensure nested grid takes full height */
}


/* Partner logo section */
.logos-swiper {
	width: 100%;
	padding: 20px 0;
}

.swiper-slide img {
	width: auto;
	height: auto;
	object-fit: contain;
}

.home-page-logos.logos-slider .partners-image-listed {
	max-width: 100% !important;
}

.swiper-wrapper {
	align-items: center;
}


#audio-player-container-new {
	max-width: 90%;
	width: 100%;
}

.home-third-section.new .vertical-centr {
	padding: 189px 0;
}

.profit-wrapper-new {
	width: 100%;
	background: linear-gradient(-90deg, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.0));
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	position: relative;
}

.profit-progress-bar-new {
	background: linear-gradient(-90deg, rgba(144, 184, 124, 1), rgba(0, 0, 0, 0.0));
	height: 40px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	max-width: 90%;
	transition: 2s ease-in-out;
}

.risk-progress-wrapper-new {
	position: relative;
	height: 40px;
	width: 100%;
	background: linear-gradient(-90deg, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.0));
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	top: 50%;
	transform: translateY(-50%);
}

.risk-progress-new {
	width: 60%;
	position: relative;
}

.risk-progress-new .bar-new {
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	height: 40px;
	background: linear-gradient(-90deg, rgba(255, 131, 131, 1), rgba(0, 0, 0, 0.0));
	transition: 2s ease-in-out;
	width: 0;
}

#risk-progress-handle-new {
	display: block;
	position: absolute;
	z-index: 1;
	margin-left: -30px;
	top: -10px;
	width: 54px;
	height: 54px;
	transform: rotate(45deg);
	border-radius: 100%;
	background-color: rgba(255, 131, 131, 1);
	box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
	cursor: pointer;
}

.draggable-new {
	float: left;
	/*margin: 0 10px 10px 0;*/
	transition: 2s ease-in-out;
	left: 0;
}


/* Service Tips section */
.sectionservice-tips .container-fluid {
	padding: 0;
}

.box {
	min-height: 300px; /* Minimum height to ensure layout works */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 55px 50px 70px 80px;
}

.box-left {
	background-color: #F5BA41;
}

.box-right {
	background-color: #90B87C;
}

.item.top {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: -35px;
}

.tips-text {
	width: 77%;
	font-size: 16px;
	font-weight: 600;
}

.icon-tip {
	width: 72px;
	height: auto;
	margin-bottom: 28px !important;
}

.tips-title {
	font-size: 26px;
	font-weight: 800;
	text-transform: unset;
}

.item.middle {
	text-align: center;
}

.bottle-img {
	max-width: 100%;
	height: 100%;
	display: block;
	margin: 0 0 0 auto;
}

.box .solid-btn {
	margin-top: 15px !important; /* Pushes button to bottom */
	padding: 17px 50px;
}

.demo-btn-wrapper {
	display: flex;
	flex-direction: row;
	gap: 35px;
	margin-top: 60px;
}


/* Faq Page */

/* Stilovi za accordion */

.accordion-item {
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
	border-color: #E1E4ED !important;
	margin-bottom: 10px;
}

.accordion-button {
	background-color: #fff !important;
	padding: 10px 0 18px !important;
	color: rgba(29, 41, 57, 1) !important;
	font-family: "Poppins", sans-serif;
	font-size: 16px !important;
	line-height: 20px;
	font-weight: 600 !important;
	border: 0 !important;
}

.accordion-button:not(.collapsed) {
	background-color: transparent !important;
	box-shadow: none !important;
}

.accordion-body {
	padding: 0 0 15px !important;
	background-color: #fff;
	color: #344054 !important;
	font-family: "Poppins", sans-serif;
	font-size: 14px !important;
	line-height: 22px;
	font-weight: 400 !important;
}

.accordion-button:focus {
	box-shadow: none !important;
}


.faq-section {
	padding: 100px 0;
}

.faq-section h3.background-text {
	color: #F4F4F4 !important;
	font-weight: 900;
	font-size: 96px;
	letter-spacing: 0.69px;
	line-height: 96px;
	top: 23px;
	left: -7%;
	position: relative;
	z-index: -1;
}

.faq-single-section {
	position: relative;
	margin: 0 0 78px 0;
}

.faq-section .accordion > .card > .card-header {
	background-color: transparent !important;
	border-bottom: 0 !important;
	border-top: 1px solid #D8D8D8 !important;
}

.faq-section .card:first-child .card-header {
	border-top: 0 !important;
}

.faq-section .card {
	border: 0;
	background-color: transparent !important;
}

.accordion > .card > .card-header {
	margin-bottom: 0;
}

.faq-section .btn-link {
	color: #0C1A12 !important;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	padding-left: 0;
	padding-right: 0;
}

.faq-section .btn-link:focus, .faq-section .btn-link:hover {
	text-decoration: none;
}

.faq-section .card-header {
	padding: 20px 0;
}

.card-body {
	padding: 0 8% 25px 0;
	font-size: 16px;
	line-height: 24px;
	color: #919191;
	font-weight: 500;
}

.faq-section .faq-content {
	padding: 0;
}

.wpcf7 input::placeholder {
	color: #ADADAD !important; /* promeni po želji */
}

.wpcf7 textarea::placeholder {
	color: #ADADAD !important; /* promeni po želji */
}

.contact-section .first-section-content h1 {
	font-size: 48px;
	margin-bottom: 28px;
}

/* Technology page */
.case-second-section.tech-second {
	position: relative;
}

.case-second-section.tech-second .background-text {
	top: 58px;
	left: -62px;
	font-size: 200px;
}

.case-second-section.tech-second .new-marg {
	padding: 232px 0 115px !important;
}

.tech-left img {
	border-bottom-right-radius: 30%;
}

.tech-second .notice-yellow p.white {
	margin-bottom: 0;
}

.tech-second .notice-yellow {
	left: -7%;
	bottom: -135px;
	padding: 42px 45px;

}

.tech-second .new-font-size {
	font-size: 48px;
}


.case-big-sec.award-tech h3 {
	font-size: 26px;
}

.case-big-sec.award-tech p {
	font-size: 16px;
}

.case-big-sec.award-tech .notice-2, .case-big-sec.award-tech .notice-3 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	padding: 20px 43px;
	max-width: 313px;
	width: 100%;
}

.case-big-sec.award-tech .notice-3 {
	top: 87%;
}

.case-big-sec.award-tech .notice-2 {
	top: 61%;
}

@media screen and (min-width: 2000px) {
	.case-big-sec.award-tech .notice-3 {
		right: 21%;
	}

	.case-big-sec.award-tech .notice-2 {
		right: 16%;
	}
}

.case-big-sec.award-tech .main-title {
	margin-bottom: 24px;
	font-size: 48px;
}

.home-six-section h3 {
	padding-right: 18%;
}

.home-six-section .solution-text {
	margin-top: 26px;
	margin-bottom: 55px;
	padding-right: 25%;
}

.home-six-section .custom-btn {
	font-size: 16px;
	padding: 8px 62px;
	line-height: 1;
	max-height: 60px;
}

.home-six-section .footnote {
	text-align: center;
}

@media screen and (max-width: 768px) {
	.home-six-section h3 {
		padding-right: 0;
	}

	.home-six-section .solution-text {

		padding-right: 0;
	}

	.first-section-content h1 {
		font-size: 38px !important;
	}
}

@media screen and (min-width: 769px) {
	.tech-second .text-wrapp-right.spec-right {
		padding-left: 5% !important;
	}
}

.contact-p {
	font-weight: 800 !important;
}

.pricing-boxes .box {
	padding: 0 15px 0 15px;
	display: block !important;
}

/* Swiper pagination and bullets */
.desktop-slider {
	padding-bottom: 70px !important;
}

.swiper-pagination-bullet {
	width: 20px !important;
	height: 20px !important;
	border-radius: 100% !important;
	background-color: #90B87C !important;
	margin: 0 15px !important;
	opacity: 1 !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #1D5245 !important;
}