/**
Theme Name: Custom Theme
Author: PeraBite
Author URI: https://www.perabite.com/

Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: custom-theme
Template: astra
*/

/*
// Starter styles
*/
.t-left, .text-left { text-align: left }
.t-right, .text-right { text-align: right }
.t-center, .text-center { text-align: center }
.t-justify, .text-justify { text-align: justify }
.t-upper, .text-upper, .t-uppercase, .text-uppercase { text-transform: uppercase }
.t-lower, .text-lower, .t-lowercase, .text-lowercase { text-transform: lowercase }

.mb-0 {	margin-bottom: 0px !important; }
.mb-1 {	margin-bottom: 4px !important; }
.mb-2 {	margin-bottom: 8px !important; }
.mb-3 {	margin-bottom: 15px !important; }
.mb-4 {	margin-bottom: 22px !important; }
.mb-5 {	margin-bottom: 30px !important; }
.mb-6 {	margin-bottom: 40px !important; }
.mt-0 {	margin-top: 0px !important; }
.mt-1 {	margin-top: 4px !important; }
.mt-2 {	margin-top: 8px !important; }
.mt-3 {	margin-top: 15px !important; }
.mt-4 {	margin-top: 22px !important; }
.mt-5 {	margin-top: 30px !important; }
.mt-6 {	margin-top: 40px !important; }
.ml-0 {	margin-left: 0px !important; }
.ml-1 {	margin-left: 4px !important; }
.ml-2 {	margin-left: 8px !important; }
.ml-3 {	margin-left: 15px !important; }
.ml-4 {	margin-left: 22px !important; }
.ml-5 {	margin-left: 30px !important; }
.ml-6 {	margin-left: 40px !important; }
.mr-0 {	margin-right: 0px !important; }
.mr-1 {	margin-right: 4px !important; }
.mr-2 {	margin-right: 8px !important; }
.mr-3 {	margin-right: 15px !important; }
.mr-4 {	margin-right: 22px !important; }
.mr-5 {	margin-right: 30px !important; }
.mr-6 {	margin-right: 40px !important; }

.spacer5, .spacer10, .spacer20, .spacer30, .spacer40, .spacer50, .spacer60 {
	display: block;
}
.spacer5 {	height:5px; }
.spacer10 {	height:10px; }
.spacer20 {	height:20px; }
.spacer30 {	height:30px; }
.spacer40 { height:40px; }
.spacer50 {	height:50px; }
.spacer60 {	height:60px; }

.font-70 { font-size: 70%; }
.font-80 { font-size: 80%; }
.font-90 { font-size: 90%; }
.font-110 {	font-size: 110%; }
.font-120 {	font-size: 120%; }

/*
// END: Starter styles
*/


/*
// STILI UTILI
*/
.c-primary {
	color: #a51038 !important;
}
.c-secondary {
	color: #686160 !important;
}
.c-white {
	color: #fff !important;
}
.c-black {
	color: #000 !important;
}

