.wpcc-container {
    padding: 7px;
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .h-desk {
        height: 20px;
    }
}

.fe-pulse {
    animation-duration: 2s !important;
}

#home {
    background-image: none;
    background-color: #0AB5E0;
}

#bio_ep {
    top: 20%;
}

@media screen and (max-width: 1000px) {
    .ftt-2 {
        flex-wrap: wrap;
    }

    .bg-copy h1 {
        font-size: 2em;
    }

    .bg-copy h2 {
        font-size: 1.6em;
    }
}

.big-price {
    font-size: 30px;
    padding-bottom: 10px;
}

.ftt-2 img {
    max-height: 30px;
    width: auto;
}

.ftt-line img {
    margin-bottom: .5rem;
}

.ftt-line {
    display: flex;
    align-items: center;
}

@keyframes pulse {
    from {
        transform: scale(1);
    }

    50% {
        transform: scale(0.85);
    }

    to {
        transform: scale(1);
    }
}

.fe-pulse {
    animation-name: pulse;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

.logo-new {
    max-width: 200px;
    height: auto !important;
}

.red-a:hover {
    color: red;
    text-decoration: none;
}

@media screen and (min-width: 769px) {
    .mobile-header-2 {
        text-align: right;
    }
}

@media screen and (max-width: 768px) {
    .mobile-header-1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .mobile-header-2 img {
        margin-top: 10px;
    }
}

.modal-open .container-fluid,
.modal-open .container {
    -webkit-filter: blur(5px) grayscale(90%);
}

#formFooter {
    padding-bottom: 20px;
}

.header .row {
    padding: 6px 0;
}

.p-policy {
    margin-bottom: 0px;
    font-size: 9px;
}

.custom-control-label::before,
.custom-control-label::after {
    width: 1.25rem;
    height: 1.25rem;
    top: 0;
}

#error-response,
#error-response-modal,
#error-response-popup {
    display: none;
    color: red
}

.btn-success:after {
    content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="white" d="M64 448c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L178.8 256L41.38 118.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25l-160 160C80.38 444.9 72.19 448 64 448z"/></svg>');
    font-size: 80%;
    margin-left: 10px;
    margin-top: 3px;
    width: 9px;
    transition: .3s 10ms
}

.btn-success:hover:after {
    transform: translateX(10px)
}

.logo-new {
    max-width: 220px
}

.modal-header {
    padding-top: 0;
    padding-bottom: 0
}

.modal {
    overflow: scroll
}

.modal-content {
    z-index: 9999
}

.modal.fade .modal-dialog {
    transform: unset
}

.mobile-serve-aiuto {
    z-index: 99 !important
}

.dazn-class li {
    font-size: 15px
}

.wpcc-container {
    z-index: 999
}

.loader_btn_sales {
    display: none;
    border: 3px solid #f3f3f3;
    border-top: 3px solid transparent;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    animation: 1s linear infinite spin
}

.flex-novita {
    margin-bottom: 11px;
    display: flex;
    margin-top: 20px
}

.btn[name=btn_modal],
.btn[name=btn_standard] {
    display: flex;
    justify-content: center
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

#tim-countdown span {
    color: red;
    font-size: 25px
}

#tim-countdown,
.bg-white .col-md-12 {
    margin-top: -10px
}

.bg-copy {
    padding: 5px 12px 5px 14px
}

.bg-white label {
    margin-bottom: 0
}

#formFooter {
    background-size: cover;
    background-image: url('../images/sfondotim.webp')
}

.img-calcio {
    height: auto;
    max-width: 70%
}

.dazn-class {
    list-style: none;
    padding-left: 0
}

.mobile-white,
.novita-red {
    padding: 4px 7px 3px;
    line-height: 1;
    margin-right: .3rem;
    display: flex;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 12px
}

.dazn-class li:before {
    content: '✓';
    padding-right: 10px;
    color: #2cbe80;
    font-weight: 700
}

.novita-red {
    background: #ea0026;
    align-items: center;
    color: #fff
}

.mobile-white {
    align-items: center;
    color: #0033a1;
    background: #fff
}

.luce {
    text-shadow: #317a97 0 0 5px, #09bbfb 0 0 13px, #09bbfb 0 0 35px
}

.black {
    color: #000
}

@media screen and (max-width:768px) {
    .ext-focus {
        font-size: 12px
    }

    .mobile-none {
        display: none
    }

    .btn-netflix {
        width: 100%;
        border-radius: 7px !important
    }

    .netflix-font {
        text-align: center;
        color: #fff
    }

    #formFooter .luce {
        font-size: 1.6em
    }

    #formFooter,
    #home,
    .bg-copy,
    .focus {
        background-color: #0033a1
    }

    .col-lg-5.col-xl-6.logo {
        padding-top: 3px
    }

    .ftth {
        width: 28px
    }

    .mobile-condizioni {
        margin: 0
    }

    .focus h4 {
        font-size: .85em
    }

    .header h2 {
        padding: 0;
        margin-bottom: -3px
    }

    .img-calcio {
        max-width: 100%;
        margin: auto;
        display: block
    }

    ul {
        padding-left: 17px
    }

    .ftt-line h2 {
        font-size: 21px
    }

    .black {
        color: #fff
    }

    .vincoli {
        margin-bottom: 10px !important
    }
}

