/***************************************************/
/****  Artistics - Software Company ( demo-10 ) ****/
/***************************************************/

/*  Demo 10 Theme CSS  */

.demo-10 header.main-header{
    position: absolute;
    top: 0;
    width: 100%;
}

.demo-10 .page-header{
	position: relative;
	background-attachment: fixed;
    padding: 250px 0 150px;
    margin-top: 0;
}

.demo-10 .page-header::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 22%, var(--e-global-color-black) 126.31%),linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
    height: 100%;
    width: 100%;
    z-index: 1;
}

.demo-10 .page-header-box h1{
    font-size: 68px !important;
	margin-bottom: 15px;
}

.demo-10 .page-header-box .breadcrumb-trail{
    line-height: 1.2em;
}

.demo-10 .post-featured-image:has(a){
	margin-bottom: 20px;	
}

.demo-10 .post-single-image figure, 
.demo-10 .post-single-image img{
	border-radius: 30px;
}

.demo-10 .post-item-content{
    margin-bottom: 20px;
}

.demo-10 .post-item-content h3{
	line-height: 1.4em;
}

@media only screen and (max-width: 991px){
	
	.demo-10 .page-header{
		background-attachment: inherit;
		padding: 180px 0 80px;
	}
	
	.demo-10 .page-header-box h1{
		font-size: 50px !important;
		margin-bottom: 8px;
	}
	
	.demo-10 .post-featured-image:has(a){
		border-radius: 20px;
		margin-bottom: 15px;	
	}
	
	.demo-10 .post-featured-image img{
		border-radius: 20px;
	}
	
	.demo-10 .post-item-content {
		margin-bottom: 15px;
	}
	
}

@media only screen and (max-width: 767px){
	
	.demo-10 .page-header-box h1{
		font-size: 30px !important;
		margin-bottom: 5px;
	}
	
	.demo-10 .page-header-box .trail-items, 
	.demo-10 .page-header-box .post-meta ul{
        font-size: 14px;
    }
	
	.demo-10 .post-single-meta ul li{
        font-size: 14px;
    }
	
	.demo-10 .post-featured-image img{
		aspect-ratio: 1 / 0.7;
	}
}

/* Project Archive ( demo-10 ) */

.demo-10 .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__image{
	margin: 0;
}

.demo-10 .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__img,
.demo-10 .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__img img{
	aspect-ratio: 1 / 1.12 !important;
}

.demo-10 .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__img:before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 58.58%, var(--e-global-color-black) 107.74%);
    height: 100%;
    width: 100%;
    z-index: 1;
}

.demo-10 .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__content{
	position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 30px;	
}

@media only screen and (max-width: 991px){
	
	.demo-10 .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__image{
		border-radius: 20px;
	}
	
	.demo-10 .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__content{
		padding: 20px;	
	}
	
	.demo-10 .awaiken-portfolio-grid .awaiken-portfolio-grid-item__image .awaiken-portfolio-grid-item__categories{
		top: 15px;
		right: 15px;
	}
}

@media only screen and (max-width: 767px){
	
	.demo-10 .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__content{
		padding: 15px;	
	}
	
	.demo-10 .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__img,
	.demo-10 .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__img img{
		aspect-ratio: 1 / 0.9 !important;
	}
	
	.demo-10 .awaiken-portfolio-item-design-1.awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__title {
        font-size: 18px;
    }
}


/* Header CSS [Demo-10]  */

@media only screen and (max-width: 991px){
	
	.demo-10 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{
		color: var(--e-global-color-black) !important;
	}
	
	.demo-10 .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{
		color: var(--e-global-color-white) !important
	}
}

/* Footer Css [Demo-10] */

.demo-10 .footer-work-together::before{
	left: auto;
    right: -20px;
    top: 30%;
    width: 250px;
    height: 250px;
    animation: circlezoomrotate 10s infinite linear alternate;
    animation-direction: alternate;
}

.demo-10 .footer-contact-item .elementskit-info-box-icon{
	position: relative;
	overflow: hidden;
}

.demo-10 .footer-contact-item .elementskit-info-box-icon::before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--e-global-color-primary);
    opacity: 20%;
    z-index: 0;
    transition: all 0.4s ease-in-out;
}

.demo-10-footer-links ul li:last-child a{
	padding-bottom: 0 !important;
}

.demo-10-footer-newsletter-form .form-group{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0;
	gap: 0;
}

.demo-10-footer-newsletter-form .newsletter-btn input[type="submit"]{
	width: 100%;
	height: 100%;
	background: url("../images/demo-10-footer-form-background-img.svg") no-repeat center center;
	background-size: 55% auto;
}

