.elementor-kit-9{--e-global-color-primary:#7878AB;--e-global-color-secondary:#2E5A74;--e-global-color-text:#212121;--e-global-color-accent:#9A144A;--e-global-color-white:#FFFFFF;--e-global-color-full_transperent:#FFFFFF00;--e-global-color-page_bg:#F0F0F3;--e-global-color-shadow:#AAAACC80;--e-global-color-hover_link:#149A64;--e-global-color-button_bg:#F5F5FA;--e-global-color-accent_lavender:#D5CEFD;--e-global-typography-primary-font-family:"Barlow Condensed";--e-global-typography-primary-font-size:clamp(1.4375rem, 1.31250rem + 0.52632vw, 2.0625rem);--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Barlow Condensed";--e-global-typography-secondary-font-size:clamp(1.4375rem, 1.31250rem + 0.52632vw, 2.0625rem);--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:clamp(1rem, 0.95000rem + 0.21053vw, 1.25rem);--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:clamp(0.8125rem, 0.77500rem + 0.15789vw, 1rem);--e-global-typography-accent-font-weight:500;--e-global-typography-3b7243b-font-family:"Barlow Condensed";--e-global-typography-3b7243b-font-size:clamp(3.1875rem, 2.70000rem + 2.05263vw, 5.625rem);--e-global-typography-a847a8b-font-family:"Barlow";--e-global-typography-a847a8b-font-size:clamp(2.375rem, 2.01250rem + 1.52632vw, 4.1875rem);--e-global-typography-1ca7e03-font-family:"Barlow Semi Condensed";--e-global-typography-1ca7e03-font-size:clamp(1.25rem, 1.15000rem + 0.42105vw, 1.75rem);background-color:var( --e-global-color-page_bg );}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column: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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Remove Extra Spacing from the bottom of Text Editors*/

.elementor-widget-text-editor p:last-child{ margin-bottom:0px;}

/* Set the root font size to 100% to be better for Web Accessibility*/
html {font-size: 100%;}

.ph-h1 :is(h1, h2, h3, h4, h5, h6, p) {font-size: 
clamp(2.0625rem, 1.87500rem + 0.78947vw, 3rem);
}

.ph-h2 :is(h1, h2, h3, h4, h5, h6, p) {font-size: clamp(1.75rem, 1.60000rem + 0.63158vw, 2.5rem);
    line-height: 1.125em;
}

.ph-h3 :is(h1, h2, h3, h4, h5, h6, p) {font-size: clamp(1.4375rem, 1.31250rem + 0.52632vw, 2.0625rem);
    line-height: 1.125em;
}

.ph-h4 :is(h1, h2, h3, h4, h5, h6, p) {font-size: clamp(1.1875rem, 1.07500rem + 0.47368vw, 1.75rem);
    line-height: 1.5em;
}

.ph-h5 :is(h1, h2, h3, h4, h5, h6, p) {font-size: clamp(1rem, 0.91250rem + 0.36842vw, 1.4375rem);
    line-height: 1.5em;
}

.ph-h6 :is(h1, h2, h3, h4, h5, h6, p) {font-size: clamp(0.8125rem, 0.73750rem + 0.31579vw, 1.1875rem);
    line-height: 1.5em;
}

.ph-body :is(h1, h2, h3, h4, h5, h6, p) {font-size: clamp(1rem, 0.95000rem + 0.21053vw, 1.25rem);
    line-height: 1.2em;
}

.ph-small :is(h1, h2, h3, h4, h5, h6, p) {font-size: clamp(0.8125rem, 0.81250rem + 0.00000vw, 0.8125rem);
    line-height: 1.2em;
}

h1, h2, h3, h4, h5, h6, p, ol, li {font-size: clamp(1rem, 0.95000rem + 0.21053vw, 1.25rem);
    line-height: 1.2em;
    hyphens: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
}


/* Apply this CSS to your container class */
.container {
    position: relative;
    border-radius: 32px;
    overflow: hidden; /* Ensures the inner shadow follows rounded corners */
    background: linear-gradient(rgb(245, 245, 250), rgb(245, 245, 250)); /* Background as per your example */
}

/* Put a shadow around the active menu item and on hover */

.elementor-kit-9 .elementor-item.active,
.elementor-kit-9 .current-menu-item,
.elementor-kit-9 .elementor-item:hover
{
    background-color: #7874AA;
 border-radius: 32px 32px 32px 32px;
    box-shadow: 5px 5px 10px 0px rgba(170, 170, 204, 0.5);
}/* End custom CSS */