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

 Theme Name:   HDT Divi Digital Agency 
 Theme URI:    https://divi-digital-agency.hubsolutes-divithemes.com
 Description:  The best choice to create a Digital Agency website and suitable for a multipurpose business. Well organized, the clean and modern design of this theme will solve all your Branding and Digital Marketing Agency business ideas.
 Author:       Hubsolutes-DiviThemes
 Author URI:   https://hubsolutes-divithemes.com
 Template:     Divi
 Version:      1.1  
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*** GENERAL ***/

div.et_pb_text  {position:relative;}
body {overflow-x:hidden;}

/*** Icon-Blurb-Big ***/

.hdt_icon_big .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: #fff;
background: var(--color-1);
padding: 10px;
border-radius: 5px;}

/*** Button ***/

.hdt_btn {
	background: var(--color-1);
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.hdt_btn:before {
	content: '';
	background: var(--color-2);
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	transform-origin: left;
	z-index: -1;
	transform: rotate(90deg);
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;display:block;margin:0;
}
.hdt_btn:after {
	content: '';
	background: var(--color-2);
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;z-index: -1;
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
	box-sizing: border-box;transform-origin: right;
	transform: rotate(-90deg);margin:0;
}
.hdt_btn:hover::before { 
	transform: rotate(0deg);
	visibility: visible;
	opacity: 1;
}
.hdt_btn:hover::after {  
	transform: rotate(0deg);
	visibility: visible;
	opacity: 1;
}

/*** Button-Inline ***/

.hdt_btn_inline .et_pb_button_module_wrapper {
    display: inline-block!important;
  }

/*** Divider ***/

.hdt_divider:before{
	border-top-color:var(--color-1) !important;
}

/*** Icon-Blurb ***/

.hdt_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon,
.et-db #et-boc .et-l .hdt_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--color-1);}

/*** Icon_2-Blurb ***/

.hdt_icon_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon,
.et-db #et-boc .et-l .hdt_icon_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--color-2);}

/*** Title-Blurb **/

.hdt_title .et_pb_blurb_content .et_pb_main_blurb_image {
    margin-bottom: 18px;
    -webkit-animation: movebounce2 2.5s ease-in-out infinite;
    animation: movebounce2 2.5s ease-in-out infinite;
}

.hdt_title .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon {
    color: var(--color-1);
    font-size: 50px;
}

.hdt_title .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    color: #fff;
    z-index: 1;
    display: inline-block;
    position: relative;
}

.hdt_title .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before {
    content: "";
    position: absolute;
    left: inherit;
    top: -15px;
    background: var(--color-1);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: -1;
}
/*** Title-Link **/

.hdt_link .et_pb_text_inner p a,.hdt_link .et_pb_text_inner a{
	color:var(--color-1);
} 
div.et_pb_text  {position:relative;}
body {overflow-x:hidden;}

/*** Title-Link_2 ***/

.hdt_link_2 .et_pb_text_inner p a,.hdt_link_2 .et_pb_text_inner a{
	color:var(--color-2);
} 
div.et_pb_text  {position:relative;}
body {overflow-x:hidden;}

/*** SERVICES ***/

/*** Services-1-Intro About us Home-V1 ***/

.hdt_box_1 {
	position:relative;
	overflow:hidden;
	-webkit-transition:all 1s ease;
-moz-transition:all .1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease
}
.hdt_box_1 .et_pb_image {
	position:relative
}
.hdt_box_1 .et_pb_image img {
	position:relative;
	width:100%;
	display:block
}
.hdt_box_1 .hdt_first_blurb {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	margin-bottom:0!important;
	padding:15px 45px 20px;
	-webkit-transition:all 1s ease;
-moz-transition:all .1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
	background-color:#1a1a1a;
	opacity:.9
}
.hdt_box_1:hover .hdt_first_blurb {
	margin-bottom:-100px!important
}
  
.hdt_box_1 .hdt_first_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, 
.hdt_box_1 .hdt_second_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
	font-size: 46px;
	line-height: 1em;
	color: var(--color-1, #fff); /* Utilizza la variabile --color-1, default bianco */
}
  
.hdt_box_1 .hdt_first_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, 
.hdt_box_1 .hdt_second_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
	
	font-size:46px;
	line-height:1em
}
.hdt_box_1 .hdt_first_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, 
.hdt_box_1 .hdt_second_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
	text-transform:uppercase;
	position:relative;
	font-weight:500;
	color:#fff;
	padding-bottom:0;
	line-height:1.4em;
	font-size:16px
}
.hdt_box_1 .hdt_second_blurb {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	color:#fff;
	opacity:0;
transition:all .5s ease;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	-moz-transform:scaleX(0);
	transform:scaleX(0);
	background-color:#1a1a1a
}
.hdt_box_1:hover .hdt_second_blurb {
	top:0;
	opacity:.9;
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform:scaleX(1)
}
.hdt_box_1 .hdt_second_blurb .et_pb_blurb_content {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	padding:26px
}
.hdt_box_1 .hdt_second_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
	position:relative;
	font-size:14px;
	font-weight:400;
	line-height:1.6em;
	color:#fff;
	margin-bottom:15px;
	margin-top:14px
}
.hdt_box_1 .hdt_second_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a {
	color:#fff;
	position:relative;
	font-weight:500;
	text-transform:uppercase
}
.hdt_box_1 .hdt_second_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a::after {
content:"\39";
font-family:ETmodules!important;
margin-left:0;
position:relative;
top:2px
}
.hdt_box_1 .hdt_first_blurb .et_pb_blurb_content .et_pb_blurb_container {
	vertical-align: middle;
}
@media only screen and (max-width : 980px) {
 .hdt_box_1 .hdt_second_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
font-size: 10px;
}
.hdt_box_1 .hdt_second_blurb .et_pb_blurb_content {
top: 0%;
 transform: translateY(-0%);
}
.hdt_box_1 .hdt_first_blurb .et_pb_blurb_content {
max-width: 100%;
}
.hdt_box_1 .hdt_first_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, 
.hdt_box_1 .hdt_second_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
font-size: 14px;
}
.hdt_box_1 .hdt_first_blurb {
padding: 15px 10px 20px;
}
}

/*** Service-V2 ***/

.hdt_service_v1 {
    position: relative;
    overflow: hidden;
}

.hdt_service_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
    display: block;
    margin-bottom: 0;
}

.hdt_service_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image:before {
    z-index: 1;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #333; /* Cambiato colore per un effetto più scuro */
    opacity: 0.7; /* Cambiato opacità per un effetto meno trasparente */
    border-radius: 5px; /* Cambiato border-radius per un angolo più arrotondato */
    box-sizing: border-box;
}

.hdt_service_v1:hover .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image:before {
    opacity: 0.8; /* Modificato per un effetto più pronunciato al passaggio del mouse */
}

.hdt_service_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image img {
    width: 100%;
}

.hdt_service_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    text-align: center;
    width: 100%;
    z-index: 100;
    transition: all 300ms linear;
    font-size: 20px; /* Modificato per una dimensione del font leggermente più piccola */
    line-height: 26px; /* Modificato per una spaziatura interlinea più stretta */
    letter-spacing: 0.04em; /* Modificato per uno spazio tra le lettere più stretto */
    font-weight: 600; /* Modificato per un peso del font più leggero */
    text-transform: uppercase;
    color: #fff;
}

.hdt_service_v1:hover .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    opacity: 0;
    transform: translate(0px, -50%) scale(0.6); /* Modificato la scala per un effetto di riduzione più pronunciato */
}

.hdt_service_v1 .et_pb_promo {
    color: #fff;
    padding: 30px 10px !important; /* Ridotto padding per uno spazio più compatto */
    position: absolute;
    bottom: 0;
    z-index: 100;
    font-size: 14px; /* Modificato la dimensione del font per essere più piccola */
    width: 100%;
    opacity: 0;
    transform: translateY(100%);
    transition: all 300ms linear;
    visibility: hidden;
}

