/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-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.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1753295238
Updated: 2025-07-23 18:27:18

*/


.highlight-text {
	padding: 5px 15px;
    display: inline-block;
    background: #F5F5DC;
    color: #141414;
    font-weight: 600;
    border-radius: 20px;
    -webkit-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
}

/* btn banner */
.bnr-1st-btn a {
    position: relative;
}

.bnr-1st-btn:before {
    content: '';
    position: absolute;
    width: 43px;
    height: 43px;
    background: #f1f0e7;
    border-radius: 25px;
    right: 5px;
    left: auto;
    z-index: 1;
    transition: .3s;
    top: 6px;
}

.bnr-1st-btn:hover:before {
    width: 100%;
     height: 55px;
     top: 0px;
      right: 0px;
}

.bnr-1st-btn span.elementor-button-icon {
	z-index: 2;
    font-size: 15px;
    position: relative;
    left: 20.5px;
}

.bnr-1st-btn span.elementor-button-text {
    z-index: 2;
}

.bnr-1st-btn:hover span.elementor-button-text {
    color: black;
}

.bnr-1st-btn .e-fas-arrow-right {
    fill: black !important;
}

/* banner btn 2 */

.bnr-2nd-btn span.elementor-button-text {
    border-bottom-style: solid;
    border-bottom-width: 1.4px;
    width: fit-content;
    color: #323D51;
}

/* Post Arrows*/
.post-slider-cls:hover .arrow svg polygon {
  transform: rotate(360deg);
  transition: transform 1s ease;
  transform-origin: center;
}

.faq-list span.e-n-accordion-item-title-icon{
	margin-left:auto;
}

.list-box-icons:hover p.elementor-icon-box-description{
	color:white !important;
}

.flip-flop span.elementor-flip-box__button{
	padding: 0px;
    background: transparent;
}



@media (min-width: 0px) and (max-width: 786px) {
	
	.bnr-1st-btn:before {
		content: '';
        position: absolute;
        width: 28px;
        height: 28px;
        background: #f1f0e7;
        border-radius: 25px;
        right: 3px;
        left: auto;
        z-index: 1;
        transition: .3s;
        top: 5px;
	}
		.bnr-1st-btn span.elementor-button-icon {
		z-index: 2;
		font-size: 13px;
		position: relative;
		left: 3px;
	}
			.bnr-1st-btn:hover:before {
		width: 100%;
		height: 39px;
		top: 0px;
		right: 0px;
	}
	
}


@media (min-width: 787px) and (max-width: 1024px) {

	.bnr-1st-btn:before {
		content: '';
        position: absolute;
        width: 28px;
        height: 28px;
        background: #f1f0e7;
        border-radius: 25px;
        right: 3px;
        left: auto;
        z-index: 1;
        transition: .3s;
        top: 5px;
	}
		.bnr-1st-btn span.elementor-button-icon {
		z-index: 2;
		font-size: 13px;
		position: relative;
		left: 3px;
	}
		.bnr-1st-btn:hover:before {
		width: 100%;
		height: 39px;
		top: 0px;
		right: 0px;
	}
}