/******************************************************************
  Theme Name: Unicorn Green Build
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Banner Section
6.  Product Section
7.  Intagram Section
8.  Latest Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

html,
body {
	overflow: visible;
	height: auto;
	font-family: "Poppins", sans-serif;
	-webkit-font-smoothing: antialiased;
	    cursor: default;
}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 50px;
    padding-left: 50px;
    margin-right: auto;
    margin-left: auto;
}

.bg-box {
    background: linear-gradient(45deg, #ffffff, #f3fff5);
}
.text__content {
	padding: 30px;
  }
  
  @media (max-width: 768px) {
	.text__content {
	  padding: 0;
	}
  }

[data-scroll-container] {
  will-change: transform;
  scroll-behavior: smooth;
}


/* ≤ 767px (малі планшети / великі телефони) */
@media (max-width: 767.98px) {
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* ≤ 575px (мобільні) */
@media (max-width: 575.98px) {
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		padding-left: 15px;
		padding-right: 15px;
	}
}


h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Aldrich", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 15px;
	font-family: "Poppins", sans-serif;
	color: #707070;
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a{
	color: #0c8d62; 
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	 color: #0aa97f; 
}

.offcanvas__widget a {
  color: #0c8d62; 
  text-decoration: none; 
  transition: color 0.3s ease; 
}

.offcanvas__widget a:hover {
  color: #0aa97f; 
  text-decoration: underline; 
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 40px;
}

.section-title span {
	color: #0c8d62;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 12px;
}

.section-title h2 {
	font-size: 42px;
	color: #111111;
	line-height: 50px;
	text-transform: uppercase;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}
@media (max-width: 767.98px) {
	.spad {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.advantages-wrapper {
    padding-top: 50px;
}

}



.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	padding: 16px 50px;
	color: #ffffff;
	position: relative;
}

.primary-btn.normal-btn {
	color: #111111;
}

.primary-btn.normal-btn:before {
	border-color: #c4c4c4;
}

.primary-btn.normal-btn:after {
	border-color: #c4c4c4;
}