.hdt_service_v1:hover .et_pb_promo {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.hdt_service_v1 .et_pb_promo .et_pb_promo_description {
    color: #fff;
    font-size: 13px; /* Modificato la dimensione del font per essere più piccola */
    padding-bottom: 0;
    position: unset;
    visibility: hidden;
}

.hdt_service_v1:hover .et_pb_promo .et_pb_promo_description {
    visibility: visible;
}

.hdt_service_v1 .et_pb_divider {
    background-color: var(--color-1); /* Modificato colore per adattarsi a una nuova palette */
    bottom: 0;
    height: 16px; /* Ridotto l'altezza per un aspetto più sottile */
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 99;
    border-radius: 0 0 5px 5px; /* Modificato border-radius per angoli più arrotondati */
    transition: all 300ms linear;
}

.hdt_service_v1:hover .et_pb_divider {
    bottom: calc(100% - 16px); /* Modificato per riflettere l'altezza ridotta */
    border-radius: 5px 5px 0 0; /* Cambiato border-radius per un aspetto più arrotondato */
}

.hdt_service_v1:hover .et_pb_divider .et_pb_divider_internal {
    bottom: -12px; /* Modificato per allinearsi con la nuova altezza */
    border-radius: 12px; /* Cambiato border-radius per angoli più arrotondati */
}

.hdt_service_v1 .et_pb_divider:before {
    display: none;
}

.hdt_service_v1 .et_pb_divider .et_pb_divider_internal {
    background-color: var(--color-1); /* Modificato colore per adattarsi alla nuova palette */
    border-radius: 12px 12px 0 0;
    bottom: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px; /* Modificato per una dimensione del font leggermente più piccola */
    height: 24px; /* Modificato per un'altezza leggermente inferiore */
    position: absolute;
    width: 72px;
    left: 50%;
    transform: translate(-50%, 0);
    line-height: 24px; /* Modificato per una spaziatura del testo più stretta */
}

.hdt_service_v1 .et_pb_divider .et_pb_divider_internal:before {
    content: "\34"; /* Cambiato simbolo per una variazione nell'icona */
    font-family: ETmodules !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 28px; /* Modificato per una dimensione del font più grande */
    font-weight: 800; /* Modificato per un peso del font più spesso */
    opacity: 1;
}

@media only screen and (max-width: 360px) {
    .hdt_service_v1 .et_pb_promo {
        padding: 5px 10px !important; /* Ridotto padding per schermi più piccoli */
    }
}

/*** PORTFOLIO ***/

/*** Portfolio ***/

.hdt_ptf_v1 .project {
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.hdt_ptf_v1 .project .et_portfolio_image,
.hdt_ptf_v1 .project .et_pb_portfolio_image {
  position: relative;
}

.hdt_ptf_v1 .project .et_portfolio_image img,
.hdt_ptf_v1 .project .et_pb_portfolio_image img {
  transform: scale(1.01);
  transition: all 700ms ease;
}

.hdt_ptf_v1 .project:hover .et_portfolio_image img,
.hdt_ptf_v1 .project:hover .et_pb_portfolio_image img {
  transform: scale(1.09) rotate(0.9deg);
}

.hdt_ptf_v1 .project .et_portfolio_image .et_overlay,
.hdt_ptf_v1 .project .et_pb_portfolio_image .et_overlay {
  background-image: linear-gradient(90deg, var(--color-1) 0%, rgba(0,0,0,.7) 70%);
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: 1;
  opacity: 0;
  transition: .5s;
}

.hdt_ptf_v1 .project:hover .et_portfolio_image .et_overlay,
.hdt_ptf_v1 .project:hover .et_pb_portfolio_image .et_overlay {
  opacity: .8;
}

.hdt_ptf_v1 .project .project_description {
  position: absolute;
  left: 0;
  top: 0;
  padding: 20px;
  transition: .5s;
  opacity: 0;
  z-index: 3;
}

.hdt_ptf_v1 .project:hover .project_description {
  opacity: 1;
}

.hdt_ptf_v1 .project .et_overlay:before {
  position: absolute;
  bottom: 40px;
  border: 1px solid #fff;
  transform: scale(.5);
  transition: .5s;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 46px;
  left: 40px;
  bottom: 20px;
  top: auto !important;
  border-radius: 5px;
}

.hdt_ptf_v1 .project:hover .et_overlay:before {
  transform: scale(1);
}

.hdt_ptf_v1 .project .et_pb_module_header {
  font-weight: 600;
  color: #fff;
  transition: all .6s;
}

.hdt_ptf_v1 .project:hover .et_pb_module_header {
  font-size: 22px;
}

.hdt_ptf_v1 .project .post-meta {
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  transform: translateY(100%);
  transition: all 0.5s linear;
}

.hdt_ptf_v1 .project .post-meta a {
  color: #fff;
}

.hdt_ptf_v1 .project:hover .post-meta {
  transform: translateY(0);
}

.hdt_ptf_v1.et_pb_fullwidth_portfolio_carousel .project .project_description {
  bottom: 0px;
}

.hdt_ptf_v1.et_pb_fullwidth_portfolio_carousel .project .et_pb_module_header {
  margin-top: 0;
  text-align: left;
}

.hdt_ptf_v1.et_pb_fullwidth_portfolio_carousel .project .post-meta {
  text-align: left;
}

.hdt_ptf_v1 .et_pb_portfolio_filters {
  text-align: center;
  margin-bottom: 10px;
}

.hdt_ptf_v1 .et_pb_portfolio_filters li {
  float: none;
  display: inline-block;
}

.hdt_ptf_v1 .et_pb_portfolio_filters li a:hover {
  background-color: var(--color-1);
  color: #fff;
}

.hdt_ptf_v1 .et_pb_portfolio_filters li a {
  border-radius: 5px !important;
  background: var(--color-2);
  color: #fff;
  border: none;
  font-size: 13px;
  overflow: visible;
  font-weight: 600;
  line-height: 26px;
  padding: 8px 20px 6px;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin: 0 5px 20px;
  display: inline-block;
  position: relative;
  transition: all .3s linear;
}

.hdt_ptf_v1 .et_pb_portfolio_filters li a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  border-radius: 5px !important;
}

.hdt_ptf_v1 .et_pb_portfolio_filters li a.active {
  border-color: var(--color-2);
  background: var(--color-1);
  color: #fff;
}

.hdt_ptf_v1 .et_pb_portfolio_filters li a.active:before {
  background: var(--color-2);
  left: -7px;
  top: -7px;
  opacity: 1;
  transition: all .3s linear;
}

.hdt_ptf_v1 .et_pb_portofolio_pagination {
  border: none !important;
  margin-top: 20px;
}

.hdt_ptf_v1 .et_pb_portofolio_pagination ul {
  float: right;
  position: relative;
  display: inline-block;
}

.hdt_ptf_v1 .et_pb_portofolio_pagination ul:before {
  /* Uncomment if you need this element
  width: 100%;
  height: 2px;
  display: block;
  background: #e8e8e8;
  content: '';
  position: absolute;
  top: 50%;
  z-index: -1;
  left: 0;
  transform: translateY(-50%);
  */
}

.hdt_ptf_v1 .et_pb_portofolio_pagination ul li {
  /* Adjust if needed */
}

.hdt_ptf_v1 .et_pb_portofolio_pagination ul li:last-child {
  margin-right: 0px;
}

.hdt_ptf_v1 .et_pb_portofolio_pagination ul li a {
  color: #fff !important;
  border-radius: 5px;
  background: #000;
  position: relative;
  z-index: 1;
  padding: 5px 15px !important;
  border-color: #000;
  transition: all .3s linear;
}

.hdt_ptf_v1 .et_pb_portofolio_pagination ul li a:hover {
  background: var(--color-1);
}

.hdt_ptf_v1 .et_pb_portofolio_pagination ul li a.active {
  background: var(--color-1);
}

.hdt_ptf_v1 .et_pb_portfolio_item {
  overflow: hidden;
  border: 5px solid #fff;
  position: relative;
  border-radius: 10px !important;
}

/** Project Columns **/

.hdt_ptf_v1.clm2 .et_pb_ajax_pagination_container,
.hdt_ptf_v1.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(2, 50%);
}

.hdt_ptf_v1.clm3 .et_pb_ajax_pagination_container,
.hdt_ptf_v1.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(3, 33.33%);
}

.hdt_ptf_v1.clm3 .et_pb_portfolio_filters,
.hdt_ptf_v1.clm2 .et_pb_portfolio_filters {
  /* Additional styling if needed */
}

.hdt_ptf_v1.clm2 .project .et_portfolio_image:before,
.hdt_ptf_v1.clm3 .project .et_portfolio_image:before {
  content: '';
  background-image: linear-gradient(86deg, var(--color-1) 0%, rgba(0,0,0,.7) 70%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  z-index: 1;
  opacity: 0;
  transition: .5s;
}

.hdt_ptf_v1.clm2 .project .et_portfolio_image {
  height: 340px;
  object-fit: cover;
}

.hdt_ptf_v1.clm2 .project:hover .et_portfolio_image:before,
.hdt_ptf_v1.clm3 .project:hover .et_portfolio_image:before {
  opacity: .8;
}

/* CATEGORY */
.hdt_ptf_v1.clm2.cat .project .et_portfolio_image {
  height: unset;
}

@media only screen and (max-width: 767px) {
  .hdt_ptf_v1.clm3 .et_pb_ajax_pagination_container,
  .hdt_ptf_v1.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items,
  .hdt_ptf_v1.clm2 .et_pb_ajax_pagination_container,
  .hdt_ptf_v1.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(1, 100%);
  }
  
  .hdt_ptf_v1.clm2 .et_pb_portfolio_filters,
  .hdt_ptf_v1.clm3 .et_pb_portfolio_filters {
    position: relative;
    top: 0;
  }
  
  .hdt_ptf_v1 .et_pb_portfolio_filters li {
    width: auto !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
  .hdt_ptf_v1.clm3 .et_pb_ajax_pagination_container,
  .hdt_ptf_v1.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(2, 50%);
  }
}

