/**
 * Theme Name:     Druvanta Child
 * Author:         Druvanta
 * Template:       hello-elementor
 * Text Domain:	   x97g
 * Description:    Custom Child Theme.
 */


/* Custom CSS */
nav ul li.contact-link.menu-item {
    display: none;
}

.info_link a.elementor-button {
    text-decoration: underline;
    text-underline-offset: 5px
}

.section_header h2 span {
    /*     color: #6EB0FD; */
    background: #fff;
    background: linear-gradient(152deg, #f1ae25 0, #915006 100%) no-repeat padding-box;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    mask-clip: unset;
}

.section_intro_title h4 {
    display: flex;
    gap: 10px;
    align-items: center;
}

.know_more_btn span.elementor-button-icon svg,
#send_btn span.elementor-button-icon svg {
    height: 14px !important;
}

/* Home Banner  */
.banner_lotty_image {
    position: relative;
}

.banner_lotty_image:before {
    content: "" !important;
    position: absolute !important;
    top: 45% !important;
    left: -15% !important;
    width: 830px !important;
    height: 450px !important;
    background: #009DFF 0% 0% no-repeat padding-box;
    opacity: 0.25 !important;
    filter: blur(60px);
    z-index: 0;
    border-radius: 100% !important;
}

.banner_lotty_image:after {
    content: "";
    position: absolute;
    top: 0%;
    right: -5%;
    width: 830px;
    height: 450px;
    background: #009DFF 0% 0% no-repeat padding-box;
    opacity: 0.25;
    filter: blur(60px);
    z-index: -1;
    border-radius: 100%;
}

/* Tech Stack section */
.tech-stack-list .tech-item {
    cursor: pointer;
}

.tech-stack-list .tech-item .tech-icon.gray-icon,
.tech-stack-list .tech-item:hover .tech-icon.color-icon {
    display: block;
}

.tech-stack-list .tech-item .tech-icon.color-icon,
.tech-stack-list .tech-item:hover .tech-icon.gray-icon {
    display: none;
}

.tech-stack-list .tech-item .tech-icon {
    width: 65%;
    margin: 0 auto;
}

/*.tech_icon {
    filter: grayscale(1);
    cursor: pointer;
}

.tech_icon:hover {
    filter: grayscale(0);
}*/

body:not(.admin-bar) .swiper-pagination-bullets {
    left: 50%;
    transform: translateX(-50%);
}


/* Our commitments */
.our_commitment figure.elementor-image-box-img {
    padding: 25px;
    background: #d7c5a6;
    border-radius: 20px;
    display: flex;
}

.our_commitment figure.elementor-image-box-img img {
    align-self: center;
}

/* Our Capabilities */
.our_capabilities .e-n-accordion .e-n-accordion-item:not(:last-child) {
    border-bottom: solid #393A40;
}

.our_capabilities .e-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title {
    padding-bottom: 0px;
    transition: .5s;
}

.our_capabilities .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title {
    transition: .5s;
}