.primary-btn:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 28px;
	width: 28px;
	border-left: 2px solid rgba(255, 255, 255, 0.2);
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	content: "";
	border-radius: 0 0 0 4px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.primary-btn:after {
	position: absolute;
	right: 0;
	top: 0;
	height: 28px;
	width: 28px;
	border-right: 2px solid rgba(255, 255, 255, 0.2);
	border-top: 2px solid rgba(255, 255, 255, 0.2);
	content: "";
	border-radius: 0 4px 0 0;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.primary-btn:hover:before {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.primary-btn:hover:after {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.site-btn {
	font-size: 16px;
	color: #ffffff;
	background: #0c8d62;
	font-weight: 600;
	border: none;
	display: inline-block;
	padding: 14px 36px;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

/*---------------------
  Header
-----------------------*/

.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  padding: 15px 0;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.hero,
.banner,
.main-content {
  padding-top: 120px;
}

.header__logo img {
  width: 60%;
}

.header.header-normal {
  position: relative;
  padding: 30px 0;
}

.header__logo a {
  display: inline-block;
}

.header__menu {
  text-align: center;
}

.header__menu ul li {
  list-style: none;
  display: inline-block;
  position: relative;
  margin-right: 40px;
}

.header__menu ul li:last-child {
  margin-right: 0;
}

.header__menu ul li a {
  font-size: 15px;
  color: #010101;
  display: block;
  font-weight: 600;
  padding: 5px 0;
  position: relative;
}

.header__menu ul li a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #0c8d62;
  transform: scale(0);
  transition: transform 0.5s ease;
  transform-origin: left center;
}

.header__menu ul li a:hover:after {
  transform: scale(1);
}

.header__menu ul li.active > a:after {
  transform: scale(1);
}

.header__menu ul li .dropdown {
  position: absolute;
  left: 0;
  top: 62px;
  width: 180px;
  background: #ffffff;
  text-align: left;
  padding: 5px 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}

.header__menu ul li:hover .dropdown {
  top: 32px;
  opacity: 1;
  visibility: visible;
}

.header__menu ul li .dropdown li {
  display: block;
  margin-right: 0;
}

.header__menu ul li .dropdown li a {
  font-size: 14px;
  color: #111111;
  font-weight: 500;
  padding: 8px 20px;
  text-transform: capitalize;
  position: relative;
  display: block;
}

.header__menu ul li .dropdown li a:after {
  content: "";
  position: absolute;
  left: 20px;
  bottom: 6px;
  height: 2px;
  width: calc(100% - 40px);
  background: #0c8d62;
  transform: scale(0);
  transition: transform 0.3s ease;
  transform-origin: left center;
}

.header__menu ul li .dropdown li a:hover:after {
  transform: scale(1);
}

.header__widget {
  text-align: right;
}

.header__widget span {
  font-size: 14px;
  font-family: "Aldrich", sans-serif;
  color: #1a1a1a;
  display: block;
  margin-bottom: 10px;
}

.header__widget h4 {
  font-size: 22px;
  color: #0c8d62;
}

.offcanvas-menu-wrapper {
  display: none;
}

.canvas__open {
  display: none;
}


/*---------------------
  Hero
-----------------------*/

.hero {
	position: relative;
}

.hero__items {
	background-position: center -80px;
	padding: 0 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	height: 580px;
	padding: 0 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 20px;
}

.hero__text {
	max-width: 820px;
	text-align: center;
}

.hero__text h2 {
	color: #ffffff;
	font-size: 48px;
	line-height: 80px;
	text-transform: uppercase;
	margin-bottom: 45px;
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.hero__text .primary-btn {
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all, 0.6s;
	-o-transition: all, 0.6s;
	transition: all, 0.6s;
}

.hero__text .more_btn {
	font-size: 14px;
	color: #b7b7b7;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: 55px;
}

.hero__text .hero__social {
	position: absolute;
	right: 145px;
	bottom: 55px;
}

.hero__text .hero__social a {
	display: inline-block;
	font-size: 18px;
	color: #ffffff;
	margin-right: 36px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.hero__text .hero__social a:hover {
	color: #0c8d62;
}

.hero__text .hero__social a:last-child {
	margin-right: 0;
}


.hero__items::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4); /* рівень затемнення */
	z-index: 1;
}

.hero__text {
	z-index: 2; /* над затемненням */
}

/* Оновлений внутрішній блок */
.owl-item.animated.owl-animated-in.fadeIn {
	border-radius: 20px;
}

@media (max-width: 1439.98px) {.hero__items {
    background-position: center center;
  }
	.hero__box {
		margin: 40px 20px;
	}
}

@media (max-width: 991.98px) {
	.hero__box {
		margin: 30px 20px;
		border-radius: 16px;
	}
}

@media (max-width: 767.98px) {
	.hero__box {
		margin: 20px 15px;
		border-radius: 12px;
	}
}

@media (max-width: 575.98px) {
	.hero__box {
		margin: 15px 10px;
		border-radius: 10px;
	}
}

.hero__slider.owl-carousel .owl-item.active .hero__text h2 {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__text .primary-btn {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-dots {
	display: none;
}

.hero__slider.owl-carousel .owl-nav button {
	font-size: 28px;
	color: #ffffff;
	position: absolute;
	left: 145px;
	top: 50%;
	display: inline-block;
	height: 50px;
	width: 50px;
	margin-top: -25px;
}

.hero__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 145px;
}

.hero__slider.owl-carousel .owl-nav button:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 20px;
	width: 20px;
	border-left: 2px solid rgba(255, 255, 255, 0.2);
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	content: "";
	border-radius: 0 0 0 4px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.hero__slider.owl-carousel .owl-nav button:after {
	position: absolute;
	right: 0;
	top: 0;
	height: 20px;
	width: 20px;
	border-right: 2px solid rgba(255, 255, 255, 0.2);
	border-top: 2px solid rgba(255, 255, 255, 0.2);
	content: "";
	border-radius: 0 4px 0 0;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.hero__slider.owl-carousel .owl-nav button:hover:before {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.hero__slider.owl-carousel .owl-nav button:hover:after {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.slide-num {
	position: absolute;
	left: 145px;
	bottom: 55px;
	z-index: 9;
}

.slide-num span {
	font-size: 16px;
	color: #ffffff;
	font-weight: 600;
	margin-right: 140px;
}

.slide-num span:last-child {
	margin-right: 0;
}

.slider__progress {
	width: 100px;
	height: 1px;
	background: rgba(255, 255, 255, 0.3);
	position: absolute;
	left: 180px;
	bottom: 67px;
	z-index: 9;
}

.slider__progress span {
	background: #ffffff;
	height: 2px;
	display: block;
	-webkit-transition: all, 0.4s;
	-o-transition: all, 0.4s;
	transition: all, 0.4s;
	position: relative;
	top: -1px;
}


.hero__slider .owl-stage-outer {
  overflow: hidden;
}

.hero__slider .owl-stage {
  transform: none !important;
  width: 100% !important;
  left: 0 !important;
  display: block !important;
}

.hero__slider .owl-item {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  z-index: 0;
  display: block !important;
  width: 100% !important;
}

.hero__slider .owl-item.active {
  position: relative !important;
  opacity: 1;
  z-index: 1;
}


/*---------------------
  Project Slider
-----------------------*/

.project {
	padding: 0 15px;
}

.project__slider__item {
	height: 600px;
	position: relative;
	overflow: hidden;
}

.project__slider__item:hover .project__slider__item__hover {
	bottom: 30px;
}

.project__slider__item:hover .project__slider__item__hover span {
	left: 0;
}

.project__slider__item:hover .project__slider__item__hover h5 {
	right: 0;
}

.project__slider.owl-carousel .col-lg-3 {
	max-width: 100%;
}

.project__slider.owl-carousel .owl-nav button {
	height: 50px;
	width: 50px;
	background: #ffffff;
	font-size: 28px;
	color: #111111;
	position: absolute;
	left: 35px;
	top: 50%;
	margin-top: -25px;
	line-height: 54px;
	text-align: center;
}

.project__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 35px;
}

.project__slider__item__hover {
	text-align: center;
	background: #ffffff;
	position: absolute;
	left: 25px;
	bottom: -500px;
	width: calc(100% - 50px);
	padding: 25px 15px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
	overflow: hidden;
}

.project__slider__item__hover span {
	color: #0c8d62;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
	position: relative;
	left: 30px;
	-webkit-transition: all, 1s;
	-o-transition: all, 1s;
	transition: all, 1s;
}

.project__slider__item__hover h5 {
	color: #111111;
	font-size: 20px;
	text-transform: uppercase;
	position: relative;
	right: 30px;
	-webkit-transition: all, 1s;
	-o-transition: all, 1s;
	transition: all, 1s;
}

/*---------------------
  Testimonial
-----------------------*/

.testimonial__carousel {
	position: relative;
	overflow: hidden;
	background: #ffffff;
	padding: 75px 60px 90px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
	box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
}

.testimonial__carousel:after {
	position: absolute;
	content: "";
	left: calc(50% - 85px);
	bottom: -115px;
	width: 170px;
	height: 170px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	-webkit-box-shadow: inset 0 0 21px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 21px rgba(0, 0, 0, 0.2);
}

.testimonial__carousel button.slick-arrow {
	font-size: 28px;
	color: #111111;
	position: absolute;
	left: 30px;
	top: 50%;
	display: inline-block;
	height: 50px;
	width: 50px;
	margin-top: -25px;
	background: transparent;
	border: none;
}

.testimonial__carousel button.slick-arrow.slick-next {
	left: auto;
	right: 30px;
}

.testimonial__carousel button.slick-arrow:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 20px;
	width: 20px;
	border-left: 2px solid rgba(0, 0, 0, 0.2);
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	content: "";
	border-radius: 0 0 0 4px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.testimonial__carousel button.slick-arrow:after {
	position: absolute;
	right: 0;
	top: 0;
	height: 20px;
	width: 20px;
	border-right: 2px solid rgba(0, 0, 0, 0.2);
	border-top: 2px solid rgba(0, 0, 0, 0.2);
	content: "";
	border-radius: 0 4px 0 0;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.testimonial__carousel button.slick-arrow:hover:before {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.testimonial__carousel button.slick-arrow:hover:after {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.testimonial__item {
	text-align: center;
}

.testimonial__item p {
	font-size: 24px;
	color: #111111;
	font-weight: 300;
	font-style: italic;
	line-height: 48px;
}

.testimonial__client {
	margin-top: -75px;
	margin-bottom: 50px;
}

.testimonial__client .slick-track {
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}

.testimonial__client .slick-slide {
	padding-top: 80px;
}

.testimonial__client .slick-slide {
	width: 100px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.testimonial__client .slick-slide.slick-center {
	width: 180px;
}

.testimonial__client .testimonial__client__pic img {
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.slick-active.slick-center {
	padding-top: 35px;
}

.slick-active.slick-center .testimonial__client__pic {
	height: 150px;
	width: 150px;
	position: absolute;
	left: 0px;
	top: -30px;
	right: -15px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	padding-top: 5px;
}

.slick-active.slick-center .testimonial__client__pic img {
	margin: 0 auto;
	width: 150px;
	height: 150px;
}

.slick-active.slick-center .testimonial__client__text {
	display: block;
	margin-top: -8px;
}

.testimonial__client__item {
	text-align: center;
	cursor: pointer;
}

.testimonial__client__item .testimonial__client__pic {
	height: 70px;
	width: 70px;
	margin: 0 auto;
}

.testimonial__client__item .testimonial__client__pic img {
	border-radius: 50%;
}

.testimonial__client__item .testimonial__client__text {
	display: none;
}

.testimonial__client__item h5 {
	color: #111111;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	margin-bottom: 5px;
}

.testimonial__client__item span {
	font-size: 14px;
	color: #0c8d62;
	display: block;
}

.logo__carousel.owl-carousel .owl-item img {
	display: inline-block;
	width: auto;
}

.logo__carousel .logo__carousel__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 62px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/*---------------------
  Team
-----------------------*/

.team__pic img {
    width: 280px;
    height: 280px;
    object-fit: cover;
border-radius: 15px;
    /* border: 4px solid #f5f5f5;*/
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    margin: 0 auto;
    display: block;
}

.team__item {
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 15px;
    margin-top: 15px;
    transition: transform 0.3s ease;
}

.team__btn {
	text-align: right;
}


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

.team__item:hover .team__text .team__title {
	border-bottom: 1px solid rgba(183, 183, 183, 0.2);
	padding: 0 0 32px;
	margin-bottom: 34px;
	opacity: 0;
	visibility: hidden;
	position: relative;
	bottom: initial;
	opacity: 1;
	visibility: visible;
}

.team__item:hover .team__text p {
	opacity: 1;
	visibility: visible;
}

.team__item:hover .team__text .team__social {
	opacity: 1;
	visibility: visible;
	bottom: 34px;
}

.team__text {
	height: 100%;
	position: relative;
	padding: 35px 30px 40px;
}

.team__text .team__title {
	position: absolute;
	left: 0;
	bottom: 42px;
	width: 100%;
	padding: 0 30px;
	-webkit-transition: all, 0.7s, ease-out, 0.7s;
	-o-transition: all, 0.7s, ease-out, 0.7s;
	transition: all, 0.7s, ease-out, 0.7s;
}

.team__text .team__title h5 {
	color: #ffffff;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	margin-bottom: 6px;
}

.team__text .team__title span {
	font-size: 14px;
	color: #0c8d62;
}

.team__text p {
	color: #b7b7b7;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.7s, ease-out, 0.7s;
	-o-transition: all, 0.7s, ease-out, 0.7s;
	transition: all, 0.7s, ease-out, 0.7s;
}

.team__text .team__social {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 30px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.7s, ease-out, 0.7s;
	-o-transition: all, 0.7s, ease-out, 0.7s;
	transition: all, 0.7s, ease-out, 0.7s;
}

.team__text .team__social a {
	display: inline-block;
	font-size: 20px;
	color: #ffffff;
	margin-right: 34px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.team__text .team__social a:last-child {
	margin-right: 0;
}

.team__text .team__social a:hover {
	color: #0c8d62;
}

@media (max-width: 575.98px){
  .team__item{
    padding: 14px;
    margin: 8px 0;
    border-radius: 10px;
  }

  .team__pic img{
    width: 180px;
    height: 180px;
    border-radius: 12px;
    box-shadow: 0 3px 10px rgba(0,0,0,.08);
  }

  .team__text{
    padding: 16px 14px 18px;
  }

  .team__text .team__title{
    padding: 0 14px;
    bottom: 18px;
  }
  .team__text .team__title h5{
    font-size: 18px;
    margin-bottom: 4px;
  }
  .team__text .team__title span{
    font-size: 12px;
  }

  .team__text p{
    font-size: 14px;
  }

  .team__text .team__social{
    padding: 0 14px;
    bottom: 14px;
  }
  .team__text .team__social a{
    margin-right: 18px;
    font-size: 18px;
  }

  .team__btn{ text-align: center; }
}


/*---------------------
  Call To Action
-----------------------*/

.callto {
	padding-top: 130px;
	padding-bottom: 135px;
}

.callto__text span {
	font-size: 16px;
	color: #0c8d62;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 35px;
}

.callto__text h2 {
	font-size: 42px;
	color: #ffffff;
	line-height: 52px;
	text-transform: uppercase;
	margin-bottom: 36px;
}

.callto__text .primary-btn {
	background: #0c8d62;
	color: #ffffff;
	border-radius: 4px;
}

.callto__text .primary-btn:before {
	display: none;
}

.callto__text .primary-btn:after {
	display: none;
}

/*---------------------
  Latest
-----------------------*/

.latest {
	padding-top: 120px;
	padding-bottom: 90px;
}

.latest__btn {
	text-align: right;
}

.latest__item {
	-webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
	box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
	margin-bottom: 30px;
}

.latest__item img {
	min-width: 100%;
}

.latest__item:hover a {
	padding-left: 0;
}

.latest__item:hover a:after {
	left: auto;
	right: -50px;
}

.latest__item__text {
	padding-top: 25px;
	background: #ffffff;
	padding: 25px 35px 20px;
}

.latest__item__text span {
	color: #b7b7b7;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
}

.latest__item__text h4 {
	color: #111111;
	font-size: 22px;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	line-height: 32px;
	margin-bottom: 12px;
}

.latest__item__text a {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	position: relative;
	padding-left: 40px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.latest__item__text a:after {
	position: absolute;
	left: 0;
	top: 8px;
	height: 1px;
	width: 30px;
	background: #0c8d62;
	content: "";
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}


section.partner {
    /* padding-top: 100px; */
    padding-bottom: 100px;
}

.partners-logos.d-flex.flex-wrap.justify-content-center.align-items-center.gap-4 img {
    width: 200px;
    padding: 0 24px;
}

/*---------------------
  Project
-----------------------*/


/* ======================= THEME / UTIL ======================= */
:root{
  --ug-radius:16px;
  --ug-backdrop: rgba(0,0,0,.85);
  --ug-muted:#666;
}
.box__border{border:1px solid rgba(0,0,0,.08); border-radius:var(--ug-radius);}
.g-4{gap:1.5rem}

/* ======================= CARDS ======================= */
.project-catalog .row { row-gap: 32px; }
.project-card{
  display:flex;
  flex-direction:column;
  background:#fff;
  border-radius: 20px;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}
.project-card:hover{
	border-radius: 20px;
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}
.project-card a{ display:block; color:inherit; text-decoration:none; padding:16px; }

/* Зображення однакової висоти */
.project-media{
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:8px;
  background:#f3f4f6;
}
.project-media img{
  width:100%; height:100%; object-fit:cover;
  transition:transform .4s ease;
	border-radius: 20px;
}
.project-card:hover .project-media img{ transform:scale(1.03);border-radius: 20px; }

/* Текст */
.project-body{ padding:10px 2px 0; }
.project-tag{
  margin:0 0 6px;
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#6b7280;
}
.text-project{ margin:.2rem 0 .35rem; font-weight:700; line-height:1.2; }
.project-loc{ margin:.2rem 0 1rem; font-weight:600; color:#333; }

/* Дрібні покращення */
.project-card a:focus-visible{ outline:2px solid #e53935; outline-offset:3px; border-radius:10px; }
@media (max-width:575.98px){ .project-card a{ padding:12px; } }

button.primary-btn.normal-btn.text-white.project-open {
    background: transparent;
    border: 0;
}


/* ======================= LIGHTBOX (minimal) ======================= */
/* Backdrop + центр по в’юпорту */
#ug-lightbox{
  position: fixed;
  inset: 0;
  display: none;                /* прихований за замовчуванням */
  place-items: center;
  padding: 16px;
  background: var(--ug-backdrop, rgba(0,0,0,.65));
  backdrop-filter: saturate(115%) blur(4px);
  z-index: 9999;
}
#ug-lightbox.open{ display: grid; }

/* Контейнер діалогу */
#ug-lightbox .ug-dialog{
  width: clamp(320px, 92vw, 1080px);
  max-height: min(80dvh, 80svh, 80vh);
  background: #fff;
  color: var(--ug-text, #111);
  border-radius: var(--ug-radius, 14px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
}

/* Кнопка закриття */
.ug-close{
  position:absolute; top:12px; right:14px;
  border:0; background:transparent;
  font-size:28px; line-height:1; cursor:pointer; opacity:.8;
  transition: opacity .2s ease, transform .2s ease;
}
.ug-close:hover{ opacity:1; transform:scale(1.05); }
.ug-close:focus-visible{ outline:2px solid var(--ug-accent, #e53935); border-radius:8px; }

/* Шапка */
.ug-header{
  padding:16px 20px 10px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.ug-header .ug-tag{
  font-size:.78rem; text-transform:uppercase; letter-spacing:.06em;
  color: var(--ug-muted, #6b7280);
}
.ug-header .ug-title{ margin:.25rem 0 .2rem; line-height:1.2; }
.ug-header .ug-loc{ color: var(--ug-muted, #6b7280); }

/* Слайдер */
.ug-slider{
  position: relative;
  display:flex; align-items:center; justify-content:center;
  background:#0b0b0b;
  max-height: calc(min(80dvh,80svh,80vh) * .62);
}

/* Кнопки навігації */
.ug-prev, .ug-next{
  position:absolute; top:50%; transform:translateY(-50%);
  border:0; cursor:pointer;
  width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background: rgba(255,255,255,.10);
  color:#fff; font-size:20px; line-height:0;
  transition: background .2s ease, transform .2s ease;
}
.ug-prev{ left:12px; } .ug-next{ right:12px; }
.ug-prev:hover, .ug-next:hover{ background: rgba(255,255,255,.18); transform: translateY(-50%) scale(1.05); }
.ug-prev:focus-visible, .ug-next:focus-visible{ outline:2px solid var(--ug-accent, #e53935); }

/* Лічильник */
.ug-counter{
  position:absolute; bottom:10px; right:12px;
  background: rgba(0,0,0,.55); color:#fff;
  font-size:.85rem; padding:4px 8px; border-radius:10px;
}

/* Точки (індикатори) */
.ug-dots{
  display:flex; gap:8px; justify-content:center;
  padding:10px 16px; background: transparent;
}
.ug-dots button{
	    padding: 0.4em 0.4em;
  width:10px; height:10px;
  border-radius:50%; border:0; cursor:pointer;
  background:#9aa0a6; opacity:.9;
  transition: transform .2s ease, background .2s ease;
}
.ug-dots button:hover{ transform:scale(1.1); }
.ug-dots button.active{ background: #d6d6d6; }
.ug-dots:empty,
.ug-dots:has(:only-child){ display:none; } /* коли 0 або 1 слайд */

/* Мініатюри */
.ug-thumbs{
  display:flex; gap:8px; overflow:auto; padding:8px 16px;
  background: transparent;
}
.ug-thumbs:empty{ display:none; }
.ug-thumbs button{
  border:0; padding:0; background:transparent; cursor:pointer;
  border-radius:8px; opacity:.75; outline:2px solid transparent;
  transition: opacity .2s ease, outline-color .2s ease;
}
.ug-thumbs button.active, .ug-thumbs button:hover{
  opacity:1; outline-color:#fff;
}
.ug-thumbs img{
  display:block; width:96px; height:64px; object-fit:cover; border-radius:8px;
}

/* Опис */
.ug-desc{
  padding:14px 20px 18px;
  max-height: calc(min(80dvh,80svh,80vh) * .22);
  overflow:auto;
  color: var(--ug-text, #111);
  opacity:.9;
  border-top: 1px solid rgba(0,0,0,.06);
}

#ug-lightbox{
  padding: 0;                 /* без внутрішніх відступів */
}

/* Діалог = повна висота екрана */
#ug-lightbox .ug-dialog{
  height: min(100dvh, 100svh, 100vh);
  width: clamp(320px, 92vw, 1080px);
  display: flex;
  flex-direction: column;
}

/* Блоки в діалозі: шапка фікс., центр – еластичний, низ фікс. */
.ug-header{ flex: 0 0 auto; }
.ug-slider{ flex: 1 1 auto; min-height: 0; }  /* еластична зона без скролів */
.ug-thumbs,
.ug-dots,
.ug-desc{ flex: 0 0 auto; }

/* Зображення заповнює доступну висоту слайдера, без обрізання */
.ug-slider{
  background:#0b0b0b;
  height: auto;
}
.ug-slide{
  height: 100%;
  max-height: 100%;
  width: auto;
  max-width: 100%;
  object-fit: contain;        /* не обрізаємо */
}

/* Прибираємо локальні скрол-бари зовсім */
.ug-desc{
  max-height: none !important;
  overflow: visible !important;
}
.ug-thumbs{ overflow: visible; } /* якщо треба, можна повернути auto */

/* Мобільні: також повна висота */
@media (max-width:575.98px){
  #ug-lightbox .ug-dialog{ height: min(100dvh, 100svh, 100vh); }
  .ug-slider, .ug-slide{ height: auto; }
}


/* Мобільні правки */
@media (max-width: 575.98px){
  #ug-lightbox .ug-dialog{ max-height: min(88dvh,88svh,88vh); }
  .ug-slider, .ug-slide{ max-height: calc(min(88dvh,88svh,88vh) * .66); }
  .ug-prev, .ug-next{ width:40px; height:40px; font-size:18px; }
  .ug-thumbs img{ width:80px; height:54px; }
}

/* Зменшення анімацій */
@media (prefers-reduced-motion: reduce){
  .ug-close, .ug-prev, .ug-next, .ug-dots button { transition: none !important; }
}





h3.text-project {
    color: #0c8d62;
}

.project__item {
	margin-bottom: 50px;
	text-align: center;
}

.project__item img {
	min-width: 100%;
	margin-bottom: 26px;
}

.project__item h4 a {
	color: #111111;
	text-transform: uppercase;
}



/*---------------------
  Project Details
-----------------------*/

.project-details {
	padding-top: 120px;
	padding-bottom: 90px;
}

.project-details img {
	margin-bottom: 30px;
	min-width: 100%;
}

.project__sidebar__about {
	margin-bottom: 35px;
}

.project__sidebar__about h2 {
	color: #111111;
	line-height: 50px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.project__sidebar__about p {
	margin-bottom: 26px;
}

.project__sidebar__about p:last-child {
	margin-bottom: 0;
}

.product__details__widget__item {
	margin-bottom: 30px;
}

.product__details__widget__item span {
	color: #707070;
	font-size: 15px;
	display: block;
	margin-bottom: 10px;
}

.product__details__widget__item h4 {
	color: #111111;
	text-transform: uppercase;
}

.product__details__widget__item p {
	color: #111111;
	font-size: 24px;
	line-height: 36px;
}


/*---------------------
  Footer
-----------------------*/
.footer {
	position: relative;
	color: #fff;
	padding: 60px 0;
	z-index: 1;
  }

.footer__address ul {
    margin: 0;
}
  
  .footer__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, black, transparent);
	z-index: 0;
	pointer-events: none;
  }
  
  .footer .container {
	position: relative;
	z-index: 2; /* контент поверх затемнення */
  }

.footer {
	padding-top: 90px;
	padding-bottom:0px;
}

.footer__top {
	border-bottom: 1px solid rgba(183, 183, 183, 0.2);
	padding-bottom: 75px;
	margin-bottom: 85px;
}

.footer__top__text h2 {
	color: #ffffff;
	font-size: 38px;
	text-transform: uppercase;
}

.footer__top__newslatter form {
	position: relative;
}

.footer__top__newslatter form input {
	width: 100%;
	height: 50px;
	color: #b7b7b7;
	padding-left: 30px;
	font-size: 14px;
	border: none;
}

.footer__top__newslatter form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.footer__top__newslatter form input::-moz-placeholder {
	color: #b7b7b7;
}

.footer__top__newslatter form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.footer__top__newslatter form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.footer__top__newslatter form input::placeholder {
	color: #b7b7b7;
}

.footer__top__newslatter form button {
	font-size: 14px;
	color: #ffffff;
	background: #0c8d62;
	border: none;
	height: 100%;
	padding: 0 20px;
	position: absolute;
	right: 0;
	top: 0;
}

.footer__about {
	margin-bottom: 30px;
}

.footer__about .footer__logo {
	margin-bottom: 24px;
}

.footer__about .footer__logo a {
	display: inline-block;
}

.footer__about p {
	margin-bottom: 30px;
}

.footer__about ul {
	margin-bottom: 38px;
}

.footer__about ul li {
	font-size: 15px;
	list-style: none;
	line-height: 26px;
	color: #707070;
}

.footer__about .footer__social a {
	font-size: 18px;
	color: #ffffff;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 30px;
}

.footer__about .footer__social a:hover {
	color: #0c8d62;
}

.footer__about .footer__social a:last-child {
	margin-right: 0;
}

.footer__widget {
	margin-bottom: 30px;
}

.footer__widget h6 {
	color: #ffffff;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	margin-bottom: 30px;
}

.footer__widget ul li {
	list-style: none;
}

.footer__widget ul li a {
	font-size: 15px;
	color: #707070;
	line-height: 36px;
}

.footer__address a {
  color: #0c8d62;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer__address a:hover {
  color: #0aa97f;
  text-decoration: underline;
}

.footer__widget a {
  color: #0c8d62;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer__widget a:hover {
  color: #0aa97f;
  text-decoration: underline;
}

.footer__address {
	margin-bottom: 30px;
}

.footer__address h6 {
	color: #ffffff;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	margin-bottom: 30px;
}

.footer__address p {
	margin-bottom: 30px;
}

.footer__address ul li {
	font-size: 15px;
	list-style: none;
	line-height: 26px;
	color: #707070;
}

.copyright {
	border-top: 1px solid rgba(183, 183, 183, 0.2);
	padding: 25px 0;
	margin-top: 60px;
}

.copyright__text p {
	margin-bottom: 0;
}

.copyright__text p i {
	color: #0c8d62;
}

.copyright__text p a {
	color: #ffffff;
}

.copyright__widget {
	text-align: right;
}

.copyright__widget a {
	font-size: 14px;
	color: #707070;
	margin-right: 36px;
	position: relative;
}

.copyright__widget a:after {
	position: absolute;
	right: -22px;
	top: -3px;
	content: "|";
}

.copyright__widget a:last-child {
	margin-right: 0;
}

.copyright__widget a:last-child:after {
	display: none;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
    padding-top: 120px;
}

.breadcrumb-inner.set-bg {
    background-position: center 54%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    height: 350px;
    display: flex;
    border-radius: 20px;
}

.breadcrumb__text h2 {
	font-size: 42px;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.breadcrumb__links a {
	font-size: 15px;
	color: #ffffff;
	display: inline-block;
	position: relative;
	margin-right: 12px;
}

.breadcrumb__links a:after {
	position: absolute;
	right: -13px;
	top: 1px;
	content: "~";
}

.breadcrumb__links span {
	font-size: 15px;
	color: #79d4ab;
	display: inline-block;
}

/*---------------------
  About
-----------------------*/


.about-page {
	padding-top: 120px;
	padding-bottom: 90px;
}

.box__border{
    padding: 40px 40px;
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 20px;
    border: 1px solid;
}

@media (max-width: 991px) {
.box__border {
    padding: 30px 30px;
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 20px;
    border: 1px solid;
}
}

.about__pic, .about__pic__inner, .about__pic__inner img {
    height: 100%;
}

.about__pic, .about__pic__inner, .about__pic__inner img {
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}



.about__text.about__page__text {
	padding-top: 0;
}

.about__text.about__page__text .section-title {
	margin-bottom: 12px;
}

.about__text .section-title {
	margin-bottom: 35px;
}

.about__para__text {
	margin-bottom: 70px;
}

.about__para__text p {
	margin-bottom: 26px;
}

.about__para__text p:last-child {
	margin-bottom: 0;
}

.about__pic {
    padding-left: 15px;
}

.about__pic__inner {
	position: relative;
	display: inline-block;
}


.about__page__services__text {
	margin-bottom: 30px;
}

@media (max-width: 768px) {
    .about__pic img {
        height: auto;
margin-top: 20px;
    }
	.section-title {
    margin-bottom: 25px;
}
	.why-unicorn__image.position-relative{
		margin-top: 20px;
	}

	.col-lg-6 {
    height: 100%;
}
	.primary-btn.normal-btn {
		color: #111111;
	}
}


/* === MISSION SECTION === */

.mission__content {
	padding: 30px;
  }
  
  .mission__image img {
	display: block;
	height: auto;
	object-fit: cover;
	border-radius: 20px;
  }
  
  @media (max-width: 768px) {
	.mission__image img {
	  height: auto!important;
margin-top: 20px;
	}
  }
  
  .mission__text p {
	margin-bottom: 20px;
	font-size: 16px;
	color: #333;
	line-height: 1.6;
  }
  
  .mission__image,
  .mission__image__inner,
  .mission__image img {
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
  }
  
  /* Вирівнювання для мобільних (stretch + колонки) */
  @media (max-width: 1261px) {
	.row.stretch-mobile {
	  align-items: stretch !important;
	  flex-direction: column;
	}
  }


/* === VISION SECTION === */

.vision__text p {
	margin-bottom: 20px;
	font-size: 16px;
	color: #333;
	line-height: 1.6;
  }
  
  .vision__image,
  .vision__image__inner,
  .vision__image img {
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
	display: block;
  }
  
  @media (max-width: 768px) {
	.vision__image img {
	  height: auto!important;
margin-top: 20px;
	}
  }
  
  @media (max-width: 1261px) {
	.row.stretch-mobile {
	  align-items: stretch !important;
	  flex-direction: column;
	}
  }

/*---------------------
  Call to Action - About Page
-----------------------*/

.cta-about__bg {
	position: relative;
	background-size: cover;
	background-position: center;
	border-radius: 20px;
	overflow: hidden;
	z-index: 1;
  }
  
  .cta-about__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(183deg, #000000e8, #0000004a);
	border-radius: 20px;
  }
  
  .cta-about__container {
	position: relative;
	z-index: 2;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 50px;
	box-sizing: border-box;
	text-align: center;
	min-height: 250px;
  }
  
  .cta-about__text {
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.4;
  }
  
  /* 🔽 Mobile styles */
  @media (max-width: 768px) {
	.cta-about__container {
	  padding: 0 20px;
	  min-height: 300px;
	}
  
	.cta-about__text {
	  font-size: 1.4rem;
	  line-height: 1.5;
	}
  
	.primary-btn.normal-btn {
	  font-size: 1rem;
	  padding: 10px 24px;
	}
  }

/*---------------------
  Why Choose Us Section
-----------------------*/

.why-choose__bg {
	position: relative;
	background-size: cover;
	background-position: center -500px;
	border-radius: 20px;
	overflow: hidden;
	z-index: 1;
  }
  .why-choose__overlay {
	position: absolute;
	inset: 0;
background: linear-gradient(183deg, #000000e8, #0000004a);
	z-index: 1;
	border-radius: 20px;
  }
  
  
  .why-choose__container {
	position: relative;
	z-index: 2;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 50px;
	box-sizing: border-box;
	text-align: center;
  }
  
  .why-choose__heading .section-subtitle {
	color: #0c8d62;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	margin-bottom: 10px;
	display: block;
	font-size: 16px;
  }
  
  .why-choose__heading .section-title,
  .why-choose__heading h2 {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 40px;
	color: #ffffff;
	text-transform: uppercase;
  }
  
  /* Grid */
  .why-choose__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px 40px;
	margin-top: 40px;
  }
  
  /* Item */
  .why-choose__item {
	display: flex;
	align-items: center;
	padding: 20px 25px;
    border: 1px solid rgb(255 255 255);
	background-color: rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	font-size: 22px;
	font-weight: 500;
	color: #ffffff;
	text-align: left;
	transition: background 0.3s ease;
  }
  
  .why-choose__item:hover {
	background-color: rgba(255, 255, 255, 0.1);
  }
  
  .why-choose__item i {
	color: #0c8d62;
	font-size: 32px;
	margin-right: 15px;
	flex-shrink: 0;
  }
  
  @media (max-width: 768px) {
	.why-choose__container {
		padding: 0px;
	}
  
	.why-choose__grid {
	  grid-template-columns: 1fr;
	  gap: 20px;
	}
  
	.why-choose__item {
	  font-size: 18px;
	  padding: 15px 20px;
	}
  
	.why-choose__item i {
	  font-size: 24px;
	  margin-right: 12px;
	}
  
	.why-choose__heading .section-title,
	.why-choose__heading h2 {
	  font-size: 28px;
	}
  
	.why-choose__heading .section-subtitle {
	  font-size: 14px;
	}
  }


/*---------------------
  Advantages
-----------------------*/
.advantages-wrapper {
	padding-top: 100px;
  }
  
  .advantages-container {
    width: 98%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
  }
  
  /* Заголовок */
  .advantages-title {
	flex: 1 1 300px;
	min-width: 280px;
	padding-right: 20px;
  }
  
  .subtitle {
	color: #0a8042;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
  }
  
  .title {
	text-transform: uppercase;
  }
  
  /* Блоки */
 .advantages-cards {
  flex: 1 1 540px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}
  /* Блоки */
 .advantages-cards-home {
  flex: 1 1 540px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}
  
  .card {
	background: #fff;
	padding: 30px 20px;
	border-radius: 12px;
	text-align: center;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
  }
  
  .icon {
	font-size: 36px;
	margin-bottom: 15px;
	color: #0c8d62;
  }
  
  .card h3 {
	font-size: 1.25rem;
	margin-bottom: 10px;
	font-weight: 600;
  }
  
  .card p {
	font-size: 0.95rem;
	color: #666;
  }
  
  /* FULL адаптив */
/* Адаптив для мобілок */
@media (max-width: 768px) {
	.advantages-container {
		padding: 0px;
	}
	.advantages-title {
	  flex: 1 1 100%;
	  min-width: auto;
	  text-align: center;
	  padding-right: 0;
	}
  
	.advantages-title .title {
	  font-size: 1.8rem; /* або ще менше при бажанні */
	}
  
    .advantages-cards {
        grid-template-columns: 1fr;
    }
  }






/*---------------------
  Technologies
-----------------------*/
.tech-box {
	padding: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background-color: rgba(255, 255, 255, 0.05);
	position: relative;
	overflow: hidden;
	color: #fff;
	min-height: 360px; /* зменшена висота */
	background-size: cover;
	background-position: center;
	z-index: 1;
	transition: all 0.3s ease;
  }


  
  .tech-box:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
  }
  
  .tech-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
	border-radius: 20px;
  }
  
  .tech-content {
	position: relative;
	z-index: 2;
	max-width: 600px;
	color: #fff; /* текст білий */
  }
  
  .tech-content h2,
  .tech-content span,
  .tech-content p {
	color: #fff; /* заголовки та текст білі */
  }
  
  @media (max-width: 768px) {
	.tech-box {
	  padding: 25px;
	  min-height: 320px; /* менша висота на мобілці */
	}
  
	.tech-content {
	  text-align: center;
	width: -webkit-fill-available;
	}
	 .tech-content h2 {
    font-size: 25px;
}

	.tech-box {
		margin-top: 20px;
	  }
	
  }


/* === SIP SECTION === */

.sip__text p {
	margin-bottom: 20px;
	font-size: 16px;
	color: #333;
	line-height: 1.6;
  }
  
  .sip__image,
  .sip__image__inner,
  .sip__image img {
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
	display: block;
  }
  
  @media (max-width: 768px) {
	.sip__image img {
	  height: auto;
	  margin-top: 10px;
	}
  }
  
  @media (max-width: 1261px) {
	.row.stretch-mobile {
	  align-items: stretch !important;
	  flex-direction: column;
	}
  }

  /* === TECHNOLOGIES GALLERY === */

.tech-gallery-box {
	background-size: cover;
	background-position: center;
	height: 400px;
	width: 100%;
	border-radius: 0;
	border-radius: 20px;
  }
  
  @media (max-width: 768px) {
	.tech-gallery-box {
	  height: 250px;
	}
	.tech-gallery-row {
		gap: 20px;
	  }
  }


  /* === SIP ADVANTAGES SECTION === */

.sip-advantages .card .icon {
	font-size: 36px;
	color: #0a8042;
	margin-bottom: 15px;
  }
  
  .sip-advantages h3 {
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 10px;
  }
  
  .sip-advantages p {
	font-size: 15px;
	line-height: 1.5;
	color: #333;
  }
  
  /* Card layout if you don’t already have it */
  .advantages-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
  }
  
  .advantages-cards .card {
	flex: 0 0 calc(33.333% - 30px);
	background: #fff;
	border-radius: 15px;
	padding: 25px;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
	text-align: center;
	transition: all 0.3s ease;
  }
  
  .advantages-cards .card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  }
  
  @media (max-width: 992px) {
	.advantages-cards .card {
	  flex: 0 0 45%;
	}
  }
  
  @media (max-width: 600px) {
	.advantages-cards .card {
	  flex: 0 0 100%;
	}
  }


  /* === WHY UNICORN SECTION === */

  section.why-unicorn-section {
    padding-bottom: 100px;
}

.why-unicorn__list {
	list-style: none;
	padding-left: 15px;
	margin-top: 15px;
  }
  
  .why-unicorn__list li {
	margin-bottom: 15px;
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	color: #333;
  }
  
  .why-unicorn__list li::before {
	content: "\f00c";
	font-family: FontAwesome;
	position: absolute;
	left: 0;
	color: #0a8042;
	font-weight: bold;
  }

.why-unicorn__image {
	position: relative;
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
  }
  
  .why-unicorn__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
	display: block;
  }
  
  .why-unicorn__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.5); 
	z-index: 1;
  }
  
  .why-unicorn__button-wrapper {
	position: absolute;
	inset: 0;
	z-index: 2;
  }
  







  /* === RESIDENTIAL === */
.residential__content {
	padding: 30px;
  }

  .residential__image img,
  .commercial__image img{
    display: block;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
}

  @media (max-width: 768px) {
    .residential__image img {
      height: auto!important;
		margin-top: 35px;
    }
	.commercial__image img {
       height: auto!important;
		margin-top: 35px;
    }
}
  
  .residential__text p {
	margin-bottom: 20px;
	font-size: 16px;
	color: #333;
  }
  
  .residential__list {
    list-style: none;
    padding-left: 15px;
    margin-top: 20px;
}
  
  .residential__list li {
	margin-bottom: 10px;
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	color: #333;
  }
  
  .residential__list li::before {
	content: "\f00c";
	font-family: FontAwesome;
	position: absolute;
	left: 0;
	color: #0a8042;
  }

  .residential__image, .residential__image__inner, .residential__image img {
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

@media (max-width: 1261x) {
	.row.stretch-mobile {
	  align-items: stretch !important;
	  flex-direction: column; /* якщо елементи підряд */
	}
  }



  /* Стилі для секцій */
  .introduction__image img,
  .build-card img,
  .why-choose-us__image img {
	width: 100%;
	height: auto;
	border-radius: 20px;
	height: 100%;
	  margin-top: 10px;
  }
  .introduction__image {
    height: 100%;
}
 
  .build-card-block {
	position: relative;
	height: 380px;
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	isolation: isolate;
  }
  
  /* Шар з фоном */
  .build-card-block::before {
	content: "";
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: inherit;
	z-index: 0;
	transition: transform 0.5s ease;
	will-change: transform;
  }

  .build-card-grid {
	display: flex;
	flex-wrap: wrap;
	row-gap: 30px;  
	column-gap: 0px;
  }
  
  .build-card-grid .col-lg-6 {
	flex: 0 0 calc(50% - 15px);
  }
  
  /* Збільшується тільки фон */
  .build-card-block:hover::before {
	transform: scale(1.08);
  }
  
  .build-card__overlay {
	position: absolute;
	inset: 0;
    background: linear-gradient(358deg, #000000d1, transparent);
	z-index: 1;
  }
  
.build-card__content-bottom-right {
    text-align: start;
    position: relative;
    z-index: 2;
    color: #fff;
    padding: 25px;
    margin-right: auto;
    max-width: 70%;
}
  
  .build-card__content-bottom-right h3 {
	font-size: 1.5rem;
	color: #fff;
	font-weight: 600;
	margin-bottom: 10px;
  }
  
  .build-card__content-bottom-right p {
	font-size: 0.95rem;
	line-height: 1.5;
	color: #ddd;
  }
  
  @media (max-width: 768px) {
	.build-card__content-bottom-right {
	  max-width: 100%;
	  text-align: left;
	  padding: 15px;
	}
  }

  @media (max-width: 768px) {
	/* Grid: одна колонка на мобілці */
	.build-card-grid {
	  flex-direction: column;
	  gap: 20px;
	}
  
	.build-card-grid .col-lg-6 {
	  flex: 0 0 100%;
	  max-width: 100%;
	}
  
	/* Блок картки — зменшення висоти, щоб не займало забагато */
	.build-card-block {
	  height: 260px;
	  border-radius: 12px;
	}
  
	/* Контент: текст зверху або знизу, адаптовано до висоти */
	.build-card__content-bottom-right {
	  max-width: 100%;
	  padding: 16px;
	  text-align: left;
	}
  
	.build-card__content-bottom-right h3 {
	  font-size: 1.25rem;
	  margin-bottom: 6px;
	}
  
	.build-card__content-bottom-right p {
	  font-size: 0.9rem;
	  line-height: 1.4;
	}
  
	/* Тінь, відступи, або зменшення тексту, якщо треба */
	.build-card__overlay {
	  background: rgba(0, 0, 0, 0.55); /* трохи темніше, для кращого контрасту на мобілці */
	}
  
	/* Можна також додати відступи секції зверху/знизу */
	.build-card-section {
	  padding-top: 40px;
	  padding-bottom: 40px;
	}
  }


  section.advantages-wrapper .advantages-cards {
    display: flex
;
    justify-content: center;
}
  


  .unicorn-process__bg {
	background-size: cover;
	background-position: center;
	position: relative;
	padding: 80px 40px;
	border-radius: 20px;
	overflow: hidden;
  }
  
  .unicorn-process__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(20, 20, 20, 0.7);
	z-index: 1;
  }
  
  .unicorn-process__container {
	position: relative;
	z-index: 2;
  }

  
  
  
  /* Timeline styles */
  .timeline {
	border-left: 3px solid #00c282;
padding-left: 27px;
  }
  
  .timeline-step {
	position: relative;
	margin-bottom: 40px;
  }
  
  .step-number {
	position: absolute;
	left: -43px;
	top: 0;
	width: 30px;
	height: 30px;
	background: #00c282;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
  }
  
  .step-content h5 {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
  }
  
  .step-content p {
	font-size: 16px;
	color: #ccc;
  }



  .additional-services__image {
    height: 100%;
}
.additional-services__image__inner {
    height: 100%;
}

  /* Основний текст */
  .additional-services__text p {
	font-size: 16px;
	color: #555;
	margin-bottom: 25px;
	line-height: 1.6;
  }
  
  /* Список послуг */
  .additional-services__list {
    list-style: none;
    padding-left: 15px;
    margin-top: 20px;
  }
  
  .additional-services__list li {
	position: relative;
	padding-left: 24px;
	margin-bottom: 15px;
	color: #333;
	font-size: 16px;
  }
  
  .additional-services__list li::before {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    color: #0a8042;
  }
  
  /* Зображення */
  .additional-services__image__inner img {
	width: 100%;
	height: 100%;
	border-radius: 16px;
	object-fit: cover;
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
  }
  
  /* Адаптація для мобілки */
  @media (max-width: 991px) {
	.additional-services-section .text__content {
	  padding-top: 40px;
	  padding-bottom: 40px;
	}
  }


  section.sustainability-section {
	padding-bottom: 100px;
}

  .sustainability__bg {
	background-size: cover;
	background-position: center;
	border-radius: 20px;
	padding: 80px 40px;
	position: relative;
	color: #fff;
  }
  
  .sustainability__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(20, 20, 20, 0.7);
	border-radius: 20px;
	z-index: 1;
  }
  
  .sustainability__container {
	position: relative;
	z-index: 2;
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
  }
  
  
  .sustainability__content p {
	font-size: 18px;
	color: #ddd;
	margin-bottom: 20px;
	line-height: 1.6;
  }
  




  
  /* === COMMERCIAL === */
  .commercial__content {
	padding: 30px;
  }
  
  .commercial__text p {
	margin-bottom: 20px;
	font-size: 16px;
	color: #333;
  }
  
  .commercial__list {
	list-style: none;
    padding-left: 15px;
    margin-top: 20px;
  }
  
  .commercial__list li {
	margin-bottom: 10px;
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	color: #333;
  }
  
  .commercial__list li::before {
	content: "\f00c";
	font-family: FontAwesome;
	position: absolute;
	left: 0;
	color: #0a8042;
  }
  .commercial__image, .commercial__image__inner, .commercial__image img {
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
@media (min-width: 992px) {
	.commercial-section .box__border {
	  min-height: 400px; /* або будь-яка менша висота, ніж зараз */
	  height: 100%;
	}
  }



  section.additional-services-section {
	padding-bottom: 100px;
}



/*---------------------
  Workflow
-----------------------*/
.workflow {
	padding: 100px 0;
	background-color: #f9f9f9;
  }
  
  .workflow__line {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 80px;
	padding: 0 20px;
  }
  
  /* Лінія між кружечками — тільки між першим і останнім */
  .workflow__line::before {
	content: '';
	position: absolute;
	top: 40px;
	left: calc(12.5% + 40px); /* 12.5% = 1/8 ширини, 40px — половина кружка */
	right: calc(12.5% + 40px);
	height: 4px;
	background-color: #ccddd7;
	z-index: 0;
  }
  
  .workflow__step {
	position: relative;
	text-align: center;
	flex: 1;
	z-index: 1;
  }
  
  .workflow__circle {
    border: 1px solid #000;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 51px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 2;
  }

  .workflow__circle i {
    color: #0c8d62;
}
  
  .workflow__step p {
	font-size: 19px;
    font-weight: 600;
    color: #222;
    margin: 0 auto;
    max-width: 175px;
    line-height: 1.4;
  }
  
  /* Мобілки */
  @media (max-width: 768px) {
	.workflow__line {
	  flex-direction: column;
	  align-items: center;
	  gap: 40px;
	  padding: 0;
	}
  
	.workflow__line::before {
	  display: none;
	}
  
	.workflow__circle {
	  margin: 0 auto 15px;
	}
  }



/*---------------------
  Services
-----------------------*/
.service-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr); /* 5 колонок */
	gap: 30px;
	margin-top: 50px;
  }
  
  /* Адаптив для планшетів і мобілок */
  @media (max-width: 1200px) {
	.service-grid {
	  grid-template-columns: repeat(3, 1fr);
	}
  }
  
  @media (max-width: 768px) {
	.service-grid {
	  grid-template-columns: repeat(2, 1fr);
	}
  }
  
  @media (max-width: 480px) {
	.service-grid {
	  grid-template-columns: 1fr;
	}
  }
  
  .service-card {
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	background-color: #fff;
	text-align: center;
  }
  
  .service-card img {
	width: 100%;
    height: 235px;
	object-fit: cover;
	display: block;
  }
  
  .service-card__number {
	position: absolute;
	top: 10px;
	right: 15px;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-weight: bold;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .service-card p {
    padding: 15px;
    font-size: 18px;
    font-weight: 600;
	color: #222;
  }


/*---------------------
  Contact
-----------------------*/
  /* Блок з фоном */
.contact__bg {
	position: relative;
	background-image: url('/img/hero/banner-3.jpeg'); /* 🔁 Замінити на свій шлях */
	background-size: cover;
	background-position: center;
	border-radius: 20px;
	overflow: hidden;
	z-index: 1;
  }
  
  /* Затемнення */
  .contact__overlay {
	position: absolute;
	inset: 0;
	background: rgb(0 0 0 / 68%);
	z-index: 1;
	border-radius: 20px;
  }
  
  /* Текст поверх */
  .contact__text--overlay {
	position: relative;
	z-index: 2;
	color: #fff;
	padding: 40px;
  }
  
  .contact__text--overlay .section-title h2 {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 30px;
	color: #fff;
  }
  
  .contact__info p {
	margin-bottom: 15px;
	font-size: 16px;
  }
  
  
  .contact__info a:hover {
	text-decoration: underline;
  }
  
  /* Форма справа */
  .contact__form {
	background-color: #fff;
	padding: 40px;
	border-radius: 15px;
	position: relative;
	z-index: 2;
  }
  
  .contact__form form {
	display: flex;
	flex-direction: column;
	gap: 15px;
  }
  
  .contact__form input,
  .contact__form textarea {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid #ccc;
	border-radius: 8px;
	font-size: 15px;
	resize: none;
  }
  
  .contact__form button {
	align-self: flex-start;
  }
  .contact__text p {
    color: #ffffff;
    margin-bottom: 0;
}
  
  /* Адаптив */
  @media (max-width: 768px) {
	.contact__text--overlay,
	.contact__form {
	  padding: 20px;
	}
  
	.contact__form {
	  margin-top: 30px;
	}
  
	.contact__text--overlay .section-title h2 {
	  font-size: 26px;
	}
  }




/* Layout */
.contact-section--split .contact-left {
	padding: 50px 40px;
	background-color: #f9fefc;
	border-right: 1px solid #eaeaea;
  }
  
  
  .contact-left .section-title span {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
  }
  
  .contact-left .section-title p {
	font-size: 16px;
	color: #555;
	margin-bottom: 30px;
  }
  
  /* Contact details */
  .contact-detail .contact-item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 20px;
  }
  
  .contact-item i {
	color: #0c8d62;
	font-size: 20px;
	margin-top: 4px;
	width: 20px;
  }
  
  
  .contact-item span {
	font-size: 15px;
	color: #666;
  }
  
  /* Form Wrapper */
  .contact-form-wrapper {
    background-color: #0c8d62;
	border-radius: 20px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05);
	padding: 40px 30px;
  }
  
  
  .contact-form-wrapper p {
	font-size: 15px;
    color: #ffffff;
  }
  .contact-form-wrapper h3 {
    color: #ffffff;
  }
  
  /* Inputs & Textarea */
  .contact-form-wrapper input,
  .contact-form-wrapper textarea {
	width: 100%;
	padding: 14px 18px;
	border: 1px solid #e0e0e0;
	border-radius: 12px;
	font-size: 15px;
	background-color: #f9f9f9;
	transition: 0.3s ease;
  }
  
  .contact-form-wrapper input:focus,
  .contact-form-wrapper textarea:focus {
	border-color: #0c8d62;
	background-color: #fff;
	outline: none;
	box-shadow: 0 0 0 4px rgba(0, 194, 130, 0.1);
  }
  
  .contact-form-wrapper textarea {
	min-height: 160px;
	resize: vertical;
  }



/* Wrapper */
#forminator-module-95 {
  max-width: 600px;
  margin: 0 auto;
}

/* Заголовки, підписи */
#forminator-module-95 .forminator-label {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 6px;
  display: block;
}

/* Поля */
#forminator-module-95 .forminator-input,
#forminator-module-95 .forminator-textarea {
  width: 100%;
  padding: 14px 18px;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  font-size: 15px;
  background-color: #f9f9f9;
  transition: 0.3s ease;
  color: #333;
}

/* Поля у фокусі */
#forminator-module-95 .forminator-input:focus,
#forminator-module-95 .forminator-textarea:focus {
  border-color: #0c8d62;
  background-color: #fff;
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 194, 130, 0.1);
}

/* Текстова область */
#forminator-module-95 .forminator-textarea {
  min-height: 160px;
  resize: vertical;
}

    .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-col {
        min-width: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0!important;
    }

/* Кнопка */
#forminator-module-95 .forminator-button {
    display: inline-block;
    border-radius: 12px;
    padding: 16px 50px;
    color: #ffffff;
    position: relative;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

#forminator-module-95 .forminator-button:hover {
  background-color: #ffff;
  color: #222;
    border-radius: 5px;
}

/* Повідомлення про помилки */
#forminator-module-95 .forminator-error-message {
  color: #ffdede;
  background-color: #b60000;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 13px;
  margin-top: 6px;
  display: inline-block;
}

/* Повідомлення після відправки */
#forminator-module-95 .forminator-response-message {
  margin-top: 20px;
  font-weight: 500;
  color: #ffffff;
}


/* Forminator button styled as .primary-btn */
.forminator-row.forminator-row-last {
    margin: 0 !important;
}

/* Before & After – кутові рамки */
#forminator-module-95 .forminator-button:before,
#forminator-module-95 .forminator-button:after {
  content: "";
  position: absolute;
  width: 28px;
  height: 28px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  transition: all 0.5s;
  pointer-events: none;
}

#forminator-module-95 .forminator-button:before {
  left: 0;
  bottom: 0;
  border-top: none;
  border-right: none;
  border-radius: 0 0 0 4px;
}

#forminator-module-95 .forminator-button:after {
  right: 0;
  top: 0;
  border-bottom: none;
  border-left: none;
  border-radius: 0 4px 0 0;
}

/* Hover – розгортання кутів */
#forminator-module-95 .forminator-button:hover:before,
#forminator-module-95 .forminator-button:hover:after {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

label {
    display: none !important;
}
  
  
  /* Responsive */
  @media (max-width: 768px) {
	.contact-section--split .contact-left,
	.contact-section--split .contact-right {
	  padding: 30px 20px;
	}
	  .col-lg-6.contact-right {
    padding: 0;
}
	  .contact-section--split .contact-left {
    padding: 50px 40px;
    background-color: transparent;
    border-right: 0px solid #eaeaea;
}
  
	.contact-form-wrapper {
	  padding: 30px 20px;
	}
  }

.forminator-ui.forminator-custom-form[data-design=default] .forminator-description span {
    color: #ffffff!important;
}


  button.primary-btn.normal-btn.mt-3 {
    background: #1c1c1c00;
    color: #ffffff;
    border: 0;
}
  





/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

@media only screen and (min-width: 1450px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__pic {
		padding-left: 0;
	}
	.about__pic__inner:after {
		left: 8px;
		top: 8px;
	}
	.header__menu ul li {
		margin-right: 25px;
	}
	.hero__slider.owl-carousel .owl-nav button {
		left: 15px;
	}
	.hero__slider.owl-carousel .owl-nav button.owl-next {
		right: 15px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.canvas__open {
		display: block;
		font-size: 22px;
		color: #000000!important;
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #ffffff;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 40px!important;
		top: 34px;
	}

	.hero__slider.owl-carousel .owl-nav button {
		left: 0;
	}
	.hero__slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}
	.about__text {
		padding-top: 0;
		margin-bottom: 40px;
	}
	.about__pic {
		padding-left: 0;
	}
	.blog__sidebar {
		padding-top: 50px;
	}
	.hero__text .hero__social {
		right: 80px;
	}
	.slide-num {
		left: 70px;
	}
	.slider__progress {
		left: 106px;
	}
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #ffffff;
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #ffffff;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 34px;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #111111;
		padding: 50px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}
	.offcanvas__logo {
		margin-bottom: 30px;
	}
	.offcanvas__logo a {
		display: inline-block;
	}
	.slicknav_btn {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #ffffff;
		font-weight: 600;
	}
	.slicknav_nav .slicknav_arrow {
		color: #ffffff;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #ffffff;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #ffffff;
	}
	.slicknav_nav {
		display: block !important;
	}
	.offcanvas__widget span {
		font-size: 14px;
		font-family: "Aldrich", sans-serif;
		color: #b7b7b7;
		display: block;
		margin-bottom: 10px;
	}
	.offcanvas__widget h4 {
		font-size: 22px;
		color: #0c8d62;
	}
	.header__menu {
		display: none;
	}
	.header__widget {
		display: none;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.hero__text h2 {
		font-size: 34px;
		line-height: 45px;
	}
	.hero__items {
		height: 710px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 40px;
	}
	.about__text {
		padding-top: 0;
		margin-bottom: 40px;
	}
	.about__pic {
		padding-left: 0;
	}
	.blog__sidebar {
		padding-top: 50px;
	}
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #000000!important;
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #ffffff;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 34px;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #111111;
		padding: 50px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}
	.offcanvas__logo {
		margin-bottom: 30px;
	}
	.offcanvas__logo a {
		display: inline-block;
	}
	.slicknav_btn {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 15px 0;
		margin: 0;
		color: #ffffff;
		font-weight: 600;
	}
	
	.offcanvas__logo img {
    width: 80%;
}
	.slicknav_nav .slicknav_arrow {
		color: #ffffff;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #ffffff;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #ffffff;
	}
	.slicknav_nav {
		display: block !important;
	}
	.offcanvas__widget span {
		font-size: 14px;
		font-family: "Aldrich", sans-serif;
		color: #b7b7b7;
		display: block;
		margin-bottom: 10px;
	}
	.offcanvas__widget h4 {
		font-size: 22px;
		color: #0c8d62;
	}
	.header__menu {
		display: none;
	}
	.header__widget {
		display: none;
	}
	.about__pic__inner {
		display: block;
	}
	.about__pic__inner img {
		min-width: 100%;
	}
	.about__pic__inner:after {
		left: 0;
		width: 100%;
	}
	.hero__slider.owl-carousel .owl-nav button {
		left: 0;
	}
	.hero__slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}
	.hero__text h2 {
		font-size: 46px;
		line-height: 58px;
	}
	.hero__text .hero__social {
		right: 0;
		left: 0;
		margin: 0 auto;
		bottom: 100px;
	}
	.slide-num {
		bottom: 25px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	.slider__progress {
		left: 0;
		bottom: 35px;
		right: 0;
		margin: 0 auto;
	}
	.hero__text .more_btn {
		bottom: 62px;
	}
	.footer__top__text {
		margin-bottom: 35px;
	}
	.copyright__text {
		text-align: center;
		margin-bottom: 20px;
	}
	.copyright__widget {
		text-align: center;
	}
	.project__sidebar {
		padding-top: 20px;
	}
	.blog__details__tags {
		text-align: center;
	}
	.blog__details__social {
		text-align: center;
	}
	.blog__details__author__pic {
		float: none;
		margin-right: 0;
	}
	.blog__details__author__text {
		padding-top: 40px;
	}
	.project {
		padding: 0;
	}
	.about__para__text {
		margin-bottom: 35px;
	}
	.clients {
		padding-bottom: 90px;
	}
	.clients a {
		margin-bottom: 30px;
	}
	.testimonial__carousel.owl-carousel .owl-nav button {
		left: 0;
	}
	.testimonial__carousel.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}
}