/*** Special Portfolio ***/

.hdt_ptf_v1 .et_pb_portfolio_item {
  border: 5px solid transparent;
}

.hdt_ptf_v1.slide .et_pb_portfolio_filters li a {
  background: transparent;
}

.hdt_ptf_v1.slide .et_pb_portfolio_filters ul {
  text-align: left;
  top: 30px;
  left: -270px;
  position: absolute;
}

.hdt_ptf_v1.slide .et_pb_portfolio_filters li {
  display: block !important;
}

.hdt_ptf_v1.slide .et_pb_portfolio_filters li a {
  color: rgba(255,255,255,.4);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.1px;
}

.hdt_ptf_v1.slide .et_pb_portfolio_filters li a:hover {
  color: var(--color-1);
}

.hdt_ptf_v1.slide .et_pb_portfolio_filters li a:before {
  content: '';
  position: absolute;
  height: 12px;
  width: 12px;
  top: 15px;
  opacity: 1;
  left: -6px;
  border: 2px solid rgba(255,255,255,.05);
  border-radius: 50%;
  box-sizing: border-box;
}

.hdt_ptf_v1.slide .et_pb_portfolio_filters li a:after {
  position: absolute;
  content: '';
  left: -18px;
  top: 21px;
  background: var(--color-1);
  height: 1px;
  width: 35px;
  transition: .5s ease;
  opacity: 0;
  transform: scale(0);
  transform-origin: 0 0;
}

.hdt_ptf_v1.slide .et_pb_portfolio_filters li a.active:before,
.hdt_ptf_v1.slide .et_pb_portfolio_filters li a:hover:before {
  border-color: var(--color-1);
  background-color: var(--color-1);
}

.hdt_ptf_v1.slide .et_pb_portfolio_filters li a.active:after,
.hdt_ptf_v1.slide .et_pb_portfolio_filters li a:hover:after {
  opacity: 1;
  transform: scale(1);
}

@media only screen and (max-width: 980px) {
  .hdt_ptf_v1.slide .et_pb_portfolio_filters ul {
    text-align: center;
    top: 0;
    left: 0;
    position: relative;
  }

  .hdt_ptf_v1.slide .et_pb_portfolio_filters li {
    display: inline-block !important;
  }
}

/*** Pagination ***/

.hdt_ptf_v1 .pagination {
  grid-column: 1 / -1;
}

.hdt_ptf_v1 .et_pb_ajax_pagination_container .pagination .alignright,
.hdt_ptf_v1 .et_pb_ajax_pagination_container .pagination .alignleft {
  overflow: hidden !important;
}

.hdt_ptf_v1 .et_pb_ajax_pagination_container .pagination .alignright a,
.hdt_ptf_v1 .et_pb_ajax_pagination_container .pagination .alignleft a {
  color: #fff;
  background: var(--color-1);
  position: relative;
  overflow: hidden !important;
  z-index: 1 !important;
  padding: 12px;
  border-radius: 5px;
  display: block;
}

.hdt_ptf_v1 .et_pb_ajax_pagination_container .pagination .alignright a:before,
.hdt_ptf_v1 .et_pb_ajax_pagination_container .pagination .alignleft a:before {
  content: '';
  background: var(--color-2);
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  transform-origin: left;
  z-index: -1;
  transform: rotate(90deg);
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  box-sizing: border-box;
}

.hdt_ptf_v1 .et_pb_ajax_pagination_container .pagination .alignright a:after,
.hdt_ptf_v1 .et_pb_ajax_pagination_container .pagination .alignleft a:after {
  content: '';
  background: var(--color-2);
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  box-sizing: border-box;
  transform-origin: right;
  transform: rotate(-90deg);
}

.hdt_ptf_v1 .et_pb_ajax_pagination_container .pagination .alignright a:hover:before,
.hdt_ptf_v1 .et_pb_ajax_pagination_container .pagination .alignleft a:hover:before {
  transform: rotate(0deg);
  visibility: visible;
  opacity: 1;
}

.hdt_ptf_v1 .et_pb_ajax_pagination_container .pagination .alignright a:hover:after,
.hdt_ptf_v1 .et_pb_ajax_pagination_container .pagination .alignleft a:hover:after {
  transform: rotate(0deg);
  visibility: visible;
  opacity: 1;
}

/*** Project-Detail ***/

.hdt_post_text .et_pb_text_inner a{
color:#fff;	
}

/*** OTHER ***/

/*** Logo-Carousel ***/

.logo-carousel {
    width: 100%;
    overflow: hidden;
}

.logo-carousel-track {
    display: flex;
    width: calc(100px * 8); /* Modifica 8 con il numero di loghi */
    animation: scroll 20s linear infinite;
}

.logo-carousel img {
    width: 100px; /* Dimensione del logo */
    height: auto;
    flex-shrink: 0;
    padding: 0 15px; /* Spaziatura tra i loghi */
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}


/*** Slider-Home-V3 ***/

.hdt_slider_v3 .et_pb_slide_description .et_pb_slide_content{
 color: var(--color-2); 
font-size: 65px;
line-height: 90px;
font-weight: 700;
text-shadow: none;}

.hdt_slider_v3 .et_pb_slide_content a{color:var(--color-1);}

/*** button ***/

.hdt_slider_v3 .et_pb_button_wrapper .et_pb_button {}

