:root {
    --text-blue: #2584F8;
    --blue: #2B64F6;
    --light-blue: #F0F5F8;
    --dark-blue: #071422;
    --body-text: #000000;
    --text-white: #ffffff;
    --bg-white: #ffffff;
    --slider-dots-color: #D4D2DD;
    --light-bg: #F6F9FF;
    --dark-bg: #303030;
    --dark-gray: #2F2F2F;
}


/* ------Media-Query-Start--------- */
@media screen and (max-width:1300px) {

}


@media screen and (max-width:1200px) {

    .row_am {padding: 50px 0;}

    /* navigation bar section */
    .navbar-expand-lg .navbar-nav .nav-link {padding: 5px 8px; color: var(--text-white);}

}

@media screen and (max-width:992px) {

}

@media screen and (max-width:767px) {
    body {font-size: 14px; text-align: center;}
    .navbar-expand-lg {gap: 0.5em;}
    .nav-links li {display: none;}
    .nav-links li.request-demo {display: flex;padding: 8px 20px;}
    .nav-links li.request-demo a {font-size: 12px;}

    .header-navbar {
        padding: 4px;
        border-radius: 12px;
        border: 0.5px solid var(--dark-bg);
        background: var(--dark-gray);
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        width: unset;
        flex: 1;
    }

    .hero-wrapper, .about-hero-wrapper, .product-hero-wrapper {
        background-blend-mode: soft-light;
        background-color: rgba(0, 0, 0, 0.45);
    }

    .hero-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5em;
        position: relative;
        top: 10%;
        transform: none;
        width: 100%;
    }

    .hero-content h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 1.2em;
        letter-spacing: -1.2px;
        text-align: center;
    }

    .hero-content p {
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        color: var(--text-white);
        margin: 5px 0;
    }

    main .about-section {
        margin-top: 3em;
    }

    main .header {
        margin: 0;
    }

    main .header h1 {
        font-size: 32px;
        line-height: 36px;
        max-width: 100%;
    }

    main .header p {
        line-height: 28px !important;
        text-align: justify !important;
    }

    main .about-section .card {
        min-height: 300px;
    }

    main .about-section .card-4 {
        background-position: center bottom 0px;
    }

    main .about-section .card-1 {
        padding: 0.5em;
        background-size: 70%;
        background-position: bottom 0px right 0px;
    }

    main .about-section div:has(.card-2) {
        margin-bottom: 1.5em;
    }

    main .about-section .card-2 .card-content {
        background: linear-gradient(45deg, #00000082, #130303b5);
        color: white;
    }

    main .about-section .card-1 h2,
    main .about-section .card-2 h5,
    main .about-section .card-3 h5,
    main .about-section .card-4 h5 {
        font-size: 28px !important;
        font-weight: 500;
        letter-spacing: 0px;
        line-height: 30px !important;
    }

    main .about-section .card-1 p,
    main .about-section .card-2 p,
    main .about-section .card-3 p,
    main .about-section .card-4 p {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    main .about-section .card-1 .card-content,
    main .about-section .card-2 .card-content,
    main .about-section .card-3 .card-content,
    main .about-section .card-4 .card-content {
        max-width: 100%;
        padding: 20px;
    }

    main .card-content h1, main .card-content h2 {
        font-size: 28px;
        line-height: 28px;
        letter-spacing: -1px;
        max-width: 100%;
        margin-bottom: 0.5em;
    }

    /* ----------------------------------------------------------------------- */
    main .offerings-section .container {
        gap: 2em;
    }
    main .offerings-section .accessibility,
    main .offerings-section .innovation {
        margin: 0 1.5em;
        min-height: 250px;
        padding: 3em 1em;
    }

    main .offerings-section .accessibility {
        background-size: 40%;
        background-position: top 0px right 0px;
        justify-content: center;
    }

    main .offerings-section .innovation {
        background-position: center bottom 0px;
        background-size: 50%;
    }


     /* ----------------------------------------------------------------------- */
     main .faq .accordion {
        max-width: 100%;
     }
     main .faq-section h1 {
        font-size: 24px !important;
        letter-spacing: -1.4px;
     }
     main .faq-section p {
        font-size: 14px;
        line-height: 20px;
     }
    main .faq .card-header .title {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: -1.2px;
    }
    main .faq .card-body {
        max-width: 100%;
        text-align: left;
    }


    /* ---------------------------------------------------------------------------- */
    .testimonial-section .header p, .faq-section .header p {
        max-width: 90%;
        text-align: center !important;
        line-height: 18px !important;
    }
    .custom-carousel-container {
        padding: 0 50px;
        height: 380px;
    }

    .testimonial-card {
        width: 320px;
        height: 320px;
    }

    .testimonial-card.position-center .card-body {
        justify-content: space-between !important;
    }

    .testimonial-card .card-body {
        padding: 1rem !important;
    }

    .testimonial-card .card-text {
        font-size: 13px;
        margin: 0;
    }

    .testimonial-card.position-left {
        left: -50px;
        transform: scale(0.78);
    }

    .testimonial-card.position-right {
        right: -50px;
        transform: scale(0.78);
    }

    .carousel-nav {
        width: 40px;
        height: 40px;
    }

    .carousel-nav.prev {
        left: 10px;
    }

    .carousel-nav.next {
        right: 10px;
    }


    /* ---------------------------------------------------------------------------- */
    main .download-section .card {
        background-blend-mode: soft-light;
    }
    main .download-section .card-content {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1.5em;
    }
    main .download-section .card-content div {
        justify-content: center;
    }

    /* ---------------------------------------------------------------------------- */
    footer input {
        width: 100%;
    }

    footer .banner {
        border-radius: 0px;
    }

    footer .links p, footer .links a {
        font-size: 14px;
    }

    .language-switcher {
        display: none;
    }

    /* ----------------------------------------------------------------------- */
    .cookie-widget {
        text-align: left;
    }
    
}

@media screen and (max-width:576px) {
    .custom-carousel-container {
        padding: 0 30px;
        height: 350px;
    }

    .testimonial-card {
        width: 240px;
        height: 300px;
    }

    .testimonial-card.position-left {
        left: -80px;
        transform: scale(0.7);
    }

    .testimonial-card.position-right {
        right: -80px;
        transform: scale(0.7);
    }
}

@media (min-width: 640px) {
  main .faq .card-header .title {
    font-size: 18px;
    line-height: 30px;
  }
}

@media screen and (max-width:479px) {}