.hero-innerpage {
    height: 100%;
}
.hero-innerpage-anglian {
    background: linear-gradient(
            110deg,
            rgba(0, 2, 44, 0.8) 0.31%,
            rgba(17, 61, 97, 0.8) 99.08%
        ),
        url("/themes/default/assets/bg3.png") no-repeat;
    background-position: start;
    background-size: cover;
    height: 100%;
}

.hero-innerpage-contact {
    background: linear-gradient(
            110deg,
            rgba(0, 2, 44, 0.8) 0.31%,
            rgba(17, 61, 97, 0.8) 99.08%
        ),
        url("/themes/default/assets/bg3.png") no-repeat;
    background-position: start;
    background-size: cover;
    height: 100%;
}

.hero-innerpage-cost,
.hero-innerpage-quality {
    background: linear-gradient(
            110deg,
            rgba(0, 2, 44, 0.8) 0.31%,
            rgba(17, 61, 97, 0.8) 99.08%
        ),
        url("/themes/default/assets/bg-img-cost.png") no-repeat;
    background-position: start;
    background-size: cover;
    height: 100%;
}
.hero-innerpage-env {
    background: linear-gradient(
            110deg,
            rgba(0, 2, 44, 0.8) 0.31%,
            rgba(17, 61, 97, 0.8) 99.08%
        ),
        url("/themes/default/assets/bg-img-care-env.png") no-repeat;
    background-position: start;
    background-size: cover;
    height: 100%;
}

.hero-innerpage-cost,
.hero-innerpage-quality,
.hero-innerpage-env {
    .global-persons {
        .global-person1 {
            margin-bottom: -3rem !important;
        }
        .global-person2 {
            margin-bottom: -3rem !important;
        }
    }
}

.thank-you-header {
    width: 65%;
    margin: auto;
    figure {
        img {
            width: 3rem;
            display: block;
        }
        h3 {
            font-size: 2rem;
            margin-left: 1rem;
            color: white;
            font-weight: 600;
            span {
                color: #00b67a;
            }
        }
    }
    .lines {
        width: 25%;
        margin: auto;
        margin-top: 1rem;
        .lines-first-row {
            width: 50%;
            margin: auto;
            .line-1 {
                width: 70%;
                height: 0.1rem;
                background-color: white;
                border-radius: 1rem;
            }
            .line-2 {
                width: 25%;
                height: 0.1rem;
                background-color: white;
            }
        }
        .lines-second-row {
            width: 100%;
            height: 0.1rem;
            margin-top: 1rem;
            background-color: white;
            border-radius: 1rem;
        }
    }
}