.our_capabilities .e-n-accordion .e-n-accordion-item-title .e-n-accordion-item-title-header:before {
    content: "";
    width: 40px;
    height: 40px;
    /* Default icon (optional) */
    background: url(https://dev2024.x97g.com/wp-content/uploads/2024/11/acc_1.svg);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

/* How we work  */
.we_work figure.elementor-image-box-img {
    padding: 20px;
    background: #d7c5a6;
    border-radius: 130px;
    display: flex;
}

.we_work:not(:last-child) figure.elementor-image-box-img:after {
    content: "";
    width: 80%;
    position: absolute;
    height: 1px;
    border: 2px dashed #5a5a5af0;
    display: block;
    z-index: 9;
    left: 37%;
    top: 23%;
}

/* Solution List */

.solution_list ul li {
    padding: 20px 25px !important;
    background: #071A39;
    border-radius: 30px;
}

.solution_list ul li span.elementor-icon-list-icon {
    background: #393B3D;
    border-radius: 100px;
    margin-right: 15px;
}

.solution_list ul li span.elementor-icon-list-icon svg {
    margin: 10px !important;
}

/* mobile dev info section */
.mobile_dev_info {
    overflow: hidden;
}

.mobile_dev_info:before {
    content: "" !important;
    position: absolute !important;
    width: 100% !important;
    height: 2px !important;
    left: 0% !important;
    background: linear-gradient(to left, #071A39, #00BFA4, #071A39) !important;
    z-index: 9 !important;
    opacity: 1 !important;
}

.mobile_dev_info:after {
    content: "";
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 70%;
    background: radial-gradient(circle, rgb(120 177 255 / 30%), transparent 60%);
    filter: blur(20px);
    z-index: 0;
    opacity: 0.6;
}

/*Journy*/
.journy .journy_step {
    height: 100%;
}

/*ai-solution*/
.ai-solution-list .ai-solution-item {
    height: 100%;
}

/* Specific icons for each title */
.our_capabilities .e-n-accordion #title_1 .e-n-accordion-item-title .e-n-accordion-item-title-header:before {
    background: url(https://dev2024.x97g.com/wp-content/uploads/2024/11/acc_1.svg);
}

.our_capabilities .e-n-accordion #title_2 .e-n-accordion-item-title .e-n-accordion-item-title-header:before {
    background: url(https://dev2024.x97g.com/wp-content/uploads/2024/11/acc_2.svg);
}

.our_capabilities .e-n-accordion #title_3 .e-n-accordion-item-title .e-n-accordion-item-title-header:before {
    background: url(https://dev2024.x97g.com/wp-content/uploads/2024/11/acc_3.svg);
}

.our_capabilities .e-n-accordion #title_4 .e-n-accordion-item-title .e-n-accordion-item-title-header:before {
    background: url(https://dev2024.x97g.com/wp-content/uploads/2024/11/acc_4.svg);
}

.our_capabilities .e-n-accordion #title_5 .e-n-accordion-item-title .e-n-accordion-item-title-header:before {
    background: url(https://dev2024.x97g.com/wp-content/uploads/2024/11/acc_5.svg);
}

/* General layout settings for title headers with icons */
.our_capabilities .e-n-accordion .e-n-accordion-item-title .e-n-accordion-item-title-header {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Application Carousel */
.application_carousel .swiper-pagination-bullets.swiper-pagination-horizontal {
    left: 50%;
}

/* Testimonial section */
.user_testimonials .elementor-testimonial {
    display: flex;
    padding: 55px 30px;
    background: #232526;
    border-radius: 30px;
}

.user_testimonials .elementor-testimonial .elementor-testimonial__content {
    width: 70%;
    order: 2;
}

.user_testimonials .elementor-testimonial .elementor-testimonial__footer {
    width: 30%;
    order: 1;
    margin-top: 0;
    text-align: center;
}

.user_testimonials .swiper-slide {
    padding: 0;
}

.user_testimonials .swiper.elementor-main-swiper {
    margin: 0;
    width: 100%;
}

.user_testimonials .elementor-testimonial .elementor-testimonial__image {
    margin: 0;
}

.user_testimonials .elementor-testimonial .elementor-testimonial__image:before {
    content: "";
    background: url(/wp-content/uploads/2024/10/quote.svg) no-repeat;
    background-position: center center;
    height: 70px;
    width: 130px;
    right: 0;
    position: absolute;
    background-size: 60%;
    left: 4%;
    top: 10%;
}

/* Our Offering page */
/* Slider */


.slick-slide div.slide_container.contains_bg {
    background: url('/wp-content/uploads/2025/01/Bulb-Waves-1.gif');
    background-repeat: no-repeat !important;
    padding: 130px 0;
    background-size: 47% !important;
    background-position-x: 90% !important;
    background-position-y: 23% !important;
}

.slide-content-info h3 {
    font-size: 40px;
    font-family: "Nohemi", Sans-serif;
    font-weight: 400;
    color: #fff;
    line-height: 1.3;
    letter-spacing: 1px;
}

.slider_navigators p.slide_title {
    font-family: "Sofia Pro", Sans-serif;
}

.slide-content-info h3 span {
    /*color: #78b1ff; */
    /* 	background: transparent linear-gradient(100deg, #F45FA3 0%, #6EB0FD 100%) 0% 0% no-repeat padding-box; */
    background: #00BFA5;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    mask-clip: unset;
}

.slide-content-info {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.slide-content-info h3 {
    width: 45%;
}

/* .slider_dots.slick-slider-navbar {
    margin-left: auto;
    left: 50%;
    transform: translate(-24%, 0%);
} */
.slider_dots.slick-slider-navbar {
    margin-top: 50px;
}

.slider_dots .slick-current.slick-active:after {
    display: block;
    content: "";
    background: url(https://assets.druvanta.com/wp-content/uploads/2025/01/20070903/slide_pointer.svg);
    height: 20px;
    width: 50px;
    position: absolute;
    left: 50%;
    bottom: -40%;
    transform: translate(-50%, 0%);
}

.slider_dots .slick-current.slick-active {
    position: relative;
}

a.btn.cta_btn {
    color: #81b2ff;
    display: flex;
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    padding: 20px 30px;
    width: fit-content;
}

a.btn.cta_btn:after {
    content: "";
    background: url(/wp-content/uploads/2024/10/know_more_arrow.svg) no-repeat;
    height: 13px;
    width: 13px;
    display: inline-block;
    margin-left: 10px;
}

.slick-slider-navbar::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: linear-gradient(to left, #0A1E42, #69F0DE, #0A1E42);
    left: 0;
    z-index: 9;
}

.slick-slider-navbar::before {
    content: "";
    position: absolute;
    top: 40%;
    left: 62.5%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 120%;
    background: radial-gradient(circle, rgb(120 177 255 / 30%), transparent 60%);
    filter: blur(20px);
    z-index: -1;
    opacity: 0.6;
}

.slick-slider-navbar .slick-list::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 250px;
    height: 100%;
    background: linear-gradient(90deg, #0a1e42, transparent);
}

.slick-slider-navbar .slick-list::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 250px;
    height: 100%;
    background: linear-gradient(90deg, transparent, #0a1e42);
}

.slick-slider-navbar .slick-track {
    display: flex;
    align-items: center;
    gap: 0 50px;
    padding-bottom: 30px;
}

.slick-slider-navbar .slick-track .slick-slide {
    color: #999;
    text-align: center;
}

.slick-slider-navbar .slick-track .slick-slide.slick-current {
    color: #fff;
    font-size: 20px;
    width: 350px !important;
}

/* Hall of fame */
.signature_products .recompenze_info .feature_list ul {
    column-count: 2;
}

/* Tech stack */
.tech-item:before {
    filter: blur(7px);
}

.tech-item:hover:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    transform: translateZ(-1px);
    pointer-events: none;
    transition: filter .3s ease;
    /* background: linear-gradient(123deg, #f86cac, #ea65aa 50%, #7ea7f3); */
    background: linear-gradient(137deg, #F45FA3 0%, #6EB0FD 100%);
    background-clip: content-box;
    padding: 1px;
}

.tech-item {
    border-color: #344562 !important;
    background-color: #283959 !important;
    transform-style: preserve-3d;
}

.tech-stack-list .tech-item:hover p {
    background: transparent linear-gradient(142deg, #F45FA3 -10%, #6EB0FD 87%) 0% 0% no-repeat padding-box;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    mask-clip: unset;
    font-weight: 500;
}

/* Benefits */
.benefits_info .benefits_accordion .e-n-accordion-item {
    background: #071A39;
    border-radius: 16px;
    transition: background-color 0.5s ease;
}

/* .benefits_accordion .e-n-accordion-item-title span.e-closed svg {
    fill: #b352c1 !important;
} */

.benefits_info .benefits_accordion .e-n-accordion-item[open] {
    background: transparent linear-gradient(90deg, #206158 0%, #4245441A 110%) 0% 0% no-repeat padding-box;
}

/*Footer css*/

.footer_title h6.elementor-heading-title {
    display: flex;
    align-items: center;
    padding: 5px 10px;
}

.footer_quick_links ul {
    column-count: 1;
}

.footer_quick_links ul li:before,
.footer_addres ul li::before {
    content: "";
    height: 100%;
    width: 2px;
    background: #ffffff2e;
    display: inline-block;
    position: absolute;
    left: -10px;
}

.footer_quick_links ul li:after,
.footer_addres ul li:after {
    content: "";
    height: 65%;
    width: 2px !important;
    background: #ffffff36;
    display: flex;
    position: absolute !important;
    left: -10px !important;
    top: 45%;
    transform: translate(10%, -55%);
}

.footer_addres ul li {
    padding: 10px 10px !important;
}

.footer_quick_links ul li {
    display: flex;
    align-items: center;
}

/* Home Content justify */
/* .elementor-widget-text-editor .elementor-widget-container p {
    text-align: justify;
}

.center_aligened_text.elementor-widget-text-editor .elementor-widget-container p {
    text-align: center;
}

.card_center_aligened_text.elementor-widget-text-editor .elementor-widget-container p {
    text-align: center;
} */

.know_more_btn a {
    padding: 15px 22px !important;
    line-height: inherit;
}

/* .know_more_btn a:hover {
    background: #F86CAC !important;
    color: #fff !important;
} */

.know_more_btn a svg path {
    fill: #00BFA5 !important;
}

.know_more_btn a:hover svg path {
    fill: #fff !important;
}

/*  */

.process-step-icon:after {
    content: "";
    height: 18px;
    width: 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 85%;
    transform: translate(0%, -50%);
    background: url(https://assets.x97g.com/wp-content/uploads/2025/01/02053819/arrow.svg) no-repeat;
    background-position: right center;
}

.swiper-slide:not(:last-child) .journy_step .journy-icon:after {
    content: "";
    height: 2px;
    width: 99%;
    display: block;
    position: absolute;
    top: 50%;
    left: 18%;
    transform: translate(0%, -50%);
    background-image: linear-gradient(to right, #634414 40%, #ffffff00 0%);
    background-position: bottom;
    background-size: 16px 2px;
    background-repeat: repeat-x;
}

.journy .swiper-slide:first-child.swiper-slide-active,
.ai-solution-list .swiper-slide:first-child.swiper-slide-active,
.key-ai-solution .swiper-slide:first-child.swiper-slide-active {
    margin-left: 14.5%;
}

.section_header h2.elementor-heading-title {
    font-size: 40px !important;
}

.know_more_btn .elementor-button-wrapper {
    display: inline-block;
    background: linear-gradient(152deg, #f1ae25 0, #915006 100%);
    border-radius: 50px;
    padding: 1px;
}

/* .know_more_btn .elementor-button-wrapper a {
    background: #081C3E !important;
	border:none !important;
} */

.know_more_btn.light .elementor-button-wrapper a {
    background: #202424 !important;
    border: none !important;
}

header .know_more_btn a {
    padding: 8px 20px !important;
    ;
}

/* Contact Form btn */
.contact-form.elementor-element button#send_btn {
    background: linear-gradient(152deg,#f1ae25 0%,#915006 100%);
    border-radius: 50px;
    padding: 1px;
    border: none;
}

.contact-form.elementor-element button#send_btn>span {
    background: #fff;
    padding: 15px 20px;
    border-radius: 100px
}

.contact-form.elementor-element button#send_btn:hover>span {
    background: transparent
}

.tech-stack-list .tech-item {
    width: 7.5% !important;
}

.tech-stack-list .tech-item p {
    font-size: 12px !important;
    margin-bottom: 0px;
}

.block_chain_rotating_text ul {
    visibility: hidden;
}


.block_chain_bg_image .elementor-widget-container {
    position: relative;
}

.block_chain_bg_image .elementor-widget-container:before,
.block_chain_bg_image .elementor-widget-container:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.block_chain_bg_image .elementor-widget-container::after {
    background: #0f2246;
    mix-blend-mode: lighten;
}

.block_chain_bg_image .elementor-widget-container::before {
    background: #0f2246;
    mix-blend-mode: lighten;
}

.problem_solver_img img {
    padding: 25px;
    background: #d7c5a6;
    border-radius: 20px !important;
}

/* Responsive */
@media (max-width: 1550px) {
    .hero_section {
        background-size: 100% !important;
    }

    .why_choose_image img {
        height: 82vh !important;
    }

    .journy .swiper-slide:first-child.swiper-slide-active,
    .ai-solution-list .swiper-slide:first-child.swiper-slide-active,
    .key-ai-solution .swiper-slide:first-child.swiper-slide-active {
        margin-left: 4.5%;
    }

    .tech-stack-list .tech-item {
        width: 6.9% !important;
    }

    body.elementor-page-933 .hero_section {
        background-position-x: 165px !important;
    }
}

@media (max-width: 1024px) {
    .our_commitment .elementor-image-box-wrapper {
        display: block !important;
    }

    .our_commitment .elementor-image-box-wrapper figure.elementor-image-box-img {
        margin: 0 auto 25px !important;
        width: 27% !important;
    }

    nav ul li.contact-link.menu-item {
        display: block;
    }

    .tech-stack-list .tech-item {
        width: 11.4% !important;
    }

    .slick-slider-navbar::before {
        content: "";
        position: absolute;
        top: 40%;
        left: 62.5%;
        transform: translate(-50%, -50%);
        width: 77%;
        height: 120%;
        background: radial-gradient(circle, rgb(120 177 255 / 45%), transparent 60%);
        filter: blur(20px);
        z-index: -1;
        opacity: 0.6;
    }
}

@media (max-width: 900px) {
    .user_testimonials .elementor-testimonial .elementor-testimonial__image:before {
        width: 90px;
        top: 15%;
        left: 6%;
    }

    .slide-content-info {
        width: 65%;
    }

    .slick-slide div.slide_container.contains_bg {
        background-repeat: no-repeat !important;
        padding: 10px 0 70px;
        background-size: 50% !important;
        background-position-x: 110% !important;
        background-position-y: 100% !important;
    }

    .tech-stack-list .tech-item {
        width: 13.1% !important;
    }
}

@media (max-width: 810px) {
    .circle_solutions .circle_item>div {
        gap: 10px !important;
    }

    .circle_solutions .circle_item h2.elementor-heading-title {
        font-size: 14px !important;
    }

    .circle_solutions .circle_item .elementor-element.elementor-widget-text-editor {
        font-size: 13px !important;
    }
}

@media (max-width: 768px) {
    .tech-stack-list .tech-item {
        width: 15.1% !important;
    }
}

@media (max-width: 767px) {

    /* 	 */
    .section_header h2.elementor-heading-title {
        font-size: 34px !important;
    }

    .banner_bottom_text h4 {
        font-size: 13px;
    }

    .section_intro_title h4 {
        align-items: end;
    }

    .our_commitment .elementor-image-box-content p.elementor-image-box-description {
        text-align: justify;
    }

    .signature_products .recompenze_info .feature_list ul {
        column-count: 1;
    }

    .contact_form .section_header h2.elementor-heading-title {
        font-size: 25px !important;
    }

    /* 	 */

    /* 	Offering page start */
    .offering_slider .main_slider {
        background-position: bottom center;
        background-size: 85%;
    }

    a.btn.cta_btn {
        padding: 10px 20px;
    }

    .slide-content-info h3 {
        font-size: 30px;
    }

    .center_aligened_text.elementor-widget-text-editor .elementor-widget-container p {
        text-align: justify;
    }

    .tech-stack-list .tech-item .center_aligened_text.elementor-widget-text-editor .elementor-widget-container p {
        text-align: center;
    }

    .know_more_btn a {
        padding: 13px 10px !important;
        line-height: inherit;
    }

    .tech-stack-list .tech-item {
        width: 22.5% !important;
    }

    .tech-stack-list .tech-item p {
        font-size: 9px !important;
    }

    /* 	 Offering page end*/
    /* About Page */
    .we_work:not(:last-child) figure.elementor-image-box-img:after {
        content: none;
        width: 0px;
    }

    /* About page end */
    /* 	 */
    .process-step-icon:after {
        content: none;
    }

    .journy .swiper-slide:first-child.swiper-slide-active,
    .ai-solution-list .swiper-slide:first-child.swiper-slide-active,
    .key-ai-solution .swiper-slide:first-child.swiper-slide-active {
        margin-left: 0%;
    }

    .user_testimonials .elementor-testimonial {
        flex-wrap: wrap;
    }

    .user_testimonials .elementor-testimonial .elementor-testimonial__content,
    .user_testimonials .elementor-testimonial .elementor-testimonial__footer {
        width: 100%;
    }

    .user_testimonials .elementor-testimonial .elementor-testimonial__footer {
        margin-bottom: 30px;
    }

    .user_testimonials .elementor-testimonial .elementor-testimonial__image:before {
        width: 80px;
        top: 8%;
        left: 22%;
    }

    .slide-content-info {
        width: 100%;
    }

    .slick-slide div.slide_container.contains_bg {
        background-repeat: no-repeat !important;
        padding: 0px 0 170px;
        background-size: 100% !important;
        background-position-x: 50% !important;
        background-position-y: 108% !important;
    }

    .slick-slider-navbar .slick-list::after,
    .slick-slider-navbar .slick-list::before {
        width: 70px;
    }

    .slick-slider-navbar .slick-track .slick-slide.slick-current {
        width: 280px !important;
    }

    .footer_legal_menu ul {
        column-count: 2;
    }

    .footer_quick_links ul {
        column-count: 2;
    }

    body.elementor-page-933 .hero_section,
    body.elementor-page-1312 .hero_section,
    body.elementor-page-1638 .hero_section,
    body.elementor-page-1639 .hero_section,
    body.elementor-page-1640 .hero_section,
    body.elementor-page-1641 .hero_section,
    body.elementor-page-1521 .hero_section {
        background: none !important;
    }
}