/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.5
	Stable tag: 3.4.5
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* hide title from all pages */
.entry-title{
	display: none !important;
}
/* remove box shadow on focus in newsletter */
.newletter-form input:focus{
    box-shadow: none !important;
}
/* header carousel styles */
.header-carousel .elementor-swiper-button{
    background-color: white;
    padding: 5px;
    border-radius: 100%;
    box-shadow: 0.5px 0.5px 5px 0.5px;
}
.header-carousel .elementor-swiper-button-next{
    margin-right: -5% !important;
}

.header-carousel .elementor-swiper-button-prev{
    margin-left: -5% !important;
}

.header-carousel span.swiper-pagination-bullet{
    width: 20%;
    height: 2px;
}
/* services icons styles */
.services-section .services-columns .elementor-icon{
    background-color: black;
    padding: 15px;
    border-radius: 100%;
}
/* blogs carousel styles */
blogs-row span.swiper-pagination-bullet{
    height: 2px !important;
    width: 100px !important;
}

/* testimonial styles */
.testimonial-carousel .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{
    transform: rotate(90deg);
    margin-bottom: 28%;
    margin-left: 57%;
}

.testimonial-carousel{
    overflow: visible;
}
.testimonial-carousel .elementor-swiper-button{
    position: absolute !important;
}

.testimonial-carousel .elementor-swiper-button-prev{
    margin-left: -116%;
}

.testimonial-carousel .elementor-swiper-button-next{
    margin-right: 190%;
}

@media(max-width: 780px){
    .testimonial-carousel .elementor-swiper-button{
        margin-top: 50px;
    }
.testimonial-carousel .elementor-swiper-button-prev{
        margin-left: -123%;
    }
    
    .testimonial-carousel .elementor-swiper-button-next{
        margin-right: 175%;
    }
}

@media(max-width: 480px){
    .testimonial-carousel .elementor-swiper-button{
        margin-top: 50px;
    }
.testimonial-carousel .elementor-swiper-button-prev{
        margin-left: 0%;
        margin-top: -80%;
    }
    
    .testimonial-carousel .elementor-swiper-button-next{
        margin-right: 55%;
        margin-top: -80%;
    }
}
/* Previous button */
.testimonial-carousel .elementor-swiper-button-prev {
    background: url('http://localhost/motiva-properties/wp-content/uploads/2026/01/Frame-58.svg') no-repeat center center;
    background-size: contain;  /* Make sure the SVG scales correctly */
    width: 50px;               /* Adjust size */
    height: 50px;
    border-radius: 0;          /* Optional */
}

/* Next button */
.testimonial-carousel .elementor-swiper-button-next {
    background: url('http://localhost/motiva-properties/wp-content/uploads/2026/01/Frame-57.svg') no-repeat center center;
    background-size: contain;
    width: 50px;
    height: 50px;
    border-radius: 0;
    transform: rotate(180deg); /* Flip SVG for next arrow */
}

/* Remove default Elementor arrow icons */
.testimonial-carousel .elementor-swiper-button-prev svg,
.testimonial-carousel .elementor-swiper-button-next svg {
    display: none;
}


/* property filter styles */
.property-filter {
	display: flex;
	gap: 20px;
	justify-content: center;
}

.filter-btn {
	padding: 8px 18px;
	border: 1px solid #ddd;
	background: #fff;
	cursor: pointer;
	border-radius: 4px;
	font-weight: 500;
	color: black;
	font-family: poppins;
	font-weight: 500;
	font-size: 16px;
	border: 1px solid;
	border-radius: 30px;
}

.filter-btn.active, .filter-btn:hover {
	background: #000;
	color: #fff;
	border-color: #000;
}


/* Hide filtered slides completely */
.swiper-slide.is-hidden {
	display: none !important;
}

/* rotate infinite image animation style */
.rotate-infinite {
    display: inline-block;          /* Ensure it can rotate properly */
    animation: rotate360 15s linear infinite; /* 2s = speed, linear for constant speed */
}

/* Keyframes for full rotation */
@keyframes rotate360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* rotate on load styles */
/* Initial state */
.rotate-on-load {
    display: inline-block;
}

/* Keyframes for rotation */
@keyframes rotateOnce {
    0% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Class that triggers the animation */
.rotate-animate {
    animation: rotateOnce 2s ease forwards; /* 2s duration, rotates once */
}