/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 03 2025 | 15:15:15 */
.hp-green-bg-title a {
	text-transform: capitalize !important;
}

.form-homepage-style {
  font-size: 15px;
}

.fw-600 {
  font-weight: 600;
}

.container-flex-240 > div > div {
	width: 240px !important;
}

.modulo-contattaci {
  background-color: #297ab9 !important;
  color: white !important;
  border-color:#206F99 !important;
  border-style: solid !important;
  border-width: 2px !important;
  padding-bottom:5px!important;
  height:45px!important;
  margin-top: 20px !important;
  border-radius: 0px 0px 0px 0px !important;
  width: 150px;
}

.modulo-contattaci:hover{
  background-color: white !important;
  color: #206F99 !important;
  border-color:#206F99 !important;
  border-style: solid !important;
  border-width: 2px !important;
  
}

.wpcf7-list-item {
  margin: 0px;
}

.form-homepage-field {
  background-color: #fff !important;
  border: 2px solid #f1f1f1 !important;
  font-size: 14px !important;
  margin-top: 15px !important;
}

.submit-button {
  height: 42px;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contact-box .elementor-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start !important;
}

.carousel-clients-active .swiper-pagination-bullet-active {
  width: 20px !important;
  border-radius: 5px !important;
  background-color: #297ab9 !important;
}

.carousel-clients .swiper-pagination-bullet {
	opacity: 1 !important;
}

.box-hover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-decoration: none !important;
}

.box-hover div {
  height: 100%;
}

.box-hover p {
  margin-block-start: unset;
}

.box-hover p img {
  vertical-align: middle;
}

.mobile-apps-box-hover, .ux-ui-box-hover, .full-outsourcing-box-hover,.software-engineering-box-hover, .web-skyrocketing-box-hover, .system-integration-box-hover, .artificial-intelligence-box-hover, .infrastructure-cloud-box-hover, .cyber-security-box-hover  {
  display: none;
  cursor: pointer;
}

.test > .elementor-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    grid-gap: 20px;
    padding: 0 20px 0 20px;
}

@media screen and (max-width: 1100px) {
  .test > .elementor-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 1024px) {
  
  .mobile-apps-box-hover, .ux-ui-box-hover, .full-outsourcing-box-hover,.software-engineering-box-hover, .web-skyrocketing-box-hover, .system-integration-box-hover, .artificial-intelligence-box-hover, .infrastructure-cloud-box-hover, .cyber-security-box-hover  {
    display: none !important;
  }
  
  .mobile-apps-box .elementor-widget-wrap, .ux-ui-box .elementor-widget-wrap, .full-outsourcing-box .elementor-widget-wrap, .software-engineering-box .elementor-widget-wrap, .web-skyrocketing-box .elementor-widget-wrap, .system-integration-box .elementor-widget-wrap, .artificial-intelligence-box .elementor-widget-wrap, .infrastructure-cloud-box .elementor-widget-wrap, .cyber-security-box .elementor-widget-wrap {
    align-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .test > .elementor-container {
    grid-template-columns: 1fr;
  }
}

.test > .elementor-container .elementor-column {
    min-width: 100%;
}

.test > .elementor-container .elementor-column .elementor-section.elementor-inner-section {
  height: 100%;  
}

.test > .elementor-container .elementor-column .elementor-section.elementor-inner-section > .elementor-container {
  height: 100%;  
}

.text-bold {
  font-weight: 700;
}

.a13icon-menu.tool:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f550";
    font-size: 25px;
    color: #343434;
}

.a13icon-menu.tool.active:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  content: '\f00d';
   font-size: 25px;
}

.cover-mobile-service {
    background-repeat: no-repeat;
    background-position: right top;
}