.hdt_slider_v3 .et_pb_button_wrapper .et_pb_button  {
	background: var(--color-1);
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.hdt_slider_v3 .et_pb_button_wrapper .et_pb_button:before {
	content: '';
	background: var(--color-2);
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	transform-origin: left;
	z-index: -1;
	transform: rotate(90deg);
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;display:block;margin:0;
}
.hdt_slider_v3 .et_pb_button_wrapper .et_pb_button:after {
	content: '';
	background: var(--color-2);
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;z-index: -1;
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
	box-sizing: border-box;transform-origin: right;
	transform: rotate(-90deg);margin:0;
}
.hdt_slider_v3 .et_pb_button_wrapper .et_pb_button:hover::before { 
	transform: rotate(0deg);
	visibility: visible;
	opacity: 1;
}
.hdt_slider_v3 .et_pb_button_wrapper .et_pb_button:hover::after {  
	transform: rotate(0deg);
	visibility: visible;
	opacity: 1;
}
.hdt_slider_v3 .et-pb-arrow-prev {
  left: 22px !important;
}
.hdt_slider_v3 .et-pb-arrow-next {
  right: 22px !important;
}
.hdt_slider_v3 .et-pb-arrow-next, 
.hdt_slider_v3 .et-pb-arrow-prev {
  background: #fff;
  color: var(--color-2);
  font-size: 25px;
  padding: 10px;
  border-radius: 50%;
  font-weight: 900;
  opacity: 1 !important;
}
.hdt_slider_v3 .et-pb-controllers a{width: 35px;height: 10px;border-radius: 0;}
@media only screen and (max-width : 767px) {
.hdt_slider_v3 .et_pb_slide_description .et_pb_slide_content{
font-size: 35px !important;
line-height: 50px;}}

@media only screen and (max-width: 767px){
.hdt_slider_v3 .et-pb-arrow-next, 
.hdt_slider_v3 .et-pb-arrow-prev {
  bottom: 15px;
  top: auto;
}
}

/* Counter */

.hdt_counter_v1 .percent-value{
	color:var(--color-2);
}

/* Rolling-Text */

html:not(.et-fb-root-ancestor) .dh-marquee-text.dh-done .dh-marquee-text-item {
  	animation: dh-marquee-left 35s linear infinite;
  }  
  @media only screen and (max-width: 980px) {
    html:not(.et-fb-root-ancestor) .dh-marquee-text.dh-done .dh-marquee-text-item {
      animation: dh-marquee-left 25s linear infinite;
    }
  }
  @media only screen and (max-width: 767px) {
    html:not(.et-fb-root-ancestor) .dh-marquee-text.dh-done .dh-marquee-text-item {
      animation: dh-marquee-left 15s linear infinite;
    }
  }
  html:not(.et-fb-root-ancestor) .dh-marquee-text {
    display:flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
  }
  @keyframes dh-marquee-left {
    from {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
    }
	}

/* Timeline-History */

.hdt_timeline_style15 .et_pb_blurb_description h2 {
    color: var(--color-1);
    font-weight: 700;
    padding-bottom: 20px;
    transition: color 0.3s ease-in-out; /* Aggiunta una transizione per il cambiamento di colore */
}

.hdt_timeline_style15 .et_pb_blurb_description:hover h2 {
    color: #000; /* Cambiamento di colore al passaggio del mouse */
}

.hdt_timeline_style15:hover .et_pb_blurb,
.hdt_timeline_style15:hover .et_pb_blurb:before {
    background: var(--color-1);
    transition: background 0.3s ease-in-out; /* Aggiunta una transizione per il cambiamento di background */
}

/*** Bar-Style ***/

.hdt_bar li .et_pb_counter_title {
    margin-bottom: 5px;
}

.hdt_bar li .et_pb_counter_container {
    height: 20px;
    border: 1px solid #1a1a1a;
    background: transparent;
    border-radius: 10px;
    box-shadow: none;
    padding: 5px 8px;
    overflow: visible;
    margin-bottom: 30px;
}

/* Stile per la quantità del contatore */
.hdt_bar li .et_pb_counter_container .et_pb_counter_amount {
    position: relative;
    background: var(--color-1);
    height: 100%;
    animation: animate-positive 2s;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    transition: width 0.6s ease;
}

/* Stile per il numero della quantità del contatore */
.hdt_bar li .et_pb_counter_container .et_pb_counter_amount_number {
    color: #1a1a1a;
    position: absolute;
    top: -25px;
    padding: 0;
    right: 5px;
}

/* Animazione per il contatore */
@keyframes animate-positive {
    0% {
        width: 0%;
    }
}

/*** Blurb-2-Why-Choose-Us ***/

.hdt_blurb_2 .et_pb_blurb_content .et_pb_blurb_container {
    background: #f6f7f5; /* Colore di sfondo del blurb */
    position: absolute; /* Posizionamento assoluto */
    top: 0; /* Allineamento al bordo superiore */
    writing-mode: vertical-rl; /* Orientamento verticale del testo da destra a sinistra */
    padding: 15px 30px; /* Padding interno: 15px in alto e in basso, 30px a destra e a sinistra */
    width: auto; /* Larghezza automatica in base al contenuto */
    height: 100%; /* Altezza del blurb pari al 100% del contenitore */
    text-align: center !important; /* Allineamento del testo al centro con priorità !important */
    left: 0; /* Allineamento al bordo sinistro */
    font-size: 18px; /* Dimensione del font */
    color: var(--color-2); /* Colore del testo */
    font-weight: 600; /* Peso del font */
}

/* Stile per i link all'interno del blurb */
.hdt_blurb_2 .et_pb_blurb_content .et_pb_blurb_container a {
    color: var(--color-1); /* Colore dei link */
}

/*** Bar Counter ***/

.hdt_bar_1 li .et_pb_counter_title {
    margin-bottom: 8px; /* Aumentato il margine inferiore per un po' più di spazio */
    font-weight: 600; /* Aggiunto per dare enfasi al titolo */
    color: var(--color-2); /* Cambiato il colore del titolo per maggiore contrasto */
}

.hdt_bar_1 li .et_pb_counter_container {
    height: 25px; /* Aumentata l'altezza per migliorare la visibilità */
    border: 1px solid #ccc; /* Cambiato il colore del bordo per un aspetto più morbido */
    background: rgba(0, 0, 0, 0.05); /* Sostituito con un colore di sfondo semi-trasparente per un tocco moderno */
    border-radius: 8px; /* Aumentato il raggio del bordo per un look più arrotondato */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Aggiunto ombreggiatura per dare profondità */
    padding: 6px 10px; /* Leggermente aumentato il padding per maggiore spazio */
    overflow: visible;
    margin-bottom: 35px; /* Aumentato il margine inferiore per più separazione */
}

.hdt_bar_1 li .et_pb_counter_container .et_pb_counter_amount {
    position: relative;
    background: var(--color-1);
    height: 100%;
    animation: animate-positive 2s;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2); /* Aumentato l'effetto di ombra interna per maggiore profondità */
    transition: width 0.6s ease;
    border-radius: 8px; /* Aggiunto raggio di bordo per armonizzare con il contenitore */
}

.hdt_bar_1 li .et_pb_counter_container .et_pb_counter_amount_number {
    color: var(--color-2);
    position: absolute;
    top: -28px; /* Spostato leggermente verso l'alto per migliore visibilità */
    right: 10px; /* Leggermente spostato verso destra per un allineamento migliore */
    font-weight: 700; /* Aumentato il peso del font per evidenziare il numero */
}

/* Animazioni */
@-webkit-keyframes animate-positive {
    0% {
        width: 0%;
    }
}

@keyframes animate-positive {
    0% {
        width: 0%;
    }
}

/*** Cta-V1 ***/

.hdt_cta_v1 .et_pb_button_wrapper .et_pb_button {
	background: var(--color-1);
	position: relative;
	overflow: hidden;
	z-index: 1;
	border-radius: 4px; /* Aggiunto bordo arrotondato per un look più morbido */
	padding: 12px 24px; /* Aumentato leggermente il padding per un tocco di personalizzazione */
}

.hdt_cta_v1 .et_pb_button_wrapper .et_pb_button::before {
	content: '';
	background: var(--color-2);
	position: absolute;
	left: 50%; /* Modificato per partire dal centro */
	top: 50%;
	width: 300%;
	height: 300%;
	transform: translate(-50%, -50%) scale(0);
	transform-origin: center;
	z-index: -1;
	transition: transform 0.3s ease, opacity 0.3s ease; /* Modificata la transizione */
	opacity: 0;
	visibility: hidden;
	box-sizing: border-box;
	border-radius: 50%; /* Aggiunto per un effetto circolare */
}

.hdt_cta_v1 .et_pb_button_wrapper .et_pb_button::after {
	content: '';
	background: var(--color-2);
	position: absolute;
	left: 50%; /* Modificato per partire dal centro */
	top: 50%;
	width: 300%;
	height: 300%;
	transform: translate(-50%, -50%) scale(0);
	transform-origin: center;
	z-index: -1;
	transition: transform 0.3s ease, opacity 0.3s ease; /* Modificata la transizione */
	opacity: 0;
	visibility: hidden;
	box-sizing: border-box;
	border-radius: 50%; /* Aggiunto per un effetto circolare */
}

.hdt_cta_v1 .et_pb_button_wrapper .et_pb_button:hover::before {
	transform: translate(-50%, -50%) scale(1);
	visibility: visible;
	opacity: 1;
}

.hdt_cta_v1 .et_pb_button_wrapper .et_pb_button:hover::after {
	transform: translate(-50%, -50%) scale(1);
	visibility: visible;
	opacity: 1;
}

/*** FAQ ***/

.hdt_faq .et_pb_toggle_close.et_pb_toggle {
    margin-bottom: 20px !important; /* Margine inferiore per la chiusura del toggle */
}

.hdt_faq .et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title::before {
    content: "\4b"; /* Simbolo per il toggle aperto */
}

.hdt_faq .et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title::before {
    content: "\4c"; /* Simbolo per il toggle chiuso */
}

.hdt_faq .et_pb_toggle {
    border: none; /* Rimuove il bordo del toggle */
    box-shadow: none; /* Rimuove l'ombra del toggle */
    padding: 0; /* Rimuove il padding del toggle */
    background-color: transparent; /* Sfondo trasparente */
    margin-bottom: 5px !important; /* Margine inferiore per i toggle */
}

.hdt_faq .et_pb_toggle h5.et_pb_toggle_title {
    display: block; /* Rende il titolo del toggle un blocco */
    padding: 14px 50px 14px 30px; /* Padding interno del titolo del toggle */
    font-size: 16px; /* Dimensione del font del titolo del toggle */
    text-transform: capitalize; /* Capitalizza il testo del titolo del toggle */
    font-weight: 600; /* Peso del font del titolo del toggle */
    color: #fff; /* Colore del testo del titolo del toggle */
    background: var(--color-1); /* Colore di sfondo del titolo del toggle */
    position: relative; /* Posizione relativa per l'elemento prima del titolo */
    border-bottom: none; /* Rimuove il bordo inferiore */
    border-radius: 10px 10px 0 0; /* Raggio del bordo arrotondato (solo sopra) */
}

.hdt_faq .et_pb_toggle h5.et_pb_toggle_title::before {
    font-weight: 600; /* Peso del font per l'icona del toggle */
    font-size: 20px; /* Dimensione del font per l'icona del toggle */
    position: absolute; /* Posizione assoluta per l'icona */
    top: 20px; /* Distanza dal bordo superiore */
    right: 30px; /* Distanza dal bordo destro */
    color: #fff; /* Colore dell'icona del toggle */
}

.hdt_faq .et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title {
    border-radius: 10px; /* Raggio del bordo arrotondato (tutti i bordi) */
}

