/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */

.cus_header{
	transition: .4s;
}

.cus_header.visible {
  top: 0 !important; /* Visible state */
/*   opacity: 1; */
/* transition: .4s; */
}

.cus_header.hidden {
  top: -100px !important; /* Hidden state */
/*   opacity: 0; */
/* 	transition: .4s; */
}


/* start all site global button css and animation */
.glb_button	span.elementor-button-content-wrapper::after {
    position: relative;
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="45" height="44" viewBox="0 0 45 44" fill="none"><rect x="0.473633" width="44" height="44" rx="22" fill="%23191919"/><path d="M15.2401 27.8847L25.7443 17.3806L17.6553 17.3934L17.6425 15.4126L29.1051 15.4254L29.1051 26.8752L27.15 26.888V18.7862L16.6458 29.2904L15.2401 27.8847Z" fill="%23FBF9F5"/></svg>');
    width: 52px;
    height: 52px;
	background-repeat: no-repeat;
    background-size: contain;
	transition: .4s;
}
.glb_button .elementor-button-icon	svg{
/*     width: 0; */
    width: 52px;
    height: 52px;
	transition: .4s;
}
.glb_button	span.elementor-button-text {
    background: var( --e-global-color-primary );
    align-items: center;
    display: flex;
    padding: 10px 20px 12px 20px;
    border-radius: 50px;
}

.glb_button	span.elementor-button-content-wrapper {
    align-items: center;
}
.glb_button .elementor-widget-container {
    overflow: hidden;
}
.glb_button .elementor-button-wrapper {
	margin-left: -52px;
	transition: .4s;
}
.glb_button .elementor-button-wrapper:hover {
    margin: 0 -52px 0 0;
	transition: .4s;
}
/*End all site global button css and animation */

.img_dark img:hover {
  filter: brightness(60%);
}

.img_dark img {
  transition: all 0.5s ease; /* Smooth transition for the hover effect */
}
.glb_title span{
	font-family:"acumin-variable", Sans-serif;
}
.what_we_do_box_img {
	transition: .4s;
}
.what_we_do_box_img{
		mix-blend-mode: multiply;

}
.what_we_do_box:hover .what_we_do_box_img, .what_we_do_box_icon svg{
	transform:scale(1.1);
	transition: .4s;
	mix-blend-mode: multiply;
}
.what_we_do_box:hover .what_we_do_box_icon svg{
	rotate: 100deg;
	transition: .4s;
}
.banner_image_box.active {
    max-width: 500px !important;
    height: 350px !important;
    transition: 1.8s;
}
.banner_image_box {
    transition: 1.8s;
	 height: 600px;
}

.banner_image_box.active  .elementor-wrapper {
    --video-aspect-ratio: 2.4 !important;
}
.banner_image_box.active  .elementor-widget-container {
    display: flex;
}

/* .banner_image_box.active img {
    max-width: 500px !important;
    height: 350px !important;
    transition: 1.8s;
}
.banner_image_box img {
    transition: 1.8s;
} */
html {
  scroll-behavior: smooth;
}
.cus_header {
    transition: top 0.3s ease-in-out;align-content
}

.glb_button.green span.elementor-button-content-wrapper::after {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 45 45" fill="none"><rect x="0.157715" width="44.0526" height="44.0526" rx="22.0263" fill="%23008F61"></rect><path d="M14.9421 27.9182L25.4588 17.4015L17.3602 17.4143L17.3474 15.4312L28.8236 15.444L28.8236 26.9075L26.8661 26.9203L26.8661 18.8088L16.3494 29.3256L14.9421 27.9182Z" fill="%23FBF9F5"></path></svg>') !important;
	    background-position: center !important;
    background-size: contain !important;

}

.glb_button.green_black span.elementor-button-content-wrapper::after {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none"><rect width="44" height="44" rx="22" fill="%23008F61"/><path d="M14.7662 27.8847L25.2704 17.3806L17.1814 17.3934L17.1687 15.4126L28.6312 15.4254L28.6312 26.8752L26.6761 26.888V18.7862L16.1719 29.2904L14.7662 27.8847Z" fill="%23191919"/></svg>') !important;
	    background-position: center !important;
    background-size: contain !important;

}
.glb_button.orange span.elementor-button-content-wrapper::after {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="65" height="64" viewBox="0 0 65 64" fill="none"><rect x="0.181641" width="64" height="64" rx="32" fill="%23F25926"/><path d="M21.6599 40.5596L36.9387 25.2808L25.1729 25.2994L25.1543 22.4184L41.8272 22.437L41.8272 39.0912L38.9833 39.1098L38.9833 27.3255L23.7045 42.6042L21.6599 40.5596Z" fill="%23191919"/></svg>') !important;
	    background-position: center !important;
    background-size: contain !important;

}
.glb_button.orange span.elementor-button-text {
    background: var( --e-global-color-ab562e7 ) !important;
}
.glb_button.green span.elementor-button-text {
    background: #2f6053;
}
.glb_button.green_black span.elementor-button-text {
    background: #2f6053;
}