.demo-10-footer-newsletter-form .wpcf7-not-valid-tip,
.demo-10-footer-newsletter-form .wpcf7-response-output{
	display: none;
} 

.demo-10-footer-privancy-menu .ekit-vertical-main-menu-wraper ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
}

.demo-10-footer-privancy-menu ul li{
	position: relative;
}

.demo-10-footer-privancy-menu .ekit-vertical-navbar-nav li::before{
	content: "/";
	position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
	color: var(--e-global-color-white);
}

.demo-10-footer-privancy-menu .ekit-vertical-navbar-nav li:first-child a{
	padding-left: 0 !important;
}

.demo-10-footer-privancy-menu .ekit-vertical-navbar-nav li:last-child a{
	padding-right: 0 !important;
}

.demo-10-footer-privancy-menu .ekit-vertical-navbar-nav li:last-child:before{
	display: none;
}

@media only screen and (max-width: 991px) {
    .demo-10 .footer-work-together::before {
		width: 180px;
		height: 180px;
	}

	.demo-10-footer-links ul li a{
		padding-bottom: 10px !important;
	}
}

@media only screen and (max-width: 767px){
	.demo-10-footer-privancy-menu .ekit-vertical-main-menu-wraper ul{
		justify-content: center;
	}
}

.demo-10 h1.elementor-heading-title span{
    font-weight: 700;
}

.highlighted-section-title.section-title .elementor-heading-title::before{
	background-color: var(--e-global-color-black);
}

/* Home Page CSS [Demo - 10] */

.demo-10-hero-image:before,
.demo-10-hero-slider .elementor-background-slideshow__slide__image::before,
.demo-10 .hero .elementor-background-video-container:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(180.07deg, rgba(0, 0, 0, 0) 0.06%, var(--e-global-color-black) 116.27%), linear-gradient(359.91deg, rgba(0, 0, 0, 0) 55.58%, var(--e-global-color-black) 105.69%);
    height: 100%;
    width: 100%;
    z-index: 0;
}

.demo-10 .hero .elementor-background-video-container:before{
	    z-index: 1;
}

.demo-10 .client-review .image-anime{
	z-index: 0;
}

.demo-10 .client-review .elementor-counter-number-wrapper{
	flex: 0;
}

.demo-10 .text-path-circle{
	transform: translate(-50%, -50%);
}

.demo-10 .excellence-software-circle{
	animation: excellencesoftwarerotate 25s infinite linear;
}

@keyframes excellencesoftwarerotate{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}

.demo-10 .text-path-circle .elementor-icon-wrapper{
	line-height: 0;
}

.demo-10 .hero-images img{
    aspect-ratio: 1 / 0.836;
    object-fit: cover;
}

.demo-10 .hero-counter-item .elementor-counter .elementor-counter-title{
	text-align: center;
}

.demo-10-about-us::before{
	top: auto;
    right: -20px;
	left: auto;
    bottom: 80px;
    width: 250px;
    height: 250px;
    animation: roundrotate 8s infinite linear alternate;
    animation-direction: alternate;
    z-index: -1;
}

@keyframes roundrotate{
	from{
		transform: translateY(0) rotate(0);
	  }
	to{
		transform: translateY(-100px) rotate(360deg);
	}
}

.demo-10 .about-us-image-title{
	background: linear-gradient(to right, var(--e-global-color-black) 0%, var(--e-global-color-secondary) 50%, var(--e-global-color-black) 100%);
    background-size: 200% auto;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: rotate(-180deg);
    writing-mode: vertical-rl;
    cursor: none;
    transition: all 0.3s ease-in-out;
}

.demo-10 .about-us-image-box:hover .about-us-image-title{
	background-position: right center;
}

.demo-10 .about-icon{
	transform: translate(-50%, -50%);
	line-height: 0;
}

.demo-10 .about-us-img{
	-webkit-mask-image: url(../images/about-us-imaeg-mask.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
}

.demo-10 .about-us-img img{
	aspect-ratio: 1 / 1.215;
    object-fit: cover;
}

.demo-10 .explore-more-circle{
	 animation: exploremorerotate 25s infinite linear;
}

@keyframes exploremorerotate{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}

.demo-10-service-item{
 	backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
}

.demo-10-service-item .service-item-body .elementskit-info-box-icon svg{
	transition: all 0.4s ease-in-out;
}

.demo-10-service-item:hover .service-item-body .elementskit-info-box-icon svg{
	color: var(--e-global-color-primary);
	transform: rotateY(180deg);
}

.demo-10 .service-item-body .elementskit-infobox{
	justify-content: space-between;
}

.demo-10 .service-item-body .elementskit-infobox .elementskit-box-header{
	line-height: 0;
}

.demo-10 .service-item-body .btn-wraper .elementskit-btn:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--e-global-color-primary);
    opacity: 20%;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.demo-10 .service-item-body .btn-wraper .elementskit-btn:hover:before{
	background: var(--e-global-color-accent);
	opacity: 100%;
}