.hdt_faq .et_pb_toggle .et_pb_toggle_content {
    font-size: 15px; /* Dimensione del font del contenuto del toggle */
    color: #555; /* Colore del testo del contenuto del toggle */
    line-height: 27px; /* Altezza della linea del testo */
    padding: 20px; /* Padding interno del contenuto del toggle */
    position: relative; /* Posizione relativa per il contenuto del toggle */
    border: none; /* Rimuove il bordo del contenuto del toggle */
    font-weight: 400; /* Peso del font del contenuto del toggle */
}

/*** Blurb_3-Home_2 ***/

.hdt_blurb_3 .et_pb_blurb_content .et_pb_main_blurb_image {
    /* Transizione */
    transition: all 0.5s ease-in-out;
    
    /* Stile di base */
    background: #000; /* Colore di sfondo */
    width: 70px; /* Larghezza dell'immagine */
    height: 70px; /* Altezza dell'immagine */
    border-radius: 50%; /* Bordo arrotondato a cerchio */
    text-align: center; /* Allineamento del testo al centro */
    line-height: 85px; /* Altezza della linea per l'allineamento verticale del testo */
    vertical-align: middle; /* Allineamento verticale al centro */
    border: 5px solid transparent; /* Bordo iniziale trasparente */
    display: inline-block; /* Visualizzazione in linea */
}

/* Stile per l'immagine del blurb al passaggio del mouse */
.hdt_blurb_3:hover .et_pb_blurb_content .et_pb_main_blurb_image {
    width: 70px; /* Larghezza dell'immagine al passaggio del mouse */
    height: 70px; /* Altezza dell'immagine al passaggio del mouse */
    border: 5px solid #1a1a1a; /* Bordo colorato */
    opacity: 0.9; /* Opacità dell'immagine */
    transform: rotateY(360deg); /* Rotazione dell'immagine */
    color: #1a1a1a; /* Colore del testo */
}

/* Stile per le immagini all'interno del blurb */
.hdt_blurb_3 .et_pb_blurb_content .et_pb_main_blurb_image img {
    width: 50px; /* Larghezza dell'immagine interna */
    vertical-align: middle; /* Allineamento verticale al centro */
}

/* Stile per l'intestazione del blurb */
.hdt_blurb_3 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    color: var(--color-1); /* Colore del testo dell'intestazione */
}

/* Stile per l'intestazione del blurb al passaggio del mouse */
.hdt_blurb_3:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    color: var(--color-2); /* Colore del testo dell'intestazione al passaggio del mouse */
}


/*** TEAM ***/

/* Team-1 */

.hdt_team_style_15 .et_pb_team_member{position:relative;overflow:hidden;}
.hdt_team_style_15 .et_pb_team_member .et_pb_team_member_image img{width:100%;}
.hdt_team_style_15 .et_pb_team_member .et_pb_team_member_image{width: 100%;
	max-width: 100%;
	float: none;margin:0;}
.hdt_team_style_15 .et_pb_team_member .et_pb_team_member_description{position:unset;}
.hdt_team_style_15 .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links{position: absolute;
	bottom: 0;
	width: 100%;
	opacity: 1;margin: 0;
	background-color: var(--color-1);
	text-align: center;
	padding: 10px 10px 10px 10px;top: auto;
	height: auto;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-ms-transform: translate3d(0,100%,0);
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;}
.hdt_team_style_15:hover .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links{-ms-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);}

/* Team-2 */

.hdt_team .et_pb_team_member_image {
    max-width: 100%;
    float: none;
    margin-bottom: 0px;
    border-radius: 10px; /* Aggiunto un bordo arrotondato all'immagine */
    overflow: hidden; /* Assicura che l'immagine non fuoriesca dai bordi arrotondati */
}

.hdt_team .et_pb_team_member_image img {
    width: 100%;
    transition: transform 0.3s ease-in-out; /* Aggiunta una transizione per un effetto hover */
}

.hdt_team .et_pb_team_member_description {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .45s cubic-bezier(.23,.88,.34,.99);
    transition: all .45s cubic-bezier(.23,.88,.34,.99);
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 10px;
    text-align: center;
    background-color: #fff;
    padding: 25px 10px;
    box-shadow: 0 27px 30px rgba(0,0,0,.03);
    border-radius: 10px; /* Aumentato il bordo arrotondato della descrizione */
}

.hdt_team:hover .et_pb_team_member_description {
    background-color: var(--color-1);
    box-shadow: 2px 2px 20px 0 rgba(244,131,128,.27);
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.hdt_team .et_pb_team_member_description:before {
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    border-radius: 50px;
    left: -5px;
    top: -5px;
    background-color: var(--color-1);
}

.hdt_team .et_pb_team_member_description:after {
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    border-radius: 50px;
    right: -5px;
    bottom: -5px;
    background-color: var(--color-1);
}

.hdt_team:hover .et_pb_team_member_description:after,
.hdt_team:hover .et_pb_team_member_description:before {
    box-shadow: 2px 2px 20px 0 rgba(244,131,128,.27);
    background: #fff;
}

.hdt_team .et_pb_team_member_description .et_pb_member_social_links {
    margin-top: 10px;
}

.hdt_team .et_pb_team_member_description .et_pb_member_social_links li a {
    font-size: 14px;
    color: var(--color-2); /* Aggiunto colore personalizzato per i link sociali */
    transition: color 0.3s ease-in-out;
}

.hdt_team .et_pb_team_member_description .et_pb_member_social_links li {
    margin: 0 5px;
}

.hdt_team:hover .et_pb_team_member_description .et_pb_module_header,
.hdt_team:hover .et_pb_team_member_description .et_pb_member_position,
.hdt_team:hover .et_pb_team_member_description .et_pb_member_social_links li a {
    color: #fff;
}

.hdt_team .et_pb_team_member_image:hover img {
    transform: scale(1.05); /* Aggiunto un effetto zoom sull'immagine al passaggio del mouse */
}

/*** Team Detail-Blurd-4 ***/

/* Animazione e stile per il contenitore dell'immagine principale del blurb */
.hdt_blurb_4 .et_pb_blurb_content .et_pb_main_blurb_image {
    transition: all 0.9s ease-in-out;
    background: #fff;
    width: 97px;
    height: 97px;
    border-radius: 10%;
    text-align: center;
    line-height: 85px;
    vertical-align: middle;
    border: 5px solid transparent;
    display: inline-block;
}

/* Effetto hover per l'immagine principale del blurb */
.hdt_blurb_4:hover .et_pb_blurb_content .et_pb_main_blurb_image {
    border: 5px solid var(--color-1);
    opacity: 0.9;
    transform: rotateY(360deg);
    color: #1a1a1a;
}

/* Stile per l'immagine all'interno del contenitore principale */
.hdt_blurb_4 .et_pb_blurb_content .et_pb_main_blurb_image img {
    width: 50px;
    vertical-align: middle;
}

/* Colore del titolo del modulo blurb */
.hdt_blurb_4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    color: var(--color-2);
}

/* Effetto hover per il titolo del modulo blurb */
.hdt_blurb_4:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    color: var(--color-1);
}

/*** BLOG ***/

/*** Blog-Grid ***/

.hdt_blog_10 .et_pb_post{
	display: flex;
	padding: 25px 25px 20px 25px;
	flex-wrap: wrap;
	border: 4px solid #f2f2f2;
	border-radius:10px;
	}

.hdt_blog_10 .et_pb_post .entry-featured-image-url,
.hdt_blog_10 .et_pb_post .et_pb_image_container{margin-bottom:0px;overflow:hidden;}
.hdt_blog_10 .et_pb_post .entry-featured-image-url img{-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;}
.hdt_blog_10 .et_pb_post:hover .entry-featured-image-url img{-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);}
.hdt_blog_10 .et_pb_post .entry-title{order: 3;
	line-height: 25px;
	font-weight: 600;
	color: var(--color-2);
	font-size: 18px;}
.hdt_blog_10 .et_pb_post .post-meta{order:2;}
.hdt_blog_10 .et_pb_post .post-content{order: 4;
	font-weight: 400;line-height:28px;}
.hdt_blog_10 .et_pb_post .post-meta{order: 2;
	background: var(--color-1);
	padding: 9px 15px;
	border-radius: 4px;
	color: #fff;
	margin: -22px 0 22px 0;
	z-index: 9;}
