h1,
h2,
h3,
h4,
h5,
h6,
span,
ul li {
    color: white;
}
.theme-bg-color {
    background-color: #8463dd;
}
.theme-text-color {
    color: #8463dd;
}
.theme-light-font {
    color: rgba(255, 255, 255, 0.34);
}
.theme-light-border {
    border: 1px solid rgba(255, 255, 255, 0.34);
}
.secondary-title {
    font-size: 27px;
}
span.current {
    color: black;
}
.header-two-area.menu-fixed .common-btn {
    background: black;
}
.header-two-area.menu-fixed .common-btn:hover {
    background: transparent !important;
    border: 1px solid white;
}
.gradient-border {
    border: 1px solid;
    border-image-slice: 20;
    border-width: 2px;
    border-image-source: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0.77%,
        rgba(255, 255, 255, 0.524065) 52.77%,
        rgba(255, 255, 255, 0) 100%
    );
    border-radius: 15px;
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.common-btn,
.btn-one {
    /* border: 1px solid #FFF;  */
    border-radius: 50px;
    background: #8463dd;
    padding: 0.5rem 2rem;
    line-height: 40px;
	color:#fff;
}
.common-btn:hover,
.btn-one:hover {
    border: 1px solid #fff;
    background: transparent;
    color: white;
}
.banner-left-div h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 55px;
    line-height: 4.5rem;
    letter-spacing: 2px;
    /* color: white; */
}
.banner-left-div ul li {
    display: flex;
    gap: 5px;
    align-items: center;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 2px;
}
.banner-left-div ul li::before,
.whats_included ul li::before {
    background: url(../../general/images/check.png) no-repeat center center;
    background-size: contain;
    width: 16px;
    height: 16px;
    content: "";
    display: inline-block;
    margin-right: 10px;
}
.whats_included ul li {
    margin-bottom: 10px;
}
.banner-left-div .bolder {
    color: #8463dd;
}
.banner-left-div span {
    font-family: Montserrat;
    font-weight: 700;
    font-style: Bold;
    font-size: 55px;
    line-height: 100%;
    letter-spacing: 0px;
    /* color: white; */
}
.logo-banner {
    background: rgba(255, 255, 255, 0.1);
    padding: 2rem;
}
.pricing-container {
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 15px;
    background: rgba(102, 108, 155, 0.2);
}
.pricing .bolder,
.logo-banner .bolder {
    color: #8463dd;
}
.how_we_do_it .card {
    background: linear-gradient(180deg, rgb(99 89 232 / 55%) 0%, rgba(102, 108, 155, 0.57) 100%);
    padding: 3rem 2rem;
    border-radius: 10px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: scale(0.9);
}

