/*
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.1.1.1730888831
Updated: 2024-11-06 10:27:11

*/

.rtl .pop-right-difer {
    padding-right: 100px;
		padding-left:0px
}

.wpml-ls-legacy-dropdown a {
    background-color: #ffffff00 !important;
    border: none !important;
}

.rtl .headerrrrr__ .text {
    margin: auto !important;
    width: 90% !important;
    max-width: 99% !important;
    text-align: left;
}

.wpml_switcher {
    max-width: 120px !important;
    border: none !important;
    width: 100% !important;
}
.wpml_switcher a.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
    background: #ffff0000 !important;
    border: none;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    color: #fff !important;
}
.ab-team-carosel .swiper-pagination-horizontal {
    display: flex !important;
}

img.wpml-ls-flag {
    width: 24px !important;
}
.ab-team-carose span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    display: block !important;
}

.director-box
{
	position: relative !important;
}
.director-box img
{
	    border-radius: 10px 10px 10px 10px !important;
}

 .footer-link a {
     text-decoration: none;
     color: #000;
     position: relative;
}
 .footer-link a::after {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     width: 0;
     height: 2px;
    /* Border thickness */
     background-color: #fff !important;
    /* Border color */
     transition: width 0.3s ease;
    /* Animation duration and easing */
}
 .footer-link a:hover::after {
     width: 100%;
    /* Extend the underline fully */
}
 .img-project {
     overflow: hidden !important;
     border-radius: 10px !important;
}
 .more-ab-btn:hover .elementor-button {
    /* border-color: #487a93 !important;
     */
}
 .more-ab-btn .elementor-button-text {
     transform: translateX(0);
    /* Initial position */
     animation: slideRighttext 1s forwards;
    /* Default revert animation */
     transition: color 0.3s ease;
}
 @keyframes slideRighttext {
     0% {
         transform: translateX(-30%);
        /* Start from hover's end position */
    }
     100% {
         transform: translateX(0);
        /* Return to original position */
    }
}
 .more-ab-btn:hover .elementor-button-text {
    /* color: #487a93;
     */
     animation: slideLeft 1s forwards;
}
 .more-ab-btn:hover span.elementor-button-icon rect {
     stroke: #487a93 !important;
     fill: #487a93 !important;
}
 .inquiry-form .elementor-field-type-upload {
     background-color: #ffffff;
     border: solid 1px #02010129;
     border-radius: 5px 5px 5px 5px;
     width: 49% !important;
     margin-left: 5px !important;
     margin-right: 0px !important;
     padding: 0px 0px !important;
}
 .inquiry-form .elementor-button:hover {
     color: #487a93 !important;
     background: transparent !important;
     border-color: #487a93 !important;
     transition-duration: 0.7s !important;
}
 .inquiry-form .elementor-button {
     margin-top: 30px !important;
     border: solid 1px #000 !important;
}
 .counter-box {
     margin-top: 90vh !important;
}
 ul#sm-17315853484595334-2 {
     min-width: fit-content !important;
}
 span.swiper-pagination-bullet {
     background: #487a93;
     !important;
}
 .ds-btn rect {
     fill: #fff !important;
}
 .ds-btn path {
     fill: #000 !important;
}
 .ds-btn:hover path {
     fill: #fff !important;
}
 .test-right-box img {
     box-shadow: -20px 20px #215984 !important;
     border-radius: 10px !important;
}
 p.autho-name {
     padding-top: 30px;
     font-weight: 500 !important;
     line-height: 30px !important;
     font-size: 20px !important;
     margin-bottom: 0px;
}
 p.autho-position {
     color: #666666 !important;
     font-family: var(--e-global-typography-text-font-family), Sans-serif;
     font-size: var(--e-global-typography-text-font-size) !important;
     font-weight: 500 !important;
     line-height: var(--e-global-typography-text-line-height) !important;
}
 .test-left-box p {
     color: var(--e-global-color-secondary);
     font-family: var(--e-global-typography-e692118-font-family), Sans-serif;
     font-size: var(--e-global-typography-e692118-font-size);
     font-weight: var(--e-global-typography-e692118-font-weight);
     line-height: var(--e-global-typography-e692118-line-height);
}
 .thumb-img {
     padding-left: 100px;
     padding-top: 20px;
}
 .mySwiper2 {
     position: relative;
}
 .mySwiper2 .swiper-slide::before {
     left: 0px !important;
     position: absolute;
    /* display: flex;
     */
     content: url(https://www.controlf5.co.in/client-demo/mimar/wp-content/uploads/2024/11/Frame.svg);
     top: 0px;
}
 .testimonial-box .swiper {
     width: 100%;
     max-width: 100%;
     height: 410px;
     margin: auto;
}
/* Main Swiper Slides */
 .mySwiper2 .swiper-slide {
     display: flex;
     align-items: center;
     justify-content: space-between;
     background: #fff;
     padding: 20px;
     padding-bottom: 0px;
}
 .test-left-box {
     padding-left: 90px;
     z-index: 99;
     max-width: 60%;
     padding-top: 60px;
}
/* Thumbnail Swiper */
.testimonial-box .mySwiper {
     height: 80px;
     padding: 10px 0;
}
 .testimonial-box .mySwiper .swiper-slide {
     margin-right: -10px ! IMPORTANT;
     width: 25%;
     height: 100%;
     transition: opacity 0.3s;
}
.testimonial-box .mySwiper .swiper-slide-thumb-active {
     opacity: 1;
}
 .thumb-img img {
     cursor: pointer;
     width: 38px;
     height: 38px !important;
     border-radius: 50% !important;
}
  .testimonial-box span.swiper-pagination-bullet {
     WIDTH: 62PX;
     BORDER-RADIUS: 0PX ! IMPORTANT;
     HEIGHT: 5PX;
     COLOR: #215984 ! IMPORTANT;
}
 .testimonial-box .swiper-pagination {
     display: flex;
     gap: 10px;
     left: 6% !important;
     position: relative;
     color: #215984 ! IMPORTANT;
     top: 100% !important;
     BORDER-RADIUS: 0PX ! IMPORTANT;
}
 .testimonial-box .swiper-pagination-bullet-active {
     background: #487a93;
     !important;
} 
 .testimonial-box {
     position: relative;
}
 .mySwiper .swiper-slide {
     gap: -10px !important;
     width: auto !important;
     justify-content: center !important;
     display: flex !important;
}
/* .elementor-element.elementor-element-06e04a3.e-flex.e-con-boxed.e-con.e-child {
     position: relative;
     z-index: 0;
}
 */
 .text {
     margin: auto !important;
     width: 99% !important;
     max-width: 99% !important;
     text-align: right;
}
 .menu-popup {
     animation: slideInFromTopMenu 0.8s ease-out;
}
 @keyframes slideInFromTopMenu {
     0% {
         transform: translateY(20%);
         opacity: 1;
    }
     100% {
         transform: translateY(0%);
         opacity: 1;
    }
}
 .content {
     z-index: 999 !important;
     top: -12%;
     left: 0px;
     width: 100% !important;
     height: 103vh;
     position: absolute;
     display: none;
     margin-top: 10px;
     padding: 15px;
     border-radius: 5px;
     background-color: #000000e6;
}
/* Styling the toggle button to remain fixed */
 .toggle-button {
     position: relative;
     z-index: 9999;
     cursor: pointer;
     font-size: 50px;
     color: #fff;
     display: inline-block;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     text-align: center;
     line-height: 40px;
     transition: background-color 0.3s;
}
/* Initially, display the plus icon */
 .icon-plus, .icon-cross {
     display: inline-block;
}
 .icon-cross {
     display: none;
    /* Hide cross initially */
}
 .no-scroll {
     position: fixed;
     width: 100%;
     overflow-y: scroll;
}
 .author-post {
     overflow: hidden !important;
}
 .flip .elementor-counter {
     flex-direction: column-reverse !important;
}
 .pop-menu li a {
     font-size: 60px !important;
     line-height: 70px !important;
}
 .col-rel {
     position: relative !important;
}
 .cat-type span {
     TEXT-TRANSFORM: UPPERCASE;
     border: solid 1px #000000AD;
     border-radius: 15px;
     padding: 2px 7px;
     font-size: 14px !important;
}
 .cat-type {
     border-radius: 4px 4px 0px 0px !important;
     display: none;
     transition-duration: 0.9s !important;
     background: transparent !important;
     width: 100% !important;
}
 .box-rel {
     transition-duration: 0.9 !important;
}
 .box-rel:hover .cat-type {
     animation: slideInFromTop 0.8s ease-out;
     display: block !important;
}

/*  .model-type span {
     TEXT-TRANSFORM: UPPERCASE;
  border: solid 1px #000000AD;
     border-radius: 15px;
     padding: 2px 7px; 
     font-size: 14px !important;
}
 .model-type {
     border-radius: 4px 4px 0px 0px !important;
     display: none;
     transition-duration: 0.9s !important;
     background: transparent !important;
     width: 100% !important;
}
 .box-rel {
     transition-duration: 0.9 !important;
}
 .box-rel:hover .model-type {
     animation: slideInFromTop1 0.8s ease-out;
     display: block !important;
} */
/*  .box-rel:hover img {
     transform: scale(1.06);
     opacity: 0.4 !important;
} */
 .box-rel img {
     overflow: hidden;
     transition-duration: 0.9s !important;
}
 @keyframes slideInFromTop {
     0% {
         transform: translateY(100%);
         opacity: 1;
    }
     100% {
         transform: translateY(0);
         opacity: 1;
    }
}
 .cat-container {
     background: none !important;
     width: 90% !important;
     margin: auto !important;
     left: 5% !important;
}
 .box-rel {
     position: relative;
}
 .elementor-upload-field {
     padding: 0px 10px !important;
}
 .inquiry-form .elementor-field-type-upload {
     background-color: #ffffff;
     border: solid 1px #02010129;
     border-radius: 5px 5px 5px 5px;
     width: 49% !important;
     margin-left: 5px !important;
     margin-right: 0px !important;
     padding: 0px 0px !important;
}
 .inquiry-form .elementor-button {
     margin-top: 30px !important;
}
 .inquiry-form input {
     padding: 12px 10px;
}
 .logo-img img {
     filter: grayscale(0.9);
     transition-duration: 0.5s !important;
}
 .logo-img img:hover {
     filter: grayscale(0) !important;
}
 .innovative-ser {
     flex-wrap: wrap !important;
}
 .no-icon .elementor-widget-container, .no-icon .elementor-heading-title {
     transition-duration: 0.9s !important;
}
 .col-ser:hover .no-icon .elementor-widget-container {
     background-color: #215984 !important;
     color: #fff;
}
 .col-ser:hover .no-icon .elementor-heading-title {
     color: #fff !important;
}
 .col-ser:hover .ser-inner-box {
     transform: translatey(-5%);
}
 .ser-inner-box {
     transition-duration: 0.8s !important;
}
 .col-ser:hover .ser-inner-box path {
     fill: #215984 !important;
}
 .elementor-widget-image a img[src$=".svg"] {
     width: auto !important;
}
 .more-ab-btn span.elementor-button-icon {
     font-size: 38px;
     padding-right: 10px;
     transform: translateX(0);
    /* Set the default position */
     animation: slideLefticon 1s forwards;
    /* Apply revert animation by default */
     z-index: 9;
    /* Keep it above other elements */
     transition: transform 0.5s ease;
    / 
}
 @keyframes slideLefticon {
     0% {
         transform: translateX(350%);
        /* Start from the end of slideRight */
    }
     100% {
         transform: translateX(0);
        /* Return to the original position */
    }
}
 .more-ab-btn .elementor-button-content-wrapper {
     display: flex;
     align-items: center;
}
 ..more-ab-btn {
     position: relative;
}
 .more-ab-btn:hover span.elementor-button-icon {
     animation: slideRight 1s forwards;
     z-index: 9;
}
 @keyframes slideRight {
     0% {
         transform: translateX(0);
    }
     100% {
         transform: translateX(340%);
    }
}
/* .more-ab-btn:hover .elementor-button-text {
     animation: slideLeft 0.5s forwards;
}
 */
 @keyframes slideLeft {
     0% {
         transform: translateX(0);
    }
     100% {
         transform: translateX(-30%);
        /* Adjust distance as needed */
    }
}
.container-pad{
		padding-right:20px !important;
		padding-left:20px !important;
}
.model-makinfg-box .elementor-widget-icon-box {
	opacity:0 !important;
	transition: opacity 0.5s ease-out;
}
.model-makinfg-box:hover .elementor-widget-icon-box{
	opacity:1 !important;
}
.model-makinfg-box .model-makinfg-box-head{
	transition: opacity 0.5s ease-out, visibility 0.3s 0s;
}
.model-makinfg-box:hover .model-makinfg-box-head{
	opacity:0 !important;
	visibility:hidden;
}
.director-box .director-box-inner {
	opacity:0 !important;
	visibility:hidden;
	transition: opacity 0.5s ease-out, visibility 0.3s 0s;
}
.director-box:hover .director-box-inner{
	opacity:1 !important;
	visibility:visible;
}
/* product Page */
.dropdown-wrapper {
    position: relative;
    display: inline-block;
    width: 400px;
}

#category-select {
    padding: 13px;
	color:#fff;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
}

