/*
Theme Name: Custom Theme
Theme URI: https://wealcoder.com/dev/html/axtra/
Author:
Author URI:
Description:
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: customtheme
Tags:
*/
:root {
	--primary: white;
}

html{
    overflow-anchor: none
}
.wp-block {
    max-width: 1170px;
}

.custom-logo {
    max-width: 17rem;
    height: auto;
}

.workflow__area-3 {
	background-color: #0057b7;
}

.research__area {
	background-color: white;
}

.hero__area-3::before {
	content: "";
	width: 20rem;
	height: 35rem;
	left: 0;
	top: 25%;
	background-image: url(/wp-content/uploads/2025/10/granulatrice.webp);
	background-repeat: no-repeat;
	background-position: left;
	z-index: -1;
	background-size: cover;
	opacity: .2;
}

.wpcf7-form p label {
	display: block;
}

.research__area {
	.sec-sub-title {
		font-weight: 500;
		text-transform: uppercase;
		padding-bottom: 2rem;
	}

	.sec-title-wrapper {
		padding-bottom: 0;
	}

	.sec-title-wrapper p {
		margin-left: 0;
	}
}

.counter__area-3 {
	background-color: #8ed0f5;
	background-image: url(/wp-content/uploads/2025/11/insology_68600_httpss.mj_.runKibms_zGT8s_BLUE_PVC_COMPOUNDS_-ar_8dd33a2a-5e0c-4a0f-a3f1-55a1d7d11888-1.jpg); 
	background-size: cover;
	background-position: bottom;

	.counter__number {
		color: var(--white);
	}
}

.cta__area-3 {
	background-color: #fdfdfd;
}

.counter__wrapper-3 p {
	color: var(--white);
}

.footer__area-3 {
	background-color: #00205c;
}

.about__area-3 {
	background-color: #00205c;	
}

.about__area-3 .sec-sub-title,
.about__area-3 .sec-title {
	background-color: #0F205D;
}

.about__area-3::after {
	background-color: white;
}

.about__area-3 .sec-text p {
	color: white;
}

.wc-btn-light {
	border: 1px solid white;
	color: white;
}

a.wc-btn-black {
	border-color: #00205c !important;
	color: #00205c;
}

.wc-btn-black span {
	background-color: #00205c !important;
}

.footer__social-3 {
	border-left: 1px solid #ffffff30;
	border-right: 1px solid #ffffff30;
}

.footer__social-3 li {
	display: block;
	border-bottom: 1px solid #ffffff30;
}

.footer__top-3 {
	border-bottom: 1px solid #ffffff30;
}

.research__area .sec-title-wrapper p {
	max-width: initial;
}

.service__item-3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
}

@media only screen and (max-width: 767px) {
	.service__item-3 {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		padding: 40px 0;
	}
}

.service__area-3 .sec-title-wrapper p {
	padding-top: 0;
	padding-bottom: 1.5rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.service__area-3 .sec-sub-title {
		padding-top: 1.5rem;
	}
	.service__area-3 .sec-title {
		padding-bottom: 1.5rem;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.service__area-3 .sec-sub-title {
		padding-top: 1.5rem;
	}
}

.service__area-3 .sec-title-wrapper p:last-of-type {
	/* padding-bottom: 60px; */
}

.counter__img-3 {
	text-align: left !important;
}

@media only screen and (max-width: 767px) {
	.research__area {
		background-image: none!important;
	}
}

.research__area {
	background-image: url(/wp-content/uploads/2025/10/Risorsa-3c.png);
	background-size: 100px;
	background-position: 97% 12%;
}

.service__content-3 ul {
	padding-top: 0;
	margin-left: 1rem;

	li {
		list-style: initial;
	}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.research__area {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.choose-wrapper.wf_panel {
	padding-bottom: 90px;
}

.hero__area-3::after {
	display: none;
}

.main-menu-3 > li {
	display: inline-block;
	padding: 0 20px;
	margin: 0;
}

.header__inner-3 {
	display: flex;
	padding: 0 30px;
	justify-content: space-between;
}

.portfolio__title-3 {
	font-size: 130px;
	padding-top: 80px !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__title-3 {
	font-size: 100px;
}
}

@media only screen and (max-width: 767px) {
	.portfolio__title-3 {
		font-size: 40px;
		background-color: rgba(0,0,0,.3);

		span {
			padding-left:20px;
		}

	}

	
		.portfolio__area-3 .swiper-pagination {
			padding-left: 22px;
		}
}

@media only screen and (max-width: 767px) {
  .choose-wrapper {
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__text-3 {
    padding-top: 20px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1919px) {
	.hero__text-3 p {
		padding-top: 3rem;
	}
}

.footer__copyright-3 p {
	max-width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero__area-3 .hero3-img {
		max-width: 600px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__area-3 .hero3-img {
    max-width: 800px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__area-3 .hero3-img {
	margin-bottom: -1.5rem;
	max-width: 760px;
  }
}

@media only screen and (max-width: 767px) {
  .hero__area-3 .hero3-img {
    width: 100%;
  }
}

.contact__info p {
	margin-top: 1.5rem;
}

.contact__info br {
	display: initial;
}

@media only screen and (max-width: 991px) {
	.workflow__area-3 {
		padding-top: 0;
	}

	.choose-wrapper.wf_panel {
		padding: 2.5rem 0;
	}

	.research__area .sec-sub-title {
		display: block;
	}

	.research__area .sec-title-wrapper {
		text-align: left;
	}

	.research__area-image {
		height: 17rem !important;
		background-position: center;
	}

	.research__area .sec-title {
		padding-bottom: 1.5rem;
	}

	.custom-logo {
		padding: .5rem 0;
	}

	.header__inner-3 {
	padding: 0 15px;
}

	.portfolio__area-3 .swiper-btn {
	display: none;
}
}

#mainNav {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media only screen and (max-width: 767px) {
br {
	display: inline;
}
}


.pt-70 {
  padding-top: 70px;
}
@media only screen and (max-width: 767px) {
  .pt-70 {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-70 {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-70 {
    padding-top: 60px;
  }

	.custom-logo {
		padding: .5rem 0;
	}

}