.bg-image-cover {
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.border-round, .border-circle {
	border-radius: 50%;
}

.float-centered-sx {
	position: absolute;
	top: 0;
}
@media (max-width: 767px) {
	.float-centered-sx {
		position: relative;
		top: auto;
	}
}

/* ordine ricevuto */
.woocommerce-notice.woocommerce-notice--success {
    background-color: #3f925f;
    color: #fff;
    padding: 12px 15px;
    margin: 0 0 20px 0;
}
.woocommerce ul.order_details {
    background-color: #f2f2f4;
    padding: 15px;
}



/*
// CAROUSEL STYLE
*/
.carousel-style-1 {
	overflow: hidden;
	position: relative;
	padding: 20px;
}
.carousel-style-1 .swiper-slide {
	width: 60%;
}
.carousel-style-1 .swiper-slide img {
	width: 100%;	
}
.carousel-style-1 .swiper-slide a {
	color: #fff;
	display: block;
	box-shadow: 0 8px 18px rgb(0 0 0 / 10%), 0 4px 8px rgb(0 0 0 / 20%);
	position: relative;
	overflow: hidden;
}
.carousel-style-1 .swiper-slide a:hover {
	box-shadow: 0 6px 16px rgb(0 0 0 / 20%), 0 3px 7px rgb(0 0 0 / 30%);
}
.carousel-style-1 .swiper-slide a:hover .title {
	color: #a51038;
}
.carousel-style-1 .swiper-slide a img {
	transition: all 0.3s linear;
}
.carousel-style-1 .swiper-slide a:hover img {
	transform: scale(1.04);
}
.carousel-style-1 .swiper-slide .title {
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	bottom: 5px;
	color: #fff;
	transition: all 0.3s linear;
}
.carousel-style-1 .swiper-button-next, .carousel-style-1 .swiper-button-prev {
	color: #fff;
	transition: all 0.3s linear;
}
.carousel-style-1 .swiper-button-prev {
	left: 35px;
}
.carousel-style-1 .swiper-button-next:hover, .carousel-style-1 .swiper-button-prev:hover {
	color: #a51038;
}

.btn-show-myaccount-nav {
	display: none;
    text-transform: uppercase;
    text-align: center;
}
.btn-show-myaccount-nav svg {
	fill: #005eb8;
	vertical-align: middle;
	margin-right: 10px;
}
.btn-show-myaccount-nav svg path {
	fill: #005eb8;
}

@media(max-width:921px){

	.btn-show-myaccount-nav {
		display: block;
	}
	.btn-show-myaccount-nav.opened {
		margin-bottom: 25px;
	}
	.woocommerce-MyAccount-navigation {
		margin: 0 0 28px 0;
	}
	.woocommerce-MyAccount-navigation ul {
		display: none;
	}
}
@media (max-width: 767px) {
	.carousel-style-1 {
		margin: 0 15px;
	}
}

/* GIAN 2025 */

.btn-icon-circle, .btn-icon-star, .btn-icon-square {
    border-radius: 4px;
    overflow: hidden;
}
.btn-icon-circle .elementor-button:after {
    content: url(https://staging.playlogiq.com/wp-content/uploads/2025/05/Group-2.svg);
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 39px;
    height: 37px;
	transition: ease-out .4s;
}
.btn-icon-circle:hover .elementor-button:after {
    transform: scale(1.5);
    right: 13px;
    bottom: 9px;
}
.btn-icon-star .elementor-button:after {
    content: url(https://staging.playlogiq.com/wp-content/uploads/2025/06/Vector-11.svg);
    position: absolute;
    right: 15px;
    bottom: -13px;
    width: 39px;
    height: 37px;
}
.btn-icon-square .elementor-button:after {
    content: "";
    background: url(https://playlogiq.com/wp-content/uploads/2025/07/Vector-29.svg);
    background-size: 100%;
    position: absolute;
    opacity: 0.2;
    left: -10px;
    top: -10px;
    transform: rotate(30deg);
    width: 50px;
    height: 50px;
    transition: ease-out .4s;
}
.btn-icon-square:hover .elementor-button:after {
    transform: rotate(80deg);
    left: -10px;
    top: -5px;
}
.btn-icon-zigzag .elementor-button:after {
    content: url(https://staging.playlogiq.com/wp-content/uploads/2025/06/Vector-11-1.svg);
    position: absolute;
    left: -10px;
    top: 1px;
    width: 39px;
    height: 39px;
}
.icon-home p.elementor-icon-box-description {
    max-width: 300px !important;
}
span.turchese {
    color: #16BAB5;
}
input::placeholder {
    color: rgb(255 255 255 / 40%) !important;
}
.frm_form_fields .frm_fields_container {
    align-items: center;
}
.with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=file], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style .frm-card-element.StripeElement, .frm_full textarea, .with_frm_style textarea {
    background-color: unset !important;
    padding: 26px 22px;
    border: 1px solid #67747F33;
    border-radius: 8px;
    font-size: 16px;
    line-height: 120%;
    font-family: 'Jost';
    letter-spacing: 0.01em;
    color: #ffffff !important;
}
.with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top {
    font-family: 'Jost';
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 100%;
    font-size: 15px;
    color: #16BAB5;
    background-color: #1d252c;
    position: absolute;
    padding: 0 8px;
    margin: -6px 0 0 12px;
}

.frm_style_stile-di-formidable.with_frm_style .form-field {
    margin-bottom: 34px;
}
.frm_style_stile-di-formidable.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus, .frm_style_stile-di-formidable.with_frm_style select:focus, .frm_style_stile-di-formidable.with_frm_style .form-field textarea:focus, .frm_style_stile-di-formidable.with_frm_style .frm_focus_field input[type=text], .frm_style_stile-di-formidable.with_frm_style .frm_focus_field input[type=password], .frm_style_stile-di-formidable.with_frm_style .frm_focus_field input[type=email], .frm_style_stile-di-formidable.with_frm_style .frm_focus_field input[type=number], .frm_style_stile-di-formidable.with_frm_style .frm_focus_field input[type=url], .frm_style_stile-di-formidable.with_frm_style .frm_focus_field input[type=tel], .frm_style_stile-di-formidable.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_stile-di-formidable.with_frm_style .frm_focus_field .frm-card-element.StripeElement {
    border: 1px solid #67747FCC;
    box-shadow: unset !important;
}
.frm_submit {
    text-align: right;
}
button.frm_button_submit.frm_final_submit {
    font-family: "Jost" !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 100% !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
button.frm_button_submit.frm_final_submit {
    font-family: "Jost" !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 100% !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 12px 24px !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    background: #ef8646 !important;
	min-width: 215px;
}
.with_frm_style .frm_radio label, .with_frm_style .frm_checkbox label, .with_frm_style .frm_radio label, .with_frm_style .frm_checkbox label a {
    font-size: 12px;
    font-family: 'Jost';
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0.02em;
    color: #FFFFFF33;
}
.with_frm_style .frm_checkbox label a {
    text-decoration: underline;
    transition: .3s;
}
.with_frm_style .frm_checkbox label a:hover {
    color: #16bab5;
}
.with_frm_style .frm_checkbox input[type=checkbox] {
    background: unset !important;
    border-radius: 5px !important;
    border-color: #67747F33;
}
.frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before {
    background: #16bab5;
    background-image: none !important;
    border-radius: 2px !important;
    width: 60% !important;
    height: 60% !important;
    margin: 3px;
}
.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
    border-color: #67747F33 !important;
}
.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
    background-color: #1d252c !important;
}
.with_frm_style input[type=checkbox]:not(:checked):focus {
    border-color: #67747F33 !important;
}
.form-solutions button.frm_button_submit.frm_final_submit {
    width: 100%;
	margin-top: -132px !important;
}
.mobile-body-01-medium {
    font-weight: 700;
    color: #fff;
}
.box-solution .icon-solution, .box-solution .btn-solution {
    height:0;
    opacity: 0;
    transition: .5s;
}
.box-solution:hover .icon-solution, .box-solution:hover .btn-solution {
    height: auto;
    opacity: 1;
}
.box-solution h3, .box-solution p {
    transition: .3s;
}
.box-solution:hover h3 {
    color: #16BAB5 !important;
}
.box-solution:hover p {
    color: #fff;
}
.carousel-testimonial > .elementor-widget-container:after {
        content: "";
    width: 15vw;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(270deg, #1D252C 15%, #1D252CBA 80%, #1D252C00 100%);
    z-index: 2;
}
.verde {
    color: #16BAB5
}
.nero {
	color: #1D252C
}
.bianco {
	color: #ffffff
}
.faq .e-n-accordion-item {
    border: 1px solid #67747F33;
    border-radius: 8px;
}
.faq span.e-n-accordion-item-title-icon {
    background: #1d252c;
    right: 18px;
    position: absolute !important;
    bottom: -10px;
    padding: 0 8px;
}
.modules .e-n-tabs-content .elementor-element > .elementor-element {
    position: sticky;
    top: 300px;
    margin-top: 100px;
}
.modules.elementor-widget-n-tabs .e-n-tab-title-text {
    line-height: 1em !important;
}
.accordion-home-mobile span.e-n-accordion-item-title-header {
    max-width: 100%;
    z-index: 2;
}
.accordion-home-mobile summary.e-n-accordion-item-title {
    padding: 0 12px !important;
}

.accordion-home-mobile summary.e-n-accordion-item-title:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background: #67747F33;
    left: 0;
}
.accordion-home-mobile summary[aria-expanded="true"]:before {
    display: none;
}
.accordion-home-mobile span.e-n-accordion-item-title-icon {
    background: #1d252c;
    padding: 0 8px;
}
.accordion-home-mobile .e-n-accordion-item-title-text {
    padding: 0 8px;
    background: #1d252c;
    z-index: 1;
}
.accordion-home-mobile summary[aria-expanded="true"] span.e-n-accordion-item-title-icon {
    position: absolute;
    bottom: -7px;
    right: 12px;
    z-index: 2;
}
@media screen and (max-width: 767px) {
    .accordion-home-mobile summary[aria-expanded="true"] .e-n-accordion-item-title-text {
        font-size: 24px !important;
    }
}
.timeline-box h3, .timeline-box p, .line span.elementor-divider-separator, .dot span.elementor-divider-separator {
    transition: .3s;
}
.timeline-box:hover h3 {
    color: #16BAB5 !important;
}
.timeline-box:hover p {
    color: #fff !important;
}
.timeline-box:hover {
    border-color: #67747F99 !important;
}
.timeline-box:hover .line span.elementor-divider-separator, .timeline-box:hover .dot span.elementor-divider-separator {
    border-color: #67747FCC !important;
}



.hs-form {
	
}
.hs-form .hs-form-field {
	margin-bottom:32px;
}
.hs-form .hs-form-field label {
	font-family: 'Jost';
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 100%;
    font-size: 15px;
    color: #16BAB5;
    background-color: #1d252c;
    position: absolute;
    padding: 0 8px;
    margin: -6px 0 0 12px;
}
.hs-form .hs-form-field legend {
	margin: 0px 0 0 20px;
    padding: 6px 0 0 0;
}
.hs-form .hs-form-field .hs-form-booleancheckbox label {
	font-family: Jost;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; /* 18.2px */
	letter-spacing: 0.14px;
	color: #4c5357;
	text-transform: none;
	margin: 0;
	padding: 0;
}
.hs-form .hs-form-field .hs-form-booleancheckbox input {
	margin-right: 15px;
}
.hs-form ul.inputs-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hs-form ul.inputs-list li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.hs-form .hs-form-field .hs-fieldtype-intl-phone {
	width: 100% !important;
}
.hs-form .hs-form-field.hs-phone .hs-input {
}
.hs-form .hs-form-field input.hs-input,
.hs-form .hs-form-field select.hs-input {
	background-color: unset !important;
    padding: 26px 22px;
    border: 1px solid #67747F33;
    border-radius: 8px;
    font-size: 16px;
    line-height: 120%;
    font-family: 'Jost';
    letter-spacing: 0.01em;
    color: #ffffff !important;
	
}
.hs-form .hs-form-field input.hs-input.invalid,
.hs-form .hs-form-field select.hs-input.invalid {
	border-color: #ba1616;
}
.hs-form .hs-form-field:not(.hs-phone):not(.hs-privacy_flag) input.hs-input,
.hs-form .hs-form-field:not(.hs-phone):not(.hs-privacy_flag) select.hs-input {
	width: 100% !important;
}
.hs-form .hs-form-field input.hs-input:focus {
	border-color: rgba(103, 116, 127, 0.80);
}
.hs-form .hs-button {
	font-family: "Jost" !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 100% !important;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    padding: 20px 50px !important;
    margin: 10px 0 0 0 !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    background-color: #ef8646 !important;
	border-radius: 8px;
	transition: all 0.3s linear;
}
.hs-form .hs-button:hover {
	background-color: #16BAB5 !important;
}
.hs-form a {
	color: inherit;
	text-decoration: underline;
}
.hs-form .form-columns-2,
.hs-form .form-columns-1 {
	width: 100%;
	max-width: 2000px;
}
.hs-form .hs-error-msgs {
	
}
.hs-form .hs-error-msgs li {
	
}
.hs-form .hs-error-msgs li label {
	color: #ba1616;
    text-transform: none;
    font-weight: 500;
	display: none;
}
.hs-form .hs-submit {
	float: right;
	margin-top: -40px;
}
@media screen and (max-width: 544px) {
	.hs-form .hs-submit {
		margin-top: 0px;
	}
}
.image-tilt-3d .elementor-widget-container,
.image-tilt-3d-center .elementor-widget-container {
	perspective: 1000px;
	display: flex;
	justify-content: center;
}
.image-tilt-3d .elementor-widget-container img,
.image-tilt-3d-center .elementor-widget-container img {
	transform: rotateX(45deg); /* inizialmente dritta */
	transition: transform 2.5s ease-in-out;
	transform-origin: center bottom;
	will-change: transform;
}
.image-tilt-3d-center .elementor-widget-container img {
	transform-origin: center;
	transition: transform 1.8s ease-in-out;
}

.image-translate-3d-from {
	position: relative;
}

.image-translate-3d-from img {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    transform-origin: center center;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    will-change: transform;
    transition: transform 0.05s linear;
	transform: perspective(1500px) translate(0px, 0px) scale(1) rotateX(10deg) rotateY(10deg);
}
.image-translate-3d-to img {
	visibility: hidden;
}

.btn-primary a.elementor-button:hover {
    padding-left: 22.5px !important;
    padding-right: 22.5px !important;
    letter-spacing: .02em !important;
    margin-left: 3px;
    margin-right: 3px;
}
.btn-primary-full a.elementor-button:hover {
    padding-left: 22.5px !important;
    padding-right: 22.5px !important;
    letter-spacing: .02em !important;
    margin-left: 3px;
    margin-right: 3px;
    width: calc(100% - 6px);
}
.btn-secondary a.elementor-button:hover {
    letter-spacing: 0 !important;
    font-weight: 700 !important;
}
.btn-primary a.elementor-button, .btn-primary-full a.elementor-button, .btn-secondary a.elementor-button {
    transition: ease-out .4s;
}
.single-service .btn-secondary {
    margin-top: 80px;
}

.h1 {
    font-family: "Newstar" !important;
    font-size: 140px !important;
    letter-spacing: 0px !important;
    line-height: 100% !important;
    text-transform: uppercase !important;
}
.h2 {
    font-family: "Newstar" !important;
    font-size: 110px !important;
    letter-spacing: 0px !important;
    line-height: 100% !important;
    text-transform: uppercase !important;
}
.h3 {
    font-family: "Newstar" !important;
    font-size: 80px !important;
    letter-spacing: 0px !important;
    line-height: 100% !important;
    text-transform: uppercase !important;
}
.h4 {
    font-family: "Newstar" !important;
    font-size: 64px !important;
    letter-spacing: 0px !important;
    line-height: 100% !important;
    text-transform: uppercase !important;
}
.h5 {
    font-family: "Newstar" !important;
    font-size: 44px !important;
    letter-spacing: 0px !important;
    line-height: 100% !important;
    text-transform: uppercase !important;
}
.h6 {
    font-family: "Newstar";
    font-size: 24px !important;
    letter-spacing: 0px !important;
    line-height: 100% !important;
    text-transform: uppercase !important;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .h1 {
        font-size: 110px !important;
    }
    .h2 {
        font-size: 80px !important;
    }
    .h3 {
        font-size: 64px !important;
    }
    .h4 {
        font-size: 44px !important;
    }
    .h5 {
        font-size: 32px !important;
    }
    .h6 {
        font-size: 20px !important;
    }
}
@media screen and (max-width: 767px) {
    .h1 {
        font-size: 64px !important;
    }
    .h2 {
        font-size: 52px !important;
    }
    .h3 {
        font-size: 44px !important;
    }
    .h4 {
        font-size: 32px !important;
    }
    .h5 {
        font-size: 24px !important;
    }
    .h6 {
        font-size: 14px !important;
    }
}