/* start breadcrumb */
.section-breadcrumb {
    position: relative;
    background-color: #1B3B59;
    overflow: hidden;
}

.section-breadcrumb a {
    /* z-index: 1; */
}

.breadcrumb-item,
.breadcrumb-item a {
    color: #e3e3e3;
}

.section-breadcrumb p,
.breadcrumb-item.active {
    color: var(--white);
}

.section-breadcrumb::after {
    content: '';
    position: absolute;
    background: url('../../images/blog- BG.webp') no-repeat left center;
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scale(1);
    animation: bg-moving 10s infinite ease-in-out;
    z-index: 0;
}

@keyframes bg-moving {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

/* end breadcrumb */

/* start services & blogs */
.our-services .card,
.our-blogs .card {
    position: relative;
    overflow: hidden;
}

.our-services .card::after,
.our-blogs .card::after {
    content: '';
    position: absolute;
    background-color: var(--main);
    width: 40px;
    height: 100px;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    filter: blur(30px);
    animation: card-moving 10s infinite ease-in-out;
    z-index: 0;
}

.our-services .col-sm-4:nth-child(2n) .card::after,
.our-blogs .col-sm-4:nth-child(2n) .card::after {
    animation: card-moving 10s infinite ease-in-out;
    animation-delay: 2s;
}

@keyframes card-moving {

    0%,
    100% {
        top: 0;
    }

    50% {
        top: 100%;
    }
}

.our-blogs .card {
    background: hsl(0deg 0% 100% / 50%);
}

.our-blogs .card-body {
    border-top: 1px solid var(--main);
    border-right: 1px solid var(--main);
}

.our-services .img-card,
.our-blogs .img-card {
    width: 100%;
    /* height: 300px; */
    object-fit: fill;
    aspect-ratio: 1 / 1;
}

.our-blogs .date,
.single-blog .date {
    color: var(--main);
}

.our-services .title,
.our-services .des,
.our-blogs .title,
.our-blogs .des {
    text-align: justify;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow-y: clip;
    -webkit-box-orient: vertical;
}

.our-services .des,
.our-blogs .des {
    -webkit-line-clamp: 2;
}

.our-services .link,
.our-blogs .link {
    background-color: var(--white);
    color: var(--main);
    border: 1px solid var(--main);
    z-index: 2;
}

.icon-socail .icon {
    color: var(--main);
    border: 1px solid var(--sec);
    box-shadow: -1px 1px var(--sec);
    transition: 0.46s;
}

.icon-socail .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid white;
    border-radius: 4px;
    box-shadow: -1px 1px #f8f9fa;
}



/* end services & blogs */