.demo-10 .service-item-body .btn-wraper .elementskit-btn,
.demo-10 .service-item-body .btn-wraper .elementskit-btn svg{
	transition: all 0.3s ease-in-out;
}

.demo-10 .service-item-body .btn-wraper .elementskit-btn:hover{
	color: var(--e-global-color-black);
}

.demo-10 .service-item-body .btn-wraper .elementskit-btn:hover svg{
	transform: rotate(45deg);
}

.demo-10-pricing-footer p a{
    font-weight: 600;
    text-decoration: underline;
    color: var(--e-global-color-accent);
    transition: all 0.3sease-in-out;
}

.demo-10-pricing-footer p a:hover{
	color: var(--e-global-color-primary);
}

.demo-10 .why-choose-us:before{
    left: -20px;
    top: 80px;
    width: 250px;
    height: 250px;
    animation: circlerotate10 12s infinite linear;
    animation-direction: alternate;
    z-index: -1;
}

.demo-10 .why-choose-img-1{
	transform: rotate(-6.46deg);
}

.demo-10 .why-choose-img-2{
	transform: rotate(10.67deg);
}

.demo-10 .why-choose-img-3{
	transform: rotate(-7.87deg);
}

.demo-10 .why-choose-img-2{
	overflow: visible !important;
}

.demo-10 .why-choose-img-2:before{
    bottom: 14px;
    top: auto;
    right: 20px;
	left: auto;
    height: 125px;
    width: 95px;
    transform: translateY(100%);
	border: none;
}
	
.demo-10 .why-choose-img-1 img{
	aspect-ratio: 1 / 1.44;
	object-fit: cover;
}

.demo-10 .why-choose-img-2 img{
	aspect-ratio: 1 / 1.405;
	object-fit: cover;	
}

.demo-10 .why-choose-img-3 img{
	aspect-ratio: 1 / 0.644;
	object-fit: cover;
}

.demo-10 .add-more .elementor-counter{
	display: flex;
    align-items: center;
    justify-content: center;
    height: 40px !important;
    width: 40px;
    border-radius: 100%;
    background: var(--e-global-color-black);
}

.demo-10 .add-more .elementor-counter .elementor-counter-number-wrapper{
    flex: 0;
}

.demo-10 .client-review-box{
	animation: experienceobject10 3s infinite linear alternate;
}

@keyframes experienceobject10{
	50%{
		right: 50px;
	}
}

.demo-10 .client-review-box .image-anime{
	z-index: 0;
}

.demo-10 .client-review-content .elementor-counter-title{
	margin-left: 5px;
}

.demo-10 .what-we-do:before{
	left: auto;
    right: -20px;
    top: 80px;
    width: 250px;
    height: 250px;
    animation: circlezoomrotate 10s infinite linear alternate;
    animation-direction: alternate;
}

.demo-10 .what-we-do-img:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -15px;
	right: 0;
	height: 100%;
	width: 100%;
	border: 1px solid var(--e-global-color-accent);
	border-radius: 205px;
	z-index: -1;
}

.demo-10 .what-we-do-img img{
    aspect-ratio: 1 / 1.54;
    object-fit: cover;
}

.demo-10 .company-experience{
	animation: experienceobject10 3s infinite linear alternate;
}

.demo-10 .company-experience .elementskit-funfact{
	position: relative;
	overflow: hidden;
}

.demo-10 .company-experience .elementskit-funfact:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: var(--e-global-color-white);
	z-index: -1;
	transition: all 0.4s ease-in-out;
}

.demo-10 .company-experience .elementskit-funfact:hover::before{
	top: auto;
    height: 100%;
}

.demo-10 .what-we-body-item .elementor-icon-box-icon .elementor-icon svg{
	transition: all 0.4s ease-in-out;
}

.demo-10 .what-we-body-item:hover .elementor-icon-box-icon .elementor-icon svg{
	transform: rotateY(180deg);
	color: var(--e-global-color-primary);
}

