/* 
Theme Name: TransformationX
Theme URI: https://transformationx.net/
Description: TransformationX is a child theme of Hello Elementor built by Top Tier Digital Marketing
Author: Top Tier Digital Marketing
Author URI: https://toptierdigitalmarketing.com/
Template: hello-elementor
Version: 1.0.8
Text Domain: aadc
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
dd, dl, dt, li, ol, ul {
    margin-bottom: 20px;
}
.elementor-swiper-button svg {
    display: none !important;
}
.elementor-swiper-button {
    top: -35px !important;
}
.elementor-swiper-button.elementor-swiper-button-prev {
    background-image: url("images/arrow_prev.png");
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    left: auto !important;
    right: 73px !important;
}
.elementor-swiper-button.elementor-swiper-button-next {
    background-image: url("images/arrow_next.png");
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    left: auto;
    right: 20px !important;
}
.elementor-swiper-button.elementor-swiper-button-prev:hover {
    background-image: url("images/arrow_prev_hover.png");
}
.elementor-swiper-button.elementor-swiper-button-next:hover {
    background-image: url("images/arrow_next_hover.png");
}
h3.elementor-icon-box-title {
    margin-top: 4px;
}
.service_grid {
    overflow: hidden;
    position: relative;
}
.service_item_button span.elementor-button-icon svg {
    width: 24px;
}
.service_item_button span.elementor-button-content-wrapper {
    align-items: center;
}
.service_item_button.grayscale  span.elementor-button-icon svg path{
    fill: #848484 !important;
}
.service_item_button.grayscale .elementor-button {
    background-color: #EAEAEA !important;
    fill: #FFFFFF !important;
    color: #848484 !important;
    border-color: #F5F5F5 !important;
}
.service_item .service_image_hover {
    display: none;
}
.service_item:hover .service_image_hover {
    display: block;
}
.service_item:hover .service_image_default  {
    display: none;
}
.service_item:hover span.elementor-post-info__terms-list-item,
.service_item:hover h4.elementor-heading-title.elementor-size-default,
.service_item:hover .elementor-widget-theme-post-excerpt   .elementor-widget-container,
.service_item:hover h6.elementor-heading-title.elementor-size-default{
    color: #ffffff !important;
}
.service_item:hover rect,
.service_item:hover path{
    fill: #ffffff !important;
}
.service_item svg {
    right: 0;
    transition: right 0.3s linear;
}
.service_item:hover svg {
    right: -15px;
    transition: right .3s linear;
}
.service_grid div.service.hide_service{
    display: none !important;
}

.contact_us .elementor-form .elementor-button[type="submit"] {
    background: linear-gradient(282.69deg, #00C9FF -34.62%, #1E1CB0 106.76%);
    color: #ffffff;
}
.sticky_header {
	display: none;
}
.main_header.elementor-sticky--effects .sticky_header {
	display: block;
}
.main_header.elementor-sticky--effects .static_header {
	display: none;
}
.main_header.elementor-sticky--effects{
	background: #ffffff !important;
}
.elementor-sticky .elementor-nav-menu--main a.elementor-item:hover {
    text-shadow: 1px 0 #fff;
}
.elementor-sticky.elementor-sticky--effects .elementor-nav-menu--main a.elementor-item:hover {
    text-shadow: 1px 0 #000;
}
.logo img {
    max-width: 320px;
}
.service_hoverbox:hover .elementor-heading-title, .service_hoverbox:hover .elementor-widget-text-editor {
    color: #ffffff !important;
}
.title_icon svg path {
    fill: #fff;
}
.service_item_button span.elementor-button-text > span {
    margin-top: 16px;
    display: none;
}
.service_item_button span.elementor-button-text > span > span{
	margin-right: 10px;
}
.service_item_button span.elementor-button-text > span:after {
    content: "";
    background-image: url(/wp-content/uploads/2025/01/Check-white2.svg);
    height: 20px;
    width: 20px;
    position: absolute;
}
.service_item_button:hover span.elementor-button-text > span {
    display: block;
}
.elementor-post-navigation .post-navigation__arrow-wrapper.post-navigation__arrow-next {
    width: 25px;
    height: 24px;
    background-image: url(/wp-content/uploads/2024/11/Check-6.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 10px;
}
.elementor-post-navigation .post-navigation__arrow-wrapper.post-navigation__arrow-prev {
	width: 25px;
    height: 24px;
    background-image: url(/wp-content/uploads/2024/11/Check-6.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 10px;
    transform: rotate(180deg);
}
.elementor-post-navigation span.post-navigation__next--label,
.elementor-post-navigation span.post-navigation__prev--label{
    margin-bottom: 10px;
}
.elementor-post-navigation .elementor-post-navigation__link a {
    align-items: flex-start;
}
.elementor-nav-menu--main ul ul ul {
    border-radius: 0 5px 5px 0 !important;
    left: -3px !important;
}
.arrow_move a.elementor-button.elementor-button-link{
	position: relative;
}
.arrow_move  a.elementor-button.elementor-button-link span.elementor-button-icon {
    position: absolute;
    right: -20px;
    transition: all 300ms linear;
}
.arrow_move a.elementor-button.elementor-button-link:hover span.elementor-button-icon {
    transition: all 200ms linear;
    right: -30px;
}
.service_nocontent div.elementor-widget-theme-post-excerpt{
    display: none;
}

/**
 * * Flashlight effect
 */

 :root {
    --cursor-flashlight-speed: 0.1s; /* Adjust the cursor effect speed here */
    --cursor-flashlight-timing: linear;
}