.how_we_do_it .card h3 {
    color: rgba(255, 255, 255, 1);
}
.how_we_do_it .card:hover {
    transform: scale(1.05);
    opacity: 1;
    z-index: 2;
    border: 0.73px solid rgba(255, 255, 255, 1);
}
.how_we_do_it .card:hover h3 {
    color: white;
}
.watch_now {
    border: 0.77px solid rgba(255, 255, 255, 1);
    background: url("../../general/images/video.png") no-repeat 10% center;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    padding: 15px 15px 15px 30px;
    border-radius: 50px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
}
/* .how_we_do_it .swiper-slide {
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: scale(0.9);
    opacity: 0.5;
}
.how_we_do_it .swiper-slide-active {
    transform: scale(1.05); 
    opacity: 1;
    z-index: 2;
    border: 0.73px solid rgba(255, 255, 255, 1);
    color: white;
} */
.testimonials .card,
.testimonials2 .card {
    background: linear-gradient(180deg, #0a0525 0%, #141126 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px;
}
.case-studies .card {
    background: linear-gradient(
        180deg,
        rgba(102, 108, 155, 0.15) 0%,
        rgba(102, 108, 155, 0.17) 100%
    );
    border-radius: 10px;
    margin-right: 20px;
}
.cs-swiper-button-prev,
.cs-swiper-button-next {
    margin-top: 30px;
    border: 1px solid rgba(255, 255, 255, 0.34);
    padding: 10px 20px;
    color: rgba(255, 255, 255, 0.34);
    border-radius: 100%;
    font-size: 30px;
}
.cs-swiper-button-prev:hover,
.cs-swiper-button-next:hover {
    border: 1px solid rgba(204, 204, 204, 1);
    color: white;
    background: rgba(255, 255, 255, 0.19);
}
.faq .accordion-item {
    background: rgba(255, 255, 255, 0.06);
    margin-bottom: 20px;
    border-radius: 10px;
    border-image-slice: 50;
}

.faq .accordion-body {
    color: rgba(255, 255, 255, 0.34);
}
.faq .accordion .accordion-item h2 button {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 20px;
    padding: 30px;
    color: white;
}
.faq .accordion-button {
    background: transparent;
}
.faq .accordion .accordion-button::after {
    display: none;
}
.faq .accordion .accordion-button::before {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    fill: rgba(255, 255, 255, 0.34);
    margin-right: 20px;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}
.faq .accordion-body {
    text-align: start;
}
.faq .accordion-button:focus {
    border: none;
    box-shadow: none;
}
.footer-container {
    background: rgba(255, 255, 255, 0.06);
    padding: 20px 0px;
}
.js-focus-visible .vjs-menu li.vjs-selected:hover span,
.vjs-menu li.vjs-selected span,
.vjs-menu li.vjs-selected:focus span,
.vjs-menu li.vjs-selected:hover span {
    color: #8463dd;
}
.proof-performance {
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 15px;
    background: rgba(102, 108, 155, 0.2);
    padding: 3rem;
}
.proof-performance table {
    td,
    th {
        color: white;
        border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
        text-align: left;
        padding: 1rem 0;
        font-weight: 300;
    }
    .badge {
        background: rgba(61, 56, 124, 1);
        color: white;
        font-weight: 500;
        font-size: 18px;
    }
    .graph-text {
        color: rgba(85, 189, 72, 1);
        font-weight: 600;
        font-size: 18px;
    }
    .graph-bottom-text {
        color: rgba(95, 99, 104, 1);
        width: 50%;
        font-size: 12px;
        text-align: right;
    }
    .font-18 {
        font-size: 18px;
        font-weight: 600;
    }
}
.testimonial-name,
.testimonial-designation,
.testimonial-review {
    font-size: 18px;
}

.faq .accordion .accordion-button::before {
    background-image: url("../../general/images/arrow_open.png");
}
.faq .accordion .accordion-button.collapsed::before {
    background-image: url("../../general/images/arrow.png");
}
.truncate-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* number of lines to show */
    overflow: hidden;
}
.csModal h3,
.csModal ul li,
.csModal h5 {
    color: black;
    font-weight: normal;
}
.csModal .result-title {
    color: #74767e;
}
.testimonials-row {
    margin-left: -100px;
}
.clients img {
    width: 130px;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .container-padding {
        padding-right: 5rem;
        padding-left: 5rem;
    }
    .common-btn,
    .btn-one {
        padding: 0.5rem 1rem;
    }

    .pricing-container h2 {
        font-size: 35px;
    }
    .how_we_do_it .card {
        padding: 2rem 0rem;
    }
    .watch_now {
        padding: 15px 10px 15px 15px;
    }
    .secondary-title {
        font-size: 18px;
        padding: 10px;
    }
    .proof-performance {
        padding: 2rem;
    }
    .proof-performance table .badge,
    .proof-performance table .font-18,
    .proof-performance table .graph-text {
        font-size: 14px;
    }
    .proof-performance .brand-icon {
        width: 80px;
        padding-right: 10px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
    .container-padding {
        padding-right: 3rem;
        padding-left: 3rem;
    }
    .proof-performance table thead {
        display: none; /* hide table header */
    }
    .proof-performance table,
    .proof-performance tbody tr,
    td {
        display: block;
    }
    .proof-performance tbody {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .proof-performance td::before {
        content: attr(data-label);
        display: block;
    }
    .secondary-title {
        font-size: 20px;
    }
    .testimonials,
    .testimonials2 {
        padding: 50px 50px;
    }
    .testimonials-row {
        margin-left: 0px;
    }
    .clients img {
        width: 110px;
    }
}
@media (min-width: 1201px) {
    .proof-performance table .badge,
    .proof-performance table .font-18,
    .proof-performance table .graph-text {
        font-size: 18px !important;
    }
}
/*logo slider*/
@keyframes slidesx {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
.logo_items {
    display: inline-block !important;
    animation: 35s slidesx infinite linear;
}
.logo-banner {
    overflow: hidden;
    padding: 30px 0px;
    white-space: nowrap;
    position: relative;
}
.logo_items img {
    margin: auto 20px;
}