.quote-page-one-blade {
    .window-replacement-cost-estimator {
        .global-persons {
            .inner-nav:nth-child(1) {
                display: none;
            }
            .inner-nav:nth-child(2) {
                margin-left: 2.5rem;
            }
        }
    }
}
.window-replacement-cost-estimator {
    .heading {
        width: 65%;
        margin: auto;
        color: white;
        margin-top: 3rem;
        .heading-top {
            text-align: center;
            background-color: #00b67a;
            padding: 1.5rem 3rem;
            border-radius: 5rem;
            h3 {
                font-size: 2.1rem;
                font-weight: 700;
            }
            p {
                margin-top: 0.5rem;
                font-size: 1.1rem;
                font-weight: 300;
            }
        }
        .shape-bottom {
            width: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-top: 25px solid #00b67a;
            margin: auto;
        }
    }

    .options {
        width: 70%;
        margin: auto;
        text-align: center;
        color: white;
        margin-top: 3rem;
        h4 {
            font-size: 1.6rem;
            font-weight: 600;
        }
        .radio-btn {
            width: 60%;
            margin: auto;
        }
        form {
            margin-top: 2rem;
            label {
                display: block;
                font-size: 1rem;
            }
            input {
                display: block;
                margin-right: 0.8rem;
                background: none !important;
            }
            input[type="radio"] {
                -webkit-appearance: none;
                appearance: none;
                width: 24px;
                height: 24px; /* <-- rectangle */
                border: 2px solid white;
                border-radius: 3px; /* 0 for sharp corners */
                padding: 3px; /* creates inner “indicator” */
                background-clip: content-box; /* fill only the inside */
                cursor: pointer;
                margin-top: -0.1rem !important;
            }
            input[type="radio"]:checked {
                background: #2563eb !important;
            }
            input[type="radio"]:focus-visible {
                outline: 2px solid #2563eb !important;
                outline-offset: 2px;
            }
        }
    }

    .select-window-types {
        width: 75%;
        margin: auto;

        /* border: 1px solid green; */
        color: white;
        margin-top: 4rem;
        h4 {
            text-align: center;
            font-size: 1.6rem;
            span {
                font-size: 0.7rem;
            }
        }

        .list-of-icons {
            display: grid;
            margin-left: -0.5rem;
            grid-template-columns: repeat(6, 1fr);
            grid-gap: 2rem;
            margin-top: 2rem;
            .figure {
                border-radius: 0.5rem;
                border: 1px solid gainsboro;
                position: relative;
                /* &:nth-child(1) {
     p {
      background-color: #00b67a;
      color: white;
     }
    } */
                img {
                    padding: 1.5rem 2rem;
                    /* width: 40%; */
                    height: 2.2rem;
                    width: 2.2rem;
                    display: block;
                    margin: auto;
                }
                p {
                    text-align: center;
                    margin-top: 1rem;
                    font-size: 0.7rem;
                    border-top: 1px solid gray;
                    padding: 0.6rem 0;
                    border-radius: 0rem 0 0.5rem 0.5rem;
                    background-color: white;
                    color: black;
                }
            }
            .figure input[type="checkbox"] {
                position: absolute;
                opacity: 0; /* hide checkbox */
                pointer-events: none;
            }
            .figure input[type="checkbox"]:checked + label figure p {
                text-align: center;
                margin-top: 1rem;
                font-size: 0.7rem;
                border-top: 1px solid gray;
                padding: 0.6rem 0;
                border-radius: 0rem 0 0.5rem 0.5rem;
                background-color: white;
                background-color: #00b67a;
                color: white;
            }
        }
    }

    .global-persons {
        position: relative;
        /* bottom: 0 !important; */
        figure {
            margin-top: -3rem;
            button {
                border: none;
                background: none;
            }
            img {
                width: 100%;
            }
            .inner-nav {
                width: 2rem;
                margin: auto;
                margin-top: 6rem;
                margin-bottom: 3rem;
                &:nth-child(2) {
                    transform: rotate(180deg);
                    background-color: #00b67a;
                    border-radius: 0.3rem;
                }
            }
        }
        .global-person1 {
            margin-bottom: -1.5rem;
        }
        .global-person2 {
            margin-bottom: -1.5rem;
        }
    }

    .window-involved {
        color: white;
        font-size: 1.5rem;
        /* margin-top: 2rem; */
        h4 {
            text-align: center;
            font-size: 1.4rem;
        }
        .windows {
            width: 80%;
            margin: auto;
            margin-top: 2rem;
            p {
                width: 400px;
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                /* padding: 0 1rem; */
                font-size: 0.8rem;
                border: 1px solid gainsboro;
            }
        }

        .windows input[type="radio"] {
            display: none; /* hide actual radio */
        }

        .windows label {
            width: 100%;
            cursor: pointer;
            transition: 0.3s ease;
            height: 3rem;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* when selected */
        .windows input[type="radio"]:checked + label {
            background: #00b67a;
            color: white;
        }
    }

    .options-options {
        width: 80%;
        margin: auto;
        h4 {
            font-size: 1.4rem !important;
        }
        .options-list-list {
            input[type="radio"] {
                -webkit-appearance: none;
                appearance: none;
                width: 24px;
                height: 24px; /* <-- rectangle */
                border: 2px solid white;
                border-radius: 3px; /* 0 for sharp corners */
                padding: 3px; /* creates inner “indicator” */
                background-clip: content-box; /* fill only the inside */
                cursor: pointer;
                margin-top: -0.1rem !important;
            }
            input[type="radio"]:checked {
                background: #2563eb !important;
            }
            input[type="radio"]:focus-visible {
                outline: 2px solid #2563eb !important;
                outline-offset: 2px;
            }
        }
    }

    /* .projects-take-place {
  width: 60%;
  font-size: 1.5rem;
  color: white;
  margin: auto;
  margin-top: 4rem;
  h4 {
   text-align: center;
  }
  form {
   width: 80%;
   margin: auto;
   margin-top: 2rem;
   input {
    width: 94%;
    display: block;
    background: none;
    font-family: "Poppins";
    border: none;
    border: 1px solid white;
    padding: 0.6rem 1rem;
    margin-top: 1rem;
    &::placeholder {
     color: white;
    }
   }
   button {
    background: none;
    border: none;
    width: 100%;
    display: block;
    border: 1px solid #00b67a;
    padding: 0.6rem 6rem;
    color: white;
    margin: auto;
    margin-top: 0.5rem;
    font-family: "Poppins";
    font-weight: 700;
    background-color: #00b67a;
   }
  }
  figure {
   width: 50%;
   margin: auto;
   position: absolute;
   bottom: 1rem;
   display: flex;
   justify-content: center;
   align-items: center;
   img {
    width: 22%;
   }
  }
 } */

    .projects-take-place {
        width: 83%;
        margin: auto;
        margin-top: 4rem;
        h4 {
            margin-bottom: 2rem;
            font-size: 1.4rem;
        }
        .input-sec-prices {
            margin-top: 4rem;
            label {
                text-wrap: noWrap !important;
                display: block;
            }
            input {
                width: 90%;
                display: block;
                margin: auto;
                /* background: none; */
                border: none;
                border: 1px solid white;
                background-color: white;
                padding: 0.7rem 0.5rem;
                font-family: "Poppins";
                font-size: 1.1rem;
                border-radius: 0.2rem;
                color: white;
                outline: none;
            }
            input::placeholder {
                color: white;
            }
            button {
                background: none;
                border: none;
                width: 80%;
                display: block;
                border: 1px solid #00b67a;
                padding: 0.8rem 6rem;
                color: white;
                margin: auto;
                margin-top: 0.5rem;
                font-family: "Poppins";
                font-weight: 700;
                font-size: 1.2rem;
                border-radius: 0.2rem;
                margin-top: 1.3rem;
                background-color: #00b67a;
            }
        }
    }
    .projects-take--image {
        width: 10%;
        margin: auto;
        position: absolute;
        bottom: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        img {
            width: 100%;
        }
    }
    .priority-for-you {
        width: 50%;
        margin: auto;
        text-align: center;
        color: white;
        margin-top: 1rem;
        h4 {
            font-size: 1.4rem;
            font-weight: 600;
        }
        form {
            margin-top: 2rem;
            label {
                display: block;
                /* font-weight: lighter !important; */
            }
            label {
                font-size: 0.9rem;
                font-weight: 300;
            }
            input {
                display: block;
                margin-right: 0.8rem;
                font-size: 1rem;
                outline: none;
            }
            /* input[type="checkbox"] {
                width: 24px !important;
                height: 24px !important;
                margin-top: -0.1rem !important;
            }*/
            input[type="radio"] {
                -webkit-appearance: none;
                appearance: none;
                width: 24px;
                height: 24px; /* <-- rectangle */
                border: 2px solid white;
                border-radius: 3px; /* 0 for sharp corners */
                padding: 3px; /* creates inner “indicator” */
                background-clip: content-box; /* fill only the inside */
                cursor: pointer;
                margin-top: -0.1rem !important;
            }
            input[type="radio"]:checked {
                background: #2563eb !important;
            }
            input[type="radio"]:focus-visible {
                outline: 2px solid #2563eb !important;
                outline-offset: 2px;
            }
            .input-sec-quote {
                margin-top: 3rem;
                h5 {
                    font-size: 1.4rem;
                    font-weight: 600;
                }
                input {
                    width: 100%;
                    border: none;
                    background: none;
                    color: white;
                    border: 1px solid white;
                    padding: 1rem 1rem;
                    margin-top: 1rem;
                    font-size: 1rem;
                    outline: none;
                    border-radius: 0.5rem;
                }
                input::placeholder {
                    color: rgba(248, 248, 255, 0.455);
                }
            }
            .select-option {
                width: fit-content;
                margin: auto;
                margin-top: 1rem;
                label {
                    font-size: 0.9rem;
                    font-weight: lighter;
                }
            }

            .btn-sec {
                margin-top: 1rem;
                h6 {
                    font-size: 1.4rem;
                }
                button {
                    border: none;
                    background: none;
                    background-color: #00b67a;
                    color: white;
                    padding: 0.5rem 4rem;
                    font-family: "Poppins";
                    margin-top: 1rem;
                    border-radius: 0.5rem;
                    font-weight: 600;
                    font-size: 1.2rem;
                }
                p {
                    font-size: 0.8rem;
                    width: 70%;
                    margin: auto;
                    margin-top: 1rem;
                    line-height: 1.5;
                }
            }
        }
    }

    .telephone-email-quote {
        width: 50%;
        margin: auto;
        form {
            .input-sec-quote {
                margin-top: 3rem;
                h5 {
                    font-size: 1.4rem;
                    text-align: center;
                    color: white;
                    font-weight: 600;
                    span {
                        font-weight: lighter;
                        font-size: 0.8rem;
                    }
                }
                input {
                    width: 95%;
                    border: none;
                    background: none;
                    color: white;
                    border: 1px solid white;
                    padding: 1rem 1rem;
                    margin-top: 1rem;
                    font-size: 1rem;
                    border-radius: 0.5rem;
                }

                input::placeholder {
                    color: white;
                    font-weight: lighter !important;
                    font-size: 1rem;
                }
            }

            .select-option {
                width: fit-content;
                margin: auto;
                margin-top: 1rem;
                input {
                    margin-right: 1rem;
                }
                input[type="checkbox"] {
                    width: 24px !important;
                    height: 24px !important;
                    margin-top: 0rem !important;
                }
                label {
                    color: white;
                    font-weight: lighter;
                    font-size: 0.9rem;
                }
            }

            .btn-sec {
                margin: auto;
                width: 70%;
                margin-top: 2rem;
                h6 {
                    font-size: 1.1rem;
                }
                button {
                    border-radius: 0.5rem;
                    border: none;
                    background: none;
                    background-color: #00b67a;
                    color: white;
                    padding: 0.8rem 4rem;
                    font-family: "Poppins";
                    margin-top: 1rem;
                    font-weight: 600;
                    width: 100%;
                    font-size: 1.2rem;
                    margin: auto;
                }
                p {
                    font-size: 0.7rem;
                    font-weight: lighter;
                    text-align: center;
                    margin-top: 1rem;
                    color: white;
                    line-height: 1.5;
                }
            }
        }
    }

    .prioritized {
        margin-top: 4rem;
        .content {
            figure {
                width: 15%;
                margin: auto;
                /* border: 5px solid white; */
                padding: 1rem;
                border-radius: 0.8rem;
                /* background-color: #132346; */
                img {
                    width: 100%;
                }
            }

            .inside-content {
                width: 70%;
                margin: auto;
                color: white;
                text-align: center;
                margin-top: 2rem;
                h2 {
                    font-size: 2.4rem;
                    color: #00b67a;
                    font-weight: 600;
                }
                h6 {
                    margin-top: 2rem;
                    margin-bottom: 1rem;
                    font-size: 1.5rem;
                    font-weight: 600;
                }
                p {
                    font-size: 1rem;
                    margin-top: 1rem;
                    font-weight: 300;
                    margin-top: 0.7rem;
                    line-height: 1.5;
                    width: 85%;
                    margin: auto;
                    margin-bottom: 1.5rem;
                }
            }
        }

        .bottom-text-prioritised {
            /* display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            bottom: 0;
            left: 25% !important;
            right: 25% !important; */
            margin: auto;
            width: 50% !important;
            background-color: #00b67a;
            padding: 0.5rem;
            /* bottom: -2.5rem; */
            border-radius: 2rem;
            font-weight: 500 !important;
            font-size: 0.9rem !important;
        }
        .bottom-text-prioritised-1 {
            border-radius: 0.2rem;
        }
    }

    .tick-perfect {
        color: white;
        figure {
            width: 10%;
            margin: auto;
            margin-top: 2rem;
            img {
                width: 100%;
            }
        }
        h4 {
            text-align: center;
            font-size: 3rem;
            font-weight: 600;
            font-family: poppins;
            margin-top: 1rem;
        }
        p {
            text-align: center;
            margin-top: 2rem;
            font-size: 1.5rem;
            margin-bottom: 2rem;
        }
    }

    .global-persons .global-persons-middle {
        margin-top: 5rem;
        figure {
            margin-bottom: 0.5rem;
            img {
                width: 20%;
            }
            p {
                margin-left: 1rem;
                font-size: 1.2rem;
                color: white;
                text-wrap: noWrap;
            }
        }
    }
}

.footer {
    .trust-secure-icons {
        width: 20%;
        margin: auto;
        img {
            width: 40%;
            display: block;
            &:nth-child(1) {
                width: 50%;
            }
        }
    }
}

.is-invalid {
    border: 1px solid red !important;
}
.error-message {
    color: red;
    font-size: 0.875rem;
    display: block;
    margin-top: 0.25rem;
}