:root {
    --green: #662D91; /* Purple from logo */
    --Orange: #002D5B; /* Navy Blue from logo */
    --Black: #000000;
    --White: #FFFFFF;

    --dark-green: #4B1F6A;
    --dark-orange: #001D3D;
    --dark-black: #1A1A1A;
    --dark-white: #D8D8D8;

    --light-green: #8E44AD;
    --ex-light-green: #662D9144;

    --light-orange: #004085;
    --light-black: #4D4D4D;
    --light-white: #F1F1F1;
}

* {
    /* cursor: none !important; */
}

.custom-bg-green {
    background-color: var(--green) !important;
}

.custom-bg-orange {
    background-color: var(--Orange) !important;
}

.custom-bg-black {
    background-color: var(--Black) !important;
}

.custom-bg-white {
    background-color: var(--White) !important;
}

.custom-bg-dark-green {
    background-color: var(--dark-green) !important;
}

.custom-bg-dark-orange {
    background-color: var(--dark-orange) !important;
}

.custom-bg-dark-black {
    background-color: var(--dark-black) !important;
}

.custom-bg-dark-white {
    background-color: var(--dark-white) !important;
}

.custom-bg-light-green {
    background-color: var(--light-green) !important;
}

.custom-bg-light-orange {
    background-color: var(--light-orange) !important;
}

.custom-bg-light-black {
    background-color: var(--light-black) !important;
}

.custom-bg-light-white {
    background-color: var(--light-white) !important;
}

.custom-bg-light-ex-green {
    background-color: var(--ex-light-green) !important;
}


.custom-text-green {
    color: var(--green) !important;
}

.custom-text-orange {
    color: var(--Orange) !important;
}

.custom-text-black {
    color: var(--Black) !important;
}

.custom-text-white {
    color: var(--White) !important;
}

.custom-text-dark-green {
    color: var(--dark-green) !important;
}

.custom-text-dark-orange {
    color: var(--dark-orange) !important;
}

.custom-text-dark-black {
    color: var(--dark-black) !important;
}

.custom-text-dark-white {
    color: var(--dark-white) !important;
}

.custom-text-light-green {
    color: var(--light-green) !important;
}

.custom-text-light-orange {
    color: var(--light-orange) !important;
}

.custom-text-light-black {
    color: var(--light-black) !important;
}

.custom-text-light-white {
    color: var(--light-white) !important;
}

.brand_list {
    display: flex;
    align-items: center;
}

.brand-box {
    display: flex;
    align-items: center;
    /* background-color: green !important; */
}


.blog-singele-box .blog-thumb img {
    width: 100% !important;
    border-radius: 23px;

}

.blog-singele-box-tow .blog-content-tow {
    padding: 20px !important;
}

.blog-singele-box-tow .blog-thumb-tow {
    width: 100% !important;
    padding: 20px !important;

    height: 150px !important;
}

.blog-singele-box-tow .blog-thumb-tow img {
    width: 200px !important;
    border-radius: 23px;
    object-fit: cover;
    height: 100% !important;
}



.vision-box,
.mission-box {
    flex: 1 1 50%;
    min-width: 300px;
    border-radius: 6px;
}

.vision-box h3,
.mission-box h3 {
    color: #343a40;
}

.vision-box p,
.mission-box p {
    color: #495057;
    font-size: 1rem;
    line-height: 1.6;
}

@media (max-width: 768px) {

    .vision-box,
    .mission-box {
        flex-basis: 100%;
    }

    .hero-area {
        padding-top: 100px !important;
    }

    .hero-contant h5,
    h5.section-sub-title {
        margin-left: 30px !important;
    }

    .hero-btn-shape {
        display: none !important;
    }

    .about-area.style-two,
    .service-area.style-two,
    .team-area.style-two,
    .sservice-area.style-two,
    .testimonial-area.style-two,
    .project-area.style-three,
    .blog-area.style-two,
    .row.footer,
    .about-us-area,
    .blog-area,.contact-area {
        padding: 50px 0 50px !important;
        border-radius: 0 !important;
    }

    .service-area.style-two .section-title.text-center,
    .project-area.style-three .section-title.text-left {
        margin-bottom: 30px !important;
    }

    .brand-area .brand_list .owl-item {
        width: 200px !important;
    }

    .address-icon {
        margin-right: 20px !important;
    }

    .single-counter-box {
        padding: 30px !important;
    }

    .marquee-section{
        padding: 10px 0 10px !important;
    }

    .maxhire-btn a {
        font-size: 14px !important;
        padding: 12px 20px !important;
    }
    .breadcumb-area{
          padding:100px 0 100px !important;
    }
    .address-title h3{
        font-size: 20px !important;
        line-height: 25px !important;
    }
}

/* Custom Animations Added */
@keyframes scrool_float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}

@keyframes pulse-glow {
    0% { box-shadow: 0 0 0 0 rgba(102, 45, 145, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(102, 45, 145, 0); }
    100% { box-shadow: 0 0 0 0 rgba(102, 45, 145, 0); }
}

.scrool_float {
    animation: scrool_float 4s ease-in-out infinite;
}

.btn-glow {
    animation: pulse-glow 2s infinite;
}

.maxhire-btn a:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.single-service-box:hover, .project-single-box:hover {
    transform: translateY(-10px);
    transition: all 0.4s ease;
}

a, button {
    transition: all 0.3s ease;
}