@media only screen and (max-width: 575px) {
	.team__btn {
		margin-bottom: 40px;
		text-align: left;
	}
	.latest__btn {
		margin-bottom: 40px;
		text-align: left;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.section-title h2 {
		font-size: 28px;
		line-height: 1;
	}
	.hero__text h2 {
		font-size: 28px;
		line-height: 42px;
	}
	.hero__items {
		height: 610px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 40px;
	}
	.testimonial__item p {
		font-size: 16px;
		line-height: normal;
	}
	.about__pic__inner:after {
		display: none;
	}
	.callto__text h2 {
		font-size: 30px;
		line-height: 46px;
	}
	.project__slider.owl-carousel .owl-nav button {
		left: 15px;
	}
	.project__slider.owl-carousel .owl-nav button.owl-next {
		right: 15px;
	}
	.project {
		padding: 0;
	}
	.breadcrumb__text h2 {
		font-size: 32px;
	}
	.testimonial__carousel {
		padding: 60px 45px 65px;
	}
	.slick-active.slick-center .testimonial__client__pic img,
	.slick-active.slick-center .testimonial__client__pic {
		width: 110px;
		height: 110px;
		opacity: 1;
	}
	.testimonial__client__item .testimonial__client__pic {
		width: 110px;
		height: 110px;
		opacity: 0;
	}
	.testimonial__carousel:after {
		left: calc(50% - 70px);
		bottom: -80px;
		width: 140px;
		height: 140px;
	}
	.testimonial__carousel button.slick-arrow {
		left: 10px;
		height: 40px;
		width: 40px;
	}
	.testimonial__carousel button.slick-arrow.slick-next {
		left: auto;
		right: 10px;
	}
	.testimonial__client .slick-slide {
		padding-top: 30px;
	}
	.about .section-title h2 {
		font-size: 28px;
		line-height: 45px;
	}
	.footer__top__text h2 {
		font-size: 32px;
	}
}



html.has-scroll-smooth {
    overflow: hidden;
    margin: 0 !important;
}


ul#menu-menu {
    margin: auto;
    display: flex;
    justify-content: center;
}
ul.sub-menu li {
    margin: 0;
}