.demo-10 .some-fact{
	overflow: hidden !important;
}

.demo-10 .section-title-heading .elementor-heading-title span{
	color: var(--e-global-color-black); 
}

.demo-10 .highlighted-button.elementor-widget-button .elementor-button:after{
	background: var(--e-global-color-black);
	opacity: 1;
	z-index: -1;
}

.demo-10 .highlighted-button.elementor-widget-button .elementor-button .elementor-button-icon{
	background: var(--e-global-color-black);
}

.demo-10 .highlighted-button.elementor-widget-button .elementor-button .elementor-button-icon svg path{
	fill: var(--e-global-color-white);
}

.demo-10 .fact-counter-item .funfact-icon svg{
	width: 100% !important;
}

.demo-10 .fact-counter-item .funfact-icon svg,
.demo-10 .fact-counter-item .funfact-icon svg path{
	transition: all 0.4s ease-in-out;
}

.demo-10 .fact-counter-item:hover .funfact-icon svg{
	transform: rotateY(180deg);
}

.demo-10 .fact-counter-item:hover .funfact-icon svg path{
	stroke: var(--e-global-color-white);
}

.demo-10 .cta-box:before{
	left: -20px;
    top: 100px;
    width: 250px;
    height: 250px;
    animation: squrerotate10 5s infinite linear alternate;
    animation-direction: alternate;
    z-index: -1;
}

.demo-10 .cta-contact-box .elementskit-infobox{
	line-height: 0;
}

.demo-10 .cta-contact-box .elementskit-infobox .elementskit-box-header  .elementskit-info-box-icon{
	position: relative;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
}

.demo-10 .cta-contact-box .elementskit-infobox .elementskit-box-header  .elementskit-info-box-icon:before{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--e-global-color-primary);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: -1;	
}

.demo-10 .cta-contact-box .elementskit-infobox:hover .elementskit-box-header  .elementskit-info-box-icon:before{
	transform: scale(1);
}

.demo-10 .cta-content-body:before{
	top: auto;
	bottom: -20px;
	left: auto;
    right: 90px;
    transform: translateX(100%);
    width: 130px;
    height: 108px;
    animation: ctaarrowmove 3s infinite linear alternate;
}

@keyframes ctaarrowmove{
	50%{
		right: 50px;
	}
}

.demo-10 .cta-image img{
	aspect-ratio: 1 / 0.95;
    object-fit: contain;
}

.demo-10 .pricing-item .pricing-header .elementskit-box-header svg,
.demo-10 .pricing-item .pricing-header .elementskit-box-header svg path{
	transition: all 0.4s ease-in-out;	
}

.demo-10 .pricing-item:hover .pricing-header .elementskit-box-header svg{
	transform: rotateY(180deg);
}

.demo-10 .pricing-item:hover .pricing-header .elementskit-box-header svg path{
	stroke: var(--e-global-color-white);
} 

.demo-10 .pricing-header .elementskit-infobox{
	gap: 20px;
}

.demo-10 .pricing-header .elementskit-box-header{
	line-height: 0;
	width: calc(20% - 10px);
}

.demo-10 .pricing-header .box-body{
	width: calc(80% - 10px);
	text-align: left;
}

.demo-10 .pricing-item .elementor-icon-list-text{
	padding-left: 0;
}

.demo-10 .pricing-item .pricing-footer .elementskit-single-pricing .elementskit-pricing-price{
	line-height: 0;
}

.demo-10 .pricing-item .pricing-footer .elementskit-single-pricing{
	line-height: 0;
	text-align: left;
}

.demo-10 .pricing-item .pricing-footer .elementskit-single-pricing .period{
	left: -10px;
	opacity: 80%;
}

.demo-10 .pricing-item .pricing-footer .elementskit-single-pricing .elementskit-pricing-btn{
	position: relative;
	overflow: hidden;
	transition: all 0.4s ease-in-out;
}

.demo-10 .pricing-item .pricing-footer .elementskit-single-pricing .elementskit-pricing-btn:after{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--e-global-color-white);
    border-radius: 100px;
    opacity: 20%;
    width: 100%;
    height: 100%;
    z-index: -1;
	transition: all 0.4s ease-in-out;
}

.demo-10 .pricing-item .pricing-footer .elementskit-single-pricing .elementskit-pricing-btn:hover:after{
	opacity: 100%;
}

.demo-10 .pricing-benefit-list ul{
	gap: 20px 40px;
}

.demo-10 .pricing-benefit-list ul li{
	margin: 0 !important;
}

