.body-bg2{
    background-color: #05044a;
}
.text-success , .heading9 h1 span{
color: #63e680 !important;
}


.service12-boxarea{
    position: absolute;
}
.space270{
    height: 325px;
    background-color: #f7f9fd;
}

/* overlay on every case study thumb (change selector to target specific thumb if needed) */
/* Black overlay only for cs_case_study_thumb4 */
.cs_case_study_thumb::after {
    content: "";
    position: absolute;
    inset: 0;
     background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0.6) 40%, /* darkest point */ rgba(0, 0, 0, 0.9) 100%);
    z-index: 1;  /* overlay above image */
    pointer-events: none;
}

/* Ensure text/content stays above overlay */
.content-area,
.content-area1 {
    position: relative;
    z-index: 2;
}


.footer3-section-area .header-btn4.btn2:hover{
    transition: none;
    transform: none;
}


@media (max-width: 767px) {
    .ps-5{
        padding-left: 15px !important;
    }
    .particle-slider{
        display: none;
    }
}
.img1 img{
    width: 100%;
}






@media (max-width: 767px) {
        .space270 {
        height: 525px;
    }
        .service12-section-area {
        height: 290vh;
    }
    
    .homepage8-body, html {
        overflow-x: hidden !important;
    }
}
@media (max-width: 768px) {
    .space270 {
        background-color: #f7f9fd;
    }
}

.img1 img {
    width: 47%;
}
.custom-contact{
    padding: 10px;
}
@media (max-width: 767px) {
    .custom-contact{
    margin: 10px;
}
}
.digital-section{
    /* background:linear-gradient(79deg, #22512d 11.15%, #63e680 99.48%); */
    background:linear-gradient(277deg, #201dff 0%, #05044a 50%, #05044a 100%);
    padding: 100px 0;
}


.marketing ul li{
    font-size: 18px;
    margin: 5px;
}

.marketing ul li span {
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    background: #ffffff;
    color: var(--ztc-text-text-6);
    display: inline-block;
    margin: 0 10px 0 0;
}

.footer11-section-area {
    position: relative;
    z-index: 1;
    /* background-image: url(../img/big/footer-bg1.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.testimonial10-section-area .testimonial2-owl-carousel-area.owl-carousel .owl-item.active {
    background:linear-gradient(277deg, #201dff 0%, #201dff 50%, #05044a 100%) !important; 
   
}
.testimonial10-section-area .testimonial2-owl-carousel-area.owl-carousel .owl-item.active .testimonial-author-box .pera {
    color: var(--ztc-text-text-1);
    transition: all 0.4s;
}
.testimonial10-section-area .testimonial2-owl-carousel-area .testimonial-author-box:hover {
   
    background: #c5c4f7;
}
.testimonial10-section-area .testimonial2-owl-carousel-area .owl-dots button {
  
    background: #6d73aa;
    
}
.testimonial10-section-area .testimonial2-owl-carousel-area .owl-dots button.active {
    background: var(--ztc-text-text-6);
    transition: all 0.4s;
}
.testimonial10-section-area .testimonial2-owl-carousel-area .owl-dots button::after{
    background: #cccff7;
}
.reveal{
        opacity: 1;
    visibility: inherit;
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(0px, 0px);
}



.client-section-area .client-box-area {
    
    margin-bottom: 15px;
}
.client-section-area .imges {
    background: var(--ztc-text-text-1);
    border-radius: 8px;
    padding:15px 5px;
    text-align: center;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.09);
   
}
.client-section-area .imges img {
    position: relative;
    height: 40px;
    border-radius: 4px;
    transition: all 0.5s;
}

.testimonial10-section-area .testimonial2-owl-carousel-area.owl-carousel .owl-item.active .testimonial-author-box p{
            color: #fff;

}
.contact-header .phone-number .img1 {
      fill: #05044a;

}

.footer11-section-area .footer-content-area h3{
        padding-bottom:15px;

}
.footer11-section-area .vl-copyright-area p {
    color: var(--ztc-text-text-1);
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s16);
    font-style: normal;
    font-weight: var(--ztc-weight-medium);
    line-height: 16px;
    display: block;
    transition: all 0.4s;
    padding: 24px 0 32px;
    text-align: center;
    opacity: 80%;
    border-top: 1px solid #375159;
}
.text-left{
    text-align: left !important;
}

@media (max-width: 767px) {
    .footer11-section-area {
        padding: 50px 0 5px;
    }
    .footer11-section-area .vl-copyright-area p{
        padding: 15px;
    }
}
.blog13-section-area .blog-auhtor-boxarea .img1 {
    overflow: hidden;
    transition: all 0.4s;
    border-radius: 4px;
    height: 200px;
}
.active-menu{
    color: #63e680 !important;
    font-weight: 600;
}