.faq_page_accc .elementor-accordion-item, .privacy_policy_acc .elementor-accordion-item {
    border-bottom: 1px solid #000 !important;
}
.faq_page_accc .elementor-accordion-item:nth-last-child(1), .privacy_policy_acc .elementor-accordion-item:nth-last-child(1) {
    border-bottom: 0px solid #000 !important;
}
.faq_page_accc .elementor-tab-title, .privacy_policy_acc .elementor-tab-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 30px;
    padding: 19px 0px 19px 0px !important;
}
.faq_page_accc .elementor-accordion-icon svg {
    width: 44px !important;
    height: 44px !important;
}
.faq_page_accc .elementor-accordion-icon{
    min-width: 44px;
}
.faq_page_accc .elementor-accordion .elementor-accordion-item:nth-child(1), .privacy_policy_acc .elementor-accordion .elementor-accordion-item:nth-child(1) {
display: none;
}
.cstm_box, .cstm_box_btn {
    display: flex;
    justify-content: space-between;
    gap: 33px;
}

.cstm_box label, .cstm_box p{
    width: 100%;
}

.cstm_msg{
    width: 100%;
}

.cstm_box_btn .wpcf7-spinner {
  display: block !important;
}

.cstm_box_btn p{
    width: 100%;
    text-align: end;
    width: fit-content;

}

.cstm_box_btn .wpcf7-list-item{
    margin: 0px;
}
.cstm_contact_form input{
    padding-top: 4px;
    padding-bottom: 0px;
  padding-left: 0px;
    
}
.cstm_contact_form input:focus-visible, .cstm_contact_form textarea:focus-visible  {
  outline: none;
  box-shadow: none;

}


.cstm_contact_form input, .cstm_contact_form textarea{
    background: #E5DBCF;
    border:none;
    border-radius: 0px;
    border-bottom:1px solid ;
    
}

.cstm_contact_form label{
font-family: "acumin-variable", Sans-serif;
font-size: 13px;
font-weight: 500;
color: #191919;
text-transform: uppercase;
}

.cstm_contact_form form{
    display: flex !important;
    flex-direction: column;
    gap: 64px;
}

.cstm_msg textarea{
    height: 20px;
        padding-left: 0px;
}
.cstm_box_btn label{
    text-transform: unset ;
    display: flex;
    gap: 9px;
    align-items: start;
}
.cstm_box_btn .wpcf7-submit{
padding: 10px 24px 12px 24px;
gap: 10px;
border-radius: 30px ;
opacity: 0px;
background: #191919;
font-family: "acumin-variable", Sans-serif;
font-size: 20px;
font-weight: 400;
color:#FBF9F5;
line-height: 22px;
}

.cstm_contact_form input[type=checkbox] {
    width: 8px;
    height: 8px;
    border: 1px solid #191919;
    background-clip: border-box;

    appearance: none;
    transition: background-color 0.3s, box-shadow 0.3s;
    padding: 0;
    position: relative;
    top: 3px;
}

.cstm_contact_form input[type=checkbox]:checked{
    border-color: #07AE73;
}
.cstm_contact_form input[type=checkbox]:checked:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #F25926;
     border: 1px solid #191919;
      top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

/*............. contact us step form css.................*/

.conact_step_form .cf7mls_next{
font-family: "acumin-variable", Sans-serif;
font-size: 21px;
font-weight: 400;
line-height: 27.3px;
padding: 10px 24px 12px 24px ;
height: 100% !important;
padding: 7px 24px !important;

}
.conact_step_form .cstm_box_btn p{
 margin:0px;
}
.conact_step_form  .cf7mls-btns.cf7mls-btns-last-step{
	margin-top:-60px !important;
}
.conact_step_form .cf7mls-btns-last-step .cf7mls_back{
  margin-top:0px !important; 
}
.conact_step_form .cstm_box_btn .wpcf7-submit{
  margin:0px !important;
 }

