body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
li,
span,
a,
strong,
em {
    font-family: 'Lato', sans-serif;
}

.highlight {
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(180deg, #6D28D9 0%, #3A1573 100%),
        linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

.video-placeholder {
    background-color: #F3F4F6;
    background: linear-gradient(135deg, #F3F4F6 0%, #E5E7EB 100%);
    border-radius: 15px;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    max-width: 722px;
    max-height: 368px;
    margin: 0 auto 44px;
}

.video-cta {
    gap: 20px;
}

.video-cta .cta1 {
    background-color: #1A0A33;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 17px 40px;
    border-radius: 14px;
}

.video-cta .cta1 span {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    color: #ffffff;
}

.video-cta .cta2 {
    border: 0.8px solid #C5C5C5;
    padding: 17px 55px;
    border-radius: 14px;
}

.video-cta .cta2 span {
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    font-family: Lato;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    color: #101828;
}

.video-playicon {
    margin-bottom: 16px;
}

.video-text {
    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    color: #4A5565;
}

.btn-dark-purple {
    background-color: #1a0b2e;
    color: white;
}

.btn-dark-purple:hover {
    background-color: #2d164d;
    color: white;
}

.form-container {
    max-width: 800px;
    margin: 0 auto;
    /*box-shadow: 0px 20px 25px -5px #E5E7EB80;*/
    box-shadow: 0px 20px 25px 6px #E5E7EB80;
}

.section2 {
    background-image: url('../images/section2-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.form-inner {
    border: 2px solid #cccccc;
    border-radius: 12px;
    padding: 60px 40px;
    background-color: #ffffff;
}

.navbar {
    margin: 40px 104px 50px;
    padding-bottom: 30px;
    border-bottom: 1px solid #D2D2D4;
}

.section1 {
    padding-bottom: 38px;
    border-bottom: 1px solid #D2D2D4;
    background-image: url('../images/section1-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.section1-subtitle p {
    padding: 18px 36px;
    box-shadow: 0px 10px 15px -3px #0000001A;
    width: fit-content;
    margin: 0 auto 48px;
    border: 0.8px solid #F3E8FF;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.section1-subtitle span {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #6D28D9;
}

.section1-title {
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 0px;
    text-align: center;
    color: #101828;
    max-width: 674px;
    margin: 0 auto 4px;
}

.section1-title .highlight {
    font-size: 46px;
}

.section1-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #1E1E1E;
    text-align: center;
    max-width: 430px;
    margin: 0 auto 75px;
}

.section2 {
    padding: 78px 0 83px !important;
}

.section2-title,
.section3-title {
    font-family: Lato;
    font-weight: 700;
    font-size: 50px;
    line-height: 48px;
    letter-spacing: 0px;
    text-align: center;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    margin-bottom: 38px;
    color: #0A0A0A;
}

.section2-desc {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    color: #1E1E1E;
    margin-bottom: 63px;
}

.section3-desc {
    display: flex;
    align-items: center;
    background-color: rgba(109, 40, 217, 0.05);
    border-radius: 16px;
    border: #E9DBFF;
    padding: 30px;
}

.section3-desc.space {
    margin-bottom: 35px;
}

.section3 .row .desc-box:nth-of-type(even) {
    padding-left: 30px;
    padding-right: 0;
}

.section3 .row .desc-box:nth-of-type(odd) {
    padding-right: 30px;
    padding-left: 0;
}

.section3-desc p {
    font-family: Lato;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #1E1E1E;
    margin-bottom: 0;
}

.section4 {
    margin-top: 111px;
}

.section4 .card::before {
    content: '';
    background-image: url('../images/section4-bg.png');
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: center;
    width: 100%;
    height: 51px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.section4-title {
    font-size: 50px;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: 0px;
    text-align: center;
    color: #0A0A0A;
}

.section4 .card {
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
    border: 0.8px solid #F3E8FF;
    padding: 28px 70px;
    text-align: center;
    max-width: 422px;
    border-radius: 14px;
    position: relative;
}

.section4 .card img {
    width: 48px;
    height: 48px;
    margin: 0 auto 25px;
}

.section4 .card .card-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: center;
    color: #1A0A33;
    margin-bottom: 22px;
}

.section4 .card .card-subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: center;
    color: #1E1E1E;
}

.custom-gap-row>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.custom-gap-row {
    display: flex;
    flex-wrap: wrap;
    column-gap: 90px;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

@media (min-width: 992px) {
    .custom-gap-row>.col-lg-4 {
        flex: 0 0 calc((100% - 180px) / 3);
        width: calc((100% - 180px) / 3);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .custom-gap-row>.col-md-6 {
        flex: 0 0 calc((100% - 90px) / 2);
        width: calc((100% - 90px) / 2);
    }
}

.section5 {
    margin-top: 111px;
    max-width: 85.3%;
}

.section5-title,
.section6-title {
    font-weight: 700;
    font-size: 50px;
    line-height: 48px;
    letter-spacing: 0px;
    text-align: center;
    color: #0A0A0A;
    margin-bottom: 16px;
}

.section5-subtitle {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
    color: #1E1E1E;
    margin-bottom: 52px;
}

.section5 .card {
    padding: 30px 40px;
    border-radius: 24px;
    box-shadow: 0px 10px 15px -3px rgba(229, 231, 235, 0.5);
    border: 0.8px solid rgba(207, 207, 207, 1);
    margin-bottom: 54px;
}

.section5 .card .card-subtitle {
    font-family: Lato;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #3A1573;
}

.section5 .card .card-title.highlight {
    color: #6D28D9;
    margin-bottom: 30px;
}

.section5 .card .card-title {
    font-family: Lato;
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #101828;
}

.section5 .card .card-desc {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0px;
    color: #1E1E1E;
    padding-left: 28px;
    border-left: 4px solid #1A0A33;
    margin-bottom: 42px;
    max-width: 72%;
}

.section5 .card .card-statistics {
    background-color: #8B5CF6;
    padding: 16px 24px;
    border-radius: 16px;
}

.section5 .card .card-statistics .statistics-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 6px;
}

.section5 .card .card-statistics .statistics-desc {
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0px;
    color: #ffffff;
    /* display: flex;
    gap: 4px;
    align-items: baseline; */
}

.section5 .card .card-statistics .statistics-desc small {
    font-weight: 700;
    font-size: 18px;
    line-height: 40px;
    letter-spacing: 0px;
    color: #ffffff;
}

.statistics-wrapper {
    margin-bottom: 40px;
}

.statistics-cta {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #101828;
    text-decoration: none;
}

.section6 {
    margin-top: 111px;
}

.section6-desc {
    margin-bottom: 40px;
}

.section6-desc p {
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0px;
    text-align: center;
    color: #1E1E1E;
    margin-bottom: 0;
}

.section6-subtitle {
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: center;
    color: #101828;
    margin-bottom: 48px;
}

.section6 .card {
    background-color: rgba(109, 40, 217, 0.05);
    border: 1px solid #CFCFCF;
    padding: 52px 36px;
}


.section6 .card p {
    margin-bottom: 0;
}

.section6 .card .card-title {
    font-weight: 900;
    font-style: Italic;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: center;
    color: #1A0A33;
    margin-bottom: 11px;
}

.section6 .card .card-subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 19.25px;
    letter-spacing: 0px;
    text-align: center;
    color: #1A0A33;
}

.section7 {
    margin-top: 111px;
}

.section7-title {
    font-weight: 700;
    font-size: 50px;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: center;
    color: #1A0A33;
    margin-bottom: 50px;
}

.section7 .table {
    margin-bottom: 0;
    border-radius: 24px;
}

.section7 thead tr th {
    background-color: #1E2939;
    color: #ffffff;
    font-weight: 700;
    font-size: 26px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    padding: 21px 0 26px;
}

.section7 thead tr th:not(:first-of-type) {
    border-left: 1px solid #364153;
}

.section7 thead tr th:first-of-type {
    border-top-left-radius: 24px;
}

.section7 thead tr th:last-of-type {
    border-top-right-radius: 24px;
}

.section7 tbody tr:not(:last-of-type) td {
    border-bottom: 4px solid #F3F4F6 !important;
}

.section7 tbody tr td:first-of-type {
    border-left: 1px solid #E5E7EB !important;
}

.section7 tbody tr td {
    border-bottom: 1px solid #E5E7EB !important;
}

.section7 tbody tr td:last-of-type {
    border-right: 1px solid #E5E7EB !important;
}

.section7 tbody tr:last-of-type td:first-of-type {
    border-bottom-left-radius: 24px;
}

.section7 tbody tr:last-of-type td:last-of-type {
    border-bottom-right-radius: 24px;
}

.section7 .table-responsive {
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    overflow-x: auto;
}

.section7 .table .text-col1 {
    font-weight: 700;
    font-style: Italic;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #101828;
    padding: 26px 24px;
}

.section7 .table .text-col2 {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #FB2C36;
    padding: 26px 24px;
}

.section7 .table .text-col3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #00A63E;
    padding: 26px 24px;
}

.section8 {
    /* padding-top: 111px; */
}

.section8-title {
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 0px;
    text-align: center;
    color: #1A0A33;
    margin-bottom: 30px;
}

.section8-desc {
    font-weight: 400;
    font-size: 24px;
    line-height: 32.5px;
    letter-spacing: 0px;
    text-align: center;
    color: #1E1E1E;
    margin: 0 auto 30px;
    max-width: 736px;
}

.section8-inner {
    text-align: center;
}

.section8-cta {
    background-color: #1A0A33;
    padding: 17px 40px;
    border-radius: 14px;
    margin: 0 auto 151px;
}

.section8-cta:hover {
    background-color: #1A0A33;
}

.section8-cta span {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    color: #ffffff;
}

.footer {
    background-color: #000000;
    padding: 41px 60px 50px;
}

.footer .footer-logo {
    width: 240px;
    margin-bottom: 47px;
}

.col1-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 13px;
}

.col1-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 25.2px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-bottom: 30px;
}