.demo-10-how-it-work:before{
	left: auto;
    right: -80px;
    top: 80px;
    width: 250px;
    height: 250px;
    animation: circlerotate 12s infinite linear;
    animation-direction: alternate;
    z-index: -1;
}

.demo-10 .how-work-icon .elementor-icon-wrapper{
	line-height: 0;
}

.demo-10 .how-work-icon .elementor-icon-wrapper .elementor-icon{
	display: flex;
    align-items: center;
    justify-content: center;
	width: 100px;
	height: 100px;
}

.demo-10 .how-work-step .elementor-heading-title{
    display: flex;
    align-items: center;
    justify-content: center;
 	background: var(--e-global-color-black);
	border: 1px solid var(--e-global-color-accent);
	border-radius: 50%; 
    height: 30px;
    width: 30px;
    transition: all 0.4s ease-in-out;
}

.demo-10 .how-work-item .elementor-icon-wrapper .elementor-icon,
.demo-10 .how-work-item .elementor-icon-wrapper .elementor-icon svg,
.demo-10 .how-work-step .elementor-heading-title{
	transition: all 0.4s ease-in-out;
}

.demo-10 .how-work-item:hover .elementor-icon-wrapper .elementor-icon,
.demo-10 .how-work-item:hover .how-work-step .elementor-heading-title{
	border-color: var(--e-global-color-white);
}

.demo-10 .how-work-item:hover .elementor-icon-wrapper .elementor-icon svg{
	transform: rotateY(180deg);
	color: var(--e-global-color-white);
}

.demo-10 .testimonial-review-image img{
	aspect-ratio: 1 / 0.68;
    object-fit: cover;
}

.demo-10 .testimonial-review-rating .elementor-counter{
	align-items: center;
}

.demo-10-testimonial-slider .elementskit-stars a svg{
	width: 1em !important;
}

.demo-10-testimonial-slider .swiper-pagination-bullet{
	position: relative;
}

.demo-10-testimonial-slider .swiper-pagination-bullet-active:after{
	content: '';
	position: absolute;
	border: 1px solid var(--e-global-color-accent);
	border-radius: 50%;
	width: 24px;
	height: 24px;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

.demo-10-testimonial-slider .elementskit-commentor-content{
	margin-bottom: 0;
}

.demo-10-testimonial-slider .elementskit-stars{
	line-height: 0;
}

.demo-10-faq-accordion .elementskit-card.active .elementskit-card-body{
	position: relative;
}

.demo-10-faq-accordion .elementskit-card.active .elementskit-card-body:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 26.48%, rgba(0, 0, 0, 0) 155.74%);
	border-radius: 0 0 10px 10px;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.demo-10 .our-faqs:before{
    left: -50px;
    top: 80px;
    width: 250px;
    height: 250px;
    animation: circlmoveerotate 12s infinite linear alternate;
    animation-direction: alternate;
    z-index: -1;	
}

.demo-10 .need-help-box{
	transform: translate(-50%, -50%);
	overflow: hidden;
}

.demo-10 .need-help-box .elementskit-infobox.gradient-active::before{
	top: 0px;
    bottom: 0px;
    left: auto;
    right: 0px;
    width: 0px;
	transition: all 0.4s ease-in-out;
}

.demo-10 .need-help-box .elementskit-infobox.gradient-active:hover::before{
	width: 100%;
    left: 0px;
    right: auto;
}

.demo-10 .need-help-box .elementskit-infobox .elementskit-box-header{
	line-height: 0;
}

.demo-10 .faqs-img-1 img{
	aspect-ratio: 1 / 1.75;
    object-fit: cover;
}

.demo-10 .our-blog .elementskit-post-image-card .elementskit-entry-header a img{
	aspect-ratio: 1 / 0.744;
    object-fit: cover;
}