.cstm_step_3 input, .cstm_step_3 textarea, .cstm_step_2 input, .cstm_step_2 textarea, .cstm_step_2 select{
background: #E5DBCF;
    border:none;
    border-radius: 0px;
    border-bottom:1px solid #191919 ;
	padding-left:0px;
}
.cstm_step_3 input:focus-visible, .cstm_step_3 textarea:focus-visible, .cstm_step_2 input:focus-visible, .cstm_step_2 select:focus-visible  {
  outline: none;
  box-shadow: none;
}
.cstm_step_3{
	 display: flex !important;
    flex-direction: column;
    gap: 48px;
}
.cstm_step_3 label, .cstm_step_2 label{
font-family: "acumin-variable", Sans-serif;
font-size: 13px;
font-weight: 500;
color: #191919;

}
.cstm_step_3 .cstm_box_btn{
 justify-content:center;
}
.cstm_step_3 .cstm_box_btn input{
border-radius:30px !important;
padding: 10px 24px 12px 24px;
gap: 10px;
border-radius: 30px ;
background: #191919;
font-family: "acumin-variable", Sans-serif;
font-size: 20px;
font-weight: 400 !important;
color:#FBF9F5;
}

/* ........step 2......... */

.cstm_step_2{
	 display: flex !important;
    flex-direction: column;
    gap: 44px;
}
.cstm_step_2 .project_detail_box {
    display: flex;
    width: 100%;
    gap: 35px;
}
.cstm_step_2 .project_detail_box p{
 width:calc(33.33% - 35px);
}
.cstm_step_2 .project_detail_box label {
    width: 100%;
}
.cstm_step_2 select  {
    color: #1919194D; 
}
.cstm_step_2 select option {
    color: #000 !important; 
}
.conact_step_form .cf7mls-btns {
    width: 58% !important;
    display: flex !important;
    justify-content: space-between !important;
}
.conact_step_form .fieldset-cf7mls:first-child .cf7mls-btns {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}
.conact_step_form .cf7mls_back{
	color: #E5DBCF;
	background:#E5DBCF;
	padding:0px !important;
}
.conact_step_form .cf7mls_back::before {
    content: "";
	position: absolute;
    left: 0;
    display: inline-block;
    width: 24px; /* Match the width of the SVG */
    height: 9px; /* Match the height of the SVG */
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="9" viewBox="0 0 24 9" fill="none"><path d="M4.57804 8.11561C3.86127 7.26011 3.12139 6.52023 2.35838 5.89595C1.59538 5.27168 0.809248 4.76301 0 4.36994V3.74566C1.59538 2.93642 3.12139 1.68786 4.57804 0H5.79191C5.42197 0.786127 5.05202 1.47977 4.68208 2.08092C4.31214 2.65896 3.95376 3.14451 3.60694 3.53757V4.57803C3.95376 4.94798 4.31214 5.43353 4.68208 6.03468C5.05202 6.61272 5.42197 7.30636 5.79191 8.11561H4.57804ZM3.43353 4.78613V3.32948H24V4.78613H3.43353Z" fill="black"/></svg>');
    background-repeat: no-repeat;
    background-size: contain; /* Ensures the SVG scales proportionally */
    vertical-align: middle; /* Align with text if necessary */
}

/*........... Cusotme Tab...........  */


