/* Example: reduce default container padding from ~1rem to 0.5rem */
@media (max-width: 991.98px) {
  .container, .container-md, .container-sm {
    max-width: 95%;
  }
}

body {
        font-family: 'Inter', sans-serif;
        font-weight: 300;
        }
        
.btn-primary {
		color:#fff;
		background-color:#335eea;
		border-color:#335eea;
}

.btn-primary:hover {
	color:#fff;
	background-color:#284dc7;
	border-color:#284dc7;
}

.btn-primary:active {
	color:#fff;
	background-color:#284dc7!important;
	border-color:#284dc7;
}

.btn-primary:disabled {
	color:#fff;
	background-color:#258c7d;
	border-color:#335eea;
}

.btn-primary:focus {
	color:#fff;
	background-color:#284dc7;
	border-color:#284dc7;
}

.text-primary {
    color: #335eea!important;
}

a {
		color:#335eea;
		text-decoration:none
}

a:hover {
		color:#138C7A;
		text-decoration:none
}

.btn-primary-soft {
		color:#869AB8;
		background-color:#eff2fb;
}

.btn-primary-soft:hover {
		color:#869AB8;
		background-color:#eff2fb;
}

.btn-primary-soft:focus {
		color:#869AB8;
		background-color:#eff2fb;
}

.flickity-button {
		background-color:#335eea;
}

.flickity-button:hover {
		background-color:#258c7d;
}

.badge-primary-soft {
		background-color:#e8f9f6;color:#335eea}

.badge-primary-soft:hover {
		background-color:#e8f9f6;color:#335eea
}

.nav-link {
		color:#869ab8!important;
}

.navbar-nav .nav-link {
  font-weight: 400;
  padding-left:1.2rem!important;
  padding-right:1.2rem;
  font-size:1rem }
  .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
    outline: none; }


.nav-link:hover {
		color:#335eea!important;
}

.btn-divider {
		border-radius: 0px;
}

.bg-primary {
		background-color:#335eea!important;
}