/* ! Do Not Edit Below! */

:root {
    --mouse-x: unset;
    --mouse-y: unset;
    transition: --mouse-x var(--cursor-flashlight-speed) var(--cursor-flashlight-timing),
                --mouse-y var(--cursor-flashlight-speed) var(--cursor-flashlight-timing);
}


@property --mouse-x {
    syntax: "<percentage> | <length>";
    inherits: true;
    initial-value: 0px;
}

@property --mouse-y {
    syntax: "<percentage> | <length>";
    inherits: true;
    initial-value: 0px;
}

.cursor-flashlight:before {
    mask: radial-gradient( circle at var(--mouse-x) var(--mouse-y), transparent 20px, currentColor 350px );
    -webkit-mask: radial-gradient( circle at var(--mouse-x) var(--mouse-y), transparent 20px, currentColor 350px );
}

.cursor-flashlight:after {
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:-1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.cursor-flashlight:after {
    background: url("https://esytiueuks-staging.wpdns.site/wp-content/uploads/2025/02/background-pattern-1536x1164-1.png");
}
.elementor-nav-menu--layout-horizontal .elementor-nav-menu> li.show_mobile {
    display: none;
}

/**
 * * end Flashlight effect
 */
.elementor-element.mobile_style {
    padding-left: 40px !important;
    padding-right: 40px !important;
}
@media (max-width: 1280px) {
    .elementor-element.mobile_style {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

@media (max-width: 1023px) {
.elementor-nav-menu--layout-horizontal .elementor-nav-menu> li.show_mobile {
    display: flex;
}	
}
@media (max-width: 600px) {
	.testimonial  .elementor-main-swiper.swiper{
		padding: 0 0 20px;
	} 
	.elementor-loop-container.elementor-grid {
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 20px !important;
		grid-row-gap: 20px !important;
	}
    .elementor-element.mobile_style {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
	.tx_spacer {
		height: 80px !important;
	}
	.elementor-swiper-button.elementor-swiper-button-next,
	.elementor-swiper-button.elementor-swiper-button-prev{
		width: 25px;
		height: 25px;
	}
	.elementor-swiper-button.elementor-swiper-button-prev {
		right: 50px !important;
	}
}

@media (max-width: 500px) {
	.tx_spacer {
		height: 60px !important;
	}
}
@media (max-width: 420px) {
	.tx_spacer {
		height: 70px !important;
	}
}