/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
.elementor-heading-title { font-family: 'Raleway' !important; } 
h2 h3 h4 h5 h6 { font-family: 'Raleway' !important; font-weight: 700; /* Bold for strong text */ }

h2 span { font-weight: 800; /* Extra bold for emphasized words */ }
.elementor-button span {font-family: 'Raleway' !important; }
p { font-family: 'Raleway' !important; font-weight: 400; /* Light for paragraph */ max-width: 100%; margin: 0 auto; margin-block-end: 0px !important; }
#home-hero-section {overflow:hidden !important; }
body { padding: 0; margin: 0; position: relative; overflow: hidden; overflow-y: auto; min-height: 100vh; }
/*menu active clas color*/
.elementor-element.elementor-element-0b7b83b.e-flex.e-con-boxed.e-con.e-child.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects { background:#206791;}

.elementor-menu-toggle .elementor-active {
	fill: #33373d !important;}/* ✅ FULLSCREEN RIGHT SIDE MENU FIXED + CENTERED */
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    width: 50% !important;
    left: 50% !important;
}
/* ✅ INITIAL MENU HIDDEN (OFF-SCREEN RIGHT) */
.elementor-nav-menu--dropdown {
    position: fixed !important;
    top: 0;
    right: -50vw; /* hidden offscreen initially */
    width: 50vw; /* half of the screen */
    height: 100vh;
    background: #000;
    z-index: 99999;

    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    padding: 0;
    margin: 0;
    overflow: hidden;
    font-family: 'Raleway' !important;

    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}

/* ✅ MENU ACTIVE STATE (SLIDES IN FROM RIGHT) */
.elementor-nav-menu--dropdown.elementor-active,
.elementor-nav-menu--dropdown[aria-hidden="false"] {
    right: 0 !important; /* slides in */
    opacity: 1 !important;
    visibility: visible !important;
}

/* ✅ MENU LINKS STYLE */
.elementor-nav-menu--dropdown a {
    color: #206791 !important;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px 0;
    letter-spacing: 1px;
    text-align: center;
}

/* ✅ SUBMENU STYLE */
.elementor-nav-menu--dropdown .elementor-sub-item {
    color: #cccccc !important;
    font-size: 18px;
    padding-left: 0;
}

/* ✅ KEEP TOGGLE ICON FIXED IN ORIGINAL SPOT */
.elementor-menu-toggle {
    position: relative !important;
    z-index: 100000;
}

/* ✅ TOGGLE ICON COLOR (WHEN MENU OPEN) */
.elementor-menu-toggle.elementor-active {
    color: #206791 !important;
}

/* ✅ SWITCH ICONS ON TOGGLE */
.elementor-menu-toggle.elementor-active .eicon-menu-bar {
    display: none !important;
}
.elementor-menu-toggle.elementor-active .eicon-close {
    display: block !important;
    font-size: 36px !important;
}

/* ✅ ENSURE CLOSE ICON HIDDEN INITIALLY */
.elementor-menu-toggle .eicon-close {
    display: none !important;
}
@media (max-width: 900px) {
	.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    width: 100% !important;
    left: 0% !important;
}
}

.elementor-654 .elementor-element.elementor-element-277b1e51 .wpr-grid-item{
    background:#206791 !important;
    padding: 10px !important;
}

/* ✅ Base button style */
.elementor-654 .elementor-element.elementor-element-277b1e51 
.wpr-grid-item-read-more .inner-block {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* space between text & icon */
    background: #ffffff;
    color: #206791;
    border: 2px solid #206791;
    border-radius: 8px;
    padding: 10px 24px;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: 'Raleway' !important;
    cursor: pointer;
}

/* ✅ Add circular arrow icon */
.elementor-654 .elementor-element.elementor-element-277b1e51 
.wpr-grid-item-read-more .inner-block::after {
    content: "→";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    /*border: 2px solid #206791;*/
    border-radius: 50%;
    font-size: 16px;
    transition: all 0.3s ease;
}

/* ✅ Hover effect for button 
.elementor-654 .elementor-element.elementor-element-277b1e51 
.wpr-grid-item-read-more .inner-block:hover {
    background: #206791;
    color: #ffffff;
}*/

/* ✅ Hover effect for icon (invert colors + slide right) */
.elementor-654 .elementor-element.elementor-element-277b1e51 
.wpr-grid-item-read-more .inner-block:hover::after {
    background: #ffffff;
    color: #206791;
    transform: translateX(5px);
}

.elementor-654 .elementor-element.elementor-element-277b1e51 .wpr-grid-item-read-more .inner-block a {
	border-width: 0px !important;}

/*title hide */

body:not(.elementor-template) h1.entry-title { display: none;}
header .elementor-page-title {
  display: block !important;
}
.elementor a { color: #206791;}

/*menu extra spache remove*/
.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {margin-top: -33px;}

/*menu cancel svg icon color*/
.elementor-10 .elementor-element.elementor-element-d3c3e1a div.elementor-menu-toggle:hover svg, .elementor-10 .elementor-element.elementor-element-d3c3e1a div.elementor-menu-toggle:focus svg {fill: black ;}


/*button class */

.elementor-button:hover {
    background-color: #F7EBD3 !important;}
/*.elementor-button btn-btn:hover{
	background-color:#4883A5 !important;
}
*/
@media only screen and (max-width: 767px) {
  .elementor-10 .elementor-element.elementor-element-d3c3e1a .elementor-nav-menu--dropdown {
    background-color: #FFFFFF;
    margin-top: -27px;
  }
}