/*
Theme Name: Inspiringsmilzzdental
Author: Dintellects
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 {
    position: sticky !important;
    top: 0;
    z-index: 999 !important;
	background: #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 .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(--skyblue) !important;
      }
      .header_menu_links ul.hfe-nav-menu ul.sub-menu li a::before {
        display: none !important;
      }
      
      .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;
      }
      .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: #000000;
        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: #000000;
        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: 52%;
        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;
      }

/* Hide the same icon in normal form (design area) */


/* Start custom CSS for text-editor, class: .elementor-element-1093b1b */

/* ======================================================== */
/* Full-screen overlay */
.popup-overlay {
    position: fixed !important;
    inset: 0; /* top:0; left:0; right:0; bottom:0; */
    background: rgba(0, 0, 0, 0.6) !important;
    display: none;
    z-index: 999;
    
    /* PERFECT CENTER */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Popup box */
/* .popup-box {
    background: #fff;
    width: 90% !important;
    max-width: 420px !important;
    padding: 0;
    border-radius: 12px;
    text-align: center;
    animation: popIn 0.3s ease;
}
.close-btn{
	display:none;
}
.popup-overlay .popup-box .close-btn {
    position: absolute;
    top: 3px;
    right: 1px;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 30px;
    rotate: 45deg;
    border-radius: 50%;
} */


/* Popup animation */
/* @keyframes popIn {
    from { transform: scale(0.8); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
} */
/* Start custom CSS for container, class: .elementor-element-71443fa */
.hero-sec {
    position: sticky !important;
    top: 0px !important;
    z-index: 9;
}

/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-503954d */
.contact_form_sec_one {
    background: #ffffff;
    padding: 40px;
    border-radius: 20px;
    /* border: 1px solid #dca54a; */
}

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

/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e8c3850 */
.contact_form_sec_one {
    background: #ffffff;
    padding: 40px;
    border-radius: 20px;
}

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

/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b76ba3d */

/* Basic styling for popup */

	.contact-form-popup .contact_form_sec_one{
		padding:0;
	}


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

.form_group {
    margin-bottom: 15px;
}
.form_group button{
	background-color:#33379b;
	color:#ffffff;
	border:1px solid #33379b
}


button[type="submit"] {
    background-color::#33379b;
    color: white;
    border: 1px solid :#33379b;
    padding: 10px 20px;
    cursor: pointer;
	border-radius:8px;
}

button[type="submit"]:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

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

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


  @media (max-width: 768px) {
            #masthead .header_menu_links ul li {
                width: 100%;
            
              }
              #masthead .header_menu_links nav {
                position: fixed;
                top: 0px;
                width: 100%;
                left: 0px;
                background: #ffffff;
                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: #ffffff;
                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: 0px;
              }
            
        	#masthead.show .header_menu_links nav {
				transform: translateX(0%);
				background: #00a54f;
				opacity: 1;
				width: 100% !important;
				z-index: 9;
			}
          
              #masthead .header_menu_links ul li a:hover,
              #masthead .header_menu_links ul li.current-menu-item a {
                color: #000000;
              }
              #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: 768px) {
/*     .popup_content .close_popup {
        left: 90% !important;
    }
 */
     .popup_content .close_popup {
        top: 0;
        rotate: 40deg;
    }

	.menu-is-active{
		height:100%;
		background-color:#ffffff;
	}
	.contact_form_sec_one {
  	  padding: 40px;
	}
	.contact-form-popup .contact_form_sec_one{
		padding:0;
	}
	
.popup_content {
    transform: translate(13%, 30%);
}
}
@media screen and (max-width: 440px) {

/* .popup_content {
    transform: translate(6%, 30%);
} */
}
/* End custom CSS */