:root {
    --Primary: #4C4E52;
}

.index-container {
    background: #f9fafb;
}
/* toolbar css start */
.navigation-bar {
    padding: 36px 42px 32px 42px;
    background: transparent;
}
a {
    text-decoration: none;
}
.navigation-bar .w-container {
    /* max-width: 100%; */
    height: 72px;
    border-radius: 47px;
    background: var(--Secondary, #FDD100);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 8px 8px 16px 0px rgba(0, 0, 0, 0.08);
    display: flex;
    padding: 12px 24px !important;
    justify-content: space-between;
    align-items: center;
    /* gap: 10px; */
    align-self: stretch;
}
.navigation-bar .w-container .active {
    border-bottom: 2px solid var(--Primary, #00ABFD) !important;
    /* color: var(--RDO-Black, #4C4E52); */
    font-size: 1rem;
    /* font-weight: 700; */
    /* font-family: "Poppins Bold"; */
    color: var(--Dark, #1C1C1C);
    font-weight: 400;
    font-family: "Poppins";
    line-height: 22px;
}
.navigation-bar .w-container .rdo-logo {
    margin-right: auto;
    /* width: 165px; */
}
@media (min-width: 767px) {
    .navigation-bar .rdo-medium-logo {
        width: -webkit-fill-available;
        margin-bottom: 24px;
    }
    .navigation-bar .request-medium-demo-btn {
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 20px;
        background: var(--Primary, #00ABFD);
        padding: 10.5px 30px;
        display: flex;
        @media (min-width: 990px) and (max-width: 1024px) {
            padding: 10.5px 16px;
        }
        a {
            color: var(--White, #FFF);
            font-size: 1rem;
            font-family: "Poppins Bold";	
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: 0.08px;
            padding: 0;
        }
    }
}
.navigation-bar .w-container {
    @media (max-width: 767px) {
        .request-demo-btn {
            width: fit-content;
            margin-left: 0 !important;
            margin-top: 20px;
        }
        .mt-small {
            margin-top: 20px;
        }
    }
}
.main-menu a {
    @media (min-width: 768px) {
    padding: 0 !important;
    }
}
.navigation-bar .w-container .request-demo-btn {
    margin-left: auto;
    border-radius: 20px;
    background: var(--Primary, #00ABFD);
    padding: 10.5px 30px;
    display: flex;
    @media (min-width: 990px) and (max-width: 1024px) {
        padding: 10.5px 16px;
    }
    a {
        color: var(--White, #FFF);
        font-size: 1rem;
        font-family: "Open Sans Bold";	
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.08px;
        padding: 0;
    }
}
.navigation-bar .menu-toggle {
    padding: 0;
}
.navigation-bar .w-container ul, .footer .w-container ul {
    @media (min-width: 767px) {
        list-style: none;
        display: flex;
        align-items: flex-start;
        gap: 24px;
        margin-bottom: 0;
    }
    @media (min-width: 990px) and (max-width: 1024px) {
        gap: 12px;
    }
    
    li {
        margin: 0;
    }
    a {
        color: var(--Dark, #1C1C1C);
        font-size: 1rem;
        line-height: normal;
        /* font-family: "Poppins";	 */
        font-family: 'Open Sans';
        font-weight: 400;
        letter-spacing: 0.08px;
    }
}
/* toolbar css end */

/* footer css start */
.footer {
    padding: 5% 8vw;
    /* background: linear-gradient(116deg, #FEE238 -32.78%, #FEE23B -28.11%, #FCE142 -23.44%, #FAE14D -18.76%, #F7DF59 -14.09%, #F3DE66 -9.41%, #EEDC74 -4.74%, #E7DA82 -0.07%, #E0D790 4.61%, #D7D59E 9.28%, #CCD1AC 13.96%, #BFCEBA 18.63%, #B0C9C8 23.31%, #9DC5D6 27.98%, #84BFE4 32.65%, #61BAF1 37.33%, #00B3FF 42%); */
    background: linear-gradient(90deg, #FFD500 -2.97%, var(--RDO-Black, #4C4E52) 80.52%);
}
.footer .w-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    padding: 18px 0;
    border-top: 1px solid #FDD100;
    border-bottom: 1px solid #FDD100;
    ul {
        margin-left: auto;
        .social {
            display: flex;
            gap: 20px;
        }
    }
    a {
        margin-right: auto;
        /* color: #FFF !important; */
        color: var(--Secondary, #FDD100) !important;
    }
}
.footer {
    .social-media-container {
        align-items: baseline;
        border: none;
        margin-top: 30px;
        padding: 0;
        a {
            font-size: 0.75rem;
            font-family: "Open Sans";
            color: var(--RDO-Black, #4C4E52) !important;
        }
    }
}
/*footer css end */


/* inbetween container css start */
/* first row css */
.dispute-res-container {
    padding-left: 78px;
    @media (min-width: 768px) and (max-width: 991px) {
        padding: 24px;
        text-align: center;
        .content-dispute {
            padding: 24px !important;
        }
        .dash-img img {
            float: none !important;
        }
    }
    .content-dispute {
        padding: 80px 0;
    }
    p {
        color: var(--Dark, #1C1C1C);
        line-height: 36px;
    }
    .title {
        font-size: 2.5rem;
        /* font-size: 2.125rem; */
        margin-bottom: 0;
        font-family: "Bebas Neue";
        /* line-height: 44px; */
        line-height: 36px;
        @media (max-width: 767px) {
            font-size: 1.25rem;
            line-height: 30px;
        }
    }
    .emp-cort {
        margin: 24px 0;
        /* font-size: 1.875rem;
        font-family: "Poppins Bold"; */
        font-size: 1.75rem;
        font-family: "Open Sans SemiBold";
        line-height: 40px;
        @media (max-width: 767px) {
            margin: 12px 0;
            font-size: 1rem;
            line-height: 22px;
            font-weight: 700;
        }
    }
    .awrd-winning {
        color: var(--RDO-Black, #4C4E52);
        font-size: 1.25rem;
        font-family: "Open Sans";
        line-height: normal;
        letter-spacing: -0.96px;
        margin-bottom: 0;
        @media (max-width: 767px) {
            font-size: 1rem;
        }
    }
    .request-demo-btn {
        border-radius: 12px;
        background: var(--Primary, #00ABFD);
        margin-top: 32px;
        height: 48px;
        padding: 0px 24px;
        a {
            color: var(--colors-base-primary-foreground, #FFF);
            font-size: 1.25rem;
            font-family: "Bebas Neue";
            line-height: normal;
            letter-spacing: 0.08px;
        }
    }
    .dash-img {
        @media (min-width:991px) {
            padding: 40px 0 0 24px;
        }
        img {
            float: inline-end;
        } 
    }
}
/* second row css */
.justice-industry-container {
    padding-bottom: 10px;
    .justice-content {
        text-align: center;
        .title {
            color: #1B152B;
            font-size: 2.25rem;
            font-family: "Bebas Neue";
            line-height: normal;
            margin-bottom: 20px;
            @media (max-width: 767px) {
                font-size: 1.25rem;
                margin-bottom: 16px;
            }
        }
        p {
            color: var(--Text-Grey, #7A7D9C);
            font-size: 1rem;
            font-family: "Open Sans";
            line-height: normal;
            margin-bottom: 12px;
            @media (max-width: 767px) {
                font-size: 0.875rem;
                margin-bottom: 0;
            }
        }
    }
    .client-lists {
        padding: 20px;
        position: relative;
        overflow: hidden;
        width: 100%;
        /* max-width: 800px; */
        margin: auto;
    }
    
    /* Wrapper to hold scrolling images */
    .client-track {
        display: flex;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    
    /* List that slides */
    .client-lists ul {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        gap: 20px; /* Space between logos */
        min-width: 200%;
        animation: scroll-left 10s linear infinite;
        @media (max-width: 768px) {
            gap: 32px; /* Space between logos */
            min-width: 400%;
        }
    }
    
    /* Each logo should take equal space */
    .client-lists ul li {
        flex: 0 0 calc(100% / 10); /* Show 5 images at a time */
        display: flex;
        justify-content: center;
    }
    
    /* Adjust image size */
    .client-lists ul li img {
        max-width: 100%;
        height: auto;
    }
    
    /* Left & right gradient overlays */
    .client-lists::before,
    .client-lists::after {
        content: "";
        position: absolute;
        top: 0;
        width: 80px;
        height: 100%;
        pointer-events: none;
        z-index: 2;
    }
    
    /* .client-lists::before {
        left: 0;
        background: linear-gradient(-270deg, rgba(0, 0, 0, 0.04) 0%, rgba(51, 51, 51, 0.06) 35.29%, rgba(255, 255, 255, 0.08) 70.59%);
    }
    
    .client-lists::after {
        right: 0;
        background: linear-gradient(270deg, rgba(0, 0, 0, 0.04) 0%, rgba(51, 51, 51, 0.06) 35.29%, rgba(255, 255, 255, 0.08) 70.59%);
    } */
    
}
/* third row css */
.reduce-case-backlogs-container {
    padding: 16px 100px 35px;
    .title {
        color: #1B152B;
        text-align: center;
        font-size: 3rem;
        /* font-size: 2.5rem; */
        font-family: "Bebas Neue";
        line-height: normal;
        margin: 0 auto 32px;
        /* @media (min-width: 769px) {
            width: 688px;
        } */
        @media (max-width: 767px) {
            font-size: 1.25rem;
            margin-bottom: 24px;
        }
    }
    .reduce-blog-card {
        padding: 40px;
        border-radius: 16px;
        border: 1px solid #EFF0F6;
        background: #FFF;
        .w-row:first-of-type .w-col:first-child {
            @media (min-width:767px) {
                border-right: 1px solid #EFF0F6;
            }
        }
        .backlogs-details {
            padding: 20px 10px;
            background: radial-gradient(89.5% 50% at 50% 50%, rgba(238, 197, 0, 0.20) 16%, rgba(253, 209, 0, 0.00) 68.22%);
            text-align: center;
            .header {
                margin: 16px 0;
                color: #1B152B;
                text-align: center;
                font-size: 1.5rem;
                font-family: "Bebas Neue";
                line-height: normal;
            }
            .content {
                color: var(--RDO-Black, #4C4E52);
                text-align: center;
                font-size: 1rem;
                font-family: "Open Sans";
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: -0.75px;
            }
        }
    }
}

/* slider css */
:root {
    --slides-to-show: 3;
}

.slider-wrapper, .slider-wrapper-ww {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.slider-container, .slider-container-ww {
    display: flex;
    transition: transform 0.5s ease-in-out;
}
@media (max-width: 767px) {
    .slide, .slide-ww {
        flex: 0 0 100% !important;  /* Forces 1 slide per view */
    }
}

.slide, .slide-ww {
    flex: 0 0 calc(100% / var(--slides-to-show));
    box-sizing: border-box;
    padding: 10px;
}

/* Responsive Adjustments */
@media (max-width: 767px) {
    :root { --slides-to-show: 1; }
}

@media (max-width: 1023px) {
    :root { --slides-to-show: 2; }
}

@media (min-width: 1024px) {
    :root { --slides-to-show: 3; }
}

/* Disabled button styles */
.disabled {
    opacity: 0.5;
    pointer-events: none;
}


/* Fourth row css */
.blogs-latest-news-container {
    padding: 20px 24px;
    .title {
        color: var(--Dark, #1C1C1C);
        font-size: 2.5rem;
        /* font-family: "Poppins Bold"; */
        /* font-size: 2.25rem; */
        font-family: "Bebas Neue";
        line-height: 36px; /* 90% */
        margin-bottom: 24px;
        margin-left: 56px;
        @media (max-width: 767px) {
            font-size: 1.25rem;
        }
    }
    .w-row {
        display: flex;
        .arrow {
            height: 24px;
            margin: auto 12px;
            cursor: pointer;
        }
        .w-col {
            padding: 0 12px;
        }
    }
    .w-row {
        margin-left: -24px;
        margin-right: -24px;
        .w-col {
            padding: 0;
        }
    }
}

.blogs-card {
    height: 530px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 20px;
    margin: 16px;
    border-radius: 16px;
    border: 1px solid #EFF0F6;
    background: #FFF;
    @media (max-width: 767px) {
        margin: 8px 0px;
    }
    img {
        width: 100% !important;
        max-width: none;
        height: 220px;
        border-radius: 8px;
        box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.12), 0px 15px 35px 0px rgba(103, 110, 118, 0.08);
        align-self: stretch;
    }
    .blogs-details {
        margin-top: 24px;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }
    .content-wrapper {
        flex-grow: 1;
        display: contents;
    }
    .blog-date {
        display: flex;
        align-items: center;
        .date {
            color: #8B857F;
            font-size: 1rem;
            font-family: "Open Sans";
            line-height: normal;
            letter-spacing: -0.75px;
            margin-bottom: 0;
            margin-left: auto;
        }
    }
    .blogs {
        border-radius: 47px;
        background: var(--Secondary, #FDD100);
        padding: 4px 8px;
        color: var(--RDO-Black, #4C4E52);
        font-size: 1rem;
        line-height: normal;
        letter-spacing: -0.75px;
        width: fit-content;
        margin-bottom: 0;
        font-family: "Open Sans";
    }
    .header {
        margin-top: 20px;
        margin-bottom: 15px;
        color: #272422;
        font-size: 1.25rem;
        font-family: "Open Sans Bold";
        line-height: normal;
        letter-spacing: -0.75px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; 
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }
    .content {
        color: #8B857F;
        font-size: 1rem;
        font-family: "Open sans";
        line-height: normal;
        letter-spacing: -0.96px;
        margin-bottom: 0px;
    }
    .read-content {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4; /* Show 4 lines initially */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }
    .read-more-btn {
        width: 100%;
        margin-left: auto;
        cursor: pointer;
    }        
    /* .content-wrapper {
        position: relative;
    } */
    .read-more {
        display: flex;
        justify-content: space-between; /* Aligns "View" to the left and "Read More" to the right */
        align-items: center;
        padding-top: 10px;
        margin-top: auto;
        margin-bottom: 0;
        /* position: absolute;
        bottom: 32px;
        right: 40px; */
        a {
            color: #4C4E52;
            font-size: 1rem;
            font-family: "Open Sans";
            line-height: normal;
            letter-spacing: -0.75px;
            border-bottom: 1px solid #FDD100;
            /* float: inline-end; */
        }
    }
    .read-more a:only-child {
        margin-left: auto;
    }
}

/* fifth row css */
.courts-tribunals-container {
    padding: 80px 80px 104px 81px;
    /* background: #f4f5f6; */
    background-image: url(images/rdo-demo-site-images/court-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    @media (min-width: 768px) and (max-width: 991px) {
        padding: 32px;
    }
    .title {
        color: var(--Dark, #1C1C1C);
        font-size: 2.5rem;
        /* font-family: "Poppins Bold"; */
        /* font-size: 2.25rem; */
        font-family: "Bebas Neue";
        line-height: normal; /* 90% */
        margin-bottom: 16px;
        @media (max-width: 767px) {
            font-size: 1.25rem;
        }
    }
    .content {
        color: var(--Text-Grey, #7A7D9C);
        font-size: 1rem;
        font-family: "Open Sans";
        line-height: normal;
        margin-bottom: 32px;
        @media (max-width: 767px) {
            font-size: 0.875rem;
        }
    }
    .img-right {
        text-align: end;
        padding: 0;
        margin-left: auto;
    }
    .img-left {
        padding: 0;
    }
    @media (min-width: 1024px) {
        .w-row {
            display: flex;
            align-items: center;
        }
    }
    .w-row {
        margin-bottom: 32px;
        &:last-child {
            margin-bottom: 0;
        }
    }
    .w-col {
        display: flex;
        padding-right: 0;
    }
    .sd-left {
        margin-right: 48px;
    }
    .sd-right {
        margin-left: 48px;
    }
    .step-details {
        .steps {
            border-radius: 20px;
            background: var(--White, #FFF);
            box-shadow: 0px 4px 8px 0px rgba(20, 27, 52, 0.04);
            padding: 6px 20px;
            color: var(--Dark, #1C1C1C);
            text-align: center;
            font-size: 1.125rem;
            font-family: "Manrope";
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            width: fit-content;
            margin-bottom: 0;
        }
        .step-title {
            color: var(--Dark, #1C1C1C);
            font-size: 2.25rem;
            /* font-family: "Poppins Bold";  */
            /* font-size: 1.875rem; */
            font-family: "Bebas Neue";
            line-height: normal; /* 198.611% */
            letter-spacing: -0.72px;
            margin: 8px 0;
            @media (max-width: 767px) {
                font-size: 1.25rem;
            }
        }
        .content-details {
            color: var(--RDO-Black, #4C4E52);
            font-size: 1rem;
            font-family: "Open Sans";
            line-height: 28.6px; /* 178.75% */
            margin-bottom: 24px;
            @media (max-width: 767px) {
                line-height: normal;
                margin-bottom: 0;
            }
        }
        button {
            border-radius: 12px;
            border: 1px solid rgba(255, 255, 255, 0.40);
            background: var(--Primary, #00ABFD);
            box-shadow: 0px 20px 35px 0px rgba(51, 132, 255, 0.20);
            color: var(--White, #FFF);
            font-size: 1.25rem;
            font-family: "Bebas Neue";
            padding: 14px 36px;
            a {
                color: var(--White, #FFF);
            }
            .ml-8 {
                margin-left: 8px;
            }
            .mr-8 {
                margin-right: 8px;
            }
            @media (max-width: 767px) {
                margin-top: 24px;
            }
        }

    }
}
/* sixth css container */
.court-justice-container {
    padding: 40px 100px;
    .title {
        color: #1B152B;
        text-align: center;
        font-size: 3rem;
        /* font-size: 2.25rem; */
        font-family: "Bebas Neue";
        line-height: normal;
        margin-bottom: 20px;
        @media (max-width: 767px) {
            font-size: 1.25rem;
        }
    }
    .content {
        color: var(--Text-Grey, #7A7D9C);
        text-align: center;
        font-size: 1rem;
        font-family: "Open Sans";
        line-height: normal;
        letter-spacing: 0.08px;
        margin-bottom: 0;
        @media (max-width: 767px) {
            font-size: 0.875rem;
        }
    }
    .w-row {
        margin-top: 32px;
        .w-col {
            padding: 16px;
        }
    }
    .court-justice-card {
        /* width: 300px; */
        overflow: hidden;
        position: relative;
        transition: background 0.3s ease-in-out;
        padding: 32px;
        height: 332px;
        padding-bottom: 0;
        border-radius: 16px;
        background: #FFF;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 4px 2px 8px 0px rgba(0, 0, 0, 0.06);
        .card-title {
            color: var(--Dark, #1C1C1C);
            font-size: 1rem;
            font-family: "Open Sans Bold";
            line-height: normal;
            letter-spacing: 0.08px;
            margin: 22px 0;
        }
        .demo-img {
            position: absolute;
            bottom: 0;
        }
    }
    .court-justice-card:hover {
        background: var(--Primary, #00ABFD);

    }
    .court-justice-card img,
    .court-justice-card p {
        transition: opacity 0.3s ease-in-out;
    }

    .court-justice-card:hover .card-image,
    .court-justice-card:hover .card-title {
        opacity: 0;
    }
    .hover-content {
        padding: 64px 32px 32px;
        position: absolute;
        top: 0;
        /* bottom: 0; */
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center; /* Centers content vertically */
        align-items: flex-start;
        color: white;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        p,h3 {
            color: #fff;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.08px;
        }
        h3 {
            font-size: 1rem;
            font-family: "Inter Bold";
            margin-bottom: 16px;
        }
        p {
            font-size: 0.875rem;
            font-family: "Inter";
            margin-bottom: 46px;
        }
    }
    
    .court-justice-card:hover .hover-content {
        opacity: 1;
    }
    /* Arrow slide animation */
    .arrow {
        font-size: 24px;
        position: absolute;
        bottom: 4px; /* Final position */
        left: 30px;
        transform: translateY(100px); /* Start far below */
        opacity: 0;
        transition: transform 5s ease-in-out, opacity 5s ease-in-out;
    }

    /* Slide up on hover (3s duration) */
    .court-justice-card:hover .arrow {
        transform: translateY(0); /* Moves up */
        opacity: 1;
    }

    /* Slide back down on hover out */
    .court-justice-card:not(:hover) .arrow {
        transform: translateY(100px); /* Moves back down */
        opacity: 0;
    }
}
/* seventh css container */
.why-rdo-court-container {
    background: #EFF0F6;
    padding: 40px 80px;
    .title {
        text-align: center;
        margin-bottom: 16px;
        color: var(--Dark, #1C1C1C);
        font-size: 2.5rem;
        font-family: "Bebas Neue";
        /* font-family: "Poppins Bold"; */
        line-height: 36px; /* 90% */
        @media (max-width: 767px) {
            font-size: 1.25rem;
            line-height: normal;
        }
    }
    .content {
        color: var(--Text-Grey, #7A7D9C);
        text-align: center;
        font-size: 1rem;
        font-family: "Open Sans";
        line-height: normal;
        margin-bottom: 63px;
        @media (max-width: 767px) {
            font-size: 0.875rem;
            margin-bottom: 24px !important;

        }
    }
    .w-row {
        width: 100%;
        p {
            margin-bottom: 0;
        }
        .w-col {
            padding: 0;
        }
        .first-col p:first-child {
            border-radius: 12px 0px 0px 12px;
            background: var(--White, #FFF);
            padding: 16px;
            color: #1B152B;
            font-size: 2.25rem;
            font-family: "Bebas Neue";
            line-height: normal;
        }
        .first-col p:nth-child(2), .second-col p:nth-child(2), .third-col p:nth-child(2) {
            margin-top: 20px;
        }
        .first-col p:nth-child(2),
        .first-col p:nth-child(3),
        .first-col p:nth-child(4),
        .first-col p:nth-child(5),
        .first-col p:nth-child(6),
        .first-col p:last-child {
            padding: 16px;
            color: #1B152B;
            font-size: 1.375rem;
            font-family: "Bebas Neue";
            line-height: normal;
            border-bottom: 1px solid rgba(0, 0, 0, 0.30);
            @media (min-width: 1024px) and (max-width: 1138px) {
                height: 90px;
            }
        }
        .first-col p:last-child, .second-col p:last-child, .third-col p:last-child {
            border: none;
        }
        .second-col p:last-child {
            background: none !important;
        }
        .second-col {
            margin-top: -24px;
            padding: 24px;
            border-radius: 16px;
            border: 2px solid var(--Secondary, #FDD100);
            background: var(--Primary, #00ABFD);
            box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 8px 8px 16px 0px rgba(0, 0, 0, 0.08);
        }
        .second-col p:first-child {
            padding: 16px;
            border-radius: 12px;
            background: var(--Secondary, #FDD100);
            color: var(--RDO-Black, #4C4E52);
            text-align: center;
            font-size: 2.25rem;
            font-family: "Bebas Neue";
            line-height: normal;
        }
        .second-col p:nth-child(2),
        .second-col p:nth-child(3),
        .second-col p:nth-child(4),
        .second-col p:nth-child(5),
        .second-col p:nth-child(6),
        .second-col p:last-child {
            text-align: center;
            padding: 16px 0;
            color: var(--White, #FFF);
            font-size: 1.5rem;
            font-family: "Bebas Neue";
            line-height: normal;
            /* border-bottom: 1px solid var(--Gradient-Primary, #00ABFD); */
            border-bottom: 1px solid transparent;
            background-image: linear-gradient(90deg, var(--Primary, #00ABFD) -6.25%, var(--Gradient-1-white, #FFF) 212.03%);
            background-position: bottom;
            background-repeat: no-repeat;
            background-size: 100% 1px;
            @media (min-width: 1024px) and (max-width: 1138px) {
                height: 90px;
            }
        }
        .third-col p:first-child {
            border-radius: 0px 12px 12px 0px;
            background: var(--Background, #F9FAFB);
            padding: 16px 0;
            color: #1B152B;
            text-align: center;
            font-size: 2.25rem;
            font-family: "Bebas Neue";
            line-height: normal;
        }
        .third-col p:nth-child(2),
        .third-col p:nth-child(3),
        .third-col p:nth-child(4),
        .third-col p:nth-child(5),
        .third-col p:nth-child(6),
        .third-col p:last-child {
            text-align: center;
            padding: 16px;
            color: #1B152B;
            font-size: 1.5rem;
            font-family: "Bebas Neue";
            line-height: normal;
            border-bottom: 1px solid rgba(0, 0, 0, 0.30);
            @media (min-width: 1024px) and (max-width: 1138px) {
                height: 90px;
            }
        }
        .third-col p:last-child {
            border: none;
        }
    }
    .exp-jstc-eimagn {
        text-align: center;
        margin-top: 32px;
        @media (max-width: 767px) {
            margin-top: 24px;
        }
        p {
            color: #1B152B;
            font-size: 1.5rem;
            font-family: "Open Sans";
            line-height: normal;
            margin-bottom: 16px;
            @media (max-width: 767px) {
                font-size: 1.25rem;
                font-weight: 500 !important;
            }
        }
        button {
            height: 48px;
            border-radius: 12px;
            background: var(--Secondary, #FDD100);
            padding: 0 24px;
            color: var(--RDO-Black, #4C4E52);
            font-size: 1.25rem;
            font-family: "Bebas Neue";
            line-height: normal;
            letter-spacing: 0.08px;
        }
    }
}
/* eight css container */ 
.success-action-worldwide-container {
    padding: 40px 24px;
    .title {
        text-align: center;
        color: var(--Dark, #1C1C1C);
        font-size: 3rem;
        font-family: "Bebas Neue";
        /* font-family: "Poppins Bold"; */
        line-height: 36px; /* 90% */
        margin-bottom: 32px;
        @media (max-width: 767px) {
            font-size: 1.25rem;
        }
    }
    .w-row {
        display: flex;
        .arrow {
            height: 24px;
            margin: auto 12px;
        }
        .w-col {
            padding: 0 12px;
            .world-wide-card {
                height: 265px;
                border-radius: 16px;
                border: 1px solid rgba(253, 209, 0, 0.50);
                background: var(--White, #FFF);
                box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 8px 8px 16px 0px rgba(0, 0, 0, 0.08);
                padding: 40px;
                .ww-details {
                    margin-top: 24px;
                    margin-bottom: 0;
                    color: var(--RDO-Black, #4C4E52);
                    text-align: center;
                    font-size: 1.25rem;
                    font-style: italic;
                    font-family: "Open Sans";
                    letter-spacing: -0.96px;
                }
            }
        }
    }
}
/* last css container */
.experience-justice-container {
    background: #FFF;
    .right-img {
        text-align: end;
    }
    .title {
        color: var(--Dark, #1C1C1C);
        text-align: center;
        font-size: 3rem;
        /* font-family: "Poppins Bold"; */
        font-family: "Bebas Neue";
        line-height: 36px; /* 90% */
        margin-bottom: 20px;
        @media (max-width: 767px) {
            font-size: 1.25rem;
            margin-bottom: 16px;
        }
    }
    .content {
        color: var(--RDO-Black, #4C4E52);
        text-align: center;
        font-size: 1.25rem;
        font-family: "Open Sans";
        line-height: normal;
        letter-spacing: -0.96px;
        margin: 0;
        @media (max-width: 767px) {
            font-size: 0.875rem;
        }
    }
    .w-row {
        display: flex;
        align-items: anchor-center;
        .w-col-3 {
            padding: 0;
            img {
                display: none;
            }
        }
        .w-col-6 {
            /* padding: 12px; */
            padding: 32px;
            @media (max-width: 767px) {
                /* padding: 0 16px; */
                padding: 16px;
            }
        }
    }
    .center-align {
        text-align: center;
        margin-top: 40px;
        @media (max-width: 767px) {
            margin-top: 24px !important;
        }
    }
    .request-demo-btn {
        border-radius: 12px;
        background: var(--Primary, #00ABFD);
        height: 48px;
        padding: 0px 24px;
        a {
            color: var(--colors-base-primary-foreground, #FFF);
            font-size: 1.25rem;
            font-family: "Open Sans Bold";
            line-height: normal;
            letter-spacing: 0.08px;
        }
    }
    .contact-arrow {
        color: #000;
        font-size: 1rem;
        font-family: "Poppins Medium";
        line-height: normal;
        letter-spacing: -0.32px;
        padding: 10px 0;
        /* margin-left: 16px; */
    }
}


/* blogs latest news css */
/* blog first container css start */

.insights-inspiration-container {
    padding: 16px 64px 40px;
    .title {
        color: var(--Text-Dark-Blue, #1B152B);
        text-align: center;
        font-size: 3rem;
        font-family: "Bebas Neue";
        line-height: normal;
        letter-spacing: -1.68px;
        margin-bottom: 15px;
        @media (max-width: 767px) {
            font-size: 20px !important;
            font-weight: 700 !important;
            line-height: 36px;
            letter-spacing: 0.32px;
        }
    }
    .content {
        color: var(--Text-Grey, #7A7D9C);
        text-align: center;
        font-size: 1rem;
        font-family: "Open Sans";
        line-height: normal;
        letter-spacing: 0.08px;
        width: 65%;
        margin: 0 auto 55px auto;
        @media (max-width: 767px) { 
            margin: 16px auto 31px auto !important;
        }
    }
    .blog-card-wrap {
        img {
            height: auto;
        }
    }
}
.blog-card-wrap {
    border-radius: 16px;
    background: #FFF;
    box-shadow: 3px 0px 4px 0px rgba(113, 136, 225, 0.10), 0px 4px 4px 0px rgba(113, 136, 225, 0.10);
    padding: 20px;
    .w-row {
        @media (min-width: 990px) {
            display: flex;
            /* align-items: center; */
            .modal-image {
                margin-top: 78px;
            }
        }
        .w-col {
            padding: 0;
        }
    }
    img {
        width: 100%;
        border-radius: 8px;
        box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.12), 0px 15px 35px 0px rgba(103, 110, 118, 0.08);
    }
    .blog-card-details {
        @media (min-width: 990px) {
            margin-left: 36px;  
        }
        @media (max-width: 990px) {
            margin-top: 36px;  
        }
        .blog-date {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            .date {
                color: #8B857F;
                font-size: 1rem;
                font-family: "Inter";
                line-height: normal;
                letter-spacing: -0.75px;
                margin-bottom: 0;
                margin-left: auto;
            }
        }
        .blog {
            border-radius: 47px;
            background: var(--Secondary, #FDD100);
            padding: 4px 12px;
            color: var(--RDO-Black, #4C4E52);
            font-size: 1rem;
            width: fit-content;
            font-family: "Manrope";
        }
        .header {
            color: #272422;
            font-size: 2.25rem;
            letter-spacing: 0.09px;
            margin-bottom: 15px;
            line-height: normal;
            font-family: "Bebas Neue";
            @media (max-width: 767px) {
                font-size: 20px !important;
                font-weight: 600;
            }
        }
        .content-details {
            color: #8B857F;
            font-size: 1rem;
            letter-spacing: 0.08px;
            line-height: normal;
            font-family: "Open Sans";
        }
        .read-more {
            display: flex;
            margin-bottom: 0;
            justify-content: end;
            a {
                color: #00ABFD;
                font-size: 1rem;
                font-family: "Open Sans";
                line-height: normal;
                letter-spacing: -0.75px;
                border-bottom: 1px solid #FDD100;
                float: inline-end;
            }
        }
    }
}
/* blog first container css end */

/* blog second container css start */
.all-blog-display-container {
    padding: 32px 64px 64px;

    .searchbox-wrap {
        position: relative;
        width: 100%;
        max-width: 400px;
        margin: auto;
        margin-bottom: 16px;

    }

    .searchbox-wrap input {
        width: 100%;
        padding: 15px 225px 15px 17px;
        font-size: 0.875rem;
        font-family: "Open Sans";
        color: rgba(95, 100, 134, 0.70);
        outline: none;
        border-radius: 12px;
        border: 1px solid #E2E8F1;
        background: #FFF;
        box-shadow: 0px 2px 24px 2px rgba(29, 32, 36, 0.02);
    }

    .searchbox-wrap button {
        position: absolute;
        right: 4px;
        top: 2.95px;
        border: none;
        color: white;
        /* padding: 0 20px; */
        font-size: 1.25rem;
        font-family: "Bebas Neue";
        cursor: pointer;
        border-radius: 10px;
        background: var(--Primary, #00ABFD);
        box-shadow: 0px 1px 1px 0px rgba(88, 111, 54, 0.08);
        padding: 12px 20px;
    }
    @media (max-width: 480px) {
        .searchbox-wrap {
            max-width: 100%;
            padding: 0 10px; /* Adds spacing on small screens */
        }
    
        .searchbox-wrap input {
            padding: 14px 160px 14px 15px; /* Adjust for smaller screens */
            font-size: 0.8rem;
        }
    
        .searchbox-wrap button {
            right: 10px;
            font-size: 0.7rem;
            padding: 10px 15px;
        }
    }
    .w-row {
        margin-left: -16px;
        margin-right: -16px;
        .w-col {
            padding: 0;
        }
    }
    /* .blogs-card {
        margin: 16px;
        border-radius: 16px;
        border: 1px solid #EFF0F6;
        background: #FFF;
        img {
            width: 100% !important;
            max-width: none;
        }
        .blogs-details {
            padding: 0 20px 20px;
            margin-top: -24px;
        }
        .blog-date {
            display: flex;
            align-items: center;
            .date {
                color: #8B857F;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: -0.75px;
                margin-bottom: 0;
                margin-left: auto;
            }
        }
        .blogs {
            border-radius: 47px;
            background: var(--Secondary, #FDD100);
            padding: 4px 8px;
            color: var(--RDO-Black, #4C4E52);
            font-size: 1rem;
            line-height: normal;
            letter-spacing: -0.75px;
            width: fit-content;
            margin-bottom: 0;
        }
        .header {
            margin-top: 20px;
            margin-bottom: 15px;
            color: #272422;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -0.75px;
        }
        .content {
            color: #8B857F;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: -0.96px;
            margin-bottom: 0px;
        }
        .read-more {
            display: flex;
            margin-bottom: 0;
            justify-content: end;
            a {
                color: #00ABFD;
                font-size: 1rem;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: -0.75px;
                border-bottom: 1px solid #FDD100;
                float: inline-end;
            }
        }
    } */
}
/* blog second container css end */

/* Features container css */
/* Features firt container css start*/
.product-features-container {
    padding: 32px 10vw;
    .title {
        color: var(--Dark, #1C1C1C);
        text-align: center;
        font-size: 3rem;
        font-family: "Bebas Neue";
        line-height: 36px; /* 90% */
        margin-bottom: 24px;
        @media (max-width: 767px) {
            font-size: 20px !important;
            margin-bottom: 16px !important;
            line-height: 22px !important;
        }
    }
    .content {
        color: var(--RDO-Black, #4C4E52);
        text-align: center;
        font-size: 1.25rem;
        font-family: "Poppins Medium";
        line-height: normal;
        letter-spacing: -0.96px;
        margin-bottom: 32px;
        @media (max-width: 767px) {
            font-size: 16px !important;
        }
    }
    .request-demo-btn {
        border-radius: 12px;
        background: var(--Primary, #00ABFD);
        height: 48px;
        padding: 0px 24px;
        display: block;
        margin: auto;
        a {
            color: var(--colors-base-primary-foreground, #FFF);
            font-size: 1rem;
            font-family: "Poppins Bold";
            line-height: normal;
            letter-spacing: 0.08px;
        }
    }
}
/* Features firt container css end*/
/* Features second container css start*/
.feature-spotlights-container {
    background: var(--White, #FFF);
    padding: 40px 82px 0px 82px;
    .title {
        color: #1B152B;
        /* font-size: 3rem; */
        font-size: 2.5rem;
        font-family: "Bebas Neue";
        line-height: normal;
        margin-bottom: 0;
        @media (max-width: 767px) {
            font-size: 20px !important;
            font-weight: 700 !important;
        }
    }
    .text-center {
        text-align: unset;
    }
    .w-col {
        padding: 0;
    }
    @media (max-width: 990.9px) {
       .text-center {
            text-align: center;
       }
    }
    .content {
        color: var(--RDO-Black, #4C4E52);
        font-size: 1rem;
        font-family: "Open Sans";
        line-height: normal;
        letter-spacing: 0.08px;
        margin-bottom: 0;
    }
    .feature-step-container {
        padding: 0 !important;
        background: transparent !important;
        @media (max-width: 990.9px) {
            .img-right img {
                display: block !important;
                margin: 0 auto !important;
            }
        }
        @media (min-width: 991px) {
            .sd-left {
                margin-right: 48px !important;
            }
            .sd-right {
                margin-left: 48px !important;
            }
        }
        .step-details {
            margin: initial;  
            .step-title {
                color: #1B152B;
                font-size: 1.5rem;
                font-family: "Open Sans SemiBold";
                line-height: normal;
                margin-bottom: 8px;
                @media (max-width: 767px) {
                    font-size: 24px !important;
                }
            }
            .content {
                color: var(--RDO-Black, #4C4E52);
                font-size: 1rem;
                line-height: normal;
                letter-spacing: -0.75px;
                margin-bottom: 24px;
            }
            .c-title {
                font-family: "Open Sans Bold";
            }
            .c-content {
                font-family: "Open Sans";
            }
        }
        .w-row {
            margin: 16px 0 0;
        }
    }
}
/* Features second container css end*/
/* Features third container css start*/
.court-unique-needs-container {
    padding: 64px 80px;
    .question {
        border-radius: 20px;
        background: #FFF;
        box-shadow: 0px 4px 8px 0px rgba(20, 27, 52, 0.04);
        color: var(--Black, #171717);
        text-align: center;
        font-size: 1.125rem;
        font-family: "Open Sans";
        line-height: normal;
        width: fit-content;
        padding: 6px 20px;
        margin: auto;
        margin-bottom: 16px;
    }
    .title {
        color: var(--Black, #171717);
        text-align: center;
        /* font-size: 4rem; */
        font-size: 3.375rem;
        font-family: "Bebas Neue";
        line-height: 103.2px; /* 161.25% */
        letter-spacing: -1.28px; 
        margin-bottom: 16px;
        @media (max-width: 767px) {
            font-size: 24px !important;
            line-height: normal !important;
            letter-spacing: -0.48px !important;
        }
        a {
            color: var(--Primary, #00ABFD);
            text-decoration: none;
        }
    }
    .content {
        color: var(--Dark, #1C1C1C);
        text-align: center;
        font-size: 2rem;
        font-family: "Open Sans SemiBold";
        line-height: 41.6px; /* 173.333% */
        opacity: 0.8;
        margin-bottom: 48px;
        @media (max-width: 767px) {
            margin-bottom: 16px !important;
        }
    }
    .w-row {
        margin: 0 -8px;
        .w-col {
            padding: 16px;
            @media (max-width: 767px) {
                padding: 0px !important;
            }
        }
    }
    .core-card {
        border-radius: 40px;
        border: 4px solid rgba(255, 255, 255, 0.40);
        background: linear-gradient(180deg, #FFF 0%, #F3F3F3 100%);
        box-shadow: 0px 3px 8px 0px rgba(20, 27, 52, 0.04);
        padding: 8px 8px 28px 8px;
        @media (min-width: 768px) and (max-width: 990px) {
            height: 432px;
        }
        .img-align {
            height: 222px;
            border-radius: 32px 32px 0px 0px;
            background: #EAEFF4;
            display: flex;
        }
        img {
            margin: auto;
            border-radius: 24px;
            border: 4px solid rgba(255, 255, 255, 0.40);
            background: linear-gradient(180deg, #FFF 0%, #F3F3F3 100%);
            padding: 24px;
        }
        .card-footer {
            padding: 20px 24px 0;
            height: 146px;
            .card-title {
                color: var(--Dark, #1C1C1C);
                font-size: 1.25rem;
                font-family: "Open Sans SemiBold";
                line-height: normal;
                margin-bottom: 8px;
            }
            .card-content {
                color: var(--RDO-Black, #4C4E52);
                font-size: 1rem;
                font-family: "Open Sans";
                line-height: 28.6px; /* 178.75% */
                margin-bottom: 0;
            }
        }
    }
}
/* Features third container css end*/

/* Request demo css container */
.request-demo-container {
    @media (max-width: 990px) {
        padding: 32px 16px;
    }
    .title {
        color: var(--Text-Dark-Blue, #1B152B);
        text-align: center;
        font-size: 3rem;
        /* font-size: 2.5rem; */
        font-family: "Bebas Neue";
        line-height: normal;
        letter-spacing: -1.68px;
        margin-bottom: 15px;
        margin-top: 16px;
        @media (max-width: 767px) {
            color: var(--Dark, #1C1C1C);
            font-size: 1.25rem;
            letter-spacing: normal;
            margin-top: 0;
        }
    }
    .content {
        color: var(--Text-Grey, #7A7D9C);
        text-align: center;
        font-size: 1rem;
        font-family: "Open Sans";
        line-height: 22px; /* 137.5% */
        letter-spacing: 0.08px;
        display: block;
        margin: 0 auto 32px;
        @media (min-width: 991px) {
            width: 54%;
        }
    }
    @media (max-width: 991px) and (min-width: 650px) {
        .w-col-medium-12 {
            width: -webkit-fill-available;
            margin: 24px;
        }
    }
    .demo-form {
        border-radius: 8px;
        border: 1px solid var(--Primary, #00ABFD);
        background-image: url(images/assets/contact-bg.svg);
        background-repeat: no-repeat;
        background-size: cover;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 8px 8px 16px 0px rgba(0, 0, 0, 0.08);
        padding: 24px;
        margin: auto;
        text-align: center;
        width: 60%;
        @media (max-width: 990px) {
            width: 100%;
        }
        .hello {
            color: var(--Dark, #1C1C1C);
            font-size: 1.25rem;
            font-family: "Bebas Neue";
            line-height: normal;
            letter-spacing: -0.96px;
            margin-bottom: 0;
        }
        .step-content {
            color: var(--RDO-Black, #4C4E52);
            font-size: 1rem;
            font-family: "Open Sans";
            line-height: normal;
            letter-spacing: -0.96px;
        }
        .form {
            margin: 0;
            .iti.iti--allow-dropdown {
                width: 100%;
            }
            input, select {
                margin-top: 16px;
                border-radius: 8px;
                border: 1px solid rgba(0, 171, 253, 0.30);
                background: var(--Background, #F9FAFB);
                font-family: "Open Sans";
            }
            button {
                height: 40px;
                margin-top: 24px;
                border-radius: 12px;
                background: var(--Primary, #00ABFD);
                padding: 0 24px;
                color: var(--colors-base-primary-foreground, #FFF);
                font-size: 1rem;
                font-family: "Poppins Bold";
                line-height: normal;
                letter-spacing: 0.08px;
            }
        }
    }
    .submit-content {
        color: var(--Neutrals-Icon-inactive, rgba(0, 0, 0, 0.54));
        font-size: 0.875rem;
        font-family: "Open Sans";
        line-height: normal;
        letter-spacing: -0.96px;
        text-align: center;
        margin: 53px auto 44px;
        @media (max-width: 767px) {
           margin: 32px 0 0;
        }
    }
    .w-col {
        padding: 0;
        .demo-right-img {
            float: right;
        }
    }
}

/* about us container css */
.about-our-vision-container {
    padding: 16px 172px 40px;
    .title {
        color: var(--Text-Dark-Blue, #1B152B);
        text-align: center;
        font-size: 3rem;
        /* font-size: 2.5rem; */
        font-family: "Bebas Neue";
        line-height: normal;
        letter-spacing: -1.68px;
        margin-bottom: 8px;
        @media (max-width: 767px) {
            color: var(--Dark, #1C1C1C);
            font-size: 1.25rem;
            letter-spacing: normal;
        }
    }
    .content {
        color: var(--Text-Grey, #7A7D9C);
        text-align: center;
        font-size: 1rem;
        font-family: "Open Sans";
        line-height: normal;
        letter-spacing: 0.08px;
        margin-bottom: 24px;
    }
    .about-us-content {
        padding-right: 0;
        border-top: 1px solid #EFF0F6;
        padding-top: 12px;
        p {
            color: var(--Text-Grey, #7A7D9C);
            font-size: 1rem;
            font-family: "Open Sans";
            line-height: 28px; /* 175% */
            letter-spacing: 0.08px;
            margin-bottom: 0;
            margin-top: 12px;
        }
    } 
}

/* contact us container css */
.contact-us-container {
    padding: 16px 5vw 67px;
    background: var(--White, #FFF);
    .title {
        color: var(--Text-Dark-Blue, #1B152B);
        text-align: center;
        font-size: 3rem;
        /* font-size: 2.5rem; */
        font-family: "Bebas Neue";
        line-height: normal;
        letter-spacing: -1.68px;
        margin-bottom: 8px;
        @media (max-width: 767px) {
            color: var(--Dark, #1C1C1C);
            font-size: 1.25rem;
            letter-spacing: normal;
        }
    }
    .content {
        color: var(--Text-Grey, #7A7D9C);
        text-align: center;
        font-size: 1rem;
        font-family: "Open Sans";
        line-height: normal;
        letter-spacing: 0.08px;
        margin-bottom: 52px;
        @media (max-width: 767px) {
            margin-bottom: 24px;
        }
    }
    .contact-form-container {
        /* display: flex; */
        padding-bottom: 2px;
        justify-content: center;
        align-items: flex-start;
        gap: 95px;
        @media (max-width: 990px) {
            padding: 0;
        }
        @media (max-width: 767px) {
            .w-col {
                padding: 0;
            }
        }
        img {
            float: inline-end;
        }
        .contact-form {
            display: flex;
            padding: 36px 24px;
            flex-direction: column;
            align-items: flex-start;
            gap: 30px;
            border-radius: 32px;
            border: 1px solid #EFF0F6;
            background: #FFF;
            width: 100%;
            .w-col {
                margin-bottom: 30px;
            }
            .p-r-15 {
                padding-right: 15px;
            }
            @media (max-width: 767px) {
                .p-r-15 {
                    padding: 0 !important;
                }
            }
            .form {
                margin-top: 0 !important;
                width: 100%;
                .label {
                    color: var(--Grey-700, #454C52);
                    font-size: 1rem;
                    font-family: "Open Sans";
                    font-weight: 500;
                    line-height: normal;
                    letter-spacing: 0.08px;
                    margin-bottom: 0;
                }
                .iti__selected-flag {
                    margin-top: 4px;
                }
                input {
                    margin-top: 8px !important;
                    border-radius: 8px;
                    background: var(--Primary-White, #FFF);
                    font-family: "Open Sans";
                    /* Shadows/Medium */
                    box-shadow: 0px 2px 5px 0px rgba(103, 110, 118, 0.08), 0px 0px 0px 1px rgba(103, 110, 118, 0.16), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
                }
                input[type="checkbox"] {
                    margin-top: 0;
                    accent-color: black;
                }
                .selected {
                    border-radius: 4px;
                    border: 1px solid var(--Primary, #00ABFD);
                    background: var(--Grey-100, #F6F7F9);
                    color: var(--Primary, #00ABFD) !important;
                }
                .service-label {
                    display: flex;
                    flex-direction: row;
                    align-items: flex-start;
                    gap: 10px;
                    p{
                        margin-top: 8px;
                        border-radius: 4px;
                        background: var(--Grey-100, #F6F7F9);
                        width: fit-content;
                        padding: 2px 8px;
                        color: var(--Grey-900, #24292E);
                        text-align: center;
                        font-size: 0.75rem;
                        font-family: "Open Sans";
                        line-height: normal;
                        letter-spacing: 0.048px;
                        margin-bottom: 0;
                    }
                }
                .messages {
                    textarea {
                        margin-top: 8px;
                        border-radius: 8px;
                        background: var(--Primary-White, #FFF);
                        box-shadow: 0px 2px 5px 0px rgba(103, 110, 118, 0.08), 0px 0px 0px 1px rgba(103, 110, 118, 0.16), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
                        padding: 10px 14px;
                        outline: none;
                        border: none;
                        resize: none;
                        width: 100%;
                        font-family: "Open Sans";
                    }
                }
                @media (min-width: 767px) {
                    .agree-content {
                        margin-top: 30px;
                        display: flex;
                        align-items: center;
                        .check-box-content {
                            color: #1B152B;
                            font-size: 0.75rem;
                            font-family: "Manrope";
                            line-height: normal;
                            letter-spacing: 0.048px;
                            margin-bottom: 0;
                            input {
                                margin-bottom: 0;
                            }
                        }
                    }
                }
                @media (max-width: 767px) {
                    .agree-content {
                        text-align: center;
                    }
                    button {
                        display: block;
                        margin: auto;
                        margin-top: 24px;
                    }
                }
                button {
                    border-radius: 20px;
                    background: var(--Primary, #00ABFD);
                    color: #FFF;
                    font-size: 1rem;
                    font-family: "Open Sans Bold";
                    line-height: normal;
                    letter-spacing: 0.08px;
                    padding: 8px 30px;
                    height: 40px;
                    margin-left: auto;
                    margin-right: auto;
                }
            }
        }
    }
}

/* join our team container css */
.join-our-team-container {
    padding: 32px 6vw;
    .title {
        color: var(--Text-Dark-Blue, #1B152B);
        text-align: center;
        font-size: 3rem;
        /* font-size: 2.5rem; */
        font-family: "Bebas Neue";
        line-height: normal;
        letter-spacing: -1.68px;
        margin-bottom: 16px;
        @media (max-width: 767px) {
            color: var(--Dark, #1C1C1C);
            font-size: 1.25rem;
            letter-spacing: normal;
        }
    }
    .content {
        color: var(--Text-Grey, #7A7D9C);
        text-align: center;
        font-size: 1rem;
        font-family: "Open Sans";
        line-height: normal;
        letter-spacing: 0.08px;
        margin-bottom: 50px;
    }
    .our-team-details {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .team-card {
        border-radius: 8px;
        border: 1px solid #EFF0F6;
        background: #FFF;
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.02), 2px 2px 4px 0px rgba(0, 0, 0, 0.08);
        display: flex;
        align-items: center;
        padding: 20px 38px 20px 20px;
        @media (max-width: 767px) {
            padding: 16px 24px !important;
            align-items: flex-start !important;
        }
        .card-title {
            color: #272422;
            font-size: 1.25rem;
            font-family: "Poppins Medium";
            line-height: normal;
            letter-spacing: -0.75px;
            margin-bottom: 8px;
        }
        .card-content, .card-desc {
            font-size: 1rem;
            line-height: normal;
            letter-spacing: -0.96px;
        }
        .card-content {
            color: var(--RDO-Black, #4C4E52);
            margin-bottom: 8px;
            font-family: "Poppins";
        }
        .card-desc {
            color: var(--Text-Grey, #7A7D9C);
            margin-bottom: 0;
            font-family: "Manrope";
        }
        
        .job-description {
            max-height: 3.75em; /* For 2.5 lines */
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            /* display: inline; */
            margin-right: 5px;
          }
      
          .job-description.expanded {
            max-height: unset;
            -webkit-line-clamp: unset;
            display: inline;
          }
      
          .hidden {
            display: none;
          }
      
      .read-more {
        color: var(--Primary, #00ABFD);
        font-family: "Manrope SemiBold";
        font-size: 16px;
        line-height: normal;
        letter-spacing: -0.75px;
        text-decoration-line: underline;
        cursor: pointer;
      }
        img {
            margin-left: auto;
            margin-bottom: auto;
            @media (max-width: 767px) {
                width: 32px;
                height: 32px;
            }
        }
    }
}

/* use cases css container */
.usecases-title-container {
    display: flex;
    padding: 16px 173px 58px 172px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    flex-direction: column;
    .usecases-title {
        color: var(--Text-Dark-Blue, #1B152B);
        text-align: center;
        font-size: 3rem;
        font-family: "Bebas Neue";
        line-height: normal;
        letter-spacing: -1.68px;
        @media (max-width: 767px) {
            font-size: 20px !important;
            font-weight: 600;
            line-height: 36px;
            letter-spacing: 0.32px;
        }
    }
    .usecases-dec {
        color: var(--Text-Grey, #7A7D9C);
        text-align: center;
        font-size: 1rem;
        font-family: "Open Sans";
        line-height: normal;
        letter-spacing: 0.08px;
    }
}
.usecases-container {
    display: flex;
    padding: 80px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    .usecases-col-add {
        display: flex;
        flex-direction: row;
    }
    .usecases-col-even {
        display: flex;
        flex-direction: row-reverse;

    }
    .usecases-col-add, .usecases-col-even  {
        display: flex;
        /* width: 1280px; */
        /* padding: 0px 80px; */
        /* flex-direction: column; */
        /* justify-content: flex-end; */
        align-items: center;
        gap: 50px;
        .img {
            img {
                height: 306.328px;
                border-radius: 34px;
            }
        }
        .usecases-content {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 20px;
            align-self: stretch;
            .title {
                color: var(--Dark, #1C1C1C);
                font-family: Inter;
                font-size: 3rem;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: -3.827px;
            }
            .dec-para {
                max-width: 536px;
                /* height: 264px; */
                color: var(--RDO-Black, #4C4E52);
                font-family: var(--Sub-Font, Manrope);
                font-size: 1rem;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: 0.08px;
            }
        }
    }
}

/* Modal Overlay (Dim Background) */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6); /* Dimmed background */
    display: none; /* Hidden by default */
    align-items: center;
    justify-content: center;
    z-index: 9999; /* Ensure it's above everything */
    max-width: 100%;
}

/* Modal Content */
.modal-content {
    position: relative;
    background: white;
    padding: 20px;
    max-width: 600px;
    width: 90%;
    max-height: 80vh; /* Restrict height */
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 10000;
    .blog-card-wrap {
        flex: 1; /* Allow it to fill available space */
        overflow-y: auto; /* Enable scrolling */
    }
    /* Scrollbar Customization */
.blog-card-wrap::-webkit-scrollbar {
    width: 6px;
}

.blog-card-wrap::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 4px;
}

.blog-card-wrap::-webkit-scrollbar-track {
    background: #f1f1f1;
}
}

/* Scrollable Inner Content */


/* Close Button */
.close-modal {
    position: absolute;
    top: 4px;
    right: 12px;
    font-size: 20px;
    cursor: pointer;
    z-index: 10001; /* Ensure close button is clickable */
}

/* Modal Image */
.modal-image {
    max-width: 100%;
    height: auto;
    /* margin-bottom: 10px; */
}

/* Make sure scrolling works on modal content */
.modal-content::-webkit-scrollbar {
    width: 6px;
}

.modal-content::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 4px;
}

.modal-content::-webkit-scrollbar-track {
    background: #f1f1f1;
}


.no-scroll {
    overflow: hidden;
    height: 100vh;
}
@media (min-width: 768px) and (max-width: 991px) {
    .navigation-bar {
        padding: 24px;
        .w-container {
            /* padding: 12px !important;  */
            .rdo-logo {
                width: 96px !important;
            }
            /* ul {
                gap: 12px !important;
            } */
            .request-demo-btn {
                padding: 12px !important;
            }
        } 
    }
    .why-rdo-court-container {
        padding: 40px 24px;
        .first-col p:nth-child(2), .first-col p:nth-child(3), .first-col p:nth-child(4), .first-col p:nth-child(5), .first-col p:nth-child(6), .first-col p:last-child, .second-col p:nth-child(2), .second-col p:nth-child(3), .second-col p:nth-child(4), .second-col p:nth-child(5), .second-col p:nth-child(6), .second-col p:last-child, .third-col p:nth-child(2), .third-col p:nth-child(3), .third-col p:nth-child(4), .third-col p:nth-child(5), .third-col p:nth-child(6), .third-col p:last-child  {
            height: 90px;
        }
    }
    .feature-spotlights-container {
        .feature-step-container {
            .w-col {
                display: block;
                .img-right, .img-left {
                    text-align: center;
                    margin-left: 0 !important;
                }
            }
        }
    }
}

@media (max-width: 767px) {
    .navigation-bar {
        padding: 16px;
    }
    .dispute-res-container {
        padding: 16px;
        .content-dispute {
            padding: 0 0 24px !important;
            text-align: center;
        }
    }
    .justice-industry-container {
        .justice-content {
            padding: 0 16px 32px;
        }
    }
    .reduce-case-backlogs-container {
        padding: 24px;
        .reduce-blog-card {
            padding: 16px; 
            .backlogs-details {
                border-bottom: 1px solid #EFF0F6;
            }
            .bb-details {
                border: none;
            }
        }
    }
    .blogs-latest-news-container {
        .title {
            margin-left: 0;
        }
        .w-row {
            .arrow {
                margin: auto 4px;
            }
        }
    } 
    .courts-tribunals-container {
        padding: 24px;
        .w-col {
            padding: 0;
            .img-left, .img-right {
                margin-top: 24px;
            }
            .sd-right,.img-right {
                margin-left: 0;
            }
            .sd-left {
                margin-right: 0;
            }
        }
        /* .w-col-8 { */
            /* margin-bottom: 24px; */
        /* } */
    }
    .court-justice-container {
        padding: 24px 16px;
        .w-row {
            margin-top: 24px;
            .w-col {
                padding: 12px 6px;
            }
        }
    }
    .success-action-worldwide-container {
        padding: 24px 4px;
        .w-row {
            .arrow {
                margin: auto 2px;
            }
        }
    }
    .experience-justice-container {
        .w-col-3 img {
            width: 20%;
        }
    }
    .why-rdo-court-container {
        padding: 24px 0px;
        .title, .content {
            padding: 0 16px;
        }
    }
    .product-features-container {
        padding: 16px
    }
    .feature-spotlights-container {
        padding: 16px;
        .feature-step-container {
            .w-col {
                display: block;
                .img-right, .img-left {
                    text-align: center;
                    margin-left: 0 !important;
                }
            }
        }
    }
    .court-unique-needs-container {
        padding: 24px;
    }
    .usecases-title-container {
        padding: 16px;
    }
    .usecases-body-container {
        .usecases-perk-section {
            padding: 0px !important;
            gap: 12px !important;
        }
    }
    .insights-inspiration-container{
        padding: 32px 16px;
    }
    .all-blog-display-container {
        padding: 16px;
    }
    .about-our-vision-container, .contact-us-container, .join-our-team-container {
        padding: 32px 16px;
    }
    .footer {
        padding: 32px 16px; 
        .w-container {
            display: block;
            ul {
                word-break: break-word;
                display: flex;
                gap: 20px;
                white-space: nowrap;
                flex-wrap: wrap;
                margin-top: 16px;
            }
        }
        .social-media-container {
            display: flex;
            .rdo-logo {
                font-size: 0.75rem;
            }
            ul {
                gap: 16px;
            }
        }
    }
}

@media (max-width: 980px) {
    .footer {
        padding: 32px 16px; 
        .w-container ul {
            gap: 16px;
        }
    }
}

.questions {
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
}

.auto-slider-container {
    width: 100%;
    padding-top: 24px;
    overflow: hidden;
    position: relative;
    .auto-slider-wrapper {
        display: flex;
        transition: transform 0.5s ease-in-out; 
        width: 100%; /* Ensure it covers both slides */
    }
    
    .w-row {
        padding: 0 16px;
        width: 100%;
        flex-shrink: 0;
    }
    .w-col-6 {
        width: 50% !important;
    }
    .first-col p:first-child {
        font-size: 1rem !important;
    }
    .second-col p:first-child, .third-col p:first-child { 
        padding: 16px 0 !important;
        font-size: 1rem !important;
    }
    .first-col p:nth-child(2), .first-col p:nth-child(3), .first-col p:nth-child(4), .first-col p:nth-child(5), .first-col p:nth-child(6), .first-col p:last-child, .second-col p:nth-child(2), .second-col p:nth-child(3), .second-col p:nth-child(4), .second-col p:nth-child(5), .second-col p:nth-child(6), .second-col p:last-child, .third-col p:nth-child(2), .third-col p:nth-child(3), .third-col p:nth-child(4), .third-col p:nth-child(5), .third-col p:nth-child(6), .third-col p:last-child  {
        padding: 16px !important;
        font-size: 0.875rem !important;
        height: 74px;
    }
    .third-col p:nth-child(2) {
        margin-top: 23px;
    }
    .third-col {
        margin-top: -24px;
        padding-top: 24px !important;
        border-radius: 16px;
        border: 1px solid var(--Secondary, #00ABFD);
        background: var(--Primary, #FFF);
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.02), 2px 2px 4px 0px rgba(0, 0, 0, 0.08);
    }
    .third-col p:first-child {
        padding: 16px;
        border-radius: 12px;
        background: var(--Secondary, #F9FAFB);
    }
}