@charset "utf-8";
/* CSS Document */

.hmserv_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% + 50px);
    margin: 40px -25px 0;
    row-gap: 50px;

    a.servlistbx {
        width: calc(33.33% - 50px);
        margin: 0 25px 0;
        position: relative;
        padding: 0 0 0 40px;

        &:before {
            content: '';
            position: absolute;
            width: calc(100% - 40px);
            height: calc(100% - 60px);
            border: 2px solid rgba(255, 255, 255, 0.1);
            top: 0;
            left: 0;
            z-index: 1;
        }

        & figure {
            position: relative;
            z-index: 1;
            height: 364px;
            overflow: hidden;
            bottom: 0;
            transition: all ease-out 0.3s !important;
            -webkit-transition: all ease-out 0.3s !important;
            -moz-transition: all ease-out 0.3s !important;
            -ms-transition: all ease-out 0.3s !important;

            & img {
                transform: translate(-50%, 0) scale(1);
                transition: all ease-out 0.3s !important;
                -webkit-transition: all ease-out 0.3s !important;
                -moz-transition: all ease-out 0.3s !important;
                -ms-transition: all ease-out 0.3s !important;
                position: absolute;
                bottom: 0;
                left: 50%;
            }
        }

        .servname {
            margin: 30px 0;
            font-size: 26px;
            color: var(--white);
            position: relative;
            font-family: 'Protest Strike' !important;
            font-weight: normal;
            padding: 0 50px 0 0;

            &:before {
                content: '';
                position: absolute;
                width: 20px;
                height: 2px;
                background: #e5e5e5;
                left: -38px;
                top: 10px;
                z-index: 0
            }
        }

        .servinfo {
            width: calc(100% - 40px);
            color: var(--white);
            padding-right: 30px;
            height: 0;
            overflow: hidden;
            transition: all ease-out 0.3s !important;
            -webkit-transition: all ease-out 0.3s !important;
            -moz-transition: all ease-out 0.3s !important;
            -ms-transition: all ease-out 0.3s !important;

            & p {
                color: var(--white);
                margin: 0 0 10px 0;
                height: 56px;
                -webkit-line-clamp: 2;
                overflow: hidden;
                position: relative;
                display: -webkit-box;
                -webkit-box-orient: vertical;
            }

            & span {
                font-weight: 700;
            }
        }

        &:hover {
            &:before {
                border: 2px solid var(--themered);
            }

            .servinfo {
                height: 100px;
                padding-bottom: 12px;
                transition: all ease-out 0.3s !important;
                -webkit-transition: all ease-out 0.3s !important;
                -moz-transition: all ease-out 0.3s !important;
                -ms-transition: all ease-out 0.3s !important;
            }

            & figure {
                height: 264px;
                transition: all ease-out 0.3s !important;
                -webkit-transition: all ease-out 0.3s !important;
                -moz-transition: all ease-out 0.3s !important;
                -ms-transition: all ease-out 0.3s !important;

                & img {
                    transform: translate(-50%, 0) scale(1.05);
                    transition: all ease-out 0.3s !important;
                    -webkit-transition: all ease-out 0.3s !important;
                    -moz-transition: all ease-out 0.3s !important;
                    -ms-transition: all ease-out 0.3s !important;
                }
            }
        }
    }
}

/* service list pages  */
.servicelistcontainer {
    .hmserv_container {
        justify-content: flex-start;

        & a.servlistbx {
            &:before {
                border: 2px solid #B0B0B0;
            }

            & .servname {
                color: var(--darkgrey);

                &:before {
                    background: #b0b0b0;
                }
            }

            .servinfo {
                color: var(--darkgrey);

                & p {
                    color: var(--darkgrey);
                }
            }
        }
    }
}


/* SERVICES DETAIL STYLES  */
.biginnerbanner .container {
    min-height: 100%;
}

.bannerleft {

    .bannerfeaturelist {
        max-width: 600px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 0 30px 0;

        .ft_uspbx {
            width: 50%;
            margin: 15px 0;
            justify-content: flex-start;

            & figure img {
                filter: invert(17%) sepia(66%) saturate(5945%) hue-rotate(349deg) brightness(89%) contrast(99%);
            }

            & p {
                color: var(--white);
            }
        }
    }
}

.bannerright_form {
    background: var(--white);
    width: 440px;
    border-radius: 6px;
    border: 1px solid var(--themered);
    padding: 20px;
    top: 60px;
    position: absolute;
    right: 7.5%;

    .heading-26 {
        font-size: 26px;
    }

    & form {

        input[type="text"],
        input[type="tel"],
        input[type="number"] input[type="submit"],
        input[type="email"],
        textarea,
        select {
            margin-bottom: 5px;
        }
    }
}

