/*
Theme Name: Inhertzweb Artistics Child
Template:   artistics
Theme URI: https://themeforest.net/user/awaiken
Description: Artistics Child Theme
Author: Awaiken
Author URI: https://awaiken.com/
Version: 1.0.0
Text Domain: artistics-child
*/

.btn-default::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: var(--e-global-color-accent);
	background-image: url('assets/images/arrow-dark.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px auto;
	transform: translate(50px, 0px);
	transition: all 0.4s ease-in-out;
}

.post-entry blockquote{
	position: relative;
    background: url('assets/images/icon-blockquote.svg') no-repeat;
    border: 1px solid var(--e-global-color-divider);
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
    background-position: 35px 30px;
    background-size: 58px;
    border-radius: 20px;
    padding: 30px 30px 30px 100px !important;
    margin-bottom: 30px !important;
    overflow: hidden;
}

.testimonial-slider .elementskit-testimonial-slider .swiper-button-next::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background: url("assets/images/arrow-white.svg") no-repeat center center;
    background-size: 30px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(45deg);
    transition: all 0.4s ease-in-out;
}

.testimonial-slider .elementskit-testimonial-slider .swiper-button-prev::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background: url("assets/images/arrow-white.svg") no-repeat center center;
    background-size: 30px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(222deg);
    transition: all 0.4s ease-in-out;
}

.footer-work-together::before{
    content: '';
    display: block;
    position: absolute;
    left: -120px;
    top: 30%;
    background: url(assets/images/work-together-bg-shape.png) no-repeat;
    background-position: left center;
    background-size: contain;
    opacity: 40%;
    width: 305px;
    height: 315px;
    animation: circlmoveerotate 12s infinite linear;
    animation-direction: alternate;
    z-index: -1;
}

.about-agency::before{
	content: '';
	display: block;
	position: absolute;
	left: -120px;
	top: 50%;
	background: url("assets/images/about-agency-bg.png") no-repeat left center;
	background-size: contain;
	opacity: 50%;
	width: 386px;
	height: 400px;
	animation: circlerotate 20s infinite linear;
}

.agency-item-content .elementor-icon-box-title::after{
	content: '';
	position: absolute;
	top: 0;
	left: -60px;
	background-color: var(--e-global-color-accent);
	mask-image: url("assets/images/dot-green-icon.svg");
	width: 21px;
	height: 21px;
}

.why-choose-us::before{
    content: '';
    position: absolute;
    right: -90px;
    top: 50%;
	left: auto;
	background: url("assets/images/why-choose-bg-shape.png")no-repeat left center;
    background-size: contain;
    opacity: 50%;
    width: 310px;
    height: 325px;
    animation: circlezoomrotate 10s infinite linear;
    animation-direction: alternate;
    z-index: -1;
}

.how-it-work::before{
    content: '';
    display: block;
    position: absolute;
    left: -90px;
    top: 40%;
    background: url("assets/images/how-work-bg-shape.png") no-repeat;
    background-position: left center;
    background-size: contain;
    opacity: 50%;
    width: 297px;
    height: 340px;
    animation: roundrotate 8s infinite linear;
    animation-direction: alternate;
    z-index: -1;
}

.our-features::before {
	content: '';
	display: block;
	position: absolute;
	right: -90px;
	left: auto;
	top: 50%;
	background: url("assets/images/features-bg-shape.png") no-repeat left center;
	background-size: contain;
	opacity: 50%;
	width: 300px;
	height: 285px;
	animation: squrerotate 5s infinite linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	z-index: -1;
}

.our-testimonial::before{
    content: '';
    display: block;
    position: absolute;
    left: -70px;
    top: 50%;
	background: url("assets/images/testimonial-bg-shape.png") no-repeat;
    background-position: left center;
    background-size: contain;
    opacity: 70%;
    width: 306px;
    height: 304px;
    animation: circlerotate 20s infinite linear;
    z-index: -1;
}

.agency-benefits::Before{
	content: '';
    display: block;
    position: absolute;
	left: auto;
    right: -90px;
    top: 10%;
    background: url('assets/images/agency-benefits-bg-shape.png') no-repeat;
    background-position: left center;
    background-size: contain;
    opacity: 50%;
    width: 279px;
    height: 287px;
    animation: circlerotate 12s infinite linear;
    z-index: 0;
}

.who-we-are::after{
	content: '';
    display: block;
    position: absolute;
    right: -90px;
    top: -25%;
    background: url('assets/images/agency-benefits-bg-shape.png') no-repeat;
    background-position: left center;
    background-size: contain;
    opacity: 50%;
    width: 279px;
    height: 287px;
    animation: circlerotate 8s infinite linear;
    z-index: -1;
}

.our-team::before {
    content: '';
    display: block;
    position: absolute;
    left: -90px;
    top: -25%;
    background: url("assets/images/why-choose-bg-shape.png") no-repeat;
    background-position: left center;
    background-size: contain;
    opacity: 50%;
    width: 310px;
    height: 325px;
    animation: circlezoomrotate 10s infinite linear;
    animation-direction: alternate;
    z-index: -1;
}

.page-service-single::after {
    content: "";
    position: absolute;
    right: -120px;
    top: 15%;
    background: url("assets/images/about-agency-bg.png") no-repeat;
    background-position: right center !important;
    background-size: contain;
    opacity: 40%;
    width: 386px;
    height: 400px;
    animation: circlerotate 20s infinite linear;
    z-index: -1;
}

.page-service-single::before {
    content: '';
    display: block;
    position: absolute;
    left: -90px;
    top: 50%;
    background: url("assets/images/why-choose-bg-shape.png") no-repeat;
    background-position: left center;
    background-size: contain;
    opacity: 50%;
    width: 310px;
    height: 325px;
    animation: circlezoomrotate 10s infinite linear;
    animation-direction: alternate;
    z-index: -1;
}

.page-project-single::before{
    content: '';
	display: block;
	position: absolute;
	left: -90px;
	top: 10%;
	background: url("assets/images/agency-benefits-bg-shape.png") no-repeat;
	background-position: left center;
	background-size: contain;
	opacity: 50%;
	width: 279px;
	height: 287px;
	animation: circlerotate 8s infinite linear;
	z-index: -1;
}

.page-project-single::after{
    content: '';
    display: block;
    position: absolute;
    right: -90px;
    top: 60%;
    background: url("assets/images/why-choose-bg-shape.png") no-repeat;
    background-position: left center;
    background-size: contain;
    opacity: 50%;
    width: 310px;
    height: 325px;
    animation: circlezoomrotate 10s infinite linear;
    animation-direction: alternate;
    z-index: -1;
}

.page-team::after{
    content: '';
    display: block;
    position: absolute;
    right: -120px;
    top: 50%;
    background: url("assets/images/work-together-bg-shape.png") no-repeat;
    background-position: right center;
    background-size: contain;
    opacity: 40%;
    width: 305px;
    height: 315px;
    animation: circlmoveerotate 10s infinite linear;
    animation-direction: alternate;
    z-index: -1;
}

.page-team-single::after{
    content: '';
    display: block;
    position: absolute;
    right: -90px;
    top: 60%;
    background: url("assets/images/why-choose-bg-shape.png") no-repeat;
    background-position: left center;
    background-size: contain;
    opacity: 50%;
    width: 310px;
    height: 325px;
    animation: circlezoomrotate 10s infinite linear;
    animation-direction: alternate;
    z-index: -1;
}