@media only screen and (max-width: 991px){
	
	.demo-10 .excellence-software-circle .elementor-icon-wrapper .elementor-icon{
		padding: 8px !important;
	}
	
	.demo-10 .hero-images img{
		aspect-ratio: 1 / 0.847;
	}
	
	.demo-10-about-us::before{
		width: 180px;
        height: 180px;
	}
	
	.demo-10 .why-choose-us::before{
        width: 180px;
        height: 180px;
	}
	
	.demo-10 .why-choose-img-2::before{
        right: 30px;
        height: 110px;
        width: 70px;
    }
	
	.demo-10 .why-choose-img-1 img{
		aspect-ratio: 1 / 1.395;
	}

	.demo-10 .why-choose-img-2 img{
		aspect-ratio: 1 / 1.32;
	}

	.demo-10 .why-choose-img-3 img{
		aspect-ratio: 1 / 0.62;
	}	

	@keyframes experienceobject10{
		50%{
			right: 40px;
		}
	}
	
	.demo-10 .what-we-do::before{
		width: 180px;
		height: 180px;
	}
	
	.demo-10 .excellence-software-circle.what-we-do .elementor-icon-wrapper .elementor-icon{
		padding: 14px !important;
	}
	
	.demo-10 .cta-box::before{
		width: 180px;
		height: 180px;
	}
	
	.demo-10 .cta-content-body:before{
		display: none;
	}
	
	.demo-10-how-it-work::before{
        width: 180px;
        height: 180px;
    }
	
	.demo-10 .how-work-icon .elementor-icon-wrapper .elementor-icon{
		width: 90px;
		height: 90px;
	}
	
	.demo-10 .testimonial-review-image img{
		aspect-ratio: 1 / 0.5;
	}
	
	.demo-10 .our-faqs::before{
        width: 180px;
        height: 180px;
    }
}

@media only screen and (max-width: 767px){
	
	.demo-10 .why-choose-img-2::before{        
		right: 18px;
        height: 80px;
        width: 40px;
    }
	
	.demo-10 .why-choose-img-1 img{
		aspect-ratio: 1 / 1.45;
	}

	.demo-10 .why-choose-img-2 img{
		aspect-ratio: 1 / 1.4;
	}

	.demo-10 .why-choose-img-3 img{
		aspect-ratio: 1 / 0.62;
	}
	
	.demo-10 .client-review-box .elementskit-funfact-inner{
		line-height: 0;
	}
	
	.demo-10 .add-more .elementor-counter{
		height: 30px !important;
		width: 30px;
	}
	
	.demo-10 .excellence-software-circle.what-we-do .elementor-icon-wrapper .elementor-icon{
		padding: 9px !important;
	}
	
	.demo-10 .what-we-body-item .elementor-icon-box-wrapper{
		align-items: center;
	}
	
	.demo-10 .pricing-benefit-list ul{
        gap: 15px 10px;
	}
	
	.demo-10 .pricing-benefit-list ul li{
       width: calc(50% - 5px);
	}
	
	.demo-10 .how-work-icon .elementor-icon-wrapper .elementor-icon{
		width: 80px;
		height: 80px;
	}
	
	.demo-10 .testimonial-review-image img{
		aspect-ratio: 1 / 0.7;
	}
}

/* About Us Page CSS [Demo-10] */

.demo-10 .mission-vision-image img{
	aspect-ratio: 1 / 0.656;
    object-fit: cover;
}

.demo-10-our-benefit::before{
    left: -20px;
    top: 80px;
    width: 250px;
    height: 250px;
    animation: circlerotate10 12s infinite linear;
    animation-direction: alternate;
    z-index: -1;
}

.demo-10-benefit-item .elementskit-infobox{
	position: relative;
	overflow: hidden !important;
	backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
}

.demo-10-benefit-item .elementskit-infobox::before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--e-global-color-secondary);
    opacity: 40%;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.demo-10-benefit-item .elementskit-infobox svg{
	transition: all 0.4s ease-in-out;
}

.demo-10-benefit-item .elementskit-infobox:hover svg{
	transform: rotateY(180deg);
}

.demo-10-our-features::before{
    right: -20px;
	left: auto;
    top: 80px;
    width: 250px;
    height: 250px;
    animation: circlezoomrotate 10s infinite linear alternate;
    animation-direction: alternate;
    z-index: -1;
}

.demo-10 .features-image img{
	aspect-ratio: 1 / 1.1;
    object-fit: cover;
    filter: brightness(70%);
}

.demo-10 .video-play-button{
	transform: translate(-50%, -50%);
}

.demo-10 .team-image img{
	aspect-ratio: 1 / 1.15;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}

.demo-10 .team-item:hover .team-image img{
	transform: scale(1.1)
}

.demo-10 .team-social-icon{
	left: 30px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
}

.demo-10 .team-item:hover .team-social-icon{
	bottom: 30px !important;
	opacity: 1;
	visibility: visible;
}

.demo-10 .who-we-are-img-1 img{
	aspect-ratio: 1 / 1.19;
    object-fit: cover;
}

.demo-10 .who-we-contact .elementskit-infobox::before{
	top: 0 !important;
    bottom: auto;
    height: 0;
    transition: all 0.4s ease-in-out;
}