.hdt_blog_10 .et_pb_post .post-meta a{color:#fff;}
.hdt_blog_10 .et_pb_post .more-link{
	border-top: 1px solid #e6e8eb;
	padding-top: 13px;
	margin-top: 10px;
	display: block;
	color: var(--color-1);
	text-transform: capitalize;
	font-size: 15px;
	letter-spacing: 1px;
}
.hdt_blog_10 .et_pb_post .more-link:hover{
	color: var(--color-2);	
}

/*** SINGLE-POST ***/

/*** post Title ***/
.hdt_post_title .et_pb_title_container {
  background: var(--color-1);
  color: #fff;
  padding: 20px !important;
}
.hdt_post_text .et_pb_text_inner a{
color:#fff;	
}

/*** Comment section *****/
.hdt_comment_post{}



.hdt_comment_post.et_pb_comments_0_tb_body .comment_postinfo a{
color:var(--color-1) !important;	
}
.hdt_comment_post.et_pb_comments_0_tb_body .comment-content a{
color:var(--color-1) !important;	
}
.hdt_comment_post.et_pb_comments_0_tb_body .comment-reply-link.et_pb_button, 
.hdt_comment_post.et_pb_comments_0_tb_body .form-submit .et_pb_button#et_pb_submit {

}

.hdt_comment_post.et_pb_comments_0_tb_body .comment-reply-link.et_pb_button, 
.hdt_comment_post.et_pb_comments_0_tb_body .form-submit .et_pb_button#et_pb_submit  {
	background: var(--color-1);
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.hdt_comment_post.et_pb_comments_0_tb_body .comment-reply-link.et_pb_button:before, 
.hdt_comment_post.et_pb_comments_0_tb_body .form-submit .et_pb_button#et_pb_submit:before {
	content: '';
	background: var(--color-2);
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	transform-origin: left;
	z-index: -1;
	transform: rotate(90deg);
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;display:block;margin:0;
}
.hdt_comment_post.et_pb_comments_0_tb_body .comment-reply-link.et_pb_button:after, 
.hdt_comment_post.et_pb_comments_0_tb_body .form-submit .et_pb_button#et_pb_submit:after {
	content: '';
	background: var(--color-2);
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;z-index: -1;
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
	box-sizing: border-box;transform-origin: right;
	transform: rotate(-90deg);margin:0;
}
.hdt_comment_post.et_pb_comments_0_tb_body .comment-reply-link.et_pb_button:hover:before, 
.hdt_comment_post.et_pb_comments_0_tb_body .form-submit .et_pb_button#et_pb_submit:hover::before { 
	transform: rotate(0deg);
	visibility: visible;
	opacity: 1;
}
.hdt_comment_post.et_pb_comments_0_tb_body .comment-reply-link.et_pb_button:hover:after, 
.hdt_comment_post.et_pb_comments_0_tb_body .form-submit .et_pb_button#et_pb_submit:hover::after {  
	transform: rotate(0deg);
	visibility: visible;
	opacity: 1;
}

/*** Sidebar ***/

#sidebar .et_pb_widget{position:relative;border: 1px solid #e5e5e5;padding: 30px;position: relative;}
#sidebar .et_pb_widget .widgettitle{position:relative;color: var(--color-2);
font-weight: 600;
margin-bottom: 25px;font-size: 20px;}

#sidebar .et_pb_widget .widgettitle:after,
#sidebar .et_pb_widget .widgettitle:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #d4d4d4;
    left: 0;
}
#sidebar .et_pb_widget .widgettitle:after {
    border-top: 3px solid var(--color-1);
    display: block;
    position: absolute;
    bottom: -1px;
    width: 30px;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}
#sidebar .et_pb_widget:hover .widgettitle:after {
    width: 60px;
}
#sidebar .et_pb_widget ul li {
    position: relative;
    margin-bottom: 15px;
    line-height: 28px;
    font-size: 16px;
}

#sidebar .et_pb_widget ul li:hover:before {
    opacity: 1;
}
#sidebar .et_pb_widget ul li a {
    color: #2d2d2d;
    transition: all 0.3s;
}
#sidebar .et_pb_widget ul li a:hover {
    color: var(--color-1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#sidebar .widget_categories ul li a{display: inline-block;
position: relative;
padding-left: 18px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-size: 16px;
font-weight: 400;
color: var(--color-2);}

#sidebar .widget_categories ul li a:hover{color:var(--color-1);}


#sidebar .widget_categories ul li a:before{content: "\4c";
          font-family: ETmodules !important;
position: absolute;
top: 5px;
left: 0;
line-height: 1em;
font-size: 16px;}


#sidebar #wp-calendar {
    margin: 0;
}
#sidebar #wp-calendar caption {
    color: var(--color-1);
    font-size: 18px;
    font-weight: 600;
    line-height: 47px;
    text-align: center;
}
#sidebar table thead {
    background-color: #f5f5f5;
    color: #2d2d2d;
    text-align: center;
}
#sidebar table thead th {
    padding: 3px 5px;
    font-style: normal;
    text-transform: capitalize;
    color: #555;
    font-weight: 500;
    font-size: 13px;
}
#sidebar #wp-calendar tfoot {
    display: none;
}
#sidebar table td {
    font-weight: 400;
}
#sidebar table td#today {
    position: relative;
    color: #fff;
    z-index: 1;
    font-weight: 400 !important;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    padding: 5px;
}
#sidebar table td#today::before {
    content: "";
    width: 34px;
    height: 34px;
    border-radius: 50%;
    position: absolute;
    background-color: var(--color-1);
    z-index: -1;
    top: calc(50% - 17px);
    left: calc(50% - 17px);
    color: #fff;
}
#sidebar #gallery-1 .gallery-item {
    margin-top: 0 !important;
    margin-bottom: 0;
}
#sidebar #gallery-1 img {
    border-radius: 5px;
    border: none;
}
#sidebar .et_pb_widget select {
    height: 40px;
}
#sidebar .widget_search input#s,
#sidebar .widget_search input#searchsubmit {
    border-radius: 25px;
}

#sidebar .widget_search::before {
    font-size: 16px;
    padding: 8px 20px;
    bottom: 0;
}

#sidebar .tagcloud a {
    font-size: 14px !important;
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-bottom: 5px;
    border-radius: 3px;
}

/* ===== Comment ======*/

#comment-wrap .page_title {
    font-size: 25px;
}
#comment-wrap .commentlist .reply-container .comment-reply-link {
    width: auto;
    display: inline-block;
}
.et_pb_comments_module #commentform .logged-in-as a {color:var(--color-1);}
.et_pb_comments_module #commentform textarea,
.et_pb_comments_module #commentform input[type="text"],
.et_pb_comments_module #commentform input[type="email"],
.et_pb_comments_module #commentform input[type="url"] {
    box-shadow: none !important;
}
#commentform input[type="email"],
#commentform input[type="text"],
#commentform input[type="url"],
#commentform textarea {
    font-size: 14px;
    line-height: 1.5;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 12px 15px;
    border-radius: 0;
    background: 0 0 !important;
    transition: all 0.3s, ease-in-out;
}
p.comment-form-author,
p.comment-form-email,
p.comment-form-url {
    width: 32%;
    float: left;
}
p.comment-form-author,
p.comment-form-email {
    margin-right: 2% !important;
}
p.comment-form-author input,
p.comment-form-email input,
p.comment-form-url input {
    width: 100% !important;
    display: block;
}



#comment-wrap .page_title,
#comment-wrap .comment-respond .comment-reply-title {
       margin-bottom: 20px;
    position: relative;
}

#comment-wrap .page_title:after,
#comment-wrap .comment-respond .comment-reply-title:after {
    background: linear-gradient(to right, var(--color-1) 0, var(--color-1) 65%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 71%, #333 71%);
    content: "";
    position: absolute;
    height: 2px;
    width: 100px;
    bottom: 0;
    left: 0;
    transform: none;
}

/*** Blog-List ***/

.hdt_blog_list .et_pb_post{
	border: 4px solid #f2f2f2;
	border-radius: 10px;
}

.hdt_blog_list .et_pb_post .entry-title{font-size: 21px;
line-height: 28px;
color: var(--color-2);padding-bottom:10px !important;
text-transform: capitalize;
font-weight: 600;}

.hdt_blog_list .et_pb_post .post-meta{font-size:16px;margin-bottom: 10px;}

.hdt_blog_list .et_pb_post .post-content{font-weight:400;}

.hdt_blog_list .et_pb_post .entry-featured-image-url{
margin-bottom: 0;
width: 50%;
float: left;
overflow: hidden;
position: relative;
}

.hdt_blog_list .et_pb_post .entry-featured-image-url{overflow:hidden;}

.hdt_blog_list .et_pb_post .entry-featured-image-url img{-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;}

.hdt_blog_list .et_pb_post:hover .entry-featured-image-url img{-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);}

.hdt_blog_list .et_pb_post .more-link{color: var(--color-1);
text-transform: uppercase;
font-size: 16px;
display: block;
margin-top: 7px;
font-weight: 600;
letter-spacing: 0.5px;}

.hdt_blog_list .et_pb_post .info{
width: 50%;
float: left;
padding: 30px 20px;
}


