/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
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
*/
@font-face {
     font-family: "Inter Tight"; 
    font-display: block;
}
.comment-metadata, .comment-author.vcard, .comment-content{
	float: left;
	width: 100%;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output{
	float: left;
	width: 100%;
}
.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form textarea, .wpcf7-form select {
    background-color: #F5F5F7;
    border-width: 0 0 0 0;
    border-radius: 0 0 0 0;
	float: left;
	width: 100%;
	font-size: 18px;
    font-weight: 300;
}	
.wpcf7-form .input-full{
	width: 100%;
	float: left;
}
.wpcf7-form .input-half{
	margin-bottom: 15px;
}
.wpcf7-form textarea{
	margin-top: 15px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    display: block;
    margin: 0 auto; margin-top: 2%;
    color: #fff;
	background-color: var(--e-global-color-text);
    border: 1px solid var(--e-global-color-text) !important;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.3em;
    background: url(https://mateam.net/wp-content/uploads/2021/07/arrow.svg) no-repeat center left;
    background-size: 21px;
    background-position-x: -4px;
    padding-left: 21px;
    padding-right: 0;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
	color: var(--e-global-color-text) !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output{
	float: left;
	width: 100%;
	text-align: center;
	
}
.wpcf7-not-valid-tip{
	font-size: 14px;
}

@media only screen and (min-width: 2500px){
	.elementor-element.elementor-element-b85e476.e-flex.e-con-boxed.e-con.e-child {
    bottom: 30%;
}
}
@media only screen and (min-width: 768px){
	.wpcf7-form .input-half{
		width: 49%;
		float: left;
	}
	.wpcf7-form .half-left{
		margin-right: 1%;
	}
	.wpcf7-form .half-right{
		margin-left: 1%;
	}
}
@media only screen and (max-width: 767px){
	.wpcf7-form .input-half{
		width: 100%;
		float: left;
	}
	.wpcf7-form .half-left{
		margin-right: 0;
	}
	.wpcf7-form .half-right{
		margin-left: 0;
	}
}

/*Denic  */
.thumb-after-title div{
	position:relative;
	display:inline;
	
}
form.wpcf7-form.init input, form.wpcf7-form.init textarea {
    color: #fff;
	outline:none;
}
 section.elementor-section.elementor-inner-section.elementor-element.elementor-element-3c5e08e.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default a:hover, section.elementor-section.elementor-inner-section.elementor-element.elementor-element-53e75d9.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default a:hover, section.elementor-section.elementor-inner-section.elementor-element.elementor-element-4049f44.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default a:hover, p, li, a, div, span{
	    font-family: "Inter Tight" !important;
} 
h1, h2, h3, h4{
	    font-family: "Aileron" !important;
}
.thumb-after-title div::after{
	 content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 30px; 
    height: 40px;
    background-image: url('/wp-content/uploads/2024/03/hand-emoji-1.svg'); 
    background-size: contain; 
	background-repeat: no-repeat;
    right: -60px;
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-f6d7178.elementor-section-content-middle.elementor-hidden-tablet.elementor-hidden-mobile.elementor-section-full_width.elementor-hidden-tablet_extra.elementor-hidden-mobile_extra.elementor-section-height-default.elementor-section-height-default.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside {
    background: transparent !important;
}
section.elementor-section.elementor-top-section.elementor-element.elementor-element-f6d7178.elementor-section-content-middle.elementor-hidden-tablet.elementor-hidden-mobile.elementor-section-full_width.elementor-hidden-tablet_extra.elementor-hidden-mobile_extra.elementor-section-height-default.elementor-section-height-default.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects {
    background: #fff !important;
}
@media only screen and (min-width: 3000px){
.elementor-28120 .elementor-element.elementor-element-08ce156 > .elementor-element-populated{
	padding-top:850px;
}
}
@media only screen and (min-width: 2100px){
.elementor-28120 .elementor-element.elementor-element-08ce156 > .elementor-element-populated{
	padding-top:650px;
}
}

@media (min-width:1025px) and (max-width:1300px) {
	.elementor-element-08ce156 .elementor-widget-wrap.elementor-element-populated {
    padding-top: 310px !important;
	}
}

@media (min-width:500px) and (max-width:650px) {
	.elementor-28120 .elementor-element.elementor-element-dcab39f > .elementor-widget-container {
    margin: 0px 0px 0px 0px;
	}
}
@media only screen and (max-width: 650px){
	.thumb-after-title div::after{
    right: -35px;
	}
	
}
@media only screen and (max-width: 500px){
	.elementor-28120 .elementor-element.elementor-element-19b3a77 {
    padding: 0px 0px 0px 0px;
	}
	.elementor-28120 .elementor-element.elementor-element-dcab39f > .elementor-widget-container {
    margin: 0px 0px 0px 0px;
	}
}
@media only screen and (max-width: 400px){
	.elementor-28120 .elementor-element.elementor-element-dcab39f > .elementor-widget-container {
    margin: 20px 0px 0px 0px;
	}
}
.elementor.elementor-28429, .home, .page-id-12219, .page-id-38, body {
    background-color: #F5F5F7;
}
/* .elementor-element.elementor-element-5848534.e-con-full.e-flex.e-con.e-child {
    border-bottom-right-radius: 300px 270px;
} */
.elementor-28429 .elementor-element.elementor-element-845bb2c .elementor-tab-title .elementor-accordion-icon i:before {
    font-size: 25px;
}
.elementor-column.elementor-col-33.elementor-inner-column.elementor-element.marketing-boxes>div {
    transition: all 1s ease;
}

/* /////////////////////////hero animation starts////////////////// */

  .hero-text-bottom {
    z-index: 3;
    transition: z-index 0.5s ease-in-out; 
  }
  .hero-text {
    z-index: 3;
    transition: z-index 0.5s ease-in-out; 
  }
  .hero-image {
    width: 500px;
    height: 500px;
    position: fixed;
   top: 23%; 
    left: 0;
    z-index: 2;
    opacity: 0.7;
    animation: moveRotateAnimation 30s linear infinite alternate;
    pointer-events: none;
  }
  
  @keyframes moveRotateAnimation {
    0%, 100% {
   
      transform: translateX(0) translateY(0) rotateZ(0deg);
    }
    25% {
      transform: translateX(calc(100vw - 500px)) translateY(-100px) rotateZ(45deg);
     
    }
    50% {
      transform: translateX(0) translateY(0) rotateZ(180deg);
    }
    75% {
      transform: translateX(calc(100vw - 500px)) translateY(100px) rotateZ(-45deg);
    }
  }
  
  .title-icon{
    position: relative;
  }
  .title-icon::after {
    content: url('/wp-content/uploads/2024/04/rec.svg');
    width: 45px;
    height: auto;
    margin-left: 25px;
    position: absolute;
    top: -45px;
}
/* /////////animation ends/////////////////// */
 .elementor-location-header .elementor-top-section, .home .elementor-location-header .elementor-top-section {
  background: transparent !important;
}
 .elementor-location-header .elementor-top-section.elementor-sticky--effects, .home .elementor-location-header .elementor-top-section.elementor-sticky--effects{
   background: #fff !important;
   border-bottom:none !important;
}
.elementor-nav-menu .sub-arrow .e-font-icon-svg {
  
  fill: #71C6FF !important;
  width: 14px !important;
}
/* accordion */
.accordion-description {
  display: none;
}

	.elementor.elementor-28429, .home{
		overflow-x:hidden !important;
	}

span.more-content, span#more, span#more2, span#more3, span#more4 {
    padding-top: 1em;
}


/* facebook ads */
.listing-archive {
    text-align: center;
    padding: 20px;
}
.listing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}
.listing-item {
    border: 1px solid #ddd;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
    text-align: center;
}
.listing-item img {
    max-width: 100%;
    border-radius: 8px;
}
.btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}
.btn:hover {
    background-color: #005f87;
}
.listing-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 1024px) {
    .listing-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .listing-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* Styling for the listing container */
.listing-container {
    max-width: 1200px; /* Adjust based on your theme/container width */
    margin: 0 auto;
    padding: 20px;
    border-radius: 8px; /* Smooth rounded corners */
}

/* Styling for the listing header */
.listing-header {
    margin-bottom: 20px;
    text-align: center;
}

.listing-archive h1, .listing-title {
    font-size: 80px !important;
/*     color: #333; */
    font-weight: 700;
}

/* Styling for the featured image */
.listing-featured-image {
    text-align: center;
    margin-bottom: 20px;
}

.listing-featured-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px; /* Rounded corners for images */
}

