@media screen and (max-width: 768px) {
    .container {
        max-width: 100%;
    }

}


@media screen and (max-width: 1500px) {
    .blg-bnr img {
        max-width: 85%;
        margin-left: 131px;
        margin-top: 245px;
    }

    .vertical-lines::before {
        content: "";
        position: absolute;
        left: 40px;
        top: 0;
        width: 2px;
        height: 100%;
        background-color: #08336A;
    }

    .vertical-lines {
        position: relative;
        padding-left: 75px;
    }

}

@media screen and (max-width: 1400px) {

    .blg-bnr {
        display: none;
    }

    .custom-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 50%;
        background-color: #CED6E1;
        z-index: 0;
    }

    .card-overlay {
        position: absolute;
        top: 75%;
        left: 100%;
        transform: translate(-50%, -50%);
        color: white;
        width: 50%;
    }
}

@media screen and (max-width: 1325px) {
    .services-card {
        margin-right: 0px;
        margin-left: 0px;
    }
}


@media screen and (max-width: 1200px) {
    .card-overlay {
        position: absolute;
        top: 82%;
        left: 75%;
        transform: translate(-50%, -50%);
        color: white;
        width: 50%;
    }

    .vertical-lines::before {
        content: "";
        position: absolute;
        left: 10px;
        top: 0;
        width: 2px;
        height: 100%;
        background-color: #08336A;
    }

    .vertical-lines {
        position: relative;
        padding-left: 25px;
    }

}


@media screen and (max-width: 992px) {
    .card-overlay {
        position: absolute;
        top: 75%;
        left: 80%;
        transform: translate(-50%, -50%);
        color: white;
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    .card-overlay {
        position: absolute;
        top: 85%;
        left: 75%;
        transform: translate(-50%, -50%);
        color: white;
        width: 50%;
    }
}


@media screen and (max-width: 668px) {
    .card-overlay {
        position: absolute;
        top: 93%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        width: 78%;
    }

    .card-content {
        margin: 40px 30px;
    }
}


@media screen and (max-width: 600px) {
    .card-overlay {
        position: absolute;
        top: 93%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        width: 95%;
    }

    .card-content {
        margin: 10px;
    }
}

@media screen and (max-width: 500px) {
    .services-card .d-flex {
        flex-wrap: wrap;
    }

    .services-card .d-flex h5 br {
        display: none;
    }

    .vertical-line {
        display: none;
    }
}


@media screen and (max-width: 480px) {

    .dashed-line {
        width: 3px;
        height: 720px !important;
        background: repeating-linear-gradient(to bottom,
                black 0px,
                black 20px,
                /* Dash ki height */
                transparent 10px,
                transparent 40px
                /* Dash ke beech ka gap */
            );
    }

    .accordion-design {
        max-height: 450px;
    }

}


@media screen and (max-width: 450px) {
    .vertical-lines1::before {
        content: "";
        position: absolute;
        left: 10px;
        top: 0;
        width: 2px;
        height: 100%;
        background-color: #08336A;
    }

    .vertical-lines1 {
        position: relative;
        padding-left: 20px;
    }
}

@media screen and (max-width: 400px) {
    .get-in-card {
        padding: 0 20px;
    }

    .cont-card {
        padding: 0px
    }
}