.servdtl_faq_sec .smk_accordion {
    margin: 0 auto;
    max-width: 900px;
}


.whychoose_sec.servdtlsec {
    .container {
        flex-wrap: wrap;

        .whychoose_left {
            width: 100%;
            padding-right: 0;
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            margin-bottom: 50px;

            .titleleft {
                width: 50%;
            }

            .titleright {
                width: 40%;
            }
        }

        .whychoose_right {
            width: 100%;

            .whychoose_listbx {
                width: 24%;
            }
        }
    }
}

.sponsers_container.paddtpbt100 {
    padding: 0 0 100px 0;
    margin-top: 0;
}

/* service detail -service section style  */
main.servicedtl-page .hmserv_container:not(.slick-initialized) a.servlistbx:not(:nth-child(-n+3)) {
    display: none;
}

.hmserv_container.slick-initialized a.servlistbx {
    margin: 0;
}

.hmserv_container {
    margin-top: 40px;

    .slick-slide {
        padding: 0 25px;
    }

}


/* why chooose section slider styles */

.whychoose_sec.servdtlsec {
    .whychoose_listcontainer.slick-initialized {
        width: calc(100% + 20px);
        margin: 0 -10px;
        /* background: greenyellow; */

        /* background: azure; */
        .slick-slide {
            padding: 0 10px;

            .whychoose_listbx {
                min-height: 315px;

                & p {
                    font-size: 16px;
                }
            }
        }

        .slick-prev,
        .slick-next {
            top: 50% !important;
        }
    }
}

.sponsers_container.no-content-above {
    padding: 100px 0;
}



/* for responsive styles  */

@media (max-width: 1599.98px) {


    .hmserv_container {
        & a.servlistbx {
            & figure {
                height: 264px;
            }
        }
    }

}

@media (max-width: 1439.98px) {

    .hmserv_container {
        & a.servlistbx {
            width: calc(33.33% - 20px);
            margin: 0 10px 0;

            .servname {
                font-size: 20px;
            }

            .servinfo {
                display: none;
            }
        }
    }

}

@media (max-width: 1199.98px) {

    .whychoose_sec.servdtlsec {
        & .container {
            .whychoose_left {
                width: 100%;
                flex-wrap: wrap;
                margin-bottom: 0;

                .titleleft {
                    width: 100%;
                }

                .titleright {
                    width: 100%;
                }
            }
        }
    }

    .sponsers_container.paddtpbt100 {
        padding: 0 0 60px 0;
    }

    .bannerleft {
        width: 350px;

        & .bannerfeaturelist {
            .ft_uspbx {
                margin: 5px 0;
                width: 100%;
            }
        }
    }

    .hmserv_container {
        & a.servlistbx {
            & figure {
                height: 200px;
            }

            &:hover {
                & figure {
                    height: 200px;
                }
            }
        }
    }




}

@media (max-width: 991.98px) {

    .bannerleft {
        width: 100%;

        & .bannerfeaturelist {
            .ft_uspbx {
                width: 50%;
            }
        }
    }

    .bannerright_form {
        position: relative;
        top: 0;
        right: inherit;
        width: 90%;
        margin: -60px auto 0 !important;
        left: 0;
    }

    .hmserv_container.slick-slider {
        .slick-prev {
            left: -10px !important;
        }

        .slick-next {
            right: -10px !important;
        }
    }

    .hmserv_container {
        & a.servlistbx {
            width: calc(50% - 10px);
            margin: 0 5px 0;
        }
    }

        .bannerright_form {
        display: none!important;
    }

}

@media (max-width: 768px) {

    .whychoose_sec.servdtlsec {
        .whychoose_listcontainer.slick-initialized {
            .slick-slide {
                opacity: 0.6;

                .whychoose_listbx {
                    min-height: 230px;
                }
            }

            .slick-center {
                opacity: 1;
            }
        }
    }

    .bannerleft {
        & .bannerfeaturelist {
            .ft_uspbx {
                width: 100%;
                margin: 2px 0;
            }
        }
    }

    .breadcums_wrap.biginnerbanner {
        height: 500px;
        padding: 0 0 50px 0;
    }
}


@media (max-width: 575.98px) {

    .whychoose_sec.servdtlsec {
        .whychoose_listcontainer.slick-initialized {
            .slick-slide {
                .whychoose_listbx {
                    min-height: 254px;
                }
            }
        }
    }

    .sponsers_container.paddtpbt100 {
        padding: 0 0 30px 0;
    }

    .hmserv_container {
        row-gap: 20px;

        & a.servlistbx {
            width: 100%;
            margin: 0;
        }
    }

    .whychoose_sec.servdtlsec {
        & .whychoose_listcontainer.slick-initialized {
            & .slick-slide {
                .whychoose_listbx {
                    min-height: 280px;
                }
            }
        }
    }
}