/*.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 0.15;*/
/*    background: url(/assets/image/dd-banner.jpg) no-repeat center center;*/
    /*background-size: cover;
}*/

/*.hero {*/
/*    background: linear-gradient(90deg, #041C33 0%, #213C84 100%);*/
    /*    background: #041c33;*/
    /*color: white;
    padding: 20px 20px;
    position: relative;
    overflow: hidden;
    height: 90vh !important;
}*/


.hero-content {
    height: 90vh !important;
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.app-buttons {
    display: flex;
    gap: 15px;
}

.app-store-btn {
    display: flex;
    align-items: center;
    gap: clamp(7px, 0.53vw, 10px);
    background-color: white;
    color: #041C33;
    padding: clamp(10px, 10px, 16px) clamp(15px, 15px, 32px);
    border-radius: 4px;
    font-weight: 600;
    font-size: clamp(13px, 0.84vw, 16px);
    letter-spacing: 0.5px;
    text-decoration-line: none;
}

    .app-store-btn:hover {
        background-color: #DBE9A1;
        color: #041C33;
    }


    .app-store-btn svg {
        width: 24px;
        height: 24px;
    }


/* Video Consultation Section */
/*.consultation-section {
    color: black;
    padding: 20px 20px;
}*/

.consultation-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.consultation-image {
    border-radius: 20px;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

    .consultation-image img {
        max-width: 100%;
        border-radius: 15px;
    }

.consultation-text h2 {
    font-size: 2.2em;
    margin-bottom: 30px;
    color: #1e3c72;
}

.consultation-text ul {
    list-style: none; /* remove default bullets */
    padding-left: 0; /* remove default left padding */
    margin-bottom: 30px;
}

    .consultation-text ul li {
        position: relative;
        padding: 10px 0 10px 30px; /* space for arrow */
        color: black;
        font-size: 16px;
        line-height: 1.6;
    }

        /* Add arrow before each item */
        .consultation-text ul li::before {
            content: "\f054"; /* Font Awesome arrow-right */
            font-family: "Font Awesome 5 Free";
            font-weight: 900; /* solid style */
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 14px;
            color: black; /* arrow color */
        }

.consultation-text li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #4CAF50;
    font-weight: bold;
    font-size: 1.2em;
}

.badge-group {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.badge {
    background: #e8f5e9;
    color: #2e7d32;
    padding: 8px 20px;
    border-radius: 20px;
    font-size: 0.9em;
    font-weight: 600;
}

/* Users Section */
.users-section {
    background: white;
    color: white;
    padding: 20px 0px;
}

.users-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

.user-card {
    background: linear-gradient(135deg, #f8f9fa 0%, #eef2f7 100%);
    color: #333;
    padding: 40px;
    border-radius: 15px;
    text-align: center;
    transition: all 0.3s ease;
}

    .user-card:hover {
        transform: scale(1.05);
    }

.user-avatar {
    width: 90px;
    height: 90px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 50%;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    overflow: hidden;
}

    .user-avatar img {
        width: 85px;
        height: 85px;
    }

.user-card h3 {
    font-size: 1.5em;
    margin-bottom: 15px;
    color: #1e3c72;
}

@media (min-width: 1200px) {
    .users-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* Stats Section */
.stats-section {
    padding: 20px 20px;
    background: linear-gradient(135deg, #f8f9fa 0%, #eef2f7 100%);
    text-align: center;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Always 3 per row on desktop */
    gap: 50px;
    margin-top: 60px;
}

.stat-circle {
    text-align: center;
}

.circle {
    width: 150px;
    height: 150px;
    margin: 0 auto 20px;
    border-radius: 50%;
    border: 3px solid #0d6dfd;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

    .circle:hover {
        transform: scale(1.08);
        box-shadow: 0 12px 35px rgba(0,0,0,0.15);
    }

.stat-number {
    font-size: 2rem;
    font-weight: 700;
    color: #1e3c72;
}

.stat-label {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.stat-desc {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.5;
    max-width: 250px;
    margin: 0 auto;
}

/* Responsive */
@media (max-width: 991px) {
    .stats-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 in a row on tablets */
    }
}

@media (max-width: 600px) {
    .stats-grid {
        grid-template-columns: 1fr; /* 1 in a row on mobile */
    }
}

/* Workflow Section */
/*.row-content {
    width: 100%;
}*/

/*.right-arrow-1 {
    position: absolute;
    left: 100px;
    top: 6.9px;
}*/

/*.dd-logo-position {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 200px;
    top: -20px;
}*/

/*.right-arrow-2 {
    position: absolute;
    right: 150px;
    top: 6.9px;
}*/
/*
.right-arrow-3 {
    position: absolute;
    right: 200px;
    top: 6.9px;
}*/

/*.dd-2 {
    position: absolute;
    top: -110px;
    left: -20px;
}*/

/*.right-arrow-4 {
    position: absolute;
    top: 170px;
    right: -14px;
}*/

/*.row-1 {
    padding: 0 !important;
    width: 100% !important;
    overflow: hidden;
}*/

/*.col-product-1 {
    border-radius: 0;
    border-top: 2px dotted rgba(17, 17, 43, 1);
}

.col-product {
    height: 300px;
}

.col-product-2 {
    border-top: 2px dotted rgba(17, 17, 43, 1);
    border-right: 2px dotted rgba(17, 17, 43, 1);
    border-bottom: 2px dotted rgba(17, 17, 43, 1);
    border-radius: 0 90px 90px 0;
    position: relative;
}*/



/*.dd-position {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;*/
/*    left: -215px;*/
/*top: 30px;*/
/* justify-content: center; */
/*}*/




/*.blue-color {
    color: rgba(48, 63, 159, 1);
    font-weight: 600;
    text-align: center;
}*/

/*.dd-title {
    font-size: 15px;
}*/

/*.dd-content {
    font-size: 14px;
    width: 60%;
    text-align: center;
}
*/
/*.dd-3 {
    position: absolute;
    bottom: 35px;
    left: 180px;
}*/



/*.dd-position-content {
    position: absolute;
    bottom: -140px;
    left: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
}*/






/*.right-arrow-5 {
    position: absolute;
    bottom: -14px;
    left: 0;
}*/

/*.col-product-3 {
    border: 2px dotted rgba(17, 17, 43, 1);
    border-right: none;
    border-radius: 90px 0 0 90px;
    position: relative;
    top: -1.7px;
}*/

/*.dd-4 {
    position: absolute;
    top: -110px;
    left: 180px;
}*/


/*.dd-position-content-2 {
    position: absolute;
    top: 35px;*/
/*    left: 5px;*/
/*display: flex;
    flex-direction: column;
    align-items: center;
}*/

/*.right-arrow-6 {
    position: absolute;
    left: -15.5px;
    top: 130px;
}*/

/*.col-product-4 {
    border-bottom: 2px dotted rgba(17, 17, 43, 1);
    border-radius: 0;
    position: relative;
    top: -1.7px;
}*/

/*

.right-arrow-7 {
    position: absolute;
    left: 60%;
    top: -16px;
}*/

/*.image-circle-blue-bg {
    z-index: 1;
    position: relative;
    margin-bottom: -20px;
    width: 15%;
}*/

/*.dd-position-new {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: -125px;
    top: 30px;*/
/* justify-content: center; */
/*}*/
/*
.btn-position {
    position: absolute;
    top: -30px;
    left: 200px;
}

.btn-atura {
    background: #1b79cc !important;
    padding: 15px 20px !important;
}

.atura-logo {
    position: absolute;
    right: -150px;
    top: -45px;
}

.d-mobile-product-section {
    display: none;
}*/

/*.section-product-title {
    font-weight: 650;
}*/

/*.card-mobile-product {
    border: 1px dotted black;
    border-radius: 12px;
    background: white;
    border-bottom: 2px solid black;
}*/

/*.dd-position-last {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: -110px;
    top: 30px;*/
/* justify-content: center; */
/*}*/

/*@media screen and (max-width: 996px) {
    .d-mobile-product-section

{
    display: block !important;
}

}

@media screen and (max-width: 996px) {
    .d-product-section

{
    display: none !important;
}

}*/

/* Testimonials */
.testimonials-section {
    padding: 20px 0px;
    background: white;
}

.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

.dd-testimonial-card {
    background: #f8f9fa;
    padding: 35px;
    border-radius: 15px;
    border: 1px solid #0d6dfd;
    border-left: 5px solid #0d6dfd;
}

.testimonial-text {
    font-style: italic;
    color: #555;
    margin-bottom: 20px;
    line-height: 1.8;
}

.testimonial-author {
    font-weight: 600;
    color: #0d6dfd;
}

.testimonial-role {
    color: #999;
    font-size: 0.9em;
}

/* App Download Section */
.app-section {
    background: #041c33;
    color: white;
    padding: 20px 20px;
    text-align: center;
}

.app-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 30px;
    flex-wrap: wrap;
}

.app-button {
    background: white;
    color: #1e3c72;
    padding: 15px 30px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-block;
}

    .app-button:hover {
        transform: translateY(-3px);
        box-shadow: 0 5px 20px rgba(255,255,255,0.3);
    }

@media (max-width: 820px) {
    .consultation-content {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .hero-content, .consultation-content {
        grid-template-columns: 1fr;
        gap: 0px !important;
    }

    .hero-text h1 {
        font-size: 2em;
    }

    .dd-section-title {
        font-size: 2em;
    }

    .consultation-section {
        margin-bottom: 25px;
        padding: 0px !important;
    }
}

@media screen and (max-width: 912px) {
    .testimonials-grid {
        grid-template-columns: 1fr !important; /* Force only 1 card per row */
        gap: 20px;
    }

    .dd-testimonial-card {
        padding: 25px;
        font-size: 15px;
    }
}


/*video*/


@media screen and (max-width: 991px) {
    .ul-1-video-call .ul-inner-video-call-txt {
        padding-bottom: 30px;
    }
}

.ul-2-section-sub-title {
    border: none;
    padding: 0;
    text-transform: uppercase;
}


.ul-section-sub-title {
    color: var(--ul-secondary);
    border: 1px solid var(--ul-secondary);
    display: inline-flex;
    align-items: center;
    gap: clamp(5px, 0.42vw, 8px);
    padding: clamp(3px, 0.26vw, 5px) clamp(12px, 0.89vw, 17px);
    /*    border-radius: 40px;*/
    margin-bottom: clamp(5px, 0.42vw, 8px);
    font-family: var(--font-lato);
    font-size: clamp(15px, 0.95vw, 18px);
    font-weight: 600;
}

    .ul-section-sub-title::after, .ul-section-sub-title::before {
        content: "";
        display: inline-block;
        background-color: var(--ul-secondary);
        clip-path: polygon(92.305% 10.683%, 92.305% 10.683%, 88.796% 7.021%, 84.935% 4.125%, 80.804% 1.996%, 76.486% 0.631%, 72.062% 0.031%, 67.614% 0.195%, 63.226% 1.123%, 58.978% 2.814%, 54.953% 5.267%, 51.234% 8.483%, 51.234% 8.483%, 51.013% 8.672%, 50.776% 8.82%, 50.524% 8.925%, 50.264% 8.988%, 50% 9.01%, 49.736% 8.988%, 49.476% 8.925%, 49.224% 8.82%, 48.987% 8.672%, 48.767% 8.483%, 48.767% 8.483%, 45.047% 5.269%, 41.022% 2.819%, 36.774% 1.132%, 32.386% 0.209%, 27.938% 0.049%, 23.514% 0.651%, 19.196% 2.016%, 15.065% 4.143%, 11.204% 7.033%, 7.696% 10.683%, 7.696% 10.683%, 4.789% 14.885%, 2.575% 19.447%, 1.047% 24.277%, 0.197% 29.281%, 0.018% 34.365%, 0.503% 39.434%, 1.643% 44.396%, 3.433% 49.155%, 5.864% 53.62%, 8.929% 57.694%, 43.299% 96.839%, 43.299% 96.839%, 44.473% 97.977%, 45.758% 98.862%, 47.126% 99.494%, 48.549% 99.873%, 50% 100%, 51.451% 99.873%, 52.874% 99.494%, 54.242% 98.862%, 55.527% 97.977%, 56.702% 96.839%, 91.071% 57.694%, 91.071% 57.694%, 94.136% 53.62%, 96.567% 49.155%, 98.357% 44.396%, 99.497% 39.434%, 99.982% 34.365%, 99.803% 29.281%, 98.954% 24.277%, 97.425% 19.447%, 95.212% 14.885%, 92.305% 10.683%);
        width: clamp(17px, 1.05vw, 20px);
        aspect-ratio: 20/18;
    }

    .ul-section-sub-title::after {
        content: none;
    }

.ul-dd-section-title {
    font-weight: 800;
    font-size: clamp(26px, 2.52vw, 48px);
    color: var(--ul-c4);
    margin-bottom: 0;
    font-family: var(--font-lato);
    letter-spacing: 0.5px;
    margin-bottom: clamp(8px, 0.58vw, 11px);
}

.ul-inner-video-call .ul-section-descr {
    margin-top: clamp(14px, 1.26vw, 24px);
}

.ul-section-descr {
    font-size: clamp(13px, 0.84vw, 16px);
    margin-bottom: 0;
    color: var(--ul-gray2);
}

.ul-2-about-list li i {
    background-color: #0D6DFD;
    color: #ffff;
    font-size: clamp(10px, 0.63vw, 12px);
    width: clamp(21px, 1.26vw, 24px);
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
    font-family: flaticon_err !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ul-inner-video-call-dd-features {
    grid-template-columns: repeat(1, 1fr);
    margin-top: clamp(16px, 1.68vw, 32px);
}

ul {
    padding: 0;
    margin: 0;
    list-style: none inside;
}

.ul-inner-video-call-img {
    background-color: #2D4686;
    border-radius: 50%;
    border-bottom-left-radius: 16px;
    margin: auto;
    width: max-content;
    max-width: 100%;
    position: relative;
}


    .ul-inner-video-call-img .img-2 {
        position: absolute;
        top: 8px;
        left: 7px;
    }

    .ul-inner-video-call-img .main-img {
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }

.ul-btn {
    display: flex;
    align-items: center;
    gap: clamp(7px, 0.53vw, 10px);
    background-color: #041C33;
    color: #DBE9A1;
    padding: clamp(10px, 10px, 16px) clamp(15px, 15px, 32px);
    border-radius: 4px;
    font-weight: 600;
    font-size: clamp(13px, 0.84vw, 16px);
    letter-spacing: 0.5px;
}

    .ul-btn img {
        filter: brightness(0) saturate(100%) invert(84%) sepia(11%) saturate(360%) hue-rotate(38deg) brightness(94%) contrast(92%);
    }

    .ul-btn:hover {
        background-color: #DBE9A1;
        color: #041C33;
    }

        .ul-btn:hover img {
            filter: brightness(0);
            transition: filter .3s;
        }

    .ul-btn .big-text {
        color: #DBE9A1;
        font-weight: 500;
        text-decoration: none;
    }

.ul-inner-video-call-btns a {
    text-decoration: none;
}

.ul-inner-video-call-img {
    background-color: #2D4686;
    border-radius: 50%;
    border-bottom-left-radius: 16px;
    margin-left: auto;
    width: max-content;
    max-width: 100%;
    position: relative;
}

@media screen and (max-width: 991px) {
    .ul-inner-video-call-img {
        margin: auto;
    }
}

@media screen and (max-width: 820px) {
    .ul-inner-video-call-img {
        margin-top: 20px;
    }
}

.ul-inner-video-call-img .main-img {
    aspect-ratio: 1/1;
    object-fit: cover;
}

.ul-inner-video-call-img .img-2 {
    position: absolute;
    top: 8px;
    left: 7px;
}

.ul-inner-video-call-img-icon {
    position: absolute;
    background-color: var(--ul-c3);
    width: clamp(78px, 4.62vw, 88px);
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(38px, 2.36vw, 45px);
    right: calc(0% - clamp(16px, 1.68vw, 32px));
    top: clamp(26px, 1.89vw, 36px);
}

.ul-inner-video-call-btns {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(14px, 1.26vw, 24px);
}

@media (max-width: 768px) {
    /*    .consultation-section {
        padding: 30px 15px;
    }*/

    .consultation-text h2 {
        font-size: 1.6em;
    }

    .consultation-text ul li {
        font-size: 14px;
        padding: 8px 0 8px 25px;
    }

    .ul-btn {
        padding: 10px 15px;
        font-size: 14px;
        width: 100%;
        justify-content: center;
    }

    .ul-inner-video-call-btns {
        flex-direction: column;
        width: 100%;
    }



    .ul-inner-video-call-img-icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
        right: -10px;
        top: 10px;
    }
}

/* Small Mobile Styles */
@media (max-width: 480px) {
    .consultation-text h2 {
        font-size: 1.4em;
    }



    .ul-inner-video-call-img .main-img {
        height: 326px;
    }

    .ul-inner-video-call-img .img-2 {
        height: 150px;
    }

    .phone-logo {
        left: 35px !important;
        right: 35px !important;
    }

    .phone-img {
        margin: 10px auto 0 auto;
    }
}

.phone-frame {
    width: 350px;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.phone-screen {
    position: relative;
}

.scroll-overlay {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 310px;
    height: 450px;
    overflow: hidden;
    z-index: 2;
}

.scroll-container {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 1s ease-in-out;
}

.phone-logo {
    /*    margin-left:20px;*/
    width: 310px;
    /*    position: absolute;*/
    text-align: center;
    margin-top: 30px !important;
    left: 25px;
    right: 25px;
}

.app-logo img {
    display: block;
    width: 100%;
}

.phone-logo img {
    margin: auto;
    height: auto;
    width: 80%;
}

.phone-text {
    margin-top: 20px;
}

.phone-img {
    height: 130px !important;
    width: 130px !important;
    border-radius: 50%;
    display: block;
    margin: 20px auto 0 auto;
}

.ul-services-vectors .vector-1 {
    max-width: clamp(187px, 12.45vw, 237px);
    top: 0;
    left: 0;
}

.ul-services-vectors .vector-2 {
    top: clamp(107px, 7.72vw, 147px);
    right: clamp(61px, 8.46vw, 161px);
    max-width: clamp(61px, 5.83vw, 111px);
}

.ul-services-vectors > * {
    position: absolute;
}

.wow {
    animation-duration: 1s !important;
}


.btn-atura {
    background-color: #007bff !important;
    color: #fff;
}