@media only screen and (max-width: 767px){
	.hdt_blog_list .et_pb_post .entry-featured-image-url,
	.hdt_blog_list .et_pb_post .info{width: 100%;float: none;}}
/*** POPUP ***/

/*** CONTACT-FORM ***/

/*** Contact Form ***/

.hdt_contact_v1 .et_contact_bottom_container .et_pb_button {
    background: var(--color-1);
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-sizing: border-box;
}

.hdt_contact_v1 .et_contact_bottom_container .et_pb_button::before {
    content: '';
    background: var(--color-2);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    transform-origin: left;
    z-index: -1;
    transform: rotate(90deg);
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
}

.hdt_contact_v1 .et_contact_bottom_container .et_pb_button::after {
    content: '';
    background: var(--color-2);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    transform: rotate(-90deg);
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
    transform-origin: right;
}

.hdt_contact_v1 .et_contact_bottom_container .et_pb_button:hover::before { 
    transform: rotate(0deg);
    visibility: visible;
    opacity: 1;
}

.hdt_contact_v1 .et_contact_bottom_container .et_pb_button:hover::after {  
    transform: rotate(0deg);
    visibility: visible;
    opacity: 1;
}

/*** Contact-Form-Get-A-Quote ***/

.hdt-contact-form-style-10 {
	border-radius: 12px;	
}
@media only screen and (min-width: 981px) {
.hdt-contact-form-style-10 .et_pb_contact_field_options_list  {
	display: flex !important;
    flex-wrap: wrap;
}
.hdt-contact-form-style-10 .et_pb_contact_field_checkbox {
	flex: 0 0 33.333333%;
	padding-bottom: 5px;
}
.hdt-contact-form-style-10 .et_pb_contact_field_checkbox label {
	display: flex !important;
    align-items: center;	
}}
.hdt-contact-form-style-10 .et_pb_contact_field_options_title {
	color: rgba(0,0,0,1) !important;
	font-size: 16px !important;
	padding-top: 10px;
}

/*** FOOTER ***/

.hdt_footer_mail.bg .et_pb_newsletter_button_wrap .et_pb_newsletter_button{background: var(--color-2);}

.hdt_footer_mail.lt .et_pb_newsletter_form{width: 100% !important;}
.hdt_footer_mail.lt .et_pb_newsletter_button_wrap,
.hdt_footer_mail.lt .et_pb_newsletter_form{position:relative;}


.hdt_footer_mail .et_pb_newsletter_description{width: 50% !important;
float: left;}

.hdt_footer_mail .et_pb_newsletter_form {padding-top: 0 !important;
position: absolute;width: 55% !important;
right: 0;}
.hdt_footer_mail .et_pb_newsletter_button_wrap{position: absolute;
top: 0;
right: 0;}

.hdt_footer_mail .et_pb_newsletter_field{margin-bottom:0px !important;}

.hdt_footer_mail .et_pb_newsletter_button_wrap .et_pb_newsletter_button {}
.hdt_footer_mail .et_pb_newsletter_description .et_pb_module_header{font-weight: 600;
font-size: 18px;
line-height: 28px;}

@media only screen and (max-width : 767px) {
.dct_ft_mail .et_pb_newsletter_description{width:100% !important;float: none;}
	.dct_ft_mail .et_pb_newsletter_button_wrap{position:relative;}	
	.dct_ft_mail .et_pb_newsletter_form{position: relative;
width: 100% !important;}
	.hdt_footer_mail .et_pb_newsletter_description .et_pb_module_header{text-align:center;}	
}
body #page-container .et_pb_section .hdt_footer_mail.et_pb_signup_0_tb_footer.et_pb_subscribe .et_pb_newsletter_button.et_pb_button {
	background: var(--color-1) !important;
	position: relative;
	overflow: hidden;
	z-index: 1;
		border: 1px solid var(--color-1) !important;
}
body #page-container .et_pb_section .hdt_footer_mail.et_pb_signup_0_tb_footer.et_pb_subscribe .et_pb_newsletter_button.et_pb_button:hover {
color:#000 !important;
	border: 1px solid var(--color-1) !important;
}
body #page-container .et_pb_section .hdt_footer_mail.et_pb_signup_0_tb_footer.et_pb_subscribe .et_pb_newsletter_button.et_pb_button:before {
	content: '';
	background:#fff;
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	transform-origin: left;
	z-index: -1;
	transform: rotate(90deg);
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
	box-sizing: border-box;
	display:block !important;
	margin:0;
}
body #page-container .et_pb_section .hdt_footer_mail.et_pb_signup_0_tb_footer.et_pb_subscribe .et_pb_newsletter_button.et_pb_button:after {
	content: '';
	background:#fff;
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;z-index: -1;
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
	box-sizing: border-box;transform-origin: right;
	transform: rotate(-90deg);margin:0;
}
body #page-container .et_pb_section .hdt_footer_mail.et_pb_signup_0_tb_footer.et_pb_subscribe .et_pb_newsletter_button.et_pb_button:hover::before { 
	transform: rotate(0deg);
	visibility: visible;
	opacity: 1;
}
body #page-container .et_pb_section .hdt_footer_mail.et_pb_signup_0_tb_footer.et_pb_subscribe .et_pb_newsletter_button.et_pb_button:hover::after {  
	transform: rotate(0deg);
	visibility: visible;
	opacity: 1;
}

/***** pop up btn Css*******/

.dct_popup_header_btn {
 background-color: #fff!important;
padding: 9px 15px !important;
/* display: block !important; */
}
 .dct_popup_header_btn:hover {
  background-color:var(--color-2) !important;
} 
.dct_popup_header_btn::after {
 color: var(--color-1) !important;
  position: relative;
  margin-left: auto !important; 
}
.dct_popup_header_btn:hover::after {
  color: #fff !important;
}

/*** HEADER ***/

/*** Header V1 ***/

.hdt_header_v1.bg ul li a{color:#fff;}
.hdt_header_v1.bg ul li.menu-item-has-children ul.sub-menu li a{color:var(--color-2);}


.hdt_header_v1 ul li a{transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;font-weight: 600;
text-transform: capitalize;
font-size: 16px;color: var(--color-2);}

.hdt_header_v1 ul li a:hover{color: var(--color-1);}


.hdt_header_v1 ul li.menu-item-has-children ul.sub-menu{box-shadow: 0 3px 25px 0px rgba(43,52,59,0.10),0 0 0 rgba(43,52,59,0.10) inset;
padding: 0px 0;border-radius:5px;}

.hdt_header_v1 ul li.menu-item-has-children ul.sub-menu li a{font-weight: 400;
font-size: 15px;padding: 13px 25px 13px 40px;width:auto;
line-height: 25px;position: relative;background: transparent;
opacity: 1;
}

.hdt_header_v1 ul li.menu-item-has-children ul.sub-menu li a:before{background-color: var(--color-1);
display: inline;
text-align: center;
content: " ";
height: 4px;
width: 4px;
position: absolute;
opacity: 1;
left: 25px;
top: 27px;
-webkit-transition: .5s all;
-o-transition: .5s all;
transition: .5s all;
margin-top: -3px;
transform-origin: right center 0px;
z-index: -1;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

.hdt_header_v1 ul li.menu-item-has-children ul.sub-menu li a:hover{color:var(--color-2);}

.hdt_header_v1 ul li.menu-item-has-children ul.sub-menu li a:hover:before{width: 10px;
transform: scaleX(1);
transform-origin: left center 0px;
border-radius: 5px;}

.hdt_header_v1 ul li.menu-item-has-children ul.sub-menu li{display: block;padding: 0;}

.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:after{top: 13px;}

/* HEADER V2 */

.hdt_header_v2_social .et_pb_social_network_link{
	margin-bottom:0;
}
.hdt_header_v2_social .et_pb_social_network_link:hover .icon:before{
	color:var(--color-1);
}
.hdt_header_v2 ul li.menu-item-has-children ul.sub-menu li a,
.hdt_header_v2 .et_pb_menu__wrap .et_mobile_nav_menu ul li a{
	color:var(--color-2)!important;
	font-weight: normal;
}

/* Mobile Menu */

.logged-in.admin-bar .dct-fixed-header{top:32px;}
@media screen and (max-width:980px) {

/*for login user make adminbar fix*/	
	#wpadminbar {
		position:fixed;
	}
}

/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}
/*remove the border from the top of the mobile menu*/
.et_mobile_menu {
	border-top: none;
}
/*hide the submenu items on mobile*/
.et_mobile_menu li ul.hide {
	display: none !important;
}
/*adjust the parent menu items on mobile*/
.et_mobile_menu .menu-item-has-children {
	position: relative;
}
/*adjust the parent menu items on mobile*/
.et_mobile_menu .menu-item-has-children > a {
	background: transparent;
}
/*position and style the submenu icons*/
.et_mobile_menu .menu-item-has-children > a + span {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 20px;
	font-weight: bold;
	cursor: pointer;
}
/*icon for closed submenu*/
span.menu-closed:before {
	content: "\33";
	display: block;
	color: var(--color-1);
	font-size: 18px;
	font-family: ETmodules;
}
/*icon for open submenu*/
span.menu-closed.menu-open:before {
	content: "\4d";
	color: var(--color-1);
}
/*adjust border under mobile menu items*/
.et_mobile_menu li:not(:last-child) a {
	border-bottom: 2px solid #f3f6fd;
}
/*remove border under last mobile menu item*/
.et_mobile_menu li:last-child a {
	border-bottom: none;
}

