/*
Theme Name: Astra Child
Description: Astra Child Theme
Template: astra
Version: 1.0.0
*/


.elementor-button-icon svg {  width: 2em; }

.elementor-button-content-wrapper {
    align-items: center;
}
.elementor-element-073ae7e .elementor-button-icon svg path {
    fill: green;
}

.custom-contact-form {
    background: #FFFFFF;
    padding: 20px 20px;
    border-radius: 20px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    box-shadow: 8.4px 8.4px 34.44px 0px #012C0E1A;
    border: 1px solid #1C1C1B1A;
}

.custom-contact-form .cf7-title {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #1d1d1d;
    margin-bottom: 35px;
    line-height: 1.2;
}

.custom-contact-form .cf7-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.custom-contact-form .cf7-field {
    flex: 1;
    min-width: 250px;
}

.custom-contact-form .cf7-field input,
.custom-contact-form .cf7-field textarea {
    width: 100%;
    background: #1C1C1B0A;
    border: 1px solid #1C1C1B0D;
    border-radius: 10px;
    padding: 8px 16px;
    font-size: 18px;
    color: #555;
    outline: none;
    box-sizing: border-box;
    font-family: inherit;
}

.custom-contact-form .cf7-field input::placeholder,
.custom-contact-form .cf7-field textarea::placeholder {
    color: #7d7d7d;
    font-size: 16px;
	font-weight:400;
}

.custom-contact-form .cf7-field textarea {
    height: 90px;
    resize: none;
}

.custom-contact-form .cf7-submit-wrap {
    text-align: center;
    margin-top: 30px;
}

