/* hero section - Section 1  */

/* Hide header and footer menus on Dinner Template */
.page-template header,
.page-template .site-header,
.page-template nav:not(.footer-bottom nav) {
    display: none !important;
}

/* Hide footer sections except bottom bar */
.page-template .footer-top,
.page-template .footer-accordion-container,
.page-template .footer-mid,
.page-template .divider-gradient,
.page-template .divider-solid {
    display: none !important;
}

a{text-decoration: none; color:#E6323A;}
.sub-heading-secondary{padding:10px 0 0px;}
.hero-container {
    position: relative;
    margin: 0;
    padding: 0;

    .background-image {
        width: 100%;
        max-height: 650px;
        height: auto;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    .inner {
        width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 60px;

        .hero-content {
            max-width: 560px;
            width: 100%;
            height: auto;
            color: var(--text-white);

            .arcon-logo {
                margin-bottom: 8px;
            }

            ul {
                margin-top: 20px;
                display: flex;
                flex-direction: column;
                gap: 32px;
                margin-top: 40px;

                li {
                    text-decoration: none;
                    list-style: none;
                    display: flex;
                    gap: 12px;
                     align-items: center;

                    p {
                        font-size: 16px;

                        span {
                            font-size: 14px;
                        }
                    }
                }
            }
        }

        .hero-form {
            height: auto;
            padding: 25px;
            border: var(--border-light-blue);
            background: var(--section-gradient);
            border-radius: 16px;
            max-height: 585px;

            .screen-reader-response {
                display: none;
            }

            .form-row {
                width: 100%;
                display: flex;
                gap: 24px;
                justify-content: start;
                align-items: start;
                margin-top: 20px;

                p {
                    width: 50%;

                    .wpcf7-form-control-wrap {
                        width: 100%;
                    }
                }

                &.company-job {
                    p {
                        width: 100%;
                        display: flex;
                        gap: 24px;
                        justify-content: start;
                        align-items: start;
                    }
                }
            }

            .form-row-inner {
                width: 100%;

                .country-code {
                    width: 62px;
                    display: inline-flex;

                    p {
                        width: 100%;
                        display: flex;
                        justify-content: start;
                        align-items: start;
                    }
                }
            }

            input,
            select {
                padding: 15px;
                border-radius: 8px;
                border: 1px solid #D8E5F4;
                background: #FFF;
                width: 100%;
                font-family: "Sora", sans-serif;
                color: var(--text-black-primary);
                font-size: 14px;
                font-weight: 400;
                line-height: normal;
            }

            select:focus-visible,
            input:focus-visible {
                outline: 0;
            }

            input::placeholder,
            select::placeholder {
                color: var(--text-grey2);
                font-size: 14px;
                font-weight: 400;
                line-height: normal;
            }

            input[type='submit'] {
                border-radius: 8px;
                background: #E6323A;
                padding: 16px 32px;
                border: none;
                color: #fff;
                margin-top: 40px;
                width: fit-content;
                color: var(--text-white);
                font-size: 16px;
                font-weight: 400;
                line-height: 22px;
                letter-spacing: 0;
            }

            select[name="country-code"] {
                width: fit-content;
                padding-right: 0;
                border-right: 0;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                font-family: "Sora", sans-serif;
                color: var(--text-black-primary);
                font-size: 14px;
                font-weight: 400;
                line-height: normal;
                padding: 14px;
                padding-right: 0;
            }

            input[type='tel'] {
                width: 100%;
                padding-left: 15px;
                border-left: 0;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

            .wpcf7-not-valid-tip {
                font-size: 14px;
            }

            .wpcf7-response-output {
                margin-top: 20px;
                font-size: 14px;
            }

            &:last-child {
                .form-row {
                    p {
                        width: 100%;
                        display: flex;
                        justify-content: start;
                        align-items: start;
                    }
                }
            }
        }
    }

    /* iPad landscape (601px - 1024px) — side by side, fits in banner */
    @media screen and (min-width: 601px) and (max-width: 1024px) {
        & {
           /* min-height: 700px;*/

            .background-image {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                max-height: 100%;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }

            .inner {
                position: absolute;
                top: 54%;
                left: 50%;
                transform: translate(-50%, -50%);
                flex-direction: row;
                width: 96%;
                gap: 24px;
                align-items: center;

                .hero-content {
                    max-width: 50%;
                    flex-direction: column !important;
                    gap: 14px;

                    .arcon-logo {
                        margin-bottom: 0;
                    }

                    ul {
                        margin-top: 14px;
                        gap: 12px;

                        li {
                            align-items: start;

                            img {
                                width: 24px;
                                height: 24px;
                            }

                            p {
                                font-size: 14px;

                                span {
                                    font-size: 12px;
                                }
                            }
                        }
                    }
                }

                .hero-form {
                    max-width: 50%;
                    width: 100%;
                    max-height: unset;
                    padding: 20px;

                    h4 {
                        font-size: 16px;
                        font-weight: 400;
                        line-height: 24px;
                    }

                    .form-row {
                        flex-direction: column;

                        p {
                            width: 100%;
                        }

                        &.company-job {
                            p {
                                flex-direction: column;
                            }
                        }
                    }

                    input[type='submit'] {
                        width: 100%;
                        font-size: 14px;
                        margin-top: 20px;
                    }
                }
            }
        }
    }

    /* Mobile */
    @media screen and (max-width: 600px) {
        & {
            .background-image {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                max-height: 100%;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }

            .inner {
                position: absolute;
                top: 24px;
                left: 45%;
                transform: translateX(-50%);
                flex-direction: column;
                width: 90%;
                gap: 32px;

                .hero-content {
                    max-width: 100%;
                     flex-direction: column !important;
                        gap: 10px;

                    ul {
                        margin-top: 20px;
                        gap: 16px;

                        li {
                            align-items: start;

                            img {
                                width: 24px;
                                height: 24px;
                            }

                            p {
                                font-size: 14px;

                                span {
                                    font-size: 12px;
                                }
                            }
                        }
                    }
                }

                .hero-form {
                    width: 100%;
                    max-height: unset;
                    padding-block: 40px;
                    padding-inline: 20px;

                    h4 {
                        font-size: 18px;
                        font-weight: 400;
                        line-height: 26px;
                    }

                    .form-row {
                        flex-direction: column;

                        &.company-job {
                            p {
                                flex-direction: column;
                            }
                        }
                    }

                    input[type='tel'] {
                        width: 100%;
                    }

                    input[type='submit'] {
                        width: 100%;
                        font-size: 14px;
                        line-height: 20px;
                        margin-top: 32px;
                    }
                }
            }
        }
    }
}

/* Our Partners - Section 2  */
.our-partners {
    height: auto;
    display: flex;
    justify-content: space-between;
    gap: 60px;
    margin-block: var(--spacer-60);

    .our-partner_image {
        max-width: 590px;
        width: 100%;
        height: auto;
        border-radius: 20px;
        object-fit: cover;
        overflow: hidden;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    .our-partner_content {
        width: 100%;
        height: auto;

        .sub-heading-primary {
            margin-top: 16px;
        }

        .para-primary {
            margin-top: 12px;
        }

        .cta-secondary-container {
            margin-top: 32px;

            .cta-secondary__text {
                color: var(--text-black-primary);
            }
        }

        ul {
            display: flex;
            flex-direction: column;
            margin-left: 20px;

            li {
                list-style-type: square;
                font-size: 16px;
                font-weight: 300;
                line-height: 28px;
                letter-spacing: 0;
            }
        }
    }

    /* iPad */
@media screen and (min-width: 601px) and (max-width: 1024px) {
    & {
        flex-direction: column;
        gap: 32px;
        margin-top: 80px;  /* changed from 740px */
        margin-bottom: var(--spacer-60);
        padding-inline:20px;

        .our-partner_image {
            max-width: 100%;
            max-height: 320px;
        }
         .background-image_mobile img{width: auto ;
        }
    }
}

    /* Mobile */
    @media screen and (max-width: 600px) {
        & {
            flex-direction: column;
            gap: 24px;
            margin-top: 440px;
            margin-bottom: var(--spacer-60);

            .our-partner_image {
                max-width: 100%;
                max-height: 260px;
            }

            .our-partner_content {

                .sub-heading-primary {
                    margin-top: 18px;
                }

                .para-primary {
                    margin-top: 14px;
                }
            }
        }
    }
}

/* Map - Section 4  */
.gradient-background {
    background: linear-gradient(180deg, #FFF 0%, #F4F9FF 54.5%, #FFF 100%);
}

.map-container {
    height: auto;
    margin-top: var(--spacer-80);
    margin-bottom: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    z-index: 99;

    .appointment {
        max-width: 570px;
        width: 100%;
        height: auto;
        padding: 40px;
        border: var(--border-light-blue);
        border-radius: 12px;
        background: var(--bg-white);

        .para-primary {
            color: var(--text-grey5);
        }

        ul {
            margin-top: 20px;
            display: flex;
            flex-direction: column;
            gap: 32px;

            li {
                text-decoration: none;
                list-style: none;
                display: flex;
                gap: 12px;
            }
        }

        .cta-secondary-container {
            margin-top: 64px;

            .cta-secondary__text {
                color: var(--text-black-primary);
            }
        }
    }

    .map-embed {
        width: auto;
        height: auto;
        border-radius: 12px;
        overflow: hidden;

        iframe {
            display: block;
        }
    }

    /* iPad */
    @media screen and (min-width: 601px) and (max-width: 1024px) {
        & {
            flex-direction: row;
            margin-top: var(--spacer-60);
        padding-inline:15px;

            .appointment {
                width: 50%;
                padding-inline: 24px;

                ul {
                    li {
                        align-items: start;

                        img {
                            width: 28px;
                            height: 28px;
                        }

                        p {
                            font-size: 14px;
                            line-height: 22px;
                        }
                    }
                }
            }

            .map-embed {
                width: 50%;

                iframe {
                    width: 100%;
                    height: 450px;
                }
            }
        }
    }

    /* Mobile */
    @media screen and (max-width: 600px) {
        & {
            flex-direction: column;
            margin-top: var(--spacer-60);

            .appointment {
                width: 100%;
                padding: 0px;

                ul {
                    gap: 20px;

                    li {
                        align-items: start;

                        img {
                            width: 28px;
                            height: 28px;
                        }

                        p {
                            font-size: 14px;
                            line-height: 22px;
                        }
                    }
                }

                .cta-secondary-container {
                    margin-top: 40px;
                }
            }

            .map-embed {
                width: 100%;

                iframe {
                    width: 100%;
                    height: 300px;
                }
            }
        }
    }
}

.logo-group{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:20px;
}

.logo-group .arcon-logo{
    height:40px;
}

.logo-group .drut-logo{
    height:34px;
}

.logo-divider{
    width:1px;
    height:32px;
    background:#ffffff80;
}

.background-image_mobile img{max-width:100%; width:100%;}

@media screen and (min-width: 601px) and (max-width: 1024px) {
   
 .background-image_mobile img{width: auto ; }
    }