/* Slider text positioning */
.position-absolute-custom-center {
    position: absolute;
    top: 50%;
    left: 2%;
    transform: translateY(-50%);
    z-index: 10;
}

/* Ensure images cover the area */
.owl-carousel .position-relative img {
    width: 100%;
    height: auto;
    display: block;
}

/* Mobile responsive adjustment */
@media (max-width: 991px) {
    .position-absolute-custom-center {
        left: 20px;
        width: 90%;
    }
    .position-absolute-custom-center h1 {
        font-size: 24px !important;
    }
}

/* Client logos ka size control karne ke liye */
.custom-client-logos .owl-item img {
    max-width: 280px !important; /* Aap isse aur bada (e.g. 200px) bhi kar sakte hain */
    width: auto !important;
    margin: 0 auto;
    /* Agar logos grey hain aur color chahiye to filter hata dein */
    filter: none !important; 
    opacity: 1 !important;
}

/* Mobile par logos thode chote rakhein taaki screen par fit aayein */
@media (max-width: 767px) {
    .custom-client-logos .owl-item img {
        max-width: 120px !important;
    }
}

/* Home Intro ka background color change karne ke liye */
#home-intro.home-intro-quaternary {
    background-color: #A63792 !important;
    background-image: none !important; /* Agar koi default gradient ho to use hatane ke liye */
    border-top-color: #A63792 !important; /* Border ko bhi match karne ke liye */
}

/* Agar highlighted word ka underline/animation color bhi change karna ho */
#home-intro .highlighted-word-animation-1:after {
    background-color: #ffffff !important; 
}

/* Footer Main Background */
#footer {
    background: #A63792 !important;
    border-top: 4px solid #8e2e7c !important; /* Halka sa dark top border */
}

/* Footer Ribbon (Get in Touch) ka color bhi match karne ke liye */
#footer .footer-ribbon {
    background: #8e2e7c !important;
}

#footer .footer-ribbon::before {
    border-right-color: #5d1d51 !important; /* Ribbon side corner */
}

/* Copyright Section - Purple ka zyada dark version (#5D1D51) */
#footer .footer-copyright {
    background: #5D1D51 !important; 
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Footer text aur links ko white/light dikhane ke liye (Optional) */
#footer h5, #footer p, #footer a, #footer .footer-copyright p {
    color: #ffffff !important;
}

#footer ul.list li a:hover {
    color: #ffd7f4 !important; /* Hover par halka color change */
    text-decoration: none;
}