.bg-primary-gradient {
	background-image: linear-gradient(to left top, #3bcbb5, #34c3ad, #2cbca6, #24b49e, #335eea);
}

h1, h2, h3, h5, h6,
.h1, .h2, .h3, .h5, .h6 {
  font-weight: 400;
}

h4 {
	font-weight: 600!important;
}


.bg-pricing {
	background-color: #2d53e7;
  background-image:url('/assets/img/background_pricing.png');
}

.bg-fattura {
	background-color: #1a2545;

}

.error_message {
	font-size:14px;
	background-color:#ffe1e1;
	color:red;
	border-radius:5px;
    width: auto; /* Making auto-sizable width */
    height: auto; /* Making auto-sizable height */
    padding: 5px 10px 5px 10px; /* Making space around letters */
    margin: 10px 8px 1px 8px ;
}



/* features_section */


  .features-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
  }
  
  .features-row {
    display: flex;
    align-items: flex-start;
    gap: 40px;
  }
  
  .features-box {
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    align-self: stretch;
    flex: 1 0 0;
    border-radius: 12px;
    background: var(--White, #FFF);
    border: 1px solid var(--border-color, #F0F2F2);

  }
  
  .features-title {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  
  .features-text {
    margin: 0px;
  }
  
  .more-features-box {
    display: flex;
    padding: 20px 0px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    gap: 10px
  }
  
  .more-features-box-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
  }
  
  .features-title-highlight {
    background: var(--Linear-Tricolor, linear-gradient(92deg, #26372C -17.62%, #7673FF 30.31%, #47CCBA 99.53%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
    
  .features-title-highlight2 {
    background: var(--Linear-Tricolor, linear-gradient(92deg, #7673FF 30.31%, #47CCBA 99.53%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  
  .features-container-mobile {
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }
  
  .features-column-mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  
  .features-box-mobile {
    display: flex;
    padding: 20px 10px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    background: var(--White, #FFF);
    border: 1px solid var(--border-color, #F0F2F2);

  }
  
  .features-title-mobile {
    color: var(--paragraph, #323333);
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
  }
  
  .features-text-mobile {
    color: var(--Text-Main, #6D7E99);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    padding: 0px;
    margin: 0px;
  }
  
  .scopri-button {
    border-bottom: 1px solid var(--Text-Main, #6D7E99);
    cursor:pointer;
  }
  
  
    /* Countdown */
	.countdown-label {
		font-size: 0.5rem;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		font-weight:300;
		margin-bottom:0px;
		color:#474747;
	}
	
	.countdown-number {
		margin-bottom:0px;
		letter-spacing:2px;
	}
	
	.countdown-block {
		width:40px;
	}
	
	
	/* End countdown */
	
	.bg-promo {
  background: linear-gradient(
    120deg,
    #f6fafd 55%,    /* base bianco-azzurro molto chiaro */
    #e8f1fa 80%,    /* azzurro chiarissimo */
    #dbe8fa 100%    /* azzurro chiaro */
  );
}

.bg-promo-solid {
  background-color:#dbe8fa;
}


.bg-warning-light {
  background-color:#FCF3D6;
}

.text-warning-dark {
  color:#B28A12;
}


#banner-promo-amministratori-bottom {
  transition: opacity 0.3s;
  opacity: 0;
  pointer-events: none;
}
#banner-promo-amministratori-bottom.show {
  opacity: 1;
  pointer-events: auto;
}


/* gestione dei border su pec-mailname nel form di attivazione */

/* gestione dei border su pec-mailname nel form di attivazione */

.pec-mailname {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

@media (min-width: 576px) {
  .pec-mailname {
    border-top-right-radius: .375rem!important;
    border-bottom-right-radius: .375rem!important;
  }
}

@media (min-width: 768px) {
  .pec-mailname {
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
  }
}

@media (min-width: 992px) {
  .pec-mailname {
    border-top-right-radius: .375rem!important;
    border-bottom-right-radius: .375rem!important;
  }
}
.activation-form {
  max-width: 350px;
}

@media (min-width: 576px) {
  .activation-form {
  max-width: 100%;

  }
}

.app-img{
    width: 266px;
    height: 430px;
    position: relative;
    overflow: hidden;
            }
            .app-img img{
              height:100%;
              width:100%;
              object-fit:contain;
            }
            .app-img .app_video_inside{
              position:absolute;
              top:0;
              left:0;
              height:100%;
              width:100%;
              object-fit:contain;
              z-index:-1;
              padding: 9px;
            }
            @media screen and (max-width:700px){
              .app-img{
                margin-bottom: 40px;
              }
            }
         
          
.font-size-sm {
  font-size:0.8rem;
}



@media (min-width: 576px) and (max-width: 767.98px) {
  .col-sm-5-5 {
    flex: 0 0 auto;
    width: 55.833333%;
  }
  
  .col-sm-4-5 {
    flex: 0 0 auto;
    width: 45.833333%;
  }

  .col-sm-0-5 {
    flex: 0 0 auto;
    width: 4.166667%;
  }
}

@media (min-width: 992px) {
  .col-lg-5-5 {
    flex: 0 0 auto;
    width: 55.833333%;
  }
  
  .col-lg-4-5 {
    flex: 0 0 auto;
    width: 45.833333%;
  }

  .col-lg-0-5 {
    flex: 0 0 auto;
    width: 4.166667%;
  }
}


  .support-icon {
    display: flex;
    padding: 10px 10px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: var(--corner_radius, 100px);
    border: 1px solid var(--border-color, #F0F2F2);
    background: var(--White, #FFF);
    color: var(--paragraph, #323333);
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  
.strikethrough {
  position: relative;
  display: inline-block;
}

.strikethrough::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40%;
  height: 0.2em;
  background-color: #3058DC;
  border-radius: 50% / 100%; /* fa il profilo irregolare */
  transform: rotate(-2deg);
  pointer-events: none;
}

.strikethrough-price {
  position: relative;
  display: inline-block;
}

.strikethrough-price::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50%;
  height: 0.2em;
  background-color: #3058DC;
  border-radius: 50% / 100%; /* fa il profilo irregolare */
  transform: rotate(-2deg);
  pointer-events: none;
}


/* Loading spinner*/
@keyframes spin {
  	to { transform: rotate(360deg); } }
  .spin { animation: spin 1s linear infinite; }
  
#submitBtn {
  white-space: nowrap;           /* don't let the line wrap */
}

#submitBtn img.spin {
  display: inline-block;         /* not the default 'inline' */
  vertical-align: middle;        /* sit vertically centred */
  width: 32px; height: 32px;     /* whichever size you need */
}