.demo-10 .who-we-contact .elementskit-infobox:hover::before{
	height: 100%;
    top: auto !important;
    bottom: 0 !important;
}

.demo-10 .who-we-contact .elementskit-infobox{
	justify-content: center;
}

.demo-10 .who-we-contact .elementskit-box-header{
	line-height: 0;
}

.demo-10 .who-we-contact svg{
	width: 1em !important;
}

.demo-10 .who-we-contact .box-body p{
	transition: all 0.4s ease-in-out;
}

.demo-10 .who-we-contact .box-body p:hover{
	color: var(--e-global-color-accent) !important;
}

.demo-10 .who-we-are-img-2 img{
	aspect-ratio: 1 / 1.31;
    object-fit: cover;
}

.demo-10 .what-we-do-body{
	backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
	overflow: hidden;
	border-radius: 20px;
}

.demo-10 .what-we-do-body .elementor-heading-title{
	transition: all 0.4s ease-in-out;
}

.demo-10 .what-we-do-body::before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--e-global-color-secondary);
    opacity: 40%;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.demo-10 .what-we-do-body::after{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: var(--e-global-color-accent);
    z-index: -1;
    transition: all 0.4s ease-in-out;
}

.demo-10 .what-we-do-body:hover::after{
	right: auto;
    left: 0;
    width: 100%;
}

.demo-10 .what-we-do-body:hover .elementor-heading-title{
	transition: all 0.4s ease-in-out;
}

.demo-10 .what-we-do-body:hover .elementor-heading-title{
	color: var(--e-global-color-secondary);
}

@media only screen and (max-width: 991px){
	
	.demo-10 .mission-vision-image img{
		aspect-ratio: 1 / 0.5;
	}

	.demo-10-our-benefit::before{
		width: 180px;
		height: 180px;
	}

	.demo-10 .features-image img{
		aspect-ratio: 1 / 0.6;
	}

	.demo-10 .team-image img{
		aspect-ratio: 1 / 1.05;
	}
	
	.demo-10 .what-we-do-body{
		border-radius: 12px;
	}
}

@media only screen and (max-width: 767px){
	
	.demo-10 .features-image img{
		 aspect-ratio: 1 / 0.8;
	}
	
	.demo-10 .feature-counter-item	.elementor-counter-title{
		text-align: center;
	}
	
	.demo-10 .team-social-icon{
		left: 20px;
	}

	.demo-10 .team-item:hover .team-social-icon{
		bottom: 20px !important;
	}
}

/* Service Page CSS */

.demo-10-page-service::before{
	left: auto;
    right: -40px;
    top: 150px;
    width: 250px;
    height: 250px;
    animation: circlmoveerotate10 8s infinite linear alternate;
    animation-direction: alternate;
    z-index: -1;
}

@media only screen and (max-width: 991px){
	
	.demo-10-page-service::before{
		width: 180px;
		height: 180px;
	}
}

/* Service Single CSS */

.demo-10-page-header::before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 22%, var(--e-global-color-black) 126.31%), linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
    height: 100%;
    width: 100%;
    z-index: 1;
}

.demo-10-service-single-page::before{
	left: auto;
    right: -20px;
	top: 150px;
    width: 250px;
    height: 250px;
    animation: squrerotate10 5s infinite linear alternate;
    animation-direction: alternate;
    z-index: -1;
}

@keyframes squrerotate10{
	from{
		transform: translate(0, 0) rotate(0deg);
	  }
	to{
		transform: translate(-100px, 200px) rotate(180deg);
	}
}

.demo-10-service-single-page::after{
    content: '';
    display: block;
    position: absolute;
    left: -80px;
    bottom: 50%;
    background: url("../images/demo-10-section-bg-shape-5.png") no-repeat;
    background-position: left top;
    background-size: contain;
    width: 250px;
    height: 250px;
    opacity: 50%;
    animation: circlerotate10 12s infinite linear;
    animation-direction: alternate;
    z-index: -1;
}

@keyframes circlerotate10{
	from{
		transform: rotate(0deg);
	  }
	to{
		transform: rotate(360deg);
	}
}

@media only screen and (max-width: 991px){
	
	.demo-10-service-single-page::before{
		width: 180px;
		height: 180px;
	}
	
	.demo-10-service-single-page::after{
		width: 180px;
		height: 180px;
		opacity: 30%;
	}
}

/* Project Details CSS */

.demo-10-project-single-page::before{
    left: -20px;
    top: 50%;
    width: 250px;
    height: 250px;
    animation: squrerotate10 5s infinite linear alternate;
    animation-direction: alternate;
    z-index: -1;
}