.btn-cta-footer .btn-green {
    background-color: #00c009
}

ul li {
    font-size: 14px
}

.header {
    background-color: #0033a1 !important
}

#home,
.bg-copy,
.focus {
    background-color: #0033a1
}

.solo-mobl {
    max-width: 100%;
    height: auto;
    margin-top: 15px
}

.last-margin p,
.vincoli {
    margin: 0
}

@media screen and (min-width:768px) {
    #formFooter {
        padding: 5% 0
    }

    .no-desk,
    .solo-mobl {
        display: none
    }

    .extra-padding {
        padding: 0 15px
    }

    .bg-copy {
        border: 2px solid #0ff
    }
}

#code {
    background-color: #0032a1;
    color: #fff;
    padding: 15px 0
}

.vincoli {
    color: #0033a1;
    background: #0ff;
    max-width: max-content;
    text-transform: uppercase;
    font-weight: 600;
    padding: 1px 4px;
    font-size: 16px
}

.last-margin {
    padding: 30px 0
}

.prova {
    display: flex;
    margin-bottom: 20px
}

.prova .contimg {
    float: none;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top
}

.prova img {
    width: 16px;
    height: 16px;
    margin-left: 0;
    float: left;
    cursor: help
}

.prova .notaw {
    width: 295px;
    display: none;
    position: absolute;
    background: #fff;
    color: #1a1a1a;
    border-radius: 8px;
    border: 1px solid #eee;
    padding: 20px;
    transform: translateY(-100%);
    margin: -10px auto 0;
    left: 10px;
    z-index: 100;
    max-width: 700px;
    box-sizing: border-box;
    box-shadow: 10px 15px 35px 0 rgba(0, 0, 0, .18);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: .4px
}

.prova .notaw .arrow {
    width: 0;
    height: 0;
    position: absolute;
    left: 168px;
    margin-left: -10px;
    bottom: -10px;
    border: 10px solid transparent;
    border-bottom-width: 0;
    border-top-color: #fff
}

.prova .notaw sup {
    display: none
}

.prova .contimg:active .notaw,
.prova .contimg:focus .notaw,
.prova .contimg:hover .notaw {
    display: block
}

.price-fwa {
    display: flex;
    align-items: baseline;
    grid-gap: 10px
}

.euro,
.sconto-tim {
    color: #fff;
    background: red
}

.ftth-line {
    width: 15px
}

.sconto-tim {
    max-width: max-content;
    text-transform: uppercase;
    font-weight: 600;
    padding: 1px 4px;
    margin: 0;
    font-size: 16px
}

.convergenza,
.font-bul {
    font-size: 14px
}

.netflix-img {
    max-width: 75px
}

.price-fwa {
    font-size: 2.4em !important
}

.note-promo {
    font-size: 12px;
    margin-bottom: 0
}

@media screen and (max-width:768px) {

    .desk-tim,
    .img-linea-desk,
    .sconto-online {
        display: none
    }

    .straordinario {
        font-size: 15px
    }

    .price-fwa {
        font-size: 1.8em
    }

    .giga-illi {
        font-size: 10px !important
    }
}

@media screen and (min-width:768px) {
    .img-linea-desk {
        display: block
    }

    .sconto-online {
        margin-bottom: 10px;
        margin-top: -10px
    }

    .desk-sim {
        margin-top: -5px;
        font-size: 17px
    }

    .convergenza {
        display: none
    }
}

.img-linea {
    margin: auto;
    display: block;
    max-width: 250px
}

.img-linea-desk {
    max-width: 250px;
    margin-bottom: 10px
}

.Stars {
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: var(--star-size);
    font-family: Times;
    line-height: 1;
}

.Stars::before {
    content: "★★★★★";
    letter-spacing: 3px;
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffcc00;
}

.client-rev {
    font-weight: 800;
}

#formFooter .black {
    color: black !important;
}

@media screen and (max-width: 768px) {
    .siema-mobile-none {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .siema-desktop-none {
        display: none;
    }
}


/* Stile per l'accordion */

.accordion {
    margin: 0 auto;
}

.w-area .info-footer {
    display: block;
    text-align: center;
    font-weight: 800;
    width: 100%;
}

.w-area .btn-cta-footer {
    text-align: center;
    display: block;
    width: 100%;
}

.w-area p {
    margin-bottom: 0;
}

.accordion-heading {
    background-color: #f0f2f8;
    padding: 10px;
    color: black;
    cursor: pointer;
    margin: 5px 0;
    border-radius: 8px;
}

.accordion-content p {
    padding: 10px;
}

.arrow {
    float: right;
    transition: transform 0.3s ease-out;
}

.arrow svg {
    display: block;
    width: 20px;
    fill: black;
}

.arrow.down {
    transform: rotate(180deg);
}

.title-service {
    text-align: center;
}

.faq .btn-cta-footer {
    text-align: center;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.accordion-item.active .accordion-content {
    max-height: 800px;
    /* Valore alto per consentire una transizione fluida */
}

.modal-header {
    border-bottom: none;
}

.logo-new {
    max-width: 150px;
    height: auto !important;
    margin: 10px;
}