body {
    background: #FFFFFF;
}

.header-card {
    /* border-radius: 8px;
    position: relative;
    border: 2px solid transparent;
    background: linear-gradient(180deg, #242322, #111011) border-box !important;
    mask:
        linear-gradient(#000 0 0) padding-box,
        linear-gradient(#000 0 0);
        mask-composite: exclude; */
    border: 2px solid !important;
    border-radius: 8px;
    border: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 37.68%, rgba(255, 255, 255, 0) 100%) !important;
}

/* .header-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(141.64deg, rgba(255, 255, 255, 0.05) -1.76%, rgba(255, 255, 255, 0.0185) 134.33%) !important;
    border-radius: 8px;
    z-index: -1;
} */

.gradient-line {
    background: linear-gradient(90deg, #F46E00 27.43%, rgba(244, 110, 0, 0) 62.94%) !important;
}

.auto-pilot-card:hover .gradient-line {
    background-color: linear-gradient(90deg, #FFFFFF 27.43%, rgba(255, 255, 255, 0) 62.94%) !important;
}

.auto-pilot-card {
    /* background-color: #1a1a1a; */
    /* padding: 20px; */
    border-radius: 8px;
    position: relative;
    transition: 0.3s linear !important;
}

.gradient-line {
    height: 8px;
    background: linear-gradient(90deg, #F46E00 27.43%, rgba(244, 110, 0, 0) 62.94%) !important;
    transition: 0.3s linear !important;
}

.auto-pilot-card:hover .gradient-line {
    background: linear-gradient(90deg, #FFFFFF 27.43%, rgba(255, 255, 255, 0) 62.94%) !important;
}

.book-btn,
.book-btn-3 {
    background-color: #0367fd !important;
    color: white !important;
    text-decoration: none !important;
    position: relative !important;
    clip-path: polygon(10px 0%, 100% 0%, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0% 100%, 0% 10px) !important;
    transition: 0.3s linear !important;
}

.book-btn:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.book-btn-2 {
    background-color: #090e1c !important;
    color: white !important;
    text-decoration: none !important;
    position: relative !important;
    clip-path: polygon(10px 0%, 100% 0%, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0% 100%, 0% 10px) !important;
    transition: 0.3s linear !important;
}

.book-btn-2:hover,
.book-btn-3:hover {
    background-color: #FFFFFF !important;
    color: #090e1c !important;
}

#button {
    opacity: 0 !important;
}

#button.show {
    opacity: 1 !important;
    z-index: 999 !important;
    visibility: visible !important;
}

.logos-overflow__logos-wrapper1 {
    animation: logoloop 20s linear infinite;
    white-space: nowrap;
    overflow: hidden;
}

@keyframes logoloop {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

/* AA-Technologies-css-start */

.client-portal-btn {
    background: -webkit-linear-gradient(101.42deg, #237BFF 14.16%, #2439FF 97.35%) !important;
    background-color: #ffffff !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background: linear-gradient(white, white) padding-box,
        linear-gradient(101.42deg, #237BFF 14.16%, #2439FF 97.35%) border-box !important;
    transition: all 0.3s linear !important;
}

.client-portal-btn:hover {
    background-color: #237BFF !important;
    background: linear-gradient(#2439FF, #237BFF) padding-box,
        linear-gradient(101.42deg, #237BFF 14.16%, #2439FF 97.35%) border-box !important;
    color: white !important;
}

.client-portal-btn:hover .text-span-3 {
    background-color: white !important;
    color: white;
    background-image: none;
}

.pricing-card {
    transition: all 0.3s linear !important;
}

.Text-Span-2 {
    background: linear-gradient(101.42deg, #237BFF 14.16%, #2439FF 97.35%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pricing-card:hover {
    background-color: #237BFF !important;
    background: linear-gradient(#2439FF, #237BFF) padding-box,
        linear-gradient(101.42deg, #237BFF 14.16%, #2439FF 97.35%) border-box !important;
    color: white !important;
}

.pricing-card:hover .Text-Span-2 {
    -webkit-text-fill-color: white;
    background-color: white !important;
    background-image: none !important;
}

.contact-us-btn {
    background: -webkit-linear-gradient(101.42deg, #237BFF 14.16%, #2439FF 97.35%) !important;
    background-color: #ffffff !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background: linear-gradient(white, white) padding-box,
        linear-gradient(101.42deg, #237BFF 14.16%, #2439FF 97.35%) border-box !important;
    transition: all 300ms linear !important;
}

.contact-us-btn:hover {
    background-color: #2439FF !important;
    background: linear-gradient(#2439FF, #2439FF) padding-box,
        linear-gradient(101.42deg, #237BFF 14.16%, #2439FF 97.35%) border-box !important;
    color: white !important;
}

.contact-us-btn:hover .span-text {
    background-color: white !important;
    color: white;
    background-image: none;
}

/* AA-Technologies-css-end */

.start-now-btn {
    background: -webkit-linear-gradient(126.16deg, #03DAC8 -46.47%, #1095F2 78.92%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background: linear-gradient(white, white) padding-box,
        linear-gradient(101.42deg, #ffffff 14.16%, #ffffff 97.35%) border-box !important;
    transition: all 300ms linear !important;
}

.start-now-btn:hover {
    background-color: #03DAC8 !important;
    background: linear-gradient(#03DAC8, #1095F2) padding-box,
        linear-gradient(126.16deg, #03DAC8 14.16%, #1095F2 97.35%) border-box !important;
    color: white !important;
}

.start-now-btn:hover .start-now {
    background-color: white !important;
    /* color: white; */
    background-image: none;
}