.demo-10-project-single-page::after{
    content: '';
    display: block;
    position: absolute;
    right: -20px;
    top: 200px;
    background: url("../images/demo-10-section-bg-shape-2.png") no-repeat;
    background-position: right top;
    background-size: contain;
    width: 250px;
    height: 250px;
    opacity: 50%;
    animation: circlerotate10 12s infinite linear;
    animation-direction: alternate;
    z-index: -1;
}

@media only screen and (max-width: 991px){
	
	.demo-10-project-single-page::before{
		width: 180px;
		height: 180px;
	}
	
	.demo-10-project-single-page::after{
		width: 180px;
		height: 180px;
		opacity: 20%;
	}
}

/* Our Team CSS */

.demo-10-page-team::before{
    left: -20px;
    top: 150px;
    width: 250px;
    height: 250px;
    animation: circlmoveerotate 8s infinite linear alternate;
    animation-direction: alternate;
    z-index: -1;
}

@media only screen and (max-width: 991px){
	
    .demo-10-page-team::before{
        width: 180px;
        height: 180px;
    }
}

/* Team Single CSS */

.demo-10-team-single-page::before{
    left: -50px;
    top: 150px;
    width: 250px;
    height: 250px;
    opacity: 50%;
    animation: circlmoveerotate10 12s infinite linear alternate;
    animation-direction: alternate;
    z-index: -1;
}

@keyframes circlmoveerotate10{
	from{
		transform: translateY(0) rotate(0deg);
	  }
	to{
		transform: translateY(160px) rotate(360deg);
	}
}

@media only screen and (max-width: 991px){
	
	.demo-10-team-single-page::before{
		width: 180px;
		height: 180px;
	}
}

/* Pricing Plan CSS */

.demo-10-page-pricing::before{
	left: auto;
    right: -20px;
    top: 150px;
    width: 250px;
    height: 250px;
    animation: circlmoveerotate10 12s infinite linear;
    animation-direction: alternate;
    z-index: -1;
}

@media only screen and (max-width: 991px){
	
	.demo-10-page-pricing::before{
		top: 80px;
        width: 180px;
        height: 180px;
	}
}

/* Testimonial Page Css */

.demo-10-testimonial-page::before{
    left: -20px;
    top: 150px;
    width: 250px;
    height: 250px;
    animation: circlmoveerotate 8s infinite linear alternate;
    animation-direction: alternate;
	z-index: -1;
}

@media only screen and (max-width: 991px){
	
    .demo-10-testimonial-page::before{
        top: 80px;
        width: 180px;
        height: 180px;
    }
}

/* Image Gallery CSS */

.demo-10-page-gallery::before{
    left: -20px;
    top: 150px;
    width: 250px;
    height: 250px;
    animation: squrerotate10 5s infinite linear alternate;
    animation-direction: alternate;
    z-index: -1;
}

@media only screen and (max-width: 991px){
	
	.demo-10-page-gallery::before{
        width: 160px;
        height: 160px;
    }
}

/* Video Gallery CSS */

.demo-10-page-video-gallery::before{
    left: -80px;
    top: 150px;
    width: 250px;
    height: 250px;
    animation: circlmoveerotate10 12s infinite linear;
    animation-direction: alternate;
    z-index: -1;
}

@media only screen and (max-width: 991px){
	
	.demo-10-page-video-gallery::before{
		top: 100px;
        width: 160px;
        height: 160px;
    }
}

/* FAQs CSS */

.demo-10-page-faqs::before{
    left: -50px;
    top: 150px;
    width: 250px;
    height: 250px;
    animation: circlmoveerotate10 12s infinite linear alternate;
    animation-direction: alternate;
    z-index: -1;
}

@media only screen and (max-width: 991px){
	
	.demo-10-page-faqs::before{
        width: 180px;
        height: 180px;
	}
}

/* Contact Us CSS */

.demo-10 .page-contact-us:before{
    left: -20px;
    top: 38%;
    width: 250px;
    height: 250px;
    animation: circlerotate10 12s infinite linear;
    animation-direction: alternate;
    z-index: -1;
}

.demo-10 .contact-us-content{
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
    overflow: hidden !important;
    z-index: 1;
}

.demo-10 .contact-social-list ul li:last-child{
	margin-right: 0 !important;
}

@media only screen and (max-width: 991px){
	
    .demo-10 .page-contact-us::before{
        width: 180px;
        height: 180px;
	}
}