/* Styling for listing content */
.listing-details {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #444;
    margin-bottom: 20px;
}

/* Styling for the post URL button */
.listing-container .btn, .listing-div-btn a {
   background-color: #87CDFE;
    font-family: "ArticulatCF";
    font-size: 20px;
    font-weight: 300;
    fill: #1D1D1F;
    color: #1D1D1F;
    border-style: none;
    border-radius: 34px 34px 34px 34px;
    padding: 17px 61px 17px 61px;
	transition: all 1s ease;
}
.listing-container .btn:hover, .listing-div-btn a:hover {
       background-color: #1D1D1F;
    color: #FFFFFF;
	 font-family: "ArticulatCF";
    font-size: 20px;
    font-weight: 300;      
    border-style: none;
    border-radius: 34px 34px 34px 34px;
    padding: 17px 61px 17px 61px;
}
.listing-div-btn {
    padding: 50px 20px;
    text-align: center;
}
.listing-container p{
	margin-bottom:0;
}
.listing-item h2 a, .listing-item h2{
	line-height:1.2em !important;
	font-size:20px;
	color:#1D1D1F;
		transition: all 1s ease;
	font-weight:600;
}
.listing-item h2 a:hover, .listing-item h2{	
	color:#71c6ff;
	font-size:20px;
		font-weight:600;

}
.listing-item  .listing-div-btn{
	padding:20px;
}
.listing-item{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
article.listing-item img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.listing-item h2{
	padding-top:20px;
}
.pagination {
    text-align: center;
    margin-top: 30px;
	justify-content:center;
}

.pagination a, .pagination span {   
    text-decoration: none;
    color: #1D1D1F;
	font-size:20px;
		transition: all 1s ease;
	 padding: 5px 20px;
}

.pagination a:hover {    
    color: #87cdfe;
	
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
	font-size:20px;
}

.pagination .current {
    color: #87cdfe;
	 padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
	font-size:20px;
}
.pagination a {
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
	font-size:20px;
}
main.listing-archive form {
    display: flex;
	padding:30px 0;
}

select#sort-by {
    margin-right: 20px;
}
main.listing-archive form button {
    border: none;
	 background-color: #87CDFE;
    font-family: "ArticulatCF";
    font-size: 20px;
    font-weight: 600;
    fill: #1D1D1F;
    color: #1D1D1F;
    border-style: none;
	transition: all 1s ease;
}
main.listing-archive form button:hover{
	 background-color: #1D1D1F;
    color: #FFFFFF;
	 font-family: "ArticulatCF";
    font-size: 20px;
    font-weight: 600;
    border-style: none;
}
main.listing-archive select {
    width: 200px;
    margin-right: 20px;
}
.listing-item p{
	margin-bottom:0 !important;
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .listing-title {
        font-size: 2rem;
    }

    .listing-details {
        font-size: 1rem;
    }

    .listing-container .btn {
        font-size: 0.9rem;
        padding: 10px 20px;
    }
	main.listing-archive form{
		flex-direction:column;
		
	}
	main.listing-archive select {
    width: 100%;
    margin-bottom: 20px;
		
}
}