/*
Theme Name: stonevalley
Author: Som Digi
Description: Your description goes here
Version: 4.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/


/*--------------------------------------------------------------
    # Reset Start css
    --------------------------------------------------------------*/

    :root {
        --black: #000000;
        --allblack: #000000;
        --skyblue: #27A5D8;
        --white: #ffffff;
        --darknavy: #0D5C9E;
        --tealblue:#008B17;
        --lightglod:#E9C46A;
        --coral:#E76F51;
      }
body{
	overflow-x:hidden;
}
/*--------------------------------------------------------------
          # Header Start css
 --------------------------------------------------------------*/
      
  		 
      header#masthead .header_top {
        opacity: 1;
        visibility: visible;
        transition: all 0.4s;
        height: 100%;
      }
      header#masthead.sticky .header_top {
        opacity: 0;
        height: 0px;
        visibility: hidden;
      }
      header#masthead.sticky * {
        transition: all 0.4s;
      }
      
      .header_menu_links ul {
        align-content: center;
      }
      
      .header_menu_links ul.hfe-nav-menu ul.sub-menu {
        border-radius: 8px !important;
        box-shadow: 0 20px 50px #00000033 !important;
      }
      .header_menu_links ul.hfe-nav-menu ul.sub-menu * {
        background-color: transparent !important;
      }
      .header_menu_links ul.hfe-nav-menu ul.sub-menu li a {
        padding: 12px 12px !important;
      }
      .header_menu_links ul.hfe-nav-menu ul.sub-menu li a:hover,
      .header_menu_links ul.hfe-nav-menu ul.sub-menu li.current-menu-item a {
        color: var(--darknavy) !important;
      }
      .header_menu_links ul.hfe-nav-menu ul.sub-menu li a::before {
        display: none !important;
      }
      
      .header_menu_links ul li.current-menu-item a::before {
        content: "";
        width: 70% !important;
        transition: 0.3s ease-in;
        opacity: 1 !important;
        height: 2px;
        background-color: var(--darknavy);
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0px;
      }
      .header_menu_links ul li a::before {
        content: "";
        width: 0;
        display: block;
        height: 1px;
        background-color: var(--darknavy);
        transition: 0.3s ease-in;
        position: absolute;
        left: 0;
        bottom: 0;
      }
      
      .header_menu_links ul li:hover a::before {
        content: "";
        width: 70% !important;
        transition: 0.3s ease-in;
        opacity: 1 !important;
        height: 2px;
        background-color: var(--darknavy);
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0px;
      }
      
      .header_menu_links ul li.hfe-has-submenu a.hfe-menu-item .hfe-menu-toggle {
        font-size: 0px;
      }
	  header#masthead.sticky .header_menu_links ul li.hfe-has-submenu a.hfe-menu-item .hfe-menu-toggle::after{
		  filter:invert(1);
	}
      .header_menu_links
        ul
        li.hfe-has-submenu
        a.hfe-menu-item
        .hfe-menu-toggle::after {
        content: "";
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIiA/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwODAiIGhlaWdodD0iMTA4MCIgdmlld0JveD0iMCAwIDEwODAgMTA4MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxkZXNjPkNyZWF0ZWQgd2l0aCBGYWJyaWMuanMgNS4yLjQ8L2Rlc2M+CjxkZWZzPgo8L2RlZnM+CjxnIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgNTQwIDU0MCkiIGlkPSJiNTJhOGU1Zi01ZTM5LTQyZTMtYjY5Ny0xNDVmN2Q1ZGRmOGQiICA+CjxyZWN0IHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMTsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1kYXNob2Zmc2V0OiAwOyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogNDsgZmlsbDogcmdiKDI1NSwyNTUsMjU1KTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyB2aXNpYmlsaXR5OiBoaWRkZW47IiB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiICB4PSItNTQwIiB5PSItNTQwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSIxMDgwIiBoZWlnaHQ9IjEwODAiIC8+CjwvZz4KPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSA1NDAgNTQwKSIgaWQ9ImFhZTM0MjQyLTk1YTctNGZjMS1hNjExLTRmYTQxOTE5OGNmYiIgID4KPC9nPgo8ZyB0cmFuc2Zvcm09Im1hdHJpeCg4LjQ0IDAgMCA4LjQ0IDU0MCA1NDApIiAgPgo8cGF0aCBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtZGFzaG9mZnNldDogMDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDQ7IGZpbGw6IHJnYigwLDAsMCk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiICB0cmFuc2Zvcm09IiB0cmFuc2xhdGUoLTY0LCAtNjQpIiBkPSJNIDY0IDg4IEMgNjIuOTM4OTU3ODE0ODYzODUgODguMDAxMDk2MDgxMDM0OTQgNjEuOTIxMjIxMTk2MDQ1NDYgODcuNTc5MzE4Mzg3NTIxODEgNjEuMTcyIDg2LjgyOCBMIDIxLjE3MTk5OTk5OTk5OTk5NyA0Ni44MjggQyAxOS42MDg5OTk5OTk5OTk5OTggNDUuMjY1IDE5LjYwODk5OTk5OTk5OTk5OCA0Mi43MzQgMjEuMTcxOTk5OTk5OTk5OTk3IDQxLjE3MjAwMDAwMDAwMDAwNCBDIDIyLjczNDk5OTk5OTk5OTk5NiAzOS42MTAwMDAwMDAwMDAwMSAyNS4yNjYgMzkuNjA5IDI2LjgyNzk5OTk5OTk5OTk5NiA0MS4xNzIwMDAwMDAwMDAwMDQgTCA2NCA3OC4zNDQgTCAxMDEuMTcyIDQxLjE3MiBDIDEwMi43MzUgMzkuNjA4OTk5OTk5OTk5OTk1IDEwNS4yNjU5OTk5OTk5OTk5OSAzOS42MDg5OTk5OTk5OTk5OTUgMTA2LjgyOCA0MS4xNzIgQyAxMDguMzkwMDAwMDAwMDAwMDEgNDIuNzM1IDEwOC4zOTEgNDUuMjY2IDEwNi44MjggNDYuODI3OTk5OTk5OTk5OTk2IEwgNjYuODI4IDg2LjgyOCBDIDY2LjA3ODc3ODgwMzk1NDU1IDg3LjU3OTMxODM4NzUyMTgxIDY1LjA2MTA0MjE4NTEzNjE2IDg4LjAwMTA5NjA4MTAzNDk0IDY0IDg4IHoiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz4KPC9nPgo8L3N2Zz4=);
        width: 18px;
        height: 18px;
        display: block;
        background-position: center;
		background-size:cover;
      }
      .header_menu_links ul.hfe-nav-menu ul.sub-menu li {
        position: relative;
        border-bottom: none !important;
      }
      
      .header_menu_links ul.hfe-nav-menu ul.sub-menu li::after {
        content: "";
        width: 0;
        display: block;
        height: 1px;
        background-color: var(--coral);
        transition: 0.3s ease-in;
        position: absolute;
        left: 0;
        bottom: 0;
      }
		.header_menu_links ul.hfe-nav-menu ul.sub-menu li.current-menu-item::after{
			width:70%;
		}
      .header_menu_links ul.hfe-nav-menu ul.sub-menu li:hover::after {
        content: "";
        display: block;
        width: 100% !important;
        transition: ease-in 0.3s;
        opacity: 1 !important;
        height: 2px;
        background-color: var(--darknavy);
        position: absolute;
        bottom: 0px;
        left: 0px;
      }
      
      .header_menu_links ul li a:hover::before,
      .header_menu_links ul li.current-menu-item a::before {
        width: 100%;
      }
      .header_menu_links ul li a {
        transition: all 0.3s;
        cursor: pointer;
      }
      .header_menu_links ul {
        grid-gap: 24px;
      }
      header#masthead {
        position: sticky !important;
        top: 0px !important;
      }
      div#wpadminbar ~ div#page header#masthead {
        top: 32px !important;
      }
      header#masthead .e-con-inner,
      header#masthead {
        transition: all 0.4s;
      }
		 header#masthead.sticky {
		box-shadow: 1.563px 0.863px 6px 0 rgb(0 0 0 / 13%);
		background-color: var(--white) !important;
		}

		
      /*--------------------------------------------------------------
          # Toggle Btn css
          --------------------------------------------------------------*/
      .toggle_btn {
        display: none;
        z-index: 9;
        position: absolute;
        top: 64%;
        transform: translateY(-50%);
        right: 20px;
        width: 100%;
      }
      .toggle_btn svg:nth-child(2),
      header#masthead.show .toggle_btn svg:nth-child(1) {
        display: none !important;
      }
      header#masthead.show .toggle_btn svg:nth-child(2) {
        display: block !important;
      }
      
      header#masthead.sticky .header_menu_box li a{
          color:var(--coral) !important;
      }
	 header#masthead.sticky .header_menu_links ul li.hfe-has-submenu a.hfe-menu-item .hfe-menu-toggle::after {
    filter: brightness(0) saturate(100%) sepia(1) hue-rotate(-10deg) saturate(500%) !important;
}
	header#masthead.sticky .header_menu_box li ul li a {
    color: #0d5c9e !important;
}
     header#masthead.sticky .header_menu_box li.current-menu-item a{
          color:var(--coral )!important;
     }
	 header#masthead.sticky .header-top {
			display: none;
			transition: 0.3s ease-in-out;
        }
      
         /*--------------------------------------------------------------
          # Contact Form css
          --------------------------------------------------------------*/  
				.form-grid .heading p {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 10px;
				font-family: 'Poppins';
				font-size: 24px;
				margin-bottom: 20px;
			}
			.form-grid .form_group {
				display: flex;
				flex-direction: column;
				gap: 10px;
			}
				.form-grid .form_group:nth-child(3) p {
					margin: 10px  0px 0px 0px;
				}
				.form-grid .heading p img {
					width: 30px;
					height: 30px;
				}
			.form-grid .form-grid-inner label, .form_grid_two label {
				font-size: 16px;
				font-family: 'Poppins';
				margin-bottom: 10px;
			}
			
				.form_grid_two .form_group.box {
					display: grid;
					grid-template-columns: repeat(2,1fr);
					gap: 20px;
				}
				.form_grid_two .form_group.box > *:last-child {
					grid-column: 1 / -1;
				}
				.wpcf7-spinner {
					visibility: hidden;
					display: inline-block;
					background-color: #23282d;
					opacity: 0.75;
					width: 24px;
					height: 24px;
					border: none;
					border-radius: 100%;
					padding: 0;
					margin: 0 24px;
					position: absolute !important;
					bottom: 18px !important;
					right: -17px !important;
				}
				textarea{
					height:150px
				}
			input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    padding: 0.85rem 1rem !important;
    transition: all .3s  !important;
    width: 100% !important;
    border: 1px solid #9e9e9ea3 !important;
    border-radius: 10px !important;
    outline: unset !important;
}
				 [type=submit] {
					background-color: #27a5d8 !important;
					border: 1px solid #27a5d8 !important;
					border-radius: 6px !important;
					width: 100% !important;
					color: #ffffff !important;
					padding: 16px !important;
					text-align: center;
					transition: all .3s;
					-webkit-user-select: none;
					-moz-user-select: none;
					user-select: none;
					white-space: nowrap;
					font-size: 18px !important;
					font-family: 'Poppins' !important;
				}
					[type=submit]:hover{
						background-color: #008B17 !important;
						border: 1px solid #008B17  !important;
					}
				.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
					border-color: #27a5d8 !important;
				}
					.wpcf7 form .wpcf7-response-output {
						margin: 0 !important;
						padding: 0.2em 1em !important;
						border: 2px solid #00a0d2 !important;
						position: absolute !important;
						bottom: -100px !important;
						color: #ffffff !important;
					}
				.wpcf7 form .wpcf7-response-output {
					margin: 0;
					padding: 0.2em 1em;
					border: 2px solid #00a0d2;
					position: absolute;
					bottom: -22px;
				}

			.animation-box .elementor-widget-container{
				position:relative
			}
				.animation-box:hover .elementor-widget-image .elementor-widget-container{
						overflow:hidden
				}
			.animation-box:hover .elementor-widget-image img{
    				transform: scale(1.1);
				    max-width: 100%;
					width: 100%;
					vertical-align: top !important;
					transition: transform 0.2s ease;
			}
			.animation-box:hover .elementor-widget-heading .elementor-widget-container::before {
					height: calc(100% + 8px);
			}
			.animation-box .elementor-widget-heading .elementor-widget-container::before {
				position: absolute;
				width: 100%;
				top: -0.25rem;
				right: 0;
				height: 0.25rem;
				background-color: #008a17;
				content: '';
				transition: all 0.2s ease;
				z-index: 0;
			}
				.animation-box:hover .elementor-widget-heading .elementor-widget-container h4{
					position:relative;
					z-index:1;
				}

		 	.whataap_svg {
				position: fixed;
				right: 20px;
				bottom: 5%;
				z-index: 99;
				max-width: fit-content !important;
			  }
				.whataap_svg img{
					width:48px;
				}
         /*--------------------------------------------------------------
          # Responsive css
          --------------------------------------------------------------*/
          @media (max-width: 1140px) {
            #masthead .header_menu_links ul li {
                width: 100%;
              }
             #masthead .header_menu_links nav {
                position: fixed;
                top: 0px;
                width: 100% !important;
                left: 0px;
                background: var(--coral);
                min-height: 100vh;
                transform: translateX(-100%);
                padding: 16px 15px 40px;
                transition: all 0.4s;
                display: block !important;
            }
              #masthead .header_menu_links ul li {
                width: 100%;
              }
            #masthead .header_menu_links ul.hfe-nav-menu > li > a, #masthead .header_menu_links ul.hfe-nav-menu > li > div > a {
					padding: 12px 0px;
					margin: 0px;
					width: 100%;
					color: var(--white);
					font-size: 18px !important;
					font-weight: 500;
					font-family: "DM Sans", Sans-serif;
					border-bottom: 1px solid #ffffff;
			}
              #masthead .header_menu_links ul.hfe-nav-menu > li:nth-child(1) > a {
                padding-top: 0px !important;
              }
              #masthead .header_menu_links ul {
                display: block !important;
                border-radius: 8px;
                padding: 24px 16px;
              }

				 #masthead.show .header_menu_links nav {
				transform: translateX(0%);
				background: transparent linear-gradient(67deg, #185d91 0%, #000000 100%) 0% 0% no-repeat padding-box;
			}
				#masthead .header_menu_links ul li a:hover, #masthead .header_menu_links ul li.current-menu-item a {
					color: var(--coral);
					font-weight: 600;
					  font-family: "Montserrat", Sans-serif;
					border-bottom: 1px solid #ffffff;
				}
              #masthead .header_menu_links ul li a::before {
                display: none !important;
              }
              #masthead .header_menu_links nav::before {
                font: normal normal bold 22px / 50px "Merriweather Sans", sans-serif;
                letter-spacing: 0px;
                color: var(--white);
                content: "Menu";
                display: block !important;
                width: 100%;
                text-align: center;
                margin-bottom: 18px;
              }
            
              #masthead .header_menu_links ul ul.sub-menu.sub-menu-open {
                display: block !important;
                background-color: transparent !important;
              }
            
              #masthead .header_menu_links ul ul.sub-menu {
                position: unset !important;
                width: 100%;
                box-shadow: unset !important;
                padding: 0px;
                margin: 0px !important;
                border: unset;
                display: none !important;
                background-color: transparent !important;
              }
            
        .toggle_btn {
			max-width: fit-content !important;
			margin-left: auto;
			display: block;
			right: 0px;
			bottom: -15px;
		}
        }


		 @media (max-width: 1024px) {
			.header_menu_links ul li.hfe-has-submenu a.hfe-menu-item .hfe-menu-toggle::after{
                filter: invert(1);
                width: 30px;
                height: 20px;
            }
        }
        
         @media (max-width: 991px) {
			.header_menu_links ul.hfe-nav-menu ul.sub-menu li{
			  border-bottom: 1px solid #c4c4c4 !important;
			}
			.header_menu_links ul.hfe-nav-menu ul.sub-menu li a {
    			color: var(--coral) !important;
			}
         }
/* Force show logo in sticky header */
.site-logo,
.site-logo img {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    max-height: 60px !important;  /* adjust as needed */
}

/* In case sticky header uses a duplicate logo */
.sticky .custom-logo-link img,
.fixed .custom-logo-link img,
.sticky .site-branding img,
.fixed .site-branding img {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    max-height: 60px !important;
}


/* Reduce header container height */
.site-header, 
.header-container {
    padding-top: 5px !important;   /* reduce top padding */
    padding-bottom: 5px !important; /* reduce bottom padding */
    min-height: 60px !important;   /* control header height */
}

/* Adjust logo size */
.site-logo img {
    max-height: 40px !important;   /* adjust as per your need */
    height: auto;
}