/*
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.5.1.1790633514
Updated: 2026-09-28 22:11:54

*/

.my-serv-flip-box .back-flip-image img {
    filter: brightness(0) invert(1) !important;
	width:50px;height:50px;margin-bottom:8px
}
.my-serv-flip-box .elementor-flip-box__front .elementor-flip-box__image img {
    filter: none !important;
}

body{
	overflow-x: hidden !important;
}
a.ph-hero__cta {
    transition: all 0.3s ease;
}
a.ph-hero__cta:hover {
    background-color: white !important;
    color: #ec7d23;
    transform: scale(1.05);
}
.extra_margin_zero p{margin:0 !important}
.banner-big-text .elementor-heading-title {
    font-size: 16vw;
    white-space: nowrap;
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;

    background: linear-gradient(
        0deg,
        rgba(239, 239, 239, 0) 25.27%,
        #FFFFFF 358.4%
    );

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
	display:block;
	z-index:1
}


.page-id-1317  .Footer_form{display:none}
.ph-hero {padding-left:20px !important;padding-right:20px !important}
span.orange_clr{color:#EC7D23}
.Loop_cursor .swiper-pagination-bullets.swiper-pagination-horizontal {
     width: 100% !important;
     display: flex;
}
 .page-id-9 .Footer_form {
    background-color: unset !important;
}
.ph-hero__title {
    opacity: 0;
    transform: translateY(50px);
    animation: phTitleIn 2s cubic-bezier(.22, 1, .36, 1) 0s forwards;
}

.ph-hero__content {
    opacity: 0;
    transform: translateY(35px);
    animation: phContentIn 2s cubic-bezier(.22, 1, .36, 1) 1s forwards;
}

.my-serv-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay{
    position: relative;
    background-color: unset;
    background-image: url(https://thestagingdemo.com/perato/wp-content/uploads/2026/10/Link.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
}
.page-id-9 .my-serv-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay{
    position: relative;
    background-color: unset;
    background-image: url(https://thestagingdemo.com/perato/wp-content/uploads/2026/09/Component-27-1-2.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer-menu a.elementor-item:hover{
    transform: translatex(10px);
}
.page-id-1317 .ph-hero__content {display:none}
.home-banner-icon{
    left: 50% !important;
    transform: translatex(-53%);
}
body .projectcard-hover{
    transition: all 0.5s ease;
    opacity: 0;
    pointer-events: none;
}
body .project-main-card:hover .projectcard-hover{
    opacity: 1;
    pointer-events: all;
}

.home-tabs .e-n-tabs-heading button[aria-selected="true"]{
    background-color: #EC7D23 !important
}
.home-tabs .e-n-tabs-heading button:hover{
    background-color: #EC7D23 !important;
}

a.ph-hero__cta:hover svg{
    stroke: #EC7D23;
}

.footer-contact-details .elementor-icon-list-text{
    overflow-wrap: break-word;
    word-break: break-word;
    min-width: 0;
}

@keyframes phTitleIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes phContentIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes phButtonIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@media(max-width: 1024px){
 .home-banner-icon svg{
    margin-top: -90px !important;
}   
}
@media only screen and (max-width: 1024px) {
	.ph-hero__content{margin:0 !important;width:100% !important}
	.ph-hero__inner{flex-direction:column !important;align-items:start !important;padding-top:100px;gap:20px}
	.ph-hero{height:clamp(340px, 41.18vw, 435px) !important}
	.page-id-1317 .ph-hero__inner{justify-content:end}

}
@media only screen and (max-width: 767px) {
	.ph-hero__inner{padding:0px 0px 80px 0px !important}
	.ph-hero__cta {padding:12px 20px !important}
 .my-serv-flip-box .elementor-flip-box {height:420px !important}
	.card_flip_content  .elementor-flip-box__layer__description {padding-right:30px}
}
 @media (max-width: 650px) and (min-width: 440px) {
    .services_card {
        height: 350px;
    }

    .services_card .elementor-icon-box-content {
        padding-top: 40px;
    }
}
 @media (max-width: 767px) and (min-width: 650px) {
    .services_card {
        height: 350px;
    }

    .services_card .elementor-icon-box-content {
        padding-top: 50px;
    }

}
@media (max-width: 768px)  {
	.form_section .elementor-labels- {
    width: 100% !important;
    display: block !important;
}
	 .elementor-field-group {
        width: 100% !important;
}
.form_section  {
    width: 100% !important;
}
}
	@media (max-width: 425px)  {
 .my-serv-flip-box .elementor-flip-box {height:520px !important}
			.card_flip_content  .elementor-flip-box__layer__description {padding-right:0px}
		.review_ratings img{width:20% !important}
}