.dropdown-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 18px;
    color: #fff;
}

select#category-select{
    appearance: none; /* For most modern browsers */
    -webkit-appearance: none; /* For Safari and older versions of Chrome */
    -moz-appearance: none; /* For Firefox */
    background: none; /* Optional: Remove any default background */
}
select#category-select option{
	color:#000;
}
.property-box-archive img{
	transition: all .3s ease-out;
}
.property-box-archive:hover img{
		 filter: brightness(37%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
} 
.property-box-archive:hover .property-box-archive-head{
	    transform: translate(0px, -123px);
}
.property-box-archive .property-box-archive-head{
	transition: all .3s ease-out;
}
.property-box-archive-detail{
	visibility:hidden;
	opacity:0;
	transition: opacity 0.5s ease-out, visibility 0.3s 0s;
}
.property-box-archive:hover .property-box-archive-detail{
	opacity:1 !important;
	visibility:visible;
}
html {
  scroll-behavior: auto !important;
}





@media only screen and (min-width: 786px) and (max-width: 1740px) {
    .container-pad{
		padding-right:2% !important;
		padding-left:2% !important;
	}
}
 @media screen and (max-width: 1720px) {
     .pop-menu li a {
         font-size: 50px !important;
         line-height: 60px !important;
    }
     .text {
         max-width: 98% !important;
         width: 98% !important;
    }
	 
}

 @media screen and (max-width: 1366px) {

.rtl .pop-right-difer {
    padding-right: 60px;
		padding-left:0px
}
}
 @media screen and (max-width: 1100px) {
     p.autho-name {
         line-height: 27px !important;
         font-size: 17px !important;
    }
     .mySwiper2 .swiper-slide::before {
         content: url(https://www.controlf5.co.in/client-demo/mimar/wp-content/uploads/2024/11/Frame-1-svg.svg) !important;
    }
     .test-left-box {
         padding-left: 30px;
    }
     .thumb-img {
         padding-left: 45px;
    }
}
 @media screen and (max-width: 1024px) {

.rtl .pop-right-difer {
    padding-right: 30px;
		padding-left:0px
}
} 
@media screen and (max-width: 918px) {
     .inquiry-form .elementor-field-type-upload {
         width: 48% !important;
    }
     p.autho-name {
         padding-top: 30px !important;
    }
}
 @media screen and (max-width: 880px) {
     .pop-menu li a {
         font-size: 40px !important;
         line-height: 50px !important;
    }
     .test-left-box {
         padding-left: 30px;
         padding-right: 20px;
    }
}
 @media screen and (max-width: 767px) {
	 .rtl .pop-right-difer {
    padding-right: 0px;
	padding-left:0px
}
.rtl .headerrrrr__ .elementor-widget-theme-site-logo a {
    text-align: justify !important;
}
.rtl .headerrrrr__ .text {
    width: 55% !important;
}
     .counter-box .elementor-counter-title {
         text-align: center !important;
    }
     .cn-box {
         background: #F0F0F0 !important;
    }
     .enq-box {
         background: none !important;
    }
     p.autho-name {
         padding-top: 10px !important;
    }
     .test-left-box {
         padding-right: 0px;
    }
     .mySwiper2 .swiper-slide {
         padding: 0px !important;
    }
     .inquiry-form .elementor-field-type-upload {
         width: 98% !important;
         padding: 7px 0px !important;
    }
     .pop-menu li a {
         font-size: 30px !important;
         line-height: 40px !important;
    }
     figure.gallery-item {
         width: 25% !important;
    }
     .mySwiper2 .swiper-slide {
         display: block !important;
    }
     .test-left-box {
         max-width: 100% !important;
    }
     .test-right-box {
         padding-left: 40px;
         max-width: 100% !important;
    }
     .mySwiper2 {
         height: 690px !important;
         position: relative;
    }
     .inquiry-form .elementor-button {
         padding: 12px 30px 12px 30px !important;
         margin-top: 10px !important;
    }
	 .container-pad{
		padding-right:20px !important;
		padding-left:20px !important;
	}
/* 	 .service-popup-img img{
		 filter: brightness(37%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
	 }  */
	 .br-non br{
		 display:none;
	 }
.wpml_switcher {
    max-width: 90px !important;
    border: none !important;
    width: 100% !important;
    margin-top: -5px;
}
}
















 @media screen and (max-width: 500px) {
     figure.gallery-item {
         width: 50% !important;
    }
}