.col2-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0px;
    text-decoration: underline;
    color: #ffffff;
}

.footer-links {
    text-align: right;
    margin-top: 26px;
}

.footer-links li a {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #ffffff;
}

.footer-links li:first-of-type {
    margin-bottom: 30px;
}

.footer-copyright {
    margin-top: 68px;
    align-items: center;
}

.copyright-inner {
    display: flex;
    align-items: center;
    gap: 24px;
}

.copyright-inner p {
    margin-bottom: 0;
}

.copyright-inner .left-col {
    font-weight: 400;
    font-size: 13px;
    line-height: 19.5px;
    letter-spacing: 0px;
    color: #ffffff;
}

.copyright-inner .right-col {
    display: flex;
    gap: 8px;
}

.copyright-inner .right-col a {
    font-weight: 400;
    font-size: 13px;
    line-height: 19.5px;
    letter-spacing: 0px;
    color: #ffffff;
    text-decoration: none;
}

.footer-social {
    display: flex;
    gap: 12px;
    justify-content: end;
}

.section3 {
    background-image: url('../images/section3-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.section6 {
    background-image: url('../images/section6-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.section7 {
    background-image: url('../images/section7-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.section8-inner {
    padding-top: 111px;
    background-image: url('../images/section8-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


@media only screen and (max-width: 1024px) {
    .footer {
        padding: 30px;
    }

    .copyright-inner {
        display: block;
    }
}

@media only screen and (min-width: 768px) {
    .center-col {
        width: 4px;
        height: 4px;
        background-color: #ffffff;
        border-radius: 50%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024.5px) {
    .section3 .row .desc-box:nth-of-type(odd) {
        padding-right: 15px;
    }

    .section3 .row .desc-box:nth-of-type(even) {
        padding-left: 15px;
    }

    .custom-gap-row {
        gap: 30px;
    }

    .custom-gap-row {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .statistics-wrapper .col-md-4 {
        width: 100%;
        margin-bottom: 15px;
    }

    .statistics-desc {
        display: block;
        width: 100%;
    }

    .section6 .col-md-3 {
        width: 50%;
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .footer-social {
        justify-content: start;
    }

    .navbar {
        margin: 15px 15px 20px;
        padding-bottom: 15px;
    }
    
    .section1-subtitle p {
        padding: 18px 26px;
        gap: 4px;
        margin: 0 auto 25px;
    }
    
    .section1-subtitle span {
        font-size: 15px;
    }

    .section1-title,
    .section1-title .highlight,
    .section2-title,
    .section3-title,
    .section4-title,
    .section5-title,
    .section5 .card .card-title,
    .section6-title,
    .section7-title,
    .section8-title {
        font-size: 25px;
        line-height: 30px;
    }
    
    .section1 {
        padding-bottom: 0;
    }
    
    .section2 {
              padding: 48px 20px !important;
        margin: 0 !important;
    }

    .video-playicon img {
        width: 60px;
    }

    .section3 .row .desc-box {
        padding: 0 !important;
    }

    .section3-desc {
        margin: 0 15px 15px !important;
    }

    .section4,
    .section5,
    .section6,
    .section7 {
        margin-top: 50px;
    }

    .section4 .card,
    .section5 .card .card-statistics,
    .section2-desc {
        margin-bottom: 20px;
    }
    
    .section3-desc {
        padding: 20px;
    }
    
    .section3-desc p {
        font-size: 18px;
        line-height: 22px;
    }

    .section6 .card {
        margin: 0 20px 20px;
        padding: 32px 26px;
    }

    .section6 .card .card-title {
        font-size: 25px;
    }

    .section1-desc {
        margin: 0 auto 40px;
    }

    .custom-gap-row {
        margin: 0 10px;
    }

    .section5 .card .card-statistics .statistics-desc {
        font-size: 30px;
        line-height: 35px;
    }

    .section5 .card .card-title.highlight,
    .section5-subtitle {
        margin-bottom: 20px;
    }

    .casestudy-logo {
        max-width: 70%;
    }

    .section5 .row.align-items-center:nth-child(3) {
        margin-top: 20px;
    }

    .section5 {
        max-width: 100%;
    }

    .section4 .card {
        padding: 15px 20px;
        margin: 15px 20px 15px !important;
    }
    
    .section4 .card .card-title {
        font-size: 18px;
    }
    
    .section4 .card img {
        margin: 0 auto 15px;
    }

    .statistics-wrapper {
        margin-bottom: 0;
    }

    .form-inner {
        padding: 15px;
    }

    .section5 .card {
        padding: 30px 20px;
        margin: 0 10px 20px;
    }

    .section5 .card .card-desc {
        margin-bottom: 30px;
        max-width: 100%;
    }

    .footer-links {
        text-align: left;
        padding: 0;
    }

    .navbar img {
        width: 120px;
    }

    .table {
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal;
    }

    .section7 .table .text-col1,
    .section7 .table .text-col2,
    .section7 .table .text-col3,
    .section7 thead tr th {
        padding: 16px 14px;
        font-size: 16px;
        vertical-align: middle;
    }
}


@media only screen and (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1370px !important;
    }
}