.package-section .package:hover {
    background-color: var(--clr-primary);
    transition: 0.5s;
}

.package-section .package:hover .package-content button {
    background-color: var(--clr-primary);
    color: var(--clr-white);
    outline: 2px solid var(--clr-white);
    transition: background-color 0.3s ease, color 0.3s ease, outline 0.3s ease;
}

.package-section .package:hover .package-content .fa-check {
    background: #128fe9fa !important;
}
.home-banner-section .banner-content h1 span {
    color: black !important;
    background: linear-gradient(89.52deg, #0D9AFF 3.81%, #89CEFF 50.07%, #FF8900 95.41%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.custom-background {
    color: black;
    transition: background-color 0.3s ease;
}

.hover-effect:hover {
    background-color: #0d9aff;
}

.hover-effect:hover .feature-title,
.hover-effect:hover .feature-para {
    color: white;
}

.hover-effect:hover .custom-image {
    filter: brightness(0) invert(1);
}