/*
Theme Name: dentistree
Author: Venus Gupta
Description: Your description goes here
Version: 1.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)
*/


header {
	background-color: transparent !important;
}
header.sticky{
	background-color:#306A47 !important;
}
header .company_logo.one,header.sticky .company_logo_two{
	display:block
}
header.sticky .company_logo.one, header .company_logo_two{
display:none
}
header.sticky .hfe-nav-menu  ul li a{
	color:#ffffff !important;
}
header .hfe-nav-menu-icon svg,header .hfe-flyout-close svg{
	outline:none;
}
header.sticky .hfe-nav-menu-icon svg path{
	    fill: #ffffff;
}
 /*--------------------------------------------------------------
          # Header Start css
          --------------------------------------------------------------*/
      
      .sticky .company_logo .hfe-site-logo a img {
        width: 100px;
        transition: 0.2s ease-in;
      }
      .company_logo .hfe-site-logo a img {
        display: block;
        object-fit: contain;
        width: 100%;
        transition: 0.2s ease-in;
      }
   
      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: #62B22D !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: #ffffff !important;
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0px;
      }
      .header_menu_links ul li a::before {
        content: "";
        width: 0;
        display: block;
        height: 1px;
        background-color: #ffffff !important;
        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: #881C81;
        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_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;
        margin-top: 5px;
       filter: invert(1);
      }

header.sticky .header_menu_links ul li.hfe-has-submenu a.hfe-menu-item .hfe-menu-toggle::after{
	filter: invert(0);
}
      .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: #62B22D;
        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: 70% !important;
        transition: ease-in 0.3s;
        opacity: 1 !important;
        height: 2px;
        background-color: #62B22D;
        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%);
      }
      
      /*--------------------------------------------------------------
          # Toggle Btn css
          --------------------------------------------------------------*/
      .toggle_btn {
			display: none;
			z-index: 9;
			position: absolute;
			top: 55%;
			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;
      }

/* Start custom CSS for text-editor, class: .elementor-element-1093b1b */
.contact_popup a {
    background-color: #DCA54A;
    padding: 8px 30px 8px 30px;
    border-radius: 9px;
    color: #ffffff;
    cursor: pointer;
    border: 1px solid;
}

.contact_popup a:hover {
    background-color: #ffffff;
    border-radius: 9px;
    color: #DCA54A;
    outline: unset;
}

/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71443fa */
.hero-sec {
    position: sticky !important;
    top: 0px !important;
    z-index: 9;
}

/* End custom CSS */
.contact_form_sec_one p {
    margin-bottom: 10px;
}

.contact_form_sec_one .form-heading h3 {
    font-size: 30px;
    font-weight: 800;
    font-family: 'Urbanist';
	color:#ffffff;
}

.contact_form_sec_one .form-heading h4 {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Urbanist';
    margin-bottom: 0;
	color:#ffffff;
}
/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e8c3850 */
/* .contact_form_sec_one {
    background: #ffffff;
    padding: 40px;
    border-radius: 8px;
} */

.contact_form_sec_one p {
    margin-bottom: 10px;
}

/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b76ba3d */
.contact-form-popup {
    display: none
}

/* Basic styling for popup */

.contact_form_sec {
    background: white;
    padding: 20px;
    border-radius: 8px;
    max-width: 600px;
    width: 100%;
    position: absolute;
    top: 22rem;
    left: 50%;
    transform: translate(-50%, -50%);
}


textarea.wpcf7-form-control.wpcf7-textarea {
    height: 100px !important;
    outline: unset;
}

.form_group {
    margin-bottom: 15px;
}
button[type="submit"] {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #ffffff;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 8px;
}

button[type="submit"]:hover {
    background-color: #306A47 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff;
}


.contact-form-popup .form_group p {
    margin-bottom: 10px;
}

.wpcf7 form .wpcf7-response-output {
    display: none;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    height: 160px;
}

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{
	    outline: unset;
}

header#masthead.sticky .toggle_btn svg line {
    stroke: #881C81;
}
/*--------------------------------------------------------------
          # 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(--white);
			min-height: 103vh;
			transform: translateX(-100%);
			padding: 16px 15px 40px;
			transition: all 0.4s;
			display: block !important;
			z-index: 9;
		}
              #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: #ffffff !important;
                font-size: 22px !important;
              }
              #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: #881C81;
              }
          
              #masthead .header_menu_links ul li a:hover,
              #masthead .header_menu_links ul li.current-menu-item a {
                color: #ffffff !important;
              }
              #masthead .header_menu_links ul li a::before {
                display: none !important;
              }
              #masthead .header_menu_links nav::before {
                font: normal normal bold 22px / 50px "DM Sans", sans-serif;
                letter-spacing: 0px;
                color: #ffffff;
                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;
          }
        }


@media screen and (max-width: 480px) {
    .popup_content button.close_popup {
        left: 90% !important;
    }

    .popup_content button.close_popup {
        top: 7rem !important;
    }

		.contact_form_sec_one {
			padding: 24px;
		}

}

/* End custom CSS */