/**
 * 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;
}
.section_header h2 span {
/*     color: #6EB0FD; */
    background: #fff;
	background: transparent linear-gradient(100deg, #F45FA3 0%, #6EB0FD 100%) 0% 0% no-repeat padding-box;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    mask-clip: unset;
}
.section_intro_title h4:before {
    content: "";
    background: url(/wp-content/uploads/2024/11/Astric.svg) no-repeat;
    display: inline-block;
    background-size: 100%;
    width: 14px;
    height: 14px;
}

.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;
}

/* 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: #ffffff1f;
    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: #ffffff1f;
    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: #232526;
    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:before {
    content: "" !important;
    position: absolute !important;
    width: 100% !important;
    height: 2px !important;
    background: linear-gradient(to left, #292a2c, #81b2ff, #292a2c) !important;
    left: 0 !important;
    z-index: 9;
}

.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: "Sofia Pro", Sans-serif;
    font-weight: 400;
    color: #fff;
    line-height: 1.3;
}

.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;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    mask-clip: unset;
}

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

/* .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, black, #81b2ff, black);
    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, #17181a, 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, #17181a);
}
.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: #3c4146 !important;
    background-color: #3c4146 !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: #282A2C;
    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, #5A2062 0%, #4442451A 110%) 0% 0% no-repeat padding-box;
}

/*Footer css*/

.footer_title h6.elementor-heading-title:before {
    content: "";
    display: block;
    position: absolute;
    height: 90%;
    width: 2px;
    background: #FA72B1;
    left: -10px;
}

.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: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: 4px;
    width: 99%;
    display: block;
    position: absolute;
    top: 50%;
    left: 18%;
    transform: translate(0%, -50%);
    background: url(https://assets.x97g.com/wp-content/uploads/2025/01/02055100/line.svg);
    background-position: right center;
}

.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, #F45FA3 0%, #6EB0FD 100%);
    border-radius: 8px;
    padding: 1px;
}

.know_more_btn .elementor-button-wrapper a {
    background: #17181a !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, #F45FA3 0%, #6EB0FD 100%);
    border-radius: 8px;
    padding: 1px;
    border: none;
}

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

.form-with-toster .elementor-message:not(.elementor-help-inline) {
    display: flex;
    position: fixed;
    right: 2%;
    top: 110px;
    z-index: 9999999999999999;
    max-width: 380px;
    font-size: 14px !important;
    line-height: 1.2;
    border: 1px solid transparent;
    padding: 10px 15px;
    border-radius: 10px;
}

.form-with-toster .elementor-message.elementor-message-success {
    background: #004f12;
}

.form-with-toster .elementor-message:not(.elementor-help-inline).elementor-message-danger {
    background: #8b0000;
}
/* .contact-form.elementor-element button#send_btn:hover > span {
    background: #f45fa3;
}
.contact-form.elementor-element button#send_btn:hover {
    background: #f45fa3;
} */

.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;
}

/*  */

/* 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;
	}
}