*:focus {
outline:none !important;
    outline-width: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.mobile-menu .navigation-bar .top-menu i.sub-mark {
  left: calc(50% + 50px);
}

.top-menu .menu-item ul li {
	padding: 8px 0;
}
@media only screen and (max-width: 1024px) {
  .mobile-menu .navigation-bar .top-menu li a span em, .mobile-menu .navigation-bar .top-menu li li a, .mobile-menu .navigation-bar .top-menu li li span.title {
    font-size: 18px;
  }
	.mobile-menu .navigation-bar .top-menu li a {
    padding-top: 5px;
		padding-bottom: 5px;
  }
}

.top-menu .menu-item ul #menu-item-5134:hover a span, .top-menu .menu-item ul #menu-item-7921:hover a span, .top-menu .menu-item ul #menu-item-8029:hover a span {
	color: #174AB1;
}
.top-menu .menu-item ul #menu-item-5134 a span::before, .top-menu .menu-item ul #menu-item-7921 a span::before, .top-menu .menu-item ul #menu-item-8029 a span::before {
	background-color: #174AB1;
}
.top-menu .menu-item ul #menu-item-5138:hover a span, .top-menu .menu-item ul #menu-item-7919:hover a span, .top-menu .menu-item ul #menu-item-8026:hover a span {
	color: #36B453;
}
.top-menu .menu-item ul #menu-item-5138 a span::before, .top-menu .menu-item ul #menu-item-7919 a span::before, .top-menu .menu-item ul #menu-item-8026 a span::before {
	background-color: #36B453;
}
.top-menu .menu-item ul #menu-item-5139:hover a span, .top-menu .menu-item ul #menu-item-7923:hover a span, .top-menu .menu-item ul #menu-item-8031:hover a span {
	color: #FEBC2C;
}
.top-menu .menu-item ul #menu-item-5139 a span::before, .top-menu .menu-item ul #menu-item-7923 a span::before, .top-menu .menu-item ul #menu-item-8031 a span::before {
	background-color: #FEBC2C;
}
.top-menu .menu-item ul #menu-item-5140:hover a span, .top-menu .menu-item ul #menu-item-7922:hover a span, .top-menu .menu-item ul #menu-item-8030:hover a span {
	color: #D52C3E;
}
.top-menu .menu-item ul #menu-item-5140 a span::before, .top-menu .menu-item ul #menu-item-7922 a span::before, .top-menu .menu-item ul #menu-item-8030 a span::before {
	background-color: #D52C3E;
}
.top-menu .menu-item ul #menu-item-5143:hover a span, .top-menu .menu-item ul #menu-item-7924:hover a span, .top-menu .menu-item ul #menu-item-8032:hover a span {
	color: #9A358E;
}
.top-menu .menu-item ul #menu-item-5143 a span::before, .top-menu .menu-item ul #menu-item-7924 a span::before, .top-menu .menu-item ul #menu-item-8032 a span::before {
	background-color: #9A358E;
}
.top-menu .menu-item ul #menu-item-5168:hover a span, .top-menu .menu-item ul #menu-item-7925:hover a span, .top-menu .menu-item ul #menu-item-8033:hover a span {
	color: #3DBCCF;
}
.top-menu .menu-item ul #menu-item-5168 a span::before, .top-menu .menu-item ul #menu-item-7925 a span::before, .top-menu .menu-item ul #menu-item-8033 a span::before {
	background-color: #3DBCCF;
}
.top-menu .menu-item ul #menu-item-5142:hover a span, .top-menu .menu-item ul #menu-item-7917:hover a span, .top-menu .menu-item ul #menu-item-8028:hover a span {
	color: #F2692C;
}
.top-menu .menu-item ul #menu-item-5142 a span::before, .top-menu .menu-item ul #menu-item-7917 a span::before, .top-menu .menu-item ul #menu-item-8028 a span::before {
	background-color: #F2692C;
}
.top-menu .menu-item ul #menu-item-5141:hover a span, .top-menu .menu-item ul #menu-item-7918:hover a span, .top-menu .menu-item ul #menu-item-8024:hover a span {
	color: #3C1275;
}
.top-menu .menu-item ul #menu-item-5141 a span::before, .top-menu .menu-item ul #menu-item-7918 a span::before, .top-menu .menu-item ul #menu-item-8024 a span::before {
	background-color: #3C1275;
}
.top-menu .menu-item ul #menu-item-5144:hover a span, .top-menu .menu-item ul #menu-item-7920:hover a span, .top-menu .menu-item ul #menu-item-8027:hover a span {
	color: #0A7E5F;
}
.top-menu .menu-item ul #menu-item-5144 a span::before, .top-menu .menu-item ul #menu-item-7920 a span::before, .top-menu .menu-item ul #menu-item-8027 a span::before {
	background-color: #0A7E5F;
}
	
.header-horizontal #header.scrollable-menu {
	position: fixed !important;
    top: 0 !important;
}


