.vidSecImg {
    height: 380px;
}

.presenceWrap {
    .container-fluid{
        max-width: 86%;
    }
    .presenceInner {
        .eachPresenceCard {
            margin-bottom: 30px;

            .presenceCardInner {
                overflow: hidden;
                transition: 0.3s;
                border-radius: 10px;
                background-color: #F3EEEE;
                height: 100%;

                .presenceCardHeader {
                    line-height: 1;
                    overflow: hidden;
                    transition: 0.3s;
                    border-radius: 10px;
                    background-color: #008FFF;
                    font-family: "Poppins", sans-serif;

                    .presenceH {
                        padding: 12px 15px;
                        font-size: 24px;
                        transition: 0.3s;
                        color: #ffffff;
                        font-weight: 500;
                        margin-bottom: 0;
                        line-height: 1;
                    }
                }

                .presenceCardBox {
                    /*min-height: 235px;*/
                    height: 235px;
                    overflow-y: auto;
                    padding: 15px 15px 30px;

                    .eachPresenceRow {
                        display: flex;
                        align-items: flex-start;

                        &:not(:last-child) {
                            margin-bottom: 10px;
                        }

                        img {
                            top: 3px;
                            width: auto;
                            height: auto;
                            display: flex;
                            max-width: 24px;
                            /* transition: 0.6s; */
                            position: relative;
                            align-items: center;
                            justify-content: flex-start;
                        }

                        p {
                            font-size: 18px;
                            transition: 0.3s;
                            padding-left: 10px;
                            max-width: calc(100% - 24px);

                            a {
                                font-weight: 500;
                                transition: 0.3s;
                                color: #000000;
                            }
                        }
                    }
                }

                &:hover {
                    background-color: #0C0056;

                    .presenceCardHeader {
                        background-color: #FFB600;

                        .presenceH {
                            color: #000000;
                        }
                    }

                    .presenceCardBox {
                        .eachPresenceRow {
                            img {
                                /* filter: brightness(0) invert(1); */
                                filter: brightness(0) saturate(100%) invert(82%) sepia(28%) saturate(5498%) hue-rotate(358deg) brightness(100%) contrast(105%);
                            }

                            p {
                                color: #ffffff;

                                a {
                                    color: #ffffff;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/* start responsive */
@media(max-width: 991px) {
    .prodIntroSecInn {
        width: 100% !important;
    }
}

@media(max-width: 1440px) {
    .presenceWrap {
        .presenceInner {
            .eachPresenceCard {
                .presenceCardInner {
                    .presenceCardBox {
                        .eachPresenceRow {
                            p {
                                font-size: 16px;
                            }
                        }
                    }
                }
            }
        }
    }
}

@media(max-width: 1200px) {
    .presenceWrap {
        .presenceInner {
            .eachPresenceCard {
                .presenceCardInner {
                    .presenceCardHeader {
                        .presenceH {
                            font-size: 20px;
                        }
                    }
                    .presenceCardBox {
                        .eachPresenceRow {
                            p {
                                font-size: 14px;
                                line-height: 1.6;
                            }
                        }
                    }
                }
            }
        }
    }
}

@media(max-width: 1140px) {
    .branchLocator{
        .caseTabWrap {
            ul.tabs {
                /* flex-wrap: wrap; */
                li {
                    min-width: 130px;
                    min-height: 40px;
                }
            }
            .listContBox {
                .tab_content {
                    .tabContinner {
                        padding: 10px 0 0;
                    }
                }
            }
        }
    }
}

@media(max-width: 1024px) {
    .presenceWrap {
        .presenceInner {
            .eachPresenceCard {
                .presenceCardInner {
                    .presenceCardBox {
                        height: 200px;
                    }
                }
            }
        }
    }
    .presenceWrap {
        .presenceInner {
            .eachPresenceCard {
                .presenceCardInner {
                    background-color: #F3EEEE !important;
                    .presenceCardHeader{
                        background-color: #008FFF !important;
                        .presenceH {
                            color: #ffffff !important;
                        }
                    }
                    .presenceCardBox {
                        .eachPresenceRow {
                            img {
                                filter: none !important;
                            }
                            p{
                                color: #1B1C21 !important;
                                a{
                                    color: #1B1C21 !important;
                                }
                            }
                    }
                }
            }
        }
    }
}

@media(max-width: 991px) {
    .presenceWrap {
        .container-fluid {
            max-width: 100%;
        }
        .presenceInner {
            .eachPresenceCard {
                margin-bottom: 15px;
            }
        }
    }
}

@media(max-width: 768px) {
    .presenceWrap {
        & .presenceInner {
            & .eachPresenceCard {
                & .presenceCardInner {
                    & .presenceCardHeader {
                        .presenceH {
                            padding: 8px 10px;
                            font-size: 20px;
                            margin-bottom: 0;
                        }
                    }
                }
            }
        }
    }
}

@media(max-width: 767px) {
    .presenceWrap {
        .presenceInner {
            .eachPresenceCard {
                .presenceCardInner {
                    .presenceCardBox {
                        height: auto;
                        padding: 15px 15px 20px;

                        .eachPresenceRow {
                            p {
                                font-size: 16px;
                            }
                        }
                    }
                }
            }
        }
    }
}

/* end responsive */