.navbar {
    box-shadow: unset;
}

.hero_container .hero_text h2 {
    font-family: Paralucent, sans-serif;
    letter-spacing: 1px;
}

.banner_text img {
    padding: 20px;
}

.alarmsouth-christmas {
    background: url(/images/Christmas/christmas-background.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 50px;
    margin: 50px 0px;
    border-top: solid #c62128 5px;
    border-bottom: solid #c62128 5px;
}

    .alarmsouth-christmas .link {
        background-color: #c62128;
        border: solid 2px #c62128;
        border-radius: 5px;
        padding: 5px 25px;
        color: #fff;
    }



@media (min-width: 1600px) {
    .hero_container {
        position: relative;
        background: url('/images/christmas/as-2025-christmas-truck.jpg');
        background-position: right bottom;
        border: solid 3px #c62128;
        border-radius: 15px;
        background-size: cover;
        max-width: 2000px;
        margin: 1rem auto 0;
        max-height: 800px;
        height: 100vh;
        width: 95%;
    }

        .hero_container .hero_text {
            position: absolute;
            top: 25%;
            left: 10%;
            margin-right: -90%;
            transform: translate(-10%, -25%);
            max-width: 850px;
            color: #fff;
        }

            .hero_container .hero_text h2 {
                max-width: 600px;
            }

            .hero_container .hero_text a {
                display: inline-block;
                background-color: transparent;
                font-size: 22px;
                padding: 5px 25px;
                margin-right: .5rem;
                border: solid 2px #fff;
                border-radius: 5px;
                color: #fff;
            }

                .hero_container .hero_text a:hover {
                    background-color: #fff;
                    color: #000;
                }


    /* Features section */
    .section_1, .section_2 {
        background-color: #fff;
        padding: 4rem 2rem;
    }

        .section_1 .section_title,
        .section_2 .section_title {
            font-size: 45px;
            margin-bottom: 1rem;
        }

        .section_1 .c_card,
        .section_2 .c_card {
            position: relative;
            background: transparent;
            border: solid 1px #000;
            border-radius: 25px;
            overflow: hidden;
            max-width: 400px;
            margin: 0 auto;
            width: 100%;
        }

            .section_1 .c_card img,
            .section_2 .c_card img {
                width: 100%;
                z-index: 98;
            }

            .section_1 .c_card .sub_section,
            .section_2 .c_card .sub_section {
                background: linear-gradient(180deg, transparent, #3b3b3b);
                position: absolute;
                padding: 0 .5rem;
                height: 25%;
                width: 100%;
                color: #fff;
                bottom: 0;
            }

                .section_1 .c_card .sub_section h3,
                .section_2 .c_card .sub_section h3 {
                    position: absolute;
                    bottom: .5rem;
                    left: 1rem;
                    float: left;
                    font-size: 27px;
                }

                .section_1 .c_card .sub_section .arrow,
                .section_2 .c_card .sub_section .arrow {
                    background-color: #fff;
                    border: solid 1px #000;
                    padding: .4rem .75rem;
                    border-radius: 50%;
                    position: absolute;
                    transition: .2s;
                    float: right;
                    bottom: 1rem;
                    right: 1rem;
                    color: #000;
                }

            .section_1 .c_card:hover .sub_section .arrow,
            .section_2 .c_card:hover .sub_section .arrow {
                padding: .55rem .90rem;
            }


    /* Professional Video section */
    .section_3 {
        background: linear-gradient(180deg, #D2D2D2, #BEBEBE);
        padding: 3rem 2rem 2rem;
        color: #000;
    }

        .section_3 .section_title {
            font-size: 45px;
        }

        .section_3 a {
            display: inline-block;
            background: linear-gradient(180deg, #262626, #6E6E6E);
            border: solid 1px #000;
            border-radius: 50px;
            padding: .5rem 1.5rem;
            font-size: 18px;
            margin: 1rem 0;
            color: #fff;
        }

        .section_3 img {
            max-width: 1500px;
            width: 100%;
        }


    /* Quick Links section */
    .section_4 {
        background-color: #fff;
        padding: 0;
    }

        .section_4 .bg_banner {
            position: relative;
            cursor: pointer;
            transition: .4s;
            min-height: 500px;
            overflow: hidden;
            margin: 0 0 .5rem;
            width: 100%;
        }

            .section_4 .bg_banner:hover {
                filter: brightness(80%);
            }

            .section_4 .bg_banner#res {
                background-image: url('/images/Home/revamp/residential-security-banner.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }

            .section_4 .bg_banner#comm {
                background-image: url('/images/Home/revamp/commercial-security-lg.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }

            .section_4 .bg_banner#as {
                background-image: url('/images/Home/revamp/lg-bg-care-link.jpg');
                background-repeat: no-repeat;
                background-size: cover;
                background-position: bottom;
            }

            .section_4 .bg_banner h2 {
                position: absolute;
                top: 50%;
                left: 50%;
                margin-right: -50%;
                transform: translate(-50%, -50%);
                font-family: microgramma-extended,sans-serif;
                font-size: 55px;
                color: #fff;
            }

            .section_4 .bg_banner > img {
                width: 100%;
                height: 100%;
            }

            .section_4 .bg_banner .banner_text {
                position: absolute;
                top: 20px;
                left: 50%;
                margin-right: -50%;
                transform: translateX(-50%);
                color: #fff;
            }


    /* Quick Links section */
    .section_5 {
        background: linear-gradient(180deg, #fff, #fff, #6E6E6E);
        padding: 4rem 2rem;
    }

        .section_5 h2 {
            font-size: 50px;
            font-family: Rage
        }

        .section_5 .bg_banner {
            border-radius: 15px;
            position: relative;
            cursor: pointer;
            overflow: hidden;
            margin: 0 auto;
            max-width: 600px;
            width: 100%;
        }

            .section_5 .bg_banner img {
                width: 100%;
                transition: .2s;
                filter: brightness(50%);
            }

            .section_5 .bg_banner:hover img {
                filter: brightness(60%);
            }

            .section_5 .bg_banner .banner_text {
                position: absolute;
                top: 50%;
                left: 50%;
                margin-right: -50%;
                transform: translate(-50%, -50%);
                z-index: 99;
                color: #fff;
            }

                .section_5 .bg_banner .banner_text h3 {
                    font-family: microgramma-extended,sans-serif;
                    font-size: 40px;
                    color: #fff;
                }

                .section_5 .bg_banner .banner_text i {
                    font-size: 18px;
                }

        .section_5 img.award {
            width: 100%;
            max-width: 170px;
            margin-top: 4rem;
        }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    .hero_container {
        position: relative;
        background: url('/images/christmas/as-2025-christmas-truck.jpg');
        background-position: right bottom;
        border: solid 3px #c62128;
        border-radius: 15px;
        background-size: cover;
        margin: 1rem auto 0;
        height: 80vh;
        width: 95%;
    }

        .hero_container .hero_text {
            position: absolute;
            top: 25%;
            left: 10%;
            margin-right: -90%;
            transform: translate(-10%, -25%);
            max-width: 850px;
            color: #fff;
        }

            .hero_container .hero_text h2 {
                max-width: 500px;
            }

            .hero_container .hero_text a {
                display: inline-block;
                background-color: transparent;
                font-size: 20px;
                padding: 5px 25px;
                margin-right: .5rem;
                border: solid 2px #fff;
                border-radius: 5px;
                color: #fff;
            }

                .hero_container .hero_text a:hover {
                    background-color: #fff;
                    color: #000;
                }


    /* Features section */
    .section_1, .section_2 {
        background-color: #fff;
        padding: 4rem 2rem;
    }

        .section_1 .section_title,
        .section_2 .section_title {
            font-size: 42px;
            margin-bottom: 1rem;
        }

        .section_1 .c_card,
        .section_2 .c_card {
            position: relative;
            background: transparent;
            border: solid 1px #000;
            border-radius: 25px;
            overflow: hidden;
            max-width: 350px;
            margin: 0 auto;
            width: 100%;
        }

            .section_1 .c_card img,
            .section_2 .c_card img {
                width: 100%;
                z-index: 98;
            }

            .section_1 .c_card .sub_section,
            .section_2 .c_card .sub_section {
                background: linear-gradient(180deg, transparent, #3b3b3b);
                position: absolute;
                padding: 0 .5rem;
                height: 25%;
                width: 100%;
                color: #fff;
                bottom: 0;
            }

                .section_1 .c_card .sub_section h3,
                .section_2 .c_card .sub_section h3 {
                    position: absolute;
                    bottom: .5rem;
                    left: 1rem;
                    float: left;
                    font-size: 24px;
                }

                .section_1 .c_card .sub_section .arrow,
                .section_2 .c_card .sub_section .arrow {
                    background-color: #fff;
                    border: solid 1px #000;
                    padding: .35rem .70rem;
                    border-radius: 50%;
                    position: absolute;
                    transition: .2s;
                    float: right;
                    bottom: 1rem;
                    right: 1rem;
                    color: #000;
                }

            .section_1 .c_card:hover .sub_section .arrow,
            .section_2 .c_card:hover .sub_section .arrow {
                padding: .50rem .85rem;
            }


    /* Professional Video section */
    .section_3 {
        background: linear-gradient(180deg, #D2D2D2, #BEBEBE);
        padding: 3rem 2rem 2rem;
        color: #000;
    }

        .section_3 .section_title {
            font-size: 42px;
        }

        .section_3 h4 {
            font-size: 1.6rem;
        }

        .section_3 a {
            display: inline-block;
            background: linear-gradient(180deg, #262626, #6E6E6E);
            border: solid 1px #000;
            border-radius: 50px;
            padding: .5rem 1.5rem;
            font-size: 17px;
            margin: 1rem 0;
            color: #fff;
        }

        .section_3 img {
            max-width: 1400px;
            width: 100%;
        }


    /* Quick Links section */
    .section_4 {
        background-color: #fff;
        padding: 0;
    }

        .section_4 .bg_banner {
            position: relative;
            cursor: pointer;
            transition: .4s;
            min-height: 470px;
            overflow: hidden;
            margin: 0 0 .5rem;
            width: 100%;
        }

            .section_4 .bg_banner:hover {
                filter: brightness(80%);
            }

            .section_4 .bg_banner#res {
                background-image: url('/images/Home/revamp/residential-security-banner.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }

            .section_4 .bg_banner#comm {
                background-image: url('/images/Home/revamp/commercial-security-lg.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }

            .section_4 .bg_banner#as {
                background-image: url('/images/Home/revamp/lg-bg-care-link.jpg');
                background-repeat: no-repeat;
                background-size: cover;
                background-position: bottom;
            }

            .section_4 .bg_banner h2 {
                position: absolute;
                top: 50%;
                left: 50%;
                margin-right: -50%;
                transform: translate(-50%, -50%);
                font-family: microgramma-extended,sans-serif;
                font-size: 50px;
                color: #fff;
            }

            .section_4 .bg_banner > img {
                width: 100%;
                height: 100%;
            }

            .section_4 .bg_banner .banner_text {
                position: absolute;
                top: 20px;
                left: 50%;
                margin-right: -50%;
                transform: translateX(-50%);
                color: #fff;
            }


    /* Quick Links section */
    .section_5 {
        background: linear-gradient(180deg, #fff, #fff, #6E6E6E);
        padding: 4rem 2rem;
    }

        .section_5 h2 {
            font-size: 45px;
            font-family: Rage
        }

        .section_5 .bg_banner {
            border-radius: 15px;
            position: relative;
            cursor: pointer;
            overflow: hidden;
            margin: 0 auto;
            max-width: 575px;
            width: 100%;
        }

            .section_5 .bg_banner img {
                width: 100%;
                transition: .2s;
                filter: brightness(50%);
            }

            .section_5 .bg_banner:hover img {
                filter: brightness(60%);
            }

            .section_5 .bg_banner .banner_text {
                position: absolute;
                top: 50%;
                left: 50%;
                margin-right: -50%;
                transform: translate(-50%, -50%);
                z-index: 99;
                color: #fff;
            }

                .section_5 .bg_banner .banner_text h3 {
                    font-family: microgramma-extended,sans-serif;
                    font-size: 35px;
                    color: #fff;
                }

                .section_5 .bg_banner .banner_text i {
                    font-size: 17px;
                }

        .section_5 img.award {
            width: 100%;
            max-width: 170px;
            margin-top: 4rem;
        }
}

@media (min-width: 1100px) and (max-width: 1399px) {
    .hero_container {
        position: relative;
        background: url('/images/christmas/as-2025-christmas-truck.jpg');
        border: solid 3px #c62128;
        background-position: right bottom;
        border-radius: 15px;
        background-size: cover;
        margin: 1rem auto 0;
        max-height: 800px;
        height: 80vh;
        width: 95%;
    }

        .hero_container .hero_text {
            position: absolute;
            top: 25%;
            left: 10%;
            margin-right: -90%;
            transform: translate(-10%, -25%);
            max-width: 850px;
            color: #fff;
        }

            .hero_container .hero_text h2 {
                max-width: 500px;
            }

            .hero_container .hero_text a {
                display: inline-block;
                background-color: transparent;
                font-size: 20px;
                padding: 5px 25px;
                margin-right: .5rem;
                border: solid 2px #fff;
                border-radius: 5px;
                color: #fff;
            }

                .hero_container .hero_text a:hover {
                    background-color: #fff;
                    color: #000;
                }


    /* Features section */
    .section_1, .section_2 {
        background-color: #fff;
        padding: 4rem 2rem;
    }

        .section_1 .section_title,
        .section_2 .section_title {
            font-size: 42px;
            margin-bottom: 1rem;
        }

        .section_1 .c_card,
        .section_2 .c_card {
            position: relative;
            background: transparent;
            border: solid 1px #000;
            border-radius: 25px;
            overflow: hidden;
            max-width: 350px;
            margin: 0 auto;
            width: 100%;
        }

            .section_1 .c_card img,
            .section_2 .c_card img {
                width: 100%;
                z-index: 98;
            }

            .section_1 .c_card .sub_section,
            .section_2 .c_card .sub_section {
                background: linear-gradient(180deg, transparent, #3b3b3b);
                position: absolute;
                padding: 0 .5rem;
                height: 25%;
                width: 100%;
                color: #fff;
                bottom: 0;
            }

                .section_1 .c_card .sub_section h3,
                .section_2 .c_card .sub_section h3 {
                    position: absolute;
                    bottom: .5rem;
                    left: 1rem;
                    float: left;
                    font-size: 24px;
                }

                .section_1 .c_card .sub_section h4,
                .section_2 .c_card .sub_section h4 {
                    max-width: 800px;
                }

                .section_1 .c_card .sub_section .arrow,
                .section_2 .c_card .sub_section .arrow {
                    background-color: #fff;
                    border: solid 1px #000;
                    padding: .35rem .70rem;
                    border-radius: 50%;
                    position: absolute;
                    transition: .2s;
                    float: right;
                    bottom: 1rem;
                    right: 1rem;
                    color: #000;
                }

            .section_1 .c_card:hover .sub_section .arrow,
            .section_2 .c_card:hover .sub_section .arrow {
                padding: .50rem .85rem;
            }


    /* Professional Video section */
    .section_3 {
        background: linear-gradient(180deg, #D2D2D2, #BEBEBE);
        padding: 3rem 2rem 2rem;
        color: #000;
    }

        .section_3 .section_title {
            font-size: 42px;
        }

        .section_3 h4 {
            font-size: 1.6rem;
        }

        .section_3 a {
            display: inline-block;
            background: linear-gradient(180deg, #262626, #6E6E6E);
            border: solid 1px #000;
            border-radius: 50px;
            padding: .5rem 1.5rem;
            font-size: 17px;
            margin: 0 0 1rem;
            color: #fff;
        }

        .section_3 img {
            max-width: 1400px;
            width: 100%;
        }


    /* Quick Links section */
    .section_4 {
        background-color: #fff;
        padding: 0;
    }

        .section_4 .bg_banner {
            position: relative;
            cursor: pointer;
            transition: .4s;
            min-height: 470px;
            overflow: hidden;
            margin: 0 0 .5rem;
            width: 100%;
        }

            .section_4 .bg_banner:hover {
                filter: brightness(80%);
            }

            .section_4 .bg_banner#res {
                background-image: url('/images/Home/revamp/residential-security-banner.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }

            .section_4 .bg_banner#comm {
                background-image: url('/images/Home/revamp/commercial-security-lg.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }

            .section_4 .bg_banner#as {
                background-image: url('/images/Home/revamp/md-bg-care-link.jpg');
                background-repeat: no-repeat;
                background-size: cover;
                background-position: bottom;
            }

            .section_4 .bg_banner h2 {
                position: absolute;
                top: 50%;
                left: 50%;
                margin-right: -50%;
                transform: translate(-50%, -50%);
                font-family: microgramma-extended,sans-serif;
                font-size: 50px;
                color: #fff;
            }

            .section_4 .bg_banner > img {
                width: 100%;
                height: 100%;
            }

            .section_4 .bg_banner .banner_text {
                position: absolute;
                top: 20px;
                left: 50%;
                margin-right: -50%;
                transform: translateX(-50%);
                color: #fff;
            }


    /* Quick Links section */
    .section_5 {
        background: linear-gradient(180deg, #fff, #fff, #6E6E6E);
        padding: 4rem 2rem;
    }

        .section_5 h2 {
            font-size: 45px;
            font-family: Rage
        }

        .section_5 .bg_banner {
            border-radius: 15px;
            position: relative;
            cursor: pointer;
            overflow: hidden;
            margin: 0 auto;
            max-width: 575px;
            width: 100%;
        }

            .section_5 .bg_banner img {
                width: 100%;
                transition: .2s;
                filter: brightness(50%);
            }

            .section_5 .bg_banner:hover img {
                filter: brightness(60%);
            }

            .section_5 .bg_banner .banner_text {
                position: absolute;
                top: 50%;
                left: 50%;
                margin-right: -50%;
                transform: translate(-50%, -50%);
                z-index: 99;
                color: #fff;
            }

                .section_5 .bg_banner .banner_text h3 {
                    font-family: microgramma-extended,sans-serif;
                    font-size: 35px;
                    color: #fff;
                }

                .section_5 .bg_banner .banner_text i {
                    font-size: 17px;
                }

        .section_5 img.award {
            width: 100%;
            max-width: 150px;
            margin-top: 4rem;
        }
}

@media (min-width: 768px) and (max-width: 1099px) {
    .hero_container {
        position: relative;
        background: url('/images/christmas/as-2025-christmas-truck.jpg');
        background-position: right bottom;
        border: solid 3px #c62128;
        border-radius: 15px;
        background-size: cover;
        margin: 1rem auto 0;
        max-height: 800px;
        height: 80vh;
        width: 95%;
    }

        .hero_container .hero_text {
            position: absolute;
            top: 25%;
            left: 10%;
            margin-right: -90%;
            transform: translate(-10%, -25%);
            max-width: 850px;
            color: #fff;
        }

            .hero_container .hero_text h1 {
                font-size: 2rem;
            }

            .hero_container .hero_text h2 {
                font-size: 1.5rem;
                max-width: 400px;
            }

            .hero_container .hero_text a {
                display: inline-block;
                background-color: transparent;
                font-size: 18px;
                padding: 5px 25px;
                margin-right: .5rem;
                border: solid 2px #fff;
                border-radius: 5px;
                color: #fff;
            }

                .hero_container .hero_text a:hover {
                    background-color: #fff;
                    color: #000;
                }


    /* Features section */
    .section_1, .section_2 {
        background-color: #fff;
        padding: 4rem 2rem;
    }

        .section_1 .section_title,
        .section_2 .section_title {
            font-size: 42px;
            max-width: 500px;
            margin-bottom: 1rem;
        }

        .section_1 h4,
        .section_2 h4 {
            max-width: 600px;
        }

        .section_1 .c_card,
        .section_2 .c_card {
            position: relative;
            background: transparent;
            border: solid 1px #000;
            border-radius: 25px;
            overflow: hidden;
            max-width: 500px;
            margin: 0 auto;
            width: 100%;
        }

            .section_1 .c_card img,
            .section_2 .c_card img {
                width: 100%;
                z-index: 98;
            }

            .section_1 .c_card .sub_section,
            .section_2 .c_card .sub_section {
                background: linear-gradient(180deg, transparent, #3b3b3b);
                position: absolute;
                padding: 0 .5rem;
                height: 25%;
                width: 100%;
                color: #fff;
                bottom: 0;
            }

                .section_1 .c_card .sub_section h3,
                .section_2 .c_card .sub_section h3 {
                    position: absolute;
                    bottom: .5rem;
                    left: 1rem;
                    float: left;
                    font-size: 28px;
                }

                .section_1 .c_card .sub_section h4,
                .section_2 .c_card .sub_section h4 {
                    max-width: 800px;
                }

                .section_1 .c_card .sub_section .arrow,
                .section_2 .c_card .sub_section .arrow {
                    background-color: #fff;
                    border: solid 1px #000;
                    padding: .45rem .80rem;
                    border-radius: 50%;
                    position: absolute;
                    transition: .2s;
                    float: right;
                    bottom: 1rem;
                    right: 1rem;
                    color: #000;
                }

            .section_1 .c_card:hover .sub_section .arrow,
            .section_2 .c_card:hover .sub_section .arrow {
                padding: .55rem .90rem;
            }


    /* Professional Video section */
    .section_3 {
        background: linear-gradient(180deg, #D2D2D2, #BEBEBE);
        padding: 3rem 1rem 2rem;
        color: #000;
    }

        .section_3 .section_title {
            font-size: 40px;
        }

        .section_3 h4 {
            font-size: 1.5rem;
        }

        .section_3 a {
            display: inline-block;
            background: linear-gradient(180deg, #262626, #6E6E6E);
            border: solid 1px #000;
            border-radius: 50px;
            padding: .5rem 1.5rem;
            font-size: 17px;
            margin: 0 0 1rem;
            color: #fff;
        }

        .section_3 img {
            max-width: 1400px;
            width: 100%;
        }


    /* Quick Links section */
    .section_4 {
        background-color: #fff;
        padding: 0;
    }

        .section_4 .bg_banner {
            position: relative;
            cursor: pointer;
            transition: .4s;
            min-height: 470px;
            overflow: hidden;
            margin: 0 0 .5rem;
            width: 100%;
        }

            .section_4 .bg_banner#res {
                background-image: url('/images/Home/revamp/residential-security-md.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }

            .section_4 .bg_banner#comm {
                background-image: url('/images/Home/revamp/commercial-security-md.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }

            .section_4 .bg_banner#as {
                background-image: url('/images/Home/revamp/md-bg-care-link.jpg');
                background-repeat: no-repeat;
                background-size: cover;
                background-position: bottom;
            }

            .section_4 .bg_banner h2 {
                position: absolute;
                top: 50%;
                left: 50%;
                margin-right: -50%;
                transform: translate(-50%, -50%);
                font-family: microgramma-extended,sans-serif;
                font-size: 50px;
                color: #fff;
            }

            .section_4 .bg_banner > img {
                width: 100%;
                height: 100%;
            }

            .section_4 .bg_banner .banner_text {
                position: absolute;
                top: 20px;
                left: 50%;
                margin-right: -50%;
                transform: translateX(-50%);
                color: #fff;
            }


    /* Quick Links section */
    .section_5 {
        background: linear-gradient(180deg, #fff, #fff, #6E6E6E);
        padding: 4rem 2rem;
    }

        .section_5 .tagline {
            display: none;
        }

            .section_5 .tagline.mobile {
                display: block !important;
            }

        .section_5 .bg_banner {
            border-radius: 15px;
            position: relative;
            cursor: pointer;
            overflow: hidden;
            margin: 0 auto;
            max-width: 575px;
            width: 100%;
        }

            .section_5 .bg_banner img {
                width: 100%;
                transition: .2s;
                filter: brightness(50%);
            }

            .section_5 .bg_banner:hover img {
                filter: brightness(60%);
            }

            .section_5 .bg_banner .banner_text {
                position: absolute;
                top: 50%;
                left: 50%;
                margin-right: -50%;
                transform: translate(-50%, -50%);
                z-index: 99;
                color: #fff;
            }

                .section_5 .bg_banner .banner_text h3 {
                    font-family: microgramma-extended,sans-serif;
                    font-size: 35px;
                    color: #fff;
                }

                .section_5 .bg_banner .banner_text i {
                    font-size: 17px;
                }

        .section_5 img.award {
            width: 100%;
            max-width: 140px;
            margin-top: 4rem;
        }
}

@media (max-width: 767px) {
    .hero_container {
        position: relative;
        background: url('/images/christmas/as-2025-christmas-truck-16x9.jpg');
        background-size: cover;
        margin: 1rem auto 0;
        height: 100vh;
        width: 100%;
    }

        .hero_container .hero_text {
            position: absolute;
            top: 10%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -10%);
            text-align: center;
            max-width: 300px;
            color: #fff;
        }

            .hero_container .hero_text a {
                display: inline-block;
                background-color: transparent;
                font-size: 20px;
                padding: 5px 25px;
                margin-right: .5rem;
                border: solid 2px #fff;
                border-radius: 5px;
                color: #fff;
            }

                .hero_container .hero_text a:hover {
                    background-color: #fff;
                    color: #000;
                }


    /* Features section */
    .section_1, .section_2 {
        background-color: #fff;
        padding: 4rem 1rem;
    }

        .section_1 .section_title,
        .section_2 .section_title {
            max-width: 500px;
            margin-bottom: 1rem;
        }

        .section_1 h4,
        .section_2 h4 {
            max-width: 600px;
        }

        .section_1 .c_card,
        .section_2 .c_card {
            position: relative;
            background: transparent;
            border: solid 1px #000;
            border-radius: 25px;
            overflow: hidden;
            max-width: 500px;
            margin: 0 auto;
            width: 100%;
        }

            .section_1 .c_card img,
            .section_2 .c_card img {
                width: 100%;
                z-index: 98;
            }

            .section_1 .c_card .sub_section,
            .section_2 .c_card .sub_section {
                background: linear-gradient(180deg, transparent, #3b3b3b);
                position: absolute;
                padding: 0 .5rem;
                height: 25%;
                width: 100%;
                color: #fff;
                bottom: 0;
            }

                .section_1 .c_card .sub_section h3,
                .section_2 .c_card .sub_section h3 {
                    position: absolute;
                    bottom: .5rem;
                    left: 1rem;
                    float: left;
                }

                .section_1 .c_card .sub_section h4,
                .section_2 .c_card .sub_section h4 {
                    max-width: 800px;
                }

                .section_1 .c_card .sub_section .arrow,
                .section_2 .c_card .sub_section .arrow {
                    background-color: #fff;
                    border: solid 1px #000;
                    padding: .35rem .70rem;
                    border-radius: 50%;
                    position: absolute;
                    transition: .2s;
                    float: right;
                    bottom: 1rem;
                    right: 1rem;
                    color: #000;
                }


    /* Professional Video section */
    .section_3 {
        background-image: url('/images/Home/revamp/seeing-is-believing.jpg');
        background-repeat: no-repeat;
        background-position:center;
        background-size: cover;
        min-height: 600px;
        padding: 3rem 1rem 0;
        color: #000;
    }



        .section_3 h4 {
            font-size: 1.2rem;
        }

        .section_3 a {
            display: inline-block;
            background: linear-gradient(180deg, #262626, #6E6E6E);
            border: solid 1px #000;
            border-radius: 50px;
            padding: .5rem 1.5rem;
            font-size: 17px;
            margin: 0 0 1rem;
            color: #fff;
        }

        .section_3 img {
            display: none;
        }


    /* Quick Links section */
    .section_4 {
        background-color: #fff;
        padding: 0;
    }

        .section_4 .bg_banner {
            position: relative;
            cursor: pointer;
            transition: .4s;
            min-height: 470px;
            overflow: hidden;
            margin: .5rem 0;
            width: 100%;
        }

            .section_4 .bg_banner#res {
                background-image: url('/images/Home/revamp/residential-security-sm.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }

            .section_4 .bg_banner#comm {
                background-image: url('/images/Home/revamp/commercial-security-sm.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }

            .section_4 .bg_banner#as {
                background-image: url('/images/Home/revamp/sm-bg-care-link.jpg');
                background-repeat: no-repeat;
                background-size: cover;
                background-position: bottom;
            }

            .section_4 .bg_banner h2 {
                padding: 10px;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-right: -50%;
                transform: translate(-50%, -50%);
                font-family: microgramma-extended,sans-serif;
                color: #fff;
            }

            .section_4 .bg_banner img {
                width: 90%;
                height: 100%;
            }

            .section_4 .bg_banner .banner_text {
                margin-top: 2rem;
                color: #fff;
            }

            .section_4 .bg_banner h5 {
                width: 100%;
                max-width: 270px;
                font-size: 20px;
            }


    /* Quick Links section */
    .section_5 {
        background: linear-gradient(180deg, #fff, #fff, #6E6E6E);
        padding: 4rem .5rem;
    }

        .section_5 .tagline {
            display: none;
        }

            .section_5 .tagline.mobile {
                display: block !important;
            }

        .section_5 .bg_banner {
            border-radius: 15px;
            position: relative;
            cursor: pointer;
            overflow: hidden;
            margin: 0 auto;
            width: 100%;
        }

            .section_5 .bg_banner img {
                width: 100%;
                transition: .2s;
                filter: brightness(50%);
            }

            .section_5 .bg_banner .banner_text {
                position: absolute;
                top: 50%;
                left: 50%;
                margin-right: -50%;
                transform: translate(-50%, -50%);
                z-index: 99;
                color: #fff;
            }

                .section_5 .bg_banner .banner_text h3 {
                    font-family: microgramma-extended,sans-serif;
                    font-size: 25px;
                    color: #fff;
                }

                .section_5 .bg_banner .banner_text i {
                    font-size: 15px;
                }

        .section_5 img.award {
            width: 100%;
            max-width: 120px;
            margin-top: 4rem;
        }
}


.tagline {
    width: 100%;
    padding: 0 1rem;
    margin-bottom: 2rem;
}

    .tagline.mobile {
        display: none;
        max-width: 400px;
    }


/* Quote Modal */
.modal .modal-content {
    border: solid 4px #c62128;
    border-radius: 15px;
}

.modal a {
    display: inline-block;
    color: #c62128;
}

.modal button {
    background-color: #c62128;
    border: solid 2px #c62128;
    border-radius: 5px;
    padding: 5px 25px;
    color: #fff;
    transition: .2s;
}

    .modal button:hover {
        background-color: transparent;
        color: #c62128;
    }

/*Christmas*/

.christmas {
    max-width: 700px;
}

    .christmas img {
        width: 80%;
        max-width: 500px;
        margin: 25px;
    }

@media (min-width:767px) {
    .christmas {
        background-color: #f2f2f2;
        border-radius: 55px;
        margin-top: 60px;
        padding: 50px;
    }
}

@media (max-width:767px) {
    .christmas {
        background-color: #f2f2f2;
        padding: 10px;
    }
}