: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;
}

/* Logo Styling Fix */
.logo-main {
    max-height: 80px;
    width: 220px !important;
    max-width: 100%;
    object-fit: contain;
}

.logo-footer {
    max-height: 70px;
    width: auto !important;
    max-width: 220px;
    object-fit: contain;
}

@media (max-width: 991px) {
    .logo-main {
        max-height: 45px;
    }
}