/*
 Theme Name:   Twenty Twenty-Four Child
 Theme URI:    https://example.com/
 Description:  Child theme for the Twenty Twenty-Four theme
 Author:       Your Name
 Author URI:   https://example.com/
 Template:     twentytwentyfour
 Version:      1.0.0
 Text Domain:  twentytwentyfour-child
*/

/* Import parent theme styles */
@import url("../twentytwentyfour/style.css");

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

p{
    margin: 0;
}


header#masthead {
    position: fixed !important;
    top: 0;
    left: 0;
    max-height: 80px;
    width: 100%;
    background: #ffffff00;
    z-index: 9999;
  }

  .title-text{
    line-height: 130%;
  }
  
  
  body.admin-bar header#masthead {
    top: 32px;
  }

  .custom-container > .e-con-inner{
    max-width: 1280px !important;
  }

  .main-title-text p{
    display: inline !important;
  }

  .title-text{
    line-height: 130%;
    margin: 0;
    display: inline !important;
  }


  .text-secondary{
    color: #FDF281;
}

.title-small{
    font-size: 33px;
    line-height: normal;
    margin: 0;
}

.title-accent{
    color: #8CD83F;
}


.circle-bg .elementor-widget-container {
    position: relative;
    z-index: 2;  
}

.circle-bg .elementor-widget-container::after {
    content: "";
    margin: 0 auto;
    width: 100%;
    position: absolute;
    border-radius: 100%;
    background: rgb(255 252 217 / 24%);
    filter: blur(150px);
    z-index: -1;
    height: 0;
    padding: 100% 0;
    border-radius: 50%;
    top: 0;
    left: 0px;   
}

.highlight-text{
    font-weight: 700;
    color: #004F44;
}

.about-us-para > .elementor-widget-container {
   max-width: 700px;
   margin: 0 auto;
}

.accordion-faq > .elementor-widget-container {
    background-color: #f8f8f8;
}


header#masthead {
    background-color: transparent;
    transition: background-color 0.3s ease;
  }
  
  header#masthead.scrolled {
    background-color: #00322b;
  }

  header#masthead .elementskit-menu-overlay {
    display: none !important;
  }
  


@media screen and (max-width: 786px) {

    .title-text{
        line-height: 120%;
      }
    html.admin-bar header#masthead {
        top: 46px;
    }

    br{
        display: none;
    }

    .title-small{
        font-size: 28px;
        line-height: normal;
        margin: 0;
    }
}