.custom-contact-form .cf7-submit-wrap input[type="submit"] {
     background: radial-gradient(49.26% 49.26% at 24.26% 22.64%, #6FC48A 0%, #008A2D 100%);
    background-repeat: no-repeat;
    background-size: cover;
    min-width: 182px;
	    max-width: 204px;
    min-height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 13px 27.9px 0px #00000033;
	margin: 0 auto;
}

.custom-contact-form .cf7-submit-wrap input[type="submit"]:hover {
   background: radial-gradient(49.26% 49.26% at 24.26% 22.64%, #7BD1CD 0%, #04A89F 100%);
	border-color:#04A89F;
}

.custom-contact-form .wpcf7-spinner {
    display: block;
    margin: 15px auto 0;
}

.custom-contact-form .wpcf7-not-valid-tip {
    font-size: 14px;
    margin-top: 6px;
}


.cstm-rotate-img {
  animation: spin 6s linear infinite;
  transform-origin: center center;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}




/*  buttons */ 

.elementor-button-wrapper .elementor-button {
    background: radial-gradient(49.26% 49.26% at 24.26% 22.64%, #6FC48A 0%, #008A2D 100%);
    background-repeat: no-repeat;
    background-size: cover;
    min-width: 182px;
	    max-width: 204px;
    min-height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 13px 27.9px 0px #00000033;
    /* box-shadow: -3px -4px 7px 0px #FFFFFF26 inset; */
}


.elementor-button-wrapper .elementor-button:hover{
	background: radial-gradient(49.26% 49.26% at 24.26% 22.64%, #7BD1CD 0%, #04A89F 100%);
	border-color:#04A89F;

	
}


.join_community_section .elementor-button-wrapper .elementor-button{
	
	background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
radial-gradient(66.55% 68.87% at 22.66% 23.58%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%) ;
box-shadow: 4px 13px 27.9px 0px #00000033;
	color : #1C1C1BE5;

min-width:unset;
min-height:unset;
width:max-content;

	
}

.show-on-mobile{
			display:none;
	}
    .elementor-540 .elementor-element.elementor-element-dd2120a {
            overflow: hidden;  }

.elementor-element-e916203 .cstm-rotate-img {
	overflow:hidden;
} 












/*  dark mode css */


/* DARK MODE BASE */

body.dark-mode-cstm .wpcf7-response-output {
    color: white;
}

body.dark-mode-cstm .elementor-element-4b0e033 .elementor-widget-container {
    color: white;
}

.dark-mode-cstm .cstm-rotate-img.light-cstm-rotate-img , .cstm-rotate-img.dark-cstm-rotate-img {
    display: none !important;
}

.dark-mode-cstm .cstm-rotate-img.dark-cstm-rotate-img {
    display: block !important;
}

body.dark-mode-cstm {
/*   background-color: #061510;
  color: #e6f2ed; */
}


.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-555b900:not(.elementor-motion-effects-element-type-background), .dark-mode-cstm .elementor-540 .elementor-element.elementor-element-555b900 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url(https://dev.expertvillagemedia.com/offerzone/wp-content/uploads/2026/04/banner-dark.png) !important;
    
}

body.dark-mode-cstm h1 , body.dark-mode-cstm h2 , body.dark-mode-cstm h3 , body.dark-mode-cstm h4 , body.dark-mode-cstm h5 , body.dark-mode-cstm h6 , body.dark-mode-cstm p , body.dark-mode-cstm span { 
color : white !important;
}

body.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-2008d35:not(.elementor-motion-effects-element-type-background), body.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-2008d35 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url(https://dev.expertvillagemedia.com/offerzone/wp-content/uploads/2026/04/second-section-dark-bg.png) !important;
	
	    background: linear-gradient(135deg, rgba(0, 255, 150, 0.06), rgba(0, 80, 60, 0.25));
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
 border: 1px solid rgba(255, 255, 255, 0.12);
 border-radius: 40px;
 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(0, 255, 150, 0.05);
 color: #fff;
	
	
	
}

body.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-365e1a0 p {
	color : #FFF700 !important;
}


body.elementor-page-540:not(.elementor-motion-effects-element-type-background).dark-mode-cstm
 {
    background-color: #001106  !important;
}

body.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-9e5ba8d:not(.elementor-motion-effects-element-type-background) {
	background-color: #08180E;
}


body.dark-mode-cstm  .elementor-540 .elementor-element.elementor-element-3cd1685:not(.elementor-motion-effects-element-type-background) {
    background-color: #08180E;
}


body.dark-mode-cstm .elementor-1571 .elementor-element.elementor-element-073ae7e:not(.elementor-motion-effects-element-type-background) {
    background-color: #08180E;
}


body.dark-mode-cstm .elementor-1571 .elementor-element.elementor-element-463e54d {
    
    border-color: rgba(255, 255, 255, 0.06);
  
}


body.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-b5889b1:not(.elementor-motion-effects-element-type-background) , body.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-6225531:not(.elementor-motion-effects-element-type-background) , body.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-1ccae59:not(.elementor-motion-effects-element-type-background) , body.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-a52bbe7:not(.elementor-motion-effects-element-type-background) {
    background-color: #182F20;
	border: 0.92px solid #FFFFFF4D;
	box-shadow: 8px 17px 69.2px 0px #19281E inset;

}



body.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-49a8025:not(.elementor-motion-effects-element-type-background) {
    background-image: url(https://dev.expertvillagemedia.com/offerzone/wp-content/uploads/2026/04/deal-banner.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

body.dark-mode-cstm .elementor-element-4a3a54f .elementor-button .elementor-button-text {
   
    color: #1C1C1BE5 !important;
}

body.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-c9d60cf , body.dark-mode-cstm  .elementor-540 .elementor-element.elementor-element-500ab2a , body.dark-mode-cstm  .elementor-540 .elementor-element.elementor-element-a081c11 , body.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-8bfca72 , body.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-89ff24b:not(.elementor-motion-effects-element-type-background) , body.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-6634e7c:not(.elementor-motion-effects-element-type-background) , body.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-a602198:not(.elementor-motion-effects-element-type-background) , body.dark-mode-cstm .custom-contact-form{
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(0, 255, 150, 0.08));
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6), inset 0 0 25px rgba(255, 255, 255, 0.05);
    color: #fff;
}

body.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-c26c662 .elementor-heading-title span {
    color: rgba(255, 247, 0, 1) !important;
}

body.dark-mode-cstm  .custom-contact-form .cf7-field {
  
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 4px;
}


body.dark-mode-cstm .elementor-element-15e88f3 .elementor-icon svg path {
    fill: #fff;
}

.elementor-element-3ff9f03 a {font-size: 12px;}

body.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-2008d35:not(.elementor-motion-effects-element-type-background), body.dark-mode-cstm .elementor-540 .elementor-element.elementor-element-2008d35 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: 100% 100%;
}

.elementor-element-3ff9f03 a { color : #fff !important; text-decoration: underline;}
.elementor-element-3ff9f03 p{ text-align: center ;}



/* *********************************** slider css**************************/

/* mobile slider */
@media (max-width: 767px) {
  .icons-slider {
    overflow: hidden;
  }

  .icons-slider .swiper-slide {
    height: auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
	
	 .icons-slider .swiper-wrapper {
    transition-timing-function: linear !important;
  }
	
}

/* desktop normal grid */
@media (min-width: 768px) {
  .icons-slider .swiper-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
  }

  .icons-slider .swiper-slide {
    width: auto !important;
    height: auto !important;
  }
}



/*             ***************************************************************************************************************************************************************************************************     */


@media (max-width: 1024px) {
	
.elementor-element-4b0e033 .header-animation-text {   font-size: 28px !important; text-align : center; }
	
	
	
}

@media (max-width: 800px) {
	
    .elementor-element-4b0e033 .header-animation-text {
        font-size: 18px !important;
    }
	
	
}

@media (min-width: 767px) {
	.hide-on-desktop {	display:none;	}
	.elementor-540 .elementor-element.elementor-element-f62f27d {  padding-left: 80px;    padding-right: 80px; }

}
@media (max-width: 767px) {
	
    .elementor-540 .elementor-element.elementor-element-a5715b2 {     position: unset; }
	.elementor-540 .elementor-element.elementor-element-49a8025 {     gap: 0;  }
	.hide-on-desktop {	display:block;	}
	.hide-on-mobile { 	display: none; }
	.elementor-1571 .elementor-element.elementor-element-2fc5605.elementor-element {  display: flex;  align-items: center;  justify-content: flex-end; }
	.elementor-element.elementor-element-30a580c.elementor-widget-mobile__width-initial.elementor-widget.elementor-widget-image { display: flex; }
	    .elementor-1568 .elementor-element.elementor-element-501b8a6 {
     
        --justify-content: center;
    }
}
   @media (max-width: 480px) {
	   
    .elementor-1568 .elementor-element.elementor-element-cb5e605 .elementor-button {  min-width: 145px;  } 
	.elementor-1568 .elementor-element.elementor-element-cb5e605 .elementor-button  .elementor-button-text {   font-size: 12px; }
    .elementor-1568 .elementor-element.elementor-element-1da7e97 {   padding: 0; }
	.elementor-element-4b0e033 .header-animation-text {   font-size: 26px !important;  }
	.elementor-540 .elementor-element.elementor-element-4b0e033 {    font-size: 14px;   }
	.elementor-540 .elementor-element.elementor-element-dd2120a {  overflow: hidden; padding: 25px 10px; }
	     .elementor-1568 .elementor-element.elementor-element-501b8a6 {
     
        --justify-content: flex-start;
    }
	   
}