/*** SLIDE-IN ***/

/* Demo Popup CSS */
.dct_popup_col{
	transform:translatey(0px);
	transition:.3s ease-in-out;
}
.dct_slide_In_demo .et_pb_promo_description .et_pb_module_header{
	color:var(--color-2)!important;
}
.dct_slide_In_demo .et_pb_button_wrapper .et_pb_button {
	color:#fff;
	transition:.3s ease-in-out;
}

.dct_slide_In_demo .et_pb_button_wrapper .et_pb_button {
	color:var(--color-1);
	transition:.3s ease-in-out;
}

.dct_popup .dct_contact .et_pb_contact_form .et_pb_contact_field textarea,
.dct_popup .dct_contact .et_pb_contact_form .et_pb_contact_field input{
	background: #fff;
    border: 1px solid #00000029;
}
.dct_popup .dct_contact .et_pb_contact_form .et_contact_bottom_container{
	float: none;
    text-align: center;
    margin-top: 0.5%;
}

.dct_popup .dct_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_button{
	background: var(--color-2);
	color: #fff;
    display: block;
    width: 100%;
	transition:.3s ease-in-out;
}

/* HOVER CSS */
.dct_popup_col:hover {
	transform:translatey(-10px);
	transition:.3s ease-in-out;
}

.dct_popup .dct_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_button:hover{
	background: var(--color-1);
	transition:.3s ease-in-out;
}

/* Show/hide the popup overlay wrapper when "is-visible" class changes, apply the CSS to frontend only */

body:not(.et-fb) .dct-popup-wrapper .dct-popup-content {
    position: fixed;
    z-index: 990;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .5s cubic-bezier(.14, .06, .41, 1.39);
    opacity: 0;
    visibility: hidden;

}

body:not(.et-fb) .dct-popup-wrapper.popup-is-visible .dct-popup-content {
    opacity: 1;
    visibility: visible;

}


/* Allow the content inside the popup wrapper to scroll */
.dct-popup-inside {
    height: 100%;
    overflow-y: scroll;
}


/* Prevent Body from Scrolling when Popup is visible */
body.dct-noscroll {
    overflow-y: scroll;
}

/* Center Align Popup Content inside the Section */
.dct-popup-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dct-popup-content .et_pb_row {
    margin-top: 0;
    margin-bottom: 0;
}


/* Adjust the position of the popup overlay for admin bar */
@media (min-width:600px) and (max-width:782px) {
    body:not(.et-fb).admin-bar .dct-popup-wrapper {
        top: 46px;
    }
}

@media (min-width:783px) {
    body:not(.et-fb).admin-bar .dct-popup-wrapper {
        top: 32px;
    }
}

/* Mave the popup on top of other elements */
.et_builder_inner_content.popup-is-visible {
    z-index: 99999;
}

/* Add a hand cursor to the close trigger element */
.dct-popup-close {
    cursor: pointer;
}

/*Slide In Css Start Here*/
.dct_slidein {
    overflow: visible !important;
}

.dct_slidein:after {
    content: "";
    position: absolute;
    bottom: 40px;
    left: 10px;
    width: calc(100% - 20px);
    height: 80%;
    background-color: var(--color-1);
    border-radius: inherit;
    z-index: -1;
    transition: all 0.2s;
    opacity: 0;
}

.dct_slidein .et_pb_button_module_wrapper {
    background: #fff;
    padding-bottom: 15px;
}

.dct_slidein:hover:after {
    bottom: -15px;
    transition: all 0.2s;
    opacity: 1;
}

.dct_feature_info .et_pb_main_blurb_image {
    margin-bottom: 20px;
}

.dct_feature_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: var(--color-1);
}

.dct_feature_info .et_pb_module_header span {
    color: var(--color-1);
}

.dct_scale_in .dct_contact .et_contact_bottom_container {
    margin-top: 10px;
    margin-right: 10px;
}

/* Icon CSS */
.dct_popup_col .dct_icon_bar:hover{
	background:transparent!important;
}
.dct_popup_col .dct_icon_bar:after {
	color:var(--color-2)!important;
	padding: 15px 20px;
    box-shadow:0 0 5px 0 rgb(43,52,59,.2);
	outline:1px dashed #00000036;
    background: #fff;
	transition:.3s ease-in-out;
}
.dct_popup_col:hover .dct_icon_bar:after {
	outline-color:var(--color-1);
	transition:.3s ease-in-out;
}

/*Popup Overlay Css Move Up Start Here*/
.dct-popup-wrapper .dct-popup-content.dct_move_up {
    transform: translateY(100%);
    transition: all .4s ease-in-out, width .2s ease-in-out, top .4s ease-in-out !important;
}

body:not(.et-fb) .dct-popup-wrapper.popup-is-visible .dct-popup-content.dct_move_up {
    transform: translateY(-30px);
}

.dct-popup-content .dct_footer_info .et_pb_image_wrap {
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dct-popup-content .dct_footer_info .et_pb_image_wrap .et-pb-icon {
    color: var(--color-1);
}

.dct-popup-content .dct_footer_info .et_pb_image_wrap img {
    width: 23px;
    border-radius: 0px;
}

.dct-popup-content .dct_footer_info .et_pb_blurb_container {
    vertical-align: middle;
}

.dct-popup-content .dct-popup-map_code iframe {
    display: block;
}

/*Popup Overlay Css Move Down Start Here*/
.dct-popup-wrapper .dct-popup-content.dct_move_downup {
    transform: translateY(-100%);
    transition: all .4s ease-in-out, width .2s ease-in-out, top .4s ease-in-out !important;
}

body:not(.et-fb) .dct-popup-wrapper.popup-is-visible .dct-popup-content.dct_move_downup {
    transform: translateY(0%);
}

/*Popup Overlay Css Move right Start Here*/
.dct-popup-wrapper .dct-popup-content.dct_slide_right {
    transform: translateX(-100%);
    transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

body:not(.et-fb) .dct-popup-wrapper.popup-is-visible .dct-popup-content.dct_slide_right {
    transform: translateX(0%);
}

/*Popup Overlay Css Move Left Here*/
.dct-popup-wrapper .dct-popup-content.dct_slide_left {
    transform: translateX(100%);
    transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

body:not(.et-fb) .dct-popup-wrapper.popup-is-visible .dct-popup-content.dct_slide_left {
    transform: translateX(0%);
}

/* Add Row animation when popup is triggered */

.dct-popup-close .et_pb_icon_wrap .et-pb-icon {
    color: var(--color-2) !important;
    transition: all 0.8s;
}

.dct-popup-close:hover .et_pb_icon_wrap .et-pb-icon {
    color: var(--color-1) !important;
    transform: rotate(180deg);
}

/*.dct-popup-wrapper.popup-is-visible .et_pb_row:not(.dct-popup-close)*/
.dct-popup-wrapper.popup-is-visible .dct_scale_in {
    animation: scale-in .5s cubic-bezier(.14, .06, .41, 1.39) both;
    animation-delay: .5s;
}

/*Popup Overlay Css Move Up Start Here*/
body:not(.et-fb) .dct-popup-wrapper .dct-popup-content.dct_move_up {
    top: unset;
    min-height: auto;
    right: 20px;
}

.dct-popup-wrapper .dct_move_up {
    transform: translateY(100%);
    transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

.dct-popup-wrapper.popup-is-visible .dct_move_up {
    transform: translateY(-30px);
}


/*Popup Overlay Css Move Down Start Here*/
.dct-popup-wrapper .dct_move_downup {
    transform: translateY(-100%);
    transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

.dct-popup-wrapper.popup-is-visible .dct_move_downup {
    transform: translateY(0%);
}

/*Popup Overlay Css Slide Right Start Here*/
.dct-popup-wrapper .dct_slide_right {
    transform: translateX(100%);
    transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

.dct-popup-wrapper.popup-is-visible .dct_slide_right {
    transform: translateX(0%);
}

/*Popup Overlay Css Slide left Here*/
.dct-popup-wrapper .dct_slide_left {
    transform: translateX(0%);
    transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}