/*
Theme Name: Kypra - Energy
Theme URI: https://www.kypraenergy.com/
Author: Visione.Digitale
Author URI: https://www.visionedigitale.com/
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/

/*import*/
@font-face {
  font-family: 'Inter';
  src: url('assets/fonts/Inter-Variable.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('assets/fonts/Inter-Italic-Variable.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/*variabili*/
:root {
  --black: #000000;
  --white: #FFFFFF;
  --primary:        #FFFF01;
  --secondary:      #060D2C;
  --dark-secondary: #00051a;
  --light-primary:     #FFFFF6;
  --font-primary:   "Inter", sans-serif;
  --transition-1:all 0.1s ease-in-out;
  --transition-2:all 0.2s ease-in-out;
  --transition-3:all 0.3s ease-in-out;
  --transition-4:all 0.4s ease-in-out;
  --transition-5:all 0.5s ease-in-out;
  }

/*default*/
html, button, input, select, textarea {color:var(--white);}
html, body {margin:0px;padding:0px;}
body {background:var(--secondary) !important;}
hr {display: block;height: 1px;border: 0;}
img {margin:0px;padding:0px;border:0px;outline:none;vertical-align: middle;border-radius:0px;}
a {text-decoration:none;outline:none;border:none;}
fieldset {border:0;margin:0;padding:0;}
textarea {resize: vertical;}
.chromeframe { margin: 0.2em 0;background:var(--white);color:#000;padding:0.2em 0;}

/*default link*/
a, a:link, a:visited, a:active, a:hover {transition:var(--transition-3);}
.no-underline {text-decoration:none !important;}

/*animation*/
.animation, .animation > * {transition:var(--transition-3);}
.animation-1 {transition:var(--transition-1);}
.animation-2 {transition:var(--transition-2);}
.animation-3 {transition:var(--transition-3);}
.animation-4 {transition:var(--transition-4);}
.animation-5 {transition:var(--transition-5);}

/*typographic*/
html,body {font-size:15px !important;}
html,body{font-family:var(--font-primary);font-optical-sizing:auto;font-style:normal;font-variation-settings:'wght'300;color:var(--primary);}
html{font-size:100%;}
strong{font-variation-settings:'wght'700;}
input{font-family:var(--font-primary);font-variation-settings:'wght'400;}
.text-indent{text-indent:-9999px!important;}
.text-pre{white-space:pre;}

small, .small {font-size: .875em ! important;}
.fs-7 {font-size:1.1rem !important;}
.small-10 {font-size:10% !important;}
.small-20 {font-size:20% !important;}
.small-30 {font-size:30% !important;}
.small-40 {font-size:40% !important;}
.small-50 {font-size:50% !important;}
.small-60 {font-size:60% !important;}
.small-70 {font-size:70% !important;}
.small-80 {font-size:80% !important;}
.small-90 {font-size:90% !important;}
.small-95 {font-size:95% !important;}

/*lineheight*/
.lh-1   {line-height:1rem !important;}
.lh-1-5 {line-height:1.5rem !important;}
.lh-2   {line-height:2rem !important;}
.lh-2-5 {line-height:2.5rem !important;}
.lh-3   {line-height:3rem !important;}
.lh-3-5 {line-height:3.5rem !important;}
.lh-4   {line-height:4rem !important;}

/*list*/
.list-style-none, .list-style-none li {list-style:none !important;}

/*font-weight*/
.fw-thin       {font-variation-settings: 'wght' 100 !important;}
.fw-extralight {font-variation-settings: 'wght' 300 !important;}
.fw-light      {font-variation-settings: 'wght' 300 !important;}
.fw-regular    {font-variation-settings: 'wght' 400 !important;}
.fw-medium     {font-variation-settings: 'wght' 500 !important;}
.fw-semibold   {font-variation-settings: 'wght' 600 !important;}
.fw-bold       {font-variation-settings: 'wght' 700 !important;}
.fw-extrabold  {font-variation-settings: 'wght' 800 !important;}
.fw-black      {font-variation-settings: 'wght' 900 !important;}

/*text color*/
.text-primary        {color: var(--primary) !important;}
.text-secondary      {color: var(--secondary) !important;}
.text-light-primary  {color: var(--light-primary) !important;}

/*background*/
.bg-primary        {background-color: var(--primary) !important;}
.bg-secondary      {background-color: var(--secondary) !important;}
.bg-light-primary  {background-color: var(--light-primary) !important;}



/*border color*/
.border-primary       {border-color: var(--primary) !important;}
.border-secondary     {border-color: var(--secondary) !important;}
.border-light-primary {border-color: var(--light-primary) !important;}

/*fill*/
.fill-div-current {fill: currentColor !important;}
.fill-primary     {fill: var(--primary) !important;}
.fill-secondary   {fill: var(--secondary) !important;}
.fill-black       {fill: var(--black) !important;}
.fill-white       {fill: var(--white) !important;}
.fill-light-gray  {fill: var(--light-primary) !important;}

/*svg*/
.fill-div-current > svg    {fill: currentColor !important;}
.fill-div-primary > svg    {fill: var(--primary) !important;}
.fill-div-secondary > svg  {fill: var(--secondary) !important;}
.fill-div-black > svg      {fill: var(--black) !important;}
.fill-div-white > svg      {fill: var(--white) !important;}
.fill-div-light-gray > svg {fill: var(--light-primary) !important;} 

/*background cover*/
.bg-cover {background-position:center !important;background-repeat: no-repeat !important;background-size: cover !important;}
.bg-contain {background-position:center !important;background-repeat: no-repeat !important;background-size: contain !important;}

/*background overlay*/
.background[class*="-overlay-0"]::after  {opacity:0 !important;}
.background[class*="-overlay-25"]::after {opacity:.25 !important;}
.background[class*="-overlay-50"]::after {opacity:.50 !important;}
.background[class*="-overlay-75"]::after {opacity:.75 !important;}
.background[class*="-overlay-95"]::after {opacity:.95 !important;}

/*opacity*/
.opacity-100 {opacity:1 !important;}
.opacity-95  {opacity:.95 !important;}
.opacity-90  {opacity:.90 !important;}
.opacity-85  {opacity:.85 !important;}
.opacity-80  {opacity:.80 !important;}
.opacity-75  {opacity:.75 !important;}
.opacity-50  {opacity:.50 !important;}
.opacity-25  {opacity:.25 !important;}
.opacity-20  {opacity:.20 !important;}
.opacity-15  {opacity:.15 !important;}
.opacity-10  {opacity:.10 !important;}
.opacity-05  {opacity:.05 !important;}
.opacity-0   {opacity:0 !important;}

/*z-index*/
.z-index-1    {z-index:1 !important;}
.z-index-2    {z-index:2 !important;}
.z-index-3    {z-index:3 !important;}
.z-index-4    {z-index:4 !important;}
.z-index-5    {z-index:5 !important;}
.z-index-9    {z-index:9 !important;}
.z-index-99   {z-index:99 !important;}
.z-index-999  {z-index:999 !important;}
.z-index-9999 {z-index:9999 !important;}

/*width*/
.wd-10  {width:10px;}
.wd-20  {width:20px;}
.wd-25  {width:25px;}
.wd-30  {width:30px;}
.wd-40  {width:40px;}
.wd-50  {width:50px;}
.wd-60  {width:60px;}
.wd-70  {width:70px;}
.wd-80  {width:80px;}
.wd-90  {width:90px;}
.wd-100 {width:100px;}
.wd-125 {width:125px;}
.wd-150 {width:150px;}
.wd-200 {width:200px;}
.wd-250 {width:250px;}
.wd-300 {width:300px;}

/*perecentual width*/
.wd-10p  {width:10%;}
.wd-20p  {width:20%;}
.wd-30p  {width:30%;}
.wd-40p  {width:40%;}
.wd-50p  {width:50%;}
.wd-60p  {width:60%;}
.wd-65p  {width:65%;}
.wd-70p  {width:70%;}
.wd-75p  {width:75%;}
.wd-80p  {width:80%;}
.wd-85p  {width:85%;}
.wd-90p  {width:90%;}
.wd-95p  {width:95%;}
.wd-100p {width:100%;}

/*height*/
.hg-10  {height:10px;}
.hg-20  {height:20px;}
.hg-25  {height:25px;}
.hg-30  {height:30px;}
.hg-40  {height:40px;}
.hg-50  {height:50px;}
.hg-60  {height:60px;}
.hg-70  {height:70px;}
.hg-80  {height:80px;}
.hg-90  {height:90px;}
.hg-100 {height:100px;}
.hg-125 {height:125px;}
.hg-150 {height:150px;}
.hg-200 {height:200px;}
.hg-250 {height:250px;}
.hg-300 {height:300px;}

/*perecentual height*/
.hg-10p  {height:10%;}
.hg-20p  {height:20%;}
.hg-30p  {height:30%;}
.hg-40p  {height:40%;}
.hg-50p  {height:50%;}
.hg-60p  {height:60%;}
.hg-65p  {height:65%;}
.hg-70p  {height:70%;}
.hg-75p  {height:75%;}
.hg-80p  {height:80%;}
.hg-85p  {height:85%;}
.hg-90p  {height:90%;}
.hg-95p  {height:95%;}
.hg-100p {height:100%;}
.hg-150p {height:150%;}
.hg-200p {height:200%;}

/*viewport height*/
.hg-10vp  {height:10vh;}
.hg-20vp  {height:20vh;}
.hg-30vp  {height:30vh;}
.hg-40vp  {height:40vh;}
.hg-50vp  {height:50vh;}
.hg-60vp  {height:60vh;}
.hg-65vp  {height:65vh;}
.hg-70vp  {height:70vh;}
.hg-75vp  {height:75vh;}
.hg-80vp  {height:80vh;}
.hg-85vp  {height:85vh;}
.hg-90vp  {height:90vh;}
.hg-95vp  {height:95vh;}
.hg-100vp {height:100vh;}

/*min height*/
.hg-0 {height:0px !important;}
.mn-height-25  {min-height:25vh !important;}
.mn-height-50  {min-height:50vh !important;}
.mn-height-75  {min-height:75vh !important;}
.mn-height-100 {min-height:100vh !important;}
.mn-height-150 {min-height:150vh !important;}
.mn-height-100 {min-height:200vh !important;}

/*max height*/
.mx-height-25  {max-height:25vh !important;}
.mx-height-50  {max-height:50vh !important;}
.mx-height-75  {max-height:75vh !important;}
.mx-height-100 {max-height:100vh !important;}
.mx-height-100 {max-height:150vh !important;}
.mx-height-100 {max-height:200vh !important;}

/*margin*/
.m-05  {margin:.25rem !important;}
.mx-05 {margin-left:.25rem !important;margin-right:.25rem !important;}
.my-05 {margin-top:.25rem !important;margin-bottom:.25rem !important;}
.mt-05 {margin-top:.25rem !important;}
.mb-05 {margin-bottom:.25rem !important;}
.ms-05 {margin-left:.25rem !important;}
.me-05 {margin-right:.25rem !important;}

/*padding*/
.p-05  {padding:.25rem !important;}
.px-05 {padding-left:.25rem !important;padding-right:.25rem !important;}
.py-05 {padding-top:.25rem !important;padding-bottom:.25rem !important;}
.pt-05 {padding-top:.25rem !important;}
.pb-05 {padding-bottom:.25rem !important;}
.ps-05 {padding-left:.25rem !important;}
.pe-05 {padding-right:.25rem !important;}

/*effect*/
.blur-25  {filter: blur(.25rem);}
.blur-05  {filter: blur(.5rem);}
.blur-1   {filter: blur(1rem);}
.blur-1-5 {filter: blur(1.5rem);}
.blur-2   {filter: blur(2rem);}

/*scale*/
.scale-1   {transform: scale(1);}
.scale-1-5 {transform: scale(1.5);}
.scale-2   {transform: scale(2);}
.scale-2-5 {transform: scale(2.5);}
.scale-3   {transform: scale(3);}

/*template*/
@media (min-width: 1280px) {
  .container-fluid {max-width:1670px !important;}
}

/*modal*/
.modal-backdrop {background:var(--secondary) !important;}
.modal-backdrop.show {opacity:.95 !important;}

/*curved page*/
@media (max-width: 1440px) {
  .bg-white.w-100.hg-100.rounded-5 {height:60px !important;}
}

@media (max-width: 768px) {
  .bg-white.w-100.hg-100.rounded-5 {height:50px !important;}
}

/*over menu*/
.offcanvas-header .btn-close {border:1px solid var(--secondary);color:var(--secondary);width:40px;height:40px;border-radius:50rem;padding:0px;}

/*button*/
.btn:active {transform: scale(0.85);}
.btn-check:focus+.btn, .btn:focus {box-shadow:none !important;}
.btn-primary {border-color:var(--primary) !important;background:var(--primary);color:var(--secondary) !important;}
.btn-primary:hover {border-color:var(--dark-secondary) !important;background:var(--dark-secondary);color:var(--white) !important;}
.btn-secondary {border-color:var(--secondary) !important;background:var(--secondary);color:var(--white) !important;}
.btn-secondary:hover {border-color:var(--dark-secondary) !important;background:var(--dark-secondary);}
.btn-outline-secondary {border-color:var(--secondary) !important;color:var(--secondary) !important;}
.btn-outline-secondary:hover {background:var(--dark-secondary);border-color:var(--dark-secondary);color:var(--primary) !important;}

/*header*/
#logo-header .kypra-isotipo  {width:80px;}
#logo-header .kypra-logotipo {width:200px;}
@media (max-width: 1280px) {
  #logo-header .kypra-isotipo  {width:60px;}
  #logo-header .kypra-logotipo {width:160px;}
}
#logo-header-over-mobile .kypra-isotipo  {width:60px;}

@media (min-width: 1180px) {
  #main-header .col-logo, #main-header .col-btn {width:350px !important;}
}


/*footer*/
#logo-footer-down {transform:translateY(15%);}
#logo-footer .kypra-isotipo  {width:60px;}
#logo-footer .kypra-logotipo {width:180px;}
@media (max-width: 1280px) {
  #logo-footer .kypra-isotipo  {width:40px;}
  #logo-footer .kypra-logotipo {width:120px;}
}
#main-menu li a {height:40px;line-height:40px;display: block;border-radius:50rem;overflow:hidden;}
#main-menu li a:hover {background:var(--secondary) !important;color:var(--primary) !important;}
#main-menu li a.active {background:rgba(6,13,44,.1) !important;color:var(--primary) !important;cursor:default;color:var(--secondary) !important;font-variation-settings: 'wght' 700 !important;}

/*contatti*/
.map-clip {clip-path: url(#cutCorner);height: 600px;}
@media (max-width: 1440px) {
  .map-clip {height: 500px;}
}
@media (max-width: 768px) {
  .map-clip {clip-path:none !important;}
  #map {border-radius:2rem !important;overflow:hidden !important;}
  .map-clip {height: 400px;}
}
@media (max-width: 768px) {
  .map-clip {height: 280px;}
}

/*form*/
.form-default-style input {font-weight:300;font-size:1.1rem !important;border-color:var(--bs-secondary-border-subtle);border-radius:0.5rem;}
.form-default-style .form-control:focus {box-shadow: none !important;border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;}
textarea.form-control {border-radius:0.5rem;min-height:25rem !important;}
select.form-control {border-radius:0.5rem;}
.form-default-style .wpcf7-form-control-wrap {position:relative;}
.form-default-style .form-check {margin-left:0px !important;padding:0px !important;}
.form-default-style .form-check p .wpcf7-list-item {margin:0px !important;padding:0px !important;}
.form-default-style .form-check p {margin:0px !important;padding:0px !important;color:var(--secondary);}
.form-default-style .form-check p .wpcf7-list-item-label {color:var(--secondary);}
.form-default-style .form-check p .wpcf7-list-item-label a {color:var(--secondary);}
.form-default-style .form-check .form-check-input {width:26px;height:26px;border-radius:5px;padding:0px !important;margin:0px 10px 10px 0px !important;}
.form-default-style .form-check-input:focus {box-shadow: none !important;border-color:var(--secondary) !important;}
.form-default-style .form-check-input:checked {background-color:var(--secondary);border-color:var(--secondary);}
.form-default-style .quiz-container label {display:block;}
.form-default-style .quiz-container p  {margin-bottom:0px !important;}
.form-default-style .quiz-container .wpcf7-quiz {width:100% !important;text-align: right !important;font-weight:600 !important;font-size:1rem !important;padding-right:.75rem !important;}
.form-default-style .quiz-container .wpcf7-quiz-label {top:50%;transform: translateY(-50%);color:var(--secondary) !important;font-weight:600;font-size:.9rem !important;display:block;position:absolute !important;z-index:2 !important; margin:0rem 0px 0px .75rem;}
.form-default-style .button-container p  {margin:0px !important;padding:0px !important;}
.form-default-style .button-container br {display:none;}
.form-default-style .btn.btn-primary {padding:0px !important;height:50px !important;line-height:50px !important;}
.form-default-style .btn.btn-primary:hover {color:var(--white) !important;}
.form-default-style input, .form-default-style select {font-size:1rem !important;}
.form-default-style .form-control.wpcf7-not-valid {border-color:#dc3232;}
.form-default-style .wpcf7-not-valid-tip {position:absolute;top:50%;transform:translateY(-50%);right:15px;display:block;width:34px;height:34px;overflow:hidden;background:var(--white) !important;color:var(--white) !important;;}
.form-default-style .wpcf7-not-valid-tip::after {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#dc3232 !important;content: "\F33A";font-family:bootstrap-icons !important;font-size: 1.5rem !important;display:block !important;width:1.5rem;height:1.5rem;margin-top:-5px;}
.form-default-style .quiz-container .wpcf7-not-valid-tip {bottom:8px !important;top:auto !important;transform:none !important;color:var(--secondary);}
.form-default-style .select-down {position:relative;}
.form-default-style .select-down::before {position:absolute;right:1rem;bottom:1.5rem;z-index:5;content: "\F128";font-family:bootstrap-icons !important;font-size: 1.25rem !important;display:block !important;color:var(--secondary) !important;opacity:.50 !important;}
.form-default-style .wpcf7-spinner {margin-top: -35px !important;}
.form-default-style .form-check label {display:flex !important;}

/*contatti - form messaggi*/
.wpcf7-response-output {margin:20px 0px 0px 0px !important;padding:1rem !important;border-radius:50rem !important;overflow:hidden;}
.wpcf7 form .wpcf7-response-output {border: 2px solid #00a0d2;background-color:#00a0d2;color:#FFFFFF;font-weight:600;}
.wpcf7 form.sent .wpcf7-response-output {border-color: #46b450;background-color:#46b450;}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {border-color:#dc3232;background-color:#dc3232;}
.wpcf7 form.spam .wpcf7-response-output {border-color: #f56e28;background-color:#f56e28;}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output {border-color:#ffb900;background-color:#ffb900;}
.wpcf7-spinner {margin:-28px 10px 0px 0px;float:right;opacity:1;}
.wpcf7 .wpcf7-submit:disabled {opacity: 0.25 !important;pointer-events: none !important;cursor: not-allowed !important; }
.wp-block-columns.bg-orange-deep p.google-recaptcha, .wp-block-columns.bg-orange-deep p.google-recaptcha a {color:#FFFFFF !important;}

/*turnstile*/
#turnstile-captcha {transform:scale(.75);transform-origin:left top;width:180px;}

/*card*/
.card-sector .card-image figure {position:relative;max-width:180px;}
.card-sector .card-image figure::after {
  content: "";
  position:absolute;
  top:50%;
  left:50%;
  width:50%;
  height:50%;
  border-radius:50%;
  transform: translate(-50%, -50%);
  z-index:-1;
  background:var(--primary);
  opacity:0.25;
  transition:var(--transition-3);
}
.card-sector:hover .card-image figure::after {
  width:70%;
  height:70%;
  opacity:1;
}
.card-fasi .card-image figure {position:relative;max-width:180px;}
.card-fasi .card-image figure img {position:relative;z-index:2;}
.card-fasi .card-image figure::after {
  content: "";
  position:absolute;
  top:50%;
  left:50%;
  width:55%;
  height:55%;
  border-radius:50%;
  transform: translate(-50%, -50%);
  z-index:1;
  background:var(--primary);
  opacity:1;
  transition:var(--transition-3);
}
.card-fasi:hover .card-image figure::after {
  width:70%;
  height:70%;
  opacity:1;
}

/*accordion*/
.accordion-button figure {position:relative;width:100px;}
.accordion-button figure img {position:relative;z-index:2;width:100px !important;}
.accordion-button figure img {position:relative;z-index:2;width:100px !important;}

@media (max-width: 768px) {
  .accordion-button figure, .accordion-button figure img {width:60px !important;height:60px !important;}
}
@media (max-width: 680px) {
    .accordion-button figure, .accordion-button figure img {width:40px !important;height:40px !important;}
}
.accordion-button figure::after {
  content: "";
  position:absolute;
  top:50%;
  left:50%;
  width:65%;
  height:65%;
  border-radius:50%;
  transform: translate(-50%, -50%);
  z-index:1;
  background:var(--primary);
  transition:var(--transition-3);
}
.accordion-button:hover figure::after, .accordion-button.collapsed:hover figure::after {
  width:75%;
  height:75%;
  opacity:1;
}
.accordion-button.collapsed figure::after {opacity:0.25;}
.accordion .accordion-button::after {
  content: "\F119" !important;
  color:var(--secondary) !important;
  width:auto !important;
  height:auto !important;
  font-size:1.5rem !important;
  margin:0px !important;
  top:0rem !important;
}
.accordion-button:not(.collapsed)::after {
    content: "\F118" !important;
    transform: rotate(-180deg);
}

/*homepage*/
#homepage-open p strong {font-variation-settings: 'wght' 500 !important;}
.cover-clip {
  position: relative;
  width: 70%;
  aspect-ratio: 1920 / 1000;
  clip-path: url(#cutCorner);
  overflow: hidden;
}
.cover-clip figure {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.cover-clip figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cover-clip figure::after {
    background:var(--secondary) !important;
    opacity:.75;
}
@media (max-width: 1680px) {
  .cover-clip {
    width:60%;
    aspect-ratio: 1680 / 1100;
  }
}
@media (max-width: 1440px) {
  .cover-clip {
    width:50%;
    aspect-ratio: 1440 / 1100;
  }
}
@media (max-width: 1030px) {
  #homepage-cover .row.wrapper, #chisiamo-cover .row.wrapper, #realizzazione-cover .row.wrapper {display:block !important;}
  .cover-clip {
    width:100%;
    aspect-ratio: 1024 / 680;
    clip-path:none;
  }
  .cover-clip figure::after {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    content:"";
  }
  .cover-clip figure::before {
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:45%;
    content:"";
    background:linear-gradient(180deg, rgba(6,13,44,0) 0%, var(--secondary) 100%);

  }
}
@media (max-width: 768px) {
 .cover-clip {
    aspect-ratio: 760 / 720;
  }
}
@media (max-width:680px) {
 .cover-clip {
    aspect-ratio: 1 / 1.85;
  }
  #realizzazione-cover .cover-clip {
    aspect-ratio: 1 / 1.5;
  }
}

/*homepage - vantaggi*/
@media (max-width: 1440px) {
  .vantaggio-item .wd-80 {width:60px !important;}
  .vantaggio-item .fs-4 {font-size:1.5rem !important;}
}

/*slider*/
.tns-controls button {background:rgba(6,13,44,0.4);border:2px solid rgba(255,255,255,0.5) !important;}
.tns-controls button:hover {background:rgba(6,13,44,1);border-color: var(--white) !important;}
@media (max-width: 1030px) {
  .tns-controls button {opacity:1 !important;}
}

/*slider home*/
.carousel-home-fasi .tns-outer {padding-bottom:5rem !important;}
.carousel-home-fasi .tns-slider {display: flex !important;}
.carousel-home-fasi .tns-item {display: flex !important;height: auto;}
.carousel-home-fasi .tns-item > div {display: flex;width: 100%;}
.card-fasi {display: flex;flex-direction: column;width: 100%;height: 100%;}
.card-fasi .card-body {flex: 1;}
.carousel[class*="-big-controls"] .tns-controls button {width: 3.5rem;height: 3.5rem;background:var(--secondary);border:2px solid var(--white) !important;font-size: 1.25rem;border-radius:50rem;opacity:1;}
.carousel[class*="-big-controls"] .tns-controls button:hover {background:var(--dark-secondary);}
.carousel[class*="-big-controls"] .tns-controls button:disabled {opacity:.25;}

/*tag badge*/
ul.list-badge {list-style:none !important;gap: 0.5rem;flex-direction: column;display: flex;align-items: baseline}
ul.list-badge li {background:var(--primary);color:var(--secondary);border-radius:5rem;padding:1rem;font-weight:600;font-size:90%;}

/*single realizzazioni*/
#dati-evidenza {bottom:-3rem !important;}
#realizzazioni-content .cont-wrapper h5 {font-variation-settings: 'wght' 700 !important;}
#realizzazioni-content .cont-wrapper hr {border:0px;height:1px;background-color: rgba(6,13,44,.25) !important;}
#realizzazioni-content table {margin-bottom:2rem !important;font-size:90% !important}
#realizzazioni-content table thead {border:none !important;}
#realizzazioni-content table thead th {background-color: rgba(6,13,44,.15) !important;border:none !important;font-variation-settings: 'wght' 800;}
#realizzazioni-content table td {border:none !important;}
#realizzazioni-content table td:first-child {font-style:italic;}
#realizzazioni-content table td:last-child {font-variation-settings: 'wght' 500;}
#realizzazioni-content .cont-wrapper ul {padding-left:0px !important;}
#realizzazioni-content .cont-wrapper ul li {list-style: none;padding:0.35rem 0px 0.35rem 1.75rem;background-image: url('assets/img/check.svg');background-repeat: no-repeat;background-position: left center;background-size:1.2rem;font-size: 0.9rem !important;}
#realizzazioni-gallery:after {
    position:absolute;
    top:2rem;
    bottom:2rem;
    left:2rem;
    right:2rem;
    z-index:1;
    background:var(--primary);
    border-radius:2rem;
    content:"";
}
#realizzazioni-gallery figure {margin:5% 0px !important;}
#realizzazioni-gallery .tns-item.tns-slide-active figure {margin:0% !important;}
#realizzazioni-gallery .equal-16-9::before {padding-top: 40% !important;}
#realizzazioni-gallery .tns-item.tns-slide-active .equal-16-9::before {padding-top: 50% !important;}