@media (min-width: 992px) {
  .nav-menu li {
    position: relative;
  }

  .nav-menu .sub-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: -47px;
        min-width: 200px;
        background-color: #fff;
        border-radius: 8px;
        padding: 15px 15px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
        z-index: 99;
  }
	
	ul.sub-menu li a{
        padding: 14px 0px;
	}
	
	    ul.sub-menu li a:hover {
        color: #0c8d62;
    }

  .nav-menu li:hover > .sub-menu {
    display: block;
  }
}

/* ==== MOBILE (до 991px) ==== */
@media (max-width: 991px) {
  .nav-menu .sub-menu {
    display: none;
    position: relative;
    padding-left: 15px;
    margin-top: 10px;
    background-color: transparent;
    box-shadow: none;
  }

  .nav-menu .menu-item-has-children.submenu-open > .sub-menu {
    display: block;
  }

}



.c-scrollbar {
  position: fixed !important; /* дуже важливо */
  top: 0;
  right: 0;
  width: 7px;
  height: 100vh;
  z-index: 9999;
  transform: none !important; /* ← ключове! */
  will-change: auto;
  pointer-events: none;
}
.c-scrollbar_thumb {
  pointer-events: auto; /* щоб можна було тягнути */
}


.footer__logo img {
    width: 250px;
	margin-top: -10px;
}


.min-screen {
  min-height: 100svh; /* або 100dvh для сучасних */
}
html, body { overflow-x: hidden; }
@supports not (height: 100svh) {
  .min-screen { min-height: 100vh; }
}