/* NTRIP CORRECTIONS SECTION */
.ntrip-corrections-section {
    background-color: #000;
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* CONTAINER XXL NTRIP CORRECTIONS */ 
.container-xxl-ntrip-corrections {
    width: 100%;
    display: flex;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.ntrip-corrections-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 100%;
    max-width: 1400px;
}

.main-image-ntrip-corrections {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}

.row-ntrip-suggestions-wrapper {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.ntrip-suggestions-col-image {
    width: 100%;
    max-width: 620px;
    flex: 1 1 33%;
    display: flex;
}

.img-ntrip-vertical-fit {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* COLONNA IMMAGINE */
.ntrip-suggestions-col-image {
    width: 100%;
    max-width: 1400px;
    flex: 1 1 33%;
    display: flex;
    padding-bottom: 60px;
}

.img-ntrip-vertical-fit {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* LAYOUT MOBILE: IMPILATO */
.ntrip-suggestions-col-left {
    width: 50%;
    max-width: 620px;
    display: flex;
    justify-content: center;
}

.ntrip-suggestions-col-right {
    width: 50%;
    max-width: 620px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-block-left {
    padding-left: 26px;
    padding-right: 26px;
}

.content-block-right {
    padding-right: 26px;
    padding-left: 26px;
}

.main-title-ntrip-suggestions {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 45px;
    line-height: 54px;
    padding-bottom: 36px;
    margin-block-end: 0px !important;
    margin-block-start: 0px !important;
    text-align: left;
    color: #fff;
}

.subtitle-ntrip-suggestions {
    font-family: Inter, sans-serif;
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    text-align: left;
    margin-block-end: 0px !important;
    margin-block-start: 0px !important;
    padding-bottom: 14px !important;
}


.subtitle-desc-ntrip-suggestions {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 20px;
    text-align: left;
    margin-block-end: 0px !important;
    margin-block-start: 0px !important;
    color: #fff;
}



.description-ntrip-suggestions {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 60px;
    text-align: left;
    margin-block-end: 0px !important;
    margin-block-start: 0px !important;
    color: #fff;

}

.compatibility-title {
    font-family: Inter, sans-serif;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    font-weight: 600 !important;
    text-align: left;
    margin-block-end: 0px !important;
    padding-bottom: 5px;
}

.compatibility-desc {
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #fff !important;
    font-weight: 300 !important;
    text-align: left;
    margin-bottom: 30px;
}

.divider {
    max-width: 568px;
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin-bottom: 50px;
    opacity: 1;
}

/* PULSANTI */
.btn-quote {
    width: 300px;
    height: 54px;
    background-color: #008bee;
    border: 0px;
    border-radius: 30px;
    font-family: Inter;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #fff !important;
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
}

.btn-blu:hover {
    background-color: #0067b0;
}

.info-text {
    font-family: 'Inter';
    font-size: 16px;
    line-height: 22px;
    color: #fff !important;
    text-align: center;
    margin-bottom: 24px;
}

.btn-outline {
    border: 2px solid #fff !important;
    border-radius: 30px;
    border-color: #fff !important;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    gap: 20px;
    display: inline-block;
}


.btn-text-scrivici {
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    font-family: Inter;
}

.btn-text-scrivici:hover {
    background-color: #fff !important;
    color: #000 !important;
}

.bi-envelope-fill,
.bi-telephone-fill {
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    line-height: 24px;
}

.icona-mail,
.icona-cel {
    padding-right: 10px;
}


.title-wrapper {
    position: relative;
    margin-bottom: 16px;
}

.badge-new {
    position: relative;
    top: 0;
    transform: none;
    width: 85px;
    height: 36px;
    background-color: #ff0000;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
}

.uhf-section {
    padding-top: 20px;
} 

/* NASCONDI CTA MOBILE DI DEFAULT */
.cta-mobile {
  display: none;
  width: 100%;
  padding-top: 30px;
}

.cta-mobile {
  align-self: flex-start; /* o center se preferisci */
}


/* MEDIA QUERIES */
/* CONTAINER XXL NTRIP CORRECTIONS */
@media (max-width: 409px) {
    .container-xxl-ntrip-corrections {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 410px) and (max-width: 699px) {
    .container-xxl-ntrip-corrections {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (min-width: 700px) and (max-width: 870px) {
    .container-xxl-ntrip-corrections {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 871px) and (max-width: 1429px) {
    .container-xxl-ntrip-corrections {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/* LAYOUT MOBILE: IMPILATO */
@media (max-width: 699px) {
    .row-ntrip-suggestions-wrapper {
        flex-direction: column;
    }

    .ntrip-suggestions-col-image,
    .ntrip-suggestions-col-left,
    .ntrip-suggestions-col-right {
        width: 100%;
        max-width: 100%;
    }

    .img-ntrip-vertical-fit {
        height: auto;
    }
}

@media (max-width: 699px) {
    .ntrip-suggestions-col-left {
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 700px) and (max-width: 870px) {
    .ntrip-suggestions-col-left {
        width: 50%;
        max-width: 435px;
    }
}

@media (min-width: 871px) and (max-width: 991px) {
    .ntrip-suggestions-col-left {
        width: 50%;
        max-width: 495.5px;
    }
}

@media (max-width: 414px) {
    .ntrip-suggestions-col-right {
        padding-top: 30px;
    }
}

@media (max-width: 699px) {
    .ntrip-suggestions-col-right {
        width: 100%;
        max-width: 600px;
    }
}

@media (min-width: 700px) and (max-width: 870px) {
    .ntrip-suggestions-col-right {
        width: 50%;
        max-width: 435px;
    }
}

@media (min-width: 871px) and (max-width: 991px) {
    .ntrip-suggestions-col-right {
        width: 50%;
        max-width: 495.5px;
    }
}

@media (max-width: 699px) {

    .content-block-right,
    .content-block-left {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (min-width: 700px) and (max-width: 1429px){
.content-block-left {
    padding-right: 26px;
    padding-left: 0px;
}
.content-block-right {
    padding-left: 26px;
    padding-right: 0px;
}
}
/* < 369PX */
@media (max-width: 368px) {
    .main-title-ntrip-suggestions {
        font-size: 31px;
        line-height: 40px;
    }
}
/*  Da 369px a 374px */
@media (min-width: 369px) and (max-width: 374px) {
    .main-title-ntrip-suggestions {
        font-size: 31px;
        line-height: 40px;
    }
}

/*  Da 375px a 408px */
@media (min-width: 375px) and (max-width: 408px) {
    .main-title-ntrip-suggestions {
        font-size: 32px;
        line-height: 41px;
    }
}

/*  Da 409px a 413px */
@media (min-width: 409px) and (max-width: 413px) {
    .main-title-ntrip-suggestions {
        font-size: 33px;
        line-height: 40px;
    }
}

/*  Da 414px a 429px */
@media (min-width: 414px) and (max-width: 429px) {
    .main-title-ntrip-suggestions {
        font-size: 32.5px;
        line-height: 40px;
    }
}

/*  Da 430px a 790px */
@media (min-width: 430px) and (max-width: 790px) {
    .main-title-ntrip-suggestions {
        font-size: 34px;
        line-height: 41px;
    }
}

/* Da 791px a 809px */
@media (min-width: 791px) and (max-width: 809px) {
    .main-title-ntrip-suggestions {
        font-size: 35px;
        line-height: 42px;
    }
}

/* Da 810px a 829px */
@media (min-width: 810px) and (max-width: 829px) {
    .main-title-ntrip-suggestions {
        font-size: 36px;
        line-height: 43px;
    }
}

/* Da 830px a 848px */
@media (min-width: 830px) and (max-width: 848px) {
    .template-section-title {
        font-size: 37px;
        line-height: 44px;
    }
}

/* Da 849px a 886px */
@media (min-width: 849px) and (max-width: 886px) {
    .main-title-ntrip-suggestions {
        font-size: 38px;
        line-height: 45px;
    }
}

/* Da 887px a 963px */
@media (min-width: 887px) and (max-width: 963px) {
    .main-title-ntrip-suggestions {
        font-size: 39px;
        line-height: 46px;
    }
}

/* Da 964px a 1066px */
@media (min-width: 964px) and (max-width: 1066px) {
    .main-title-ntrip-suggestions {
        font-size: 41px;
        line-height: 48px;
    }
}

/* Da 1067px a 1231px */
@media (min-width: 1067px) and (max-width: 1231px) {
    .main-title-ntrip-suggestions {
        font-size: 43px;
        line-height: 51px;
    }
}


@media (max-width: 369px) {
    .description-ntrip-suggestions {
        line-height: 20px;
        font-size: 14px;
    }
}

@media (min-width: 370px) and (max-width: 1128px) {
    .description-ntrip-suggestions {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (max-width: 369px) {
    .compatibility-title {
        line-height: 24px;
        font-size: 16px;
    }
}

@media (min-width: 370px) and (max-width: 409px) {
    .compatibility-title {
        line-height: 26px;
        font-size: 18px;
    }
}

@media (min-width: 410px) and (max-width: 943px) {
    .compatibility-title {
        font-size: 20px;
        line-height: 28px;
    }
}


@media (max-width: 369px) {
    .compatibility-desc {
        line-height: 20px;
        font-size: 14px;
    }
}

@media (min-width: 370px) and (max-width: 409px) {
    .compatibility-desc {
        line-height: 21px;
        font-size: 15px;
    }
}

@media (min-width: 410px) and (max-width: 943px) {
    .compatibility-desc {
        font-size: 16px;
        line-height: 22px;
    }
}

/* PULSANTI */

@media (max-width: 349px) {
    .btn-blu {
        font-size: 17px;
        line-height: 19px;
    }
}

@media (min-width: 350px) and (max-width: 369px) {
    .btn-blu {
        width: 100%;
        max-width: 280px;
        font-size: 18px;
        line-height: 20px;
    }
}

@media (max-width: 699px) {
    .btn-blu {
        margin-bottom: 30px;
    }
}

@media (max-width: 369px) {
    .btn-blu {
        width: 100%;
        max-width: 280px;
        font-size: 18px;
        line-height: 20px;
    }
}

@media (min-width: 370px) and (max-width: 402px) {
    .info-text {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width: 403px) and (max-width: 830px) {
    .info-text {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width:712px) and (max-width:751px) {
    .btn-outline {
        padding-left: 18px;
        padding-right: 18px;
        gap: 10px;
    }
}

@media (min-width:752px) and (max-width: 1066px) {
    .btn-outline {
        padding-left: 20px;
        padding-right: 20px;
        gap: 10px;
    }
}

@media (max-width: 801px) {

    .bi-envelope-fill,
    .bi-telephone-fill {
        font-size: 15px;
        line-height: 21px;
    }
}

@media (min-width: 802px) and (max-width: 890px) {

    .bi-envelope-fill,
    .bi-telephone-fill {
        font-size: 16px;
        line-height: 22px;
    }
}


@media (max-width: 575.98px) {
    .cta-mobile .d-flex {
      flex-direction: column !important;
      align-items: center !important;
      margin-bottom: 15px;
    }
  
    .cta-mobile .btn-outline {
      width: 100% !important;
      margin-right: 0 !important;
      text-align: center !important;
      justify-content: center;
      display: flex;
      align-items: center;
    }
  
    .cta-mobile .btn-outline i {
      margin-right: 10px;
    }
  }
  
  @media (max-width: 699px) {
    .row-ntrip-suggestions-wrapper {
      flex-direction: column !important;
      flex-wrap: nowrap !important;
      align-items: stretch !important;
    }
  
    .ntrip-suggestions-col-left,
    .ntrip-suggestions-col-right {
      width: 100% !important;
      max-width: 100% !important;
      flex: none !important;
      padding: 0 !important;
      margin: 0 auto !important;
    }
  
  
    .img-ntrip-vertical-fit {
      width: 100% !important;
      height: auto !important;
      object-fit: cover !important;
    }
  
    .cta-mobile {
      display: block !important;
      width: 100%;
      padding: 30px 15px 0 15px;
    }
  }

  /* MOSTRA CTA SOLO SOTTO I 700px  */
@media (max-width: 699px) {
    .cta-mobile {
      display: block;
    }
    .cta-section-desktop{
      display: none;
    }
  }


  .btn-blu:focus,
.btn-blu:active {
    background-color: #008bee; 
    outline: none; 
}