.event_cstm_tab {min-height:400px;}
.event_cstm_tab .tabs { display: flex; border-bottom: 1px solid #ddd; margin-bottom: 10px; gap: 16px;}
.event_cstm_tab .tab {padding:0px; cursor: pointer; border-bottom: 1px solid #E5DBCF; opacity:0.5; width: fit-content;   transition: opacity 0.3s ease, border-bottom 0.3s ease; 	font-family:"acumin-variable", Sans-serif; font-size:30px;}
.event_cstm_tab .tab:hover{opacity:1; border-bottom: 1px solid #191919; transition: opacity 0.3s ease;}
.event_cstm_tab .tab.active { opacity:1; border-bottom: 1px solid #191919;  transition: opacity 0.3s ease;}
.event_cstm_tab .tabs-content { border: 1px solid #ddd; transition: opacity 0.3s ease;}
.event_cstm_tab .tabs-content ul{padding:0 0 0 21px;}
.event_cstm_tab .tabs-content ul li{font-size:30px;}
.event_cstm_tab .tabs-content ul li::marker {    font-size: 20px;}
.event_cstm_tab .tab-content {
  opacity: 0;
  visibility: hidden;
  position: absolute; /* Remove it from the document flow */
  z-index: -1; /* Ensure it's not clickable */
  transition: opacity 0.5s ease, visibility 0s, z-index 0s;
		font-family:"acumin-variable", Sans-serif;
}

.event_cstm_tab .tab-content.active {
  opacity: 1;
  visibility: visible;
  position: relative; /* Return it to normal flow */
  z-index: 1; /* Ensure it's clickable */
  transition: opacity 0.5s ease, visibility 0s 0s, z-index 0s 0s;
}

.event_cstm_tab .tabs-container {justify-content:space-between;    display: flex;}
.event_cstm_tab .tabs {    display: flex;    border-bottom: 1px solid #ddd;    margin-bottom: 10px;    flex-direction: column;}
/* .event_cstm_tab .tabs, .event_cstm_tab .tabs-content{	width:calc(50% - 20px);} */
.event_cstm_tab .tabs, .event_cstm_tab .tabs-content{	width:49.5%;}

/*  */
.faq_page_accc  span.elementor-accordion-icon-closed  {
    display: block !important;
    transition: .6s;
}

.faq_page_accc  span.elementor-accordion-icon-closed svg {
    transition: .6s;
}
.faq_page_accc .elementor-active span.elementor-accordion-icon-closed  svg{
    rotate: -180deg;
    transition: .6s;
}
/* .faq_page_accc span.elementor-accordion-icon.elementor-accordion-icon-right {
    height: 44px;
    width: 44px;
} */

@media(min-width:1024px){
.banner_image_box .elementor-wrapper {
    --video-aspect-ratio: 2.4  !important;
}
}
/*  */
@media(max-width:1024px){
.event_cstm_tab .tab {font-size:22px;}
.event_cstm_tab .tabs-content ul li{font-size:18px;}
.event_cstm_tab .tabs-content ul li::marker {    font-size: 16px;}
	.banner_image_box {
    transition: 1.8s;
	 height: 400px;
}
	
.banner_image_box  .elementor-wrapper {
    --video-aspect-ratio: 2.4 !important;
}

.cstm_contact_form form{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.cstm_box, .cstm_box_btn {
flex-direction:column;
gap:10px;
}
.cstm_box_btn .wpcf7-submit{
font-size: 18px;

}
.cstm_step_3 .cstm_box_btn {
    align-items: center;
}
.cstm_step_3 {

    gap: 20px;
}
	.glb_button	span.elementor-button-content-wrapper::after {
    width: 44px;
    height: 44px;
	}
	.glb_button .elementor-button-icon	svg{
    width: 44px;
    height: 44px;
	}
	
	.glb_button .elementor-button-wrapper {
	margin-left: -44px;
	transition: .4s;
}
.glb_button .elementor-button-wrapper:hover {
    margin: 0 -44px 0 0;
	
}


@media only screen and (max-width: 767px) {
	.event_cstm_tab .tab {font-size:18px;}
	.event_cstm_tab .tabs-content ul li{font-size:16px;}
.banner_image_box {
     transition: 1.8s;
	 height: 350px;
}
	.banner_image_box iframe{
     transition: 1.8s;
	 height: 350px !important;
}
	.event_cstm_tab .tabs-content ul{padding-left:25px;}
	.event_cstm_tab .tabs-container {    display: flex;    flex-direction: column; gap: 10px;}
	.event_cstm_tab .tabs, .event_cstm_tab .tabs-content{	width:calc(100% - 20px);}
	.event_cstm_tab .tabs { gap: 15px;}
	.event_cstm_tab .tabs {align-items:center;}
	.cstm_step_3 {
    gap: 20px;
}
.conact_step_form  .cf7mls-btns.cf7mls-btns-last-step {
    margin-top: 20px !important;
}
	.cstm_contact_form form {
    gap: 20px;
}
	.cstm_step_2 {
    display: flex !important;
    flex-direction: column;
    gap: 20px;
}
	.cstm_step_2 .project_detail_box p {
    width: 100%;
}
	.cstm_step_2 .project_detail_box {
    gap: 20px;
    flex-direction: column;
}
	.conact_step_form .cf7mls-btns {
   margin-top:20px !important;
	}
	
.glb_button	span.elementor-button-content-wrapper::after {
    width: 38px;
    height: 38px;
	}
	.glb_button .elementor-button-icon	svg{
    width: 38px;
    height: 38px;
	}
	
	.glb_button .elementor-button-wrapper {
	margin-left: -38px;
	transition: .4s;
}
.glb_button .elementor-button-wrapper:hover {
    margin: 0 -38px 0 0;
	transition: .4s;
}
	.faq_page_accc .elementor-accordion-icon svg {
    width: 30px !important;
    height: 30px !important;
}
.faq_page_accc .elementor-accordion-icon{
    min-width: 30px;
}
	.banner_image_box .elementor-wrapper {
    --video-aspect-ratio: 2.4  !important;
}
	.banner_image_box.active .elementor-wrapper {
    --video-aspect-ratio: 2.4  !important;
}
	.banner_image_box .elementor-widget-container{
		display:flex !important;
	}
}