.elementor-kit-2579{--e-global-color-primary:#789B4A;--e-global-color-secondary:#3D2A5B;--e-global-color-text:#000000;--e-global-color-accent:#FFFFFF;--e-global-color-8cb3139:#0080A2;--e-global-color-2671900:#B7D87A;--e-global-color-b6f988b:#7AADD3;--e-global-color-8eba003:#97989A;--e-global-typography-primary-font-family:"Abhaya Libre";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Urbanist";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Jost";--e-global-typography-text-font-size:22px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-weight:500;}.elementor-kit-2579 e-page-transition{background-color:#FFBC7D;}.elementor-kit-2579 h1{color:var( --e-global-color-accent );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-2579 h2{color:var( --e-global-color-accent );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-2579 h4{color:var( --e-global-color-accent );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-2579 h6{font-weight:400;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-2579 p{margin-bottom:22px;}.elementor-kit-2579 h6{font-size:11px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.max-p p  {max-width: 50em; display: inline-block;}

/* CSS to handle text in circles */

#circle-blue .elementor-widget-container ,
#circle-black .elementor-widget-container {
    width: 680px; 
    height: 680px;
    border-radius: 1000px;
    flex-shrink: 0;
    z-index: 999;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: black;
    color: white;
    display: block;
    position: relative;
    padding: 100px;
    padding-top: 8em;
    text-align: center;
}

#circle-black h2,
#circle-blue h2 {font-size: 46px;
text-transform: uppercase;
font-weight: bold;
}
#circle-black p ,
#circle-blue p {
    font-size: 22px;
    
}
#circle-blue .elementor-widget-container {
    width: 540px; 
    height: 540px;
    background-color: var( --e-global-color-primary);
    color: black;

}



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


#circle-black h2,
#circle-blue h2 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    }
    
#circle-black p ,
#circle-blue p {
    font-size: 16px;
    
}
    
#circle-blue .elementor-widget-container ,
#circle-black .elementor-widget-container {
    width: 380px; 
    height: 380px;
    padding: 30px;
    padding-top: 40px;
}
}

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


#circle-black h2,
#circle-blue h2 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    }
    
#circle-black p ,
#circle-blue p {
    font-size: 14px;
    
}
    
#circle-blue .elementor-widget-container ,
#circle-black .elementor-widget-container {
    width: 300px; 
    height: 300px;
    padding: 20px;
    padding-top: 30px;
}
}


/* Bottom circles */

#circle-blue-2 .elementor-widget-container ,
#circle-black-2 .elementor-widget-container {
    width: 380px; 
    height: 380px;
    border-radius: 1000px;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: black;
    color: white;
    display: block;
    position: relative;
    padding: 100px;
    text-align: center;
    
}

#circle-black-2 h2,
#circle-blue-2 h2 {font-size: 46px;
text-transform: uppercase;
font-weight: bold;
}
#circle-black-2 p ,
#circle-blue-2 p {
    font-size: 20px;
    
}
#circle-blue-2 .elementor-widget-container {
    width: 680px; 
    height: 680px;
    background-color: var( --e-global-color-primary);
    color: black;

}

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


#circle-black-2 h2,
#circle-blue-2 h2 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    }
    
#circle-black-2 p ,
#circle-blue-2 p {
    font-size: 13px;
    
}
    
#circle-blue-2 .elementor-widget-container ,
#circle-black-2 .elementor-widget-container {
    width: 320px; 
    height: 320px;
    padding: 30px;
    padding-top: 40px;
}
}/* End custom CSS */