.top-menu .menu-item ul li a span {
	position: relative;
	padding-bottom: 8px;
}
.top-menu .menu-item ul li a span::before {
	background-color: #159c18;
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scale3d(0,5,1);
    transform: scale3d(0,5,1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    transition: transform 0.3s cubic-bezier(1,0.68,0.16,0.9);
}

.top-menu .menu-item ul li:hover a span::before {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.header-horizontal .top-menu ul {
	min-width: 100px !important;
}

@media only screen and (min-width: 1024px) {
	#menu-item-8152 > a > span > em, #menu-item-8153 > a > span > em, #menu-item-8154 > a > span > em {
		border-left: 1px solid lightgray;
		padding-left: 20px;
	}
	
	#menu-item-8152 > ul,m#menu-item-8153 > ul, #menu-item-8154 > ul {
		margin-left: 15px !important;
	}
}

@media only screen and (max-width: 1023px) {
	#menu-item-8152 > i, #menu-item-8153 > i, #menu-item-8154 > i  {
		left: calc(50% + 30px);
	}
}

#menu-item-8152 > a > span::before, #menu-item-8152-en > a > span > span::before, #menu-item-8152-de > a > span > span::before, #menu-item-8153 > a > span::before, #menu-item-8153-it > a > span > span::before, #menu-item-8153-en > a > span > span::before, #menu-item-8154 > a > span::before, #menu-item-8154-it > a > span > span::before, #menu-item-8154-de > a > span > span::before {
	display: none;
}

#menu-item-8152 > a > span > em > span::before, #menu-item-8152-en > a > span > span::before, #menu-item-8152-de > a > span > span::before, #menu-item-8153 > a > span > em > span::before, #menu-item-8153-it > a > span > span::before, #menu-item-8153-en > a > span > span::before, #menu-item-8154 > a > span > em > span::before, #menu-item-8154-it > a > span > span::before, #menu-item-8154-de > a > span > span::before {
	translate: -25px;
    width: 40px;
}

/*BLOG ARCHIVE*/

.read-more-button {
	position: absolute;
	bottom: 0;
}

.blog-card {
	/*flex-direction: column;*/
    transition-property: background,border,box-shadow;
    transition-duration: .25s;
}

article.elementor-post.elementor-grid-item.post.type-post.status-publish.format-standard.has-post-thumbnail.category-tendenze-e-prospettive > div > div.elementor-post__badge {
    background-color: #b01273 !important;
}

/*article.elementor-post.elementor-grid-item.post.type-post.status-publish.format-standard.has-post-thumbnail.category-best-practice-e-consigli > div > div.elementor-post__badge {
    background-color: #66da96 !important;
}*/

div.elementor-widget-container:has(> h2 > span.tcc-cat.cat-tendenze-e-prospettive) {
	background-color: #b01273 !important;
}

div.elementor-widget-container:has(> h2 > span.tcc-cat.cat-best-practice-e-consigli) {
	background-color: #66da96 !important;
}

div.elementor-widget-container:has(> h2 > span.tcc-cat.cat-innovazione-e-sostenibilita) {
	background-color: #00A720 !important;
}

div.elementor-widget-container:has(> h2 > span.tcc-cat.cat-casi-di-successo) {
	background-color: #eb7f05 !important;
}

/*button.e-filter-item[data-filter="__all"], button.e-filter-item[data-filter="__all"]:hover {
	border: 1px solid #287ab9 !important;
	color: #287ab9 !important;
}

button.e-filter-item[data-filter="soluzioni-it"] {
	background-color: #4437da !important;
}

button.e-filter-item[data-filter="tendenze-e-prospettive"] {
	background-color: #b01273 !important;
}*/
button.e-filter-item {
	transition-duration: 0.3s;
}

button.e-filter-item:hover {
	transition-duration: 0.3s;
}

body.blog .e-loop-item .elementor-section.elementor-inner-section h2 > a, body.archive.category .e-loop-item .elementor-section.elementor-inner-section h2 > a {
    color: #0F0F0F;
    font-family: "Montserrat", Sans-serif;
    font-size: 20px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    text-decoration: none !important;
    line-height: 1.5em !important;
}


body.blog .elementor-section-content-bottom.read-more-button > div > div > div > div > div > div > a.elementor-size-sm:hover, body.blog .elementor-section-content-bottom.read-more-button > div > div > div > div > div > div > a.elementor-size-sm:focus {
    background-color: transparent !important;
	color: #297AB9 !important;
}

/*contact form*/

p:has(> span[data-name="your-name"]) {
    margin-bottom: 0 !important;
}

p:has(> span[data-name="your-email"]) {
    margin-top: 0px !important;
}