html {
    scroll-behavior: smooth;
  }

.intro__groups {
    max-width: 100%;
    height: auto;
    display: none;
}
@media screen and (min-width:768px) {
    .intro__groups {
        display: block;
    }
}

.new_offers__group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    font-size: 1.75rem;
}

.new_offers__discl {
    font-size: 1.375rem;
    margin-top: 2rem;
    font-weight: 300;
    margin-bottom: 2rem;
}

.new_offers__group-item {
    background-color: #fff;
    box-shadow: 0 5px 15px 0 rgba(12,38,77,.2);
    border-radius: 20px;
    padding: 3rem 2rem;
    font-weight: 300;
    position: relative;
    display: flex;
    flex-direction: column;
}
.new_offers__group-item strong {
    font-weight: 500;
}
.new_offers__group-item hr {
    border-top: 1px solid #ccc;
    border-bottom: 0;
    margin: 2rem 0;
}
.new_offers__group-item h4 {
    font-weight: 600;
    font-size: 2.5rem;
    letter-spacing: -0.05rem;
    margin-bottom: 1rem;
}
.new_offers__group-item ul {
    list-style: disc;
    padding-left: 2rem;
    margin-bottom: 2rem;
}
.new_offers__group-item li {
    margin-bottom: 0.5rem;
}

.new_offers__group-item .cta {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #fff;
    border-radius: 15px;
    padding: 2rem 1rem;
    font-weight: 500;
    margin-top: auto;

}
.pakiet_details {
    display: flex;
    flex-direction: column;
    gap: 1rem 0;
    margin-top: 1rem;
}

.pakiet_details__row {
    display: flex;
    flex-wrap: wrap;
}

.pakiet_details__icon {
    margin-right: 1rem;
}

.pakiet_details__icon svg {
    width: 20px;
    height: 20px;
}

.text-center {
    text-align: center;
}
.pakiet_details__icon,
.pakiet_label {
    color: #b2b2b2;
}
.pakiet_label {
    text-transform: uppercase;
    font-size: 1.375rem;
}

.pakiet-1 .color,
.pakiet-1 li::marker {
    color: #29cef6;
}
.pakiet-2 .color,
.pakiet-2 li::marker {
    color: #f57f17;
}
.pakiet-3 .color,
.pakiet-3 li::marker {
    color: #f75632;
}

.pakiet-1 .cta {
    background-color: #29cef6;
}
.pakiet-2 .cta {
    background-color: #f57f17;
}
.pakiet-3 .cta {
    background-color: #f75632;
}


.pakiet-3 .best-offer {
    background-color: #f75632;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.best-offer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 1.5rem 1rem;
    border-radius: 20px 20px 0 0;
}

/* form */

.newform_holder {
    margin: 3rem 0;
    background-color: #f6f6f6;
    padding: 3rem 0;
}

.newform_holder .contact__form {
    background-color: #fff;
    border-radius: 20px;
    padding: 2rem;
}

.newform_holder .contact__header {
    font-weight: 400;
}
.newform_holder .contact__description {
    font-family: Montserrat, Saira Semi Condensed,sans-serif;
    font-size: 2rem;
    text-align: center;
}

.form-grid .contact__input,
.form-grid .contact__textarea,
.form-grid fieldset label,
.form-grid .radio-group-text {
    font-family: Montserrat, Saira Semi Condensed,sans-serif;
    font-size: 1.75rem;
}
.form-grid .contact__checkbox {
    font-family: Montserrat, Saira Semi Condensed,sans-serif;
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}


.form-grid .contact__submit-group {
    text-transform: uppercase;
    border-radius: 15px;
    padding: 1em;
    width: 100%;
    max-width: 280px;
}

.contact-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.contact-grid__item {
    display: flex;
    align-items: center;
    font-size: 2rem;
    margin: 2rem;
}

.contact-grid__item svg {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 1rem;
}

/* media */

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

    .form-grid {
        grid-template-columns: 1fr 1fr;
    }
    .form-grid > div:not(.col-2) {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .new_offers__group {
        grid-template-columns: 1fr 1fr ;
    }
}

@media screen and (min-width:1200px) {

    .new_groups h1 {
        font-size: 4.8rem;
        font-weight: 300;
    }
    .new_groups h2 {
        font-size: 2.8rem;
        font-weight: 300;
    }
    .new_groups p {
        font-size: 2rem;
        font-weight: 300;
    }
    .new_offers__group {
        grid-template-columns: 1fr 1fr 1fr;
    }

}