.elementor-kit-6{--e-global-color-primary:#FC212B;--e-global-color-secondary:#F5F5DC;--e-global-color-text:#000000;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Libre Baskerville";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.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;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* Styles extracted from inline attributes and the <style type="text/html"> block */

/* General Body and Main Styles (if present, derived from your Elementor screenshot) */
body {
    background: rgb(255, 255, 255); /* From <div id="main"> parent, based on Elementor screenshot */
}

/* Framer Root and Global Container Styles */
#main {
    max-width: 100%; /* From Elementor widget parent, based on Elementor screenshot */
}

.framer-root {
    min-width: 0; /* From Elementor widget parent, based on Elementor screenshot */
}

.framer-slider-html-style-html-body { /* This class seems to be for a specific style tag from Elementor, based on screenshot */
    background: rgb(255, 255, 255);
}

.framer-root .framer-filter { /* Likely for a filter/overlay element within Framer */
    min-height: 100vh; /* Adjust if your design is not full viewport height */
    width: 100%;
    opacity: 1; /* From Elementor screenshot */
}

/* Framer Slideshow Wrapper */
.framer-slideshow-list {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: translateZ(0);
}

/* Individual Slide Containers */
.framer-1fonqe2-container,
.framer-1p9p3wk-container { /* These are the containers for each slide */
    flex-shrink: 0;
    user-select: none;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: hidden; /* Framer controls visibility with JS, so this might change */
    transform: scale(0.8) rotateX(-85deg); /* Initial state, likely animated by JS */
    transform-origin: 50% 0% 0;
}

/* Ensure the active slide is visible */
li[aria-hidden="false"] .framer-1fonqe2-container,
li[aria-hidden="false"] .framer-1p9p3wk-container {
    visibility: visible;
    opacity: 1;
    transform: none; /* Reset transform for active slide */
}

/* Image Wrapper and Image Styles */
[data-framer-background-image-wrapper="true"] {
    position: absolute;
    border-radius: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

[data-framer-background-image-wrapper="true"] img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-position: center;
    object-fit: cover;
}

/* Overlay / Background for Text Content */
.framer-7hbfss-container {
    height: 100%;
    width: 100%;
}

.framer-o1Am5.framer-12b8h4x.framer-v-12b8h4x { /* This seems to be the dark overlay for text */
    background-color: rgb(0, 0, 0);
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    box-shadow: 0px 0.6021873017743928px 0.6021873017743928px -1px rgba(0, 0, 0, 0.15),
                0px 2.288533303243457px 2.288533303243457px -2px rgba(0, 0, 0, 0.14),
                0px 10px 10px -3px rgba(0, 0, 0, 0.1);
    height: 100%;
    width: 100%;
}


/* Text Containers and Paragraph Styles */
.framer-1rzowks,
.framer-1bs8w6i,
.framer-q044xu,
.framer-jgjztq {
    outline: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-shrink: 0;
    /* These are Framer-specific CSS variables, consider replacing with direct values if issues persist */
    --extracted-r6o4lv: rgb(255, 255, 255);
    --framer-link-text-color: rgb(0, 153, 255);
    --framer-link-text-decoration: underline;
    transform: none; /* Reset transform */
}

/* Specific text styles for the paragraphs */
.framer-text {
    /* Font family, size, letter spacing, line height, and color are often set directly on p tags by Framer */
    /* You might need to add `@font-face` rules for "Mont-Regular" if it's a custom font */
    font-family: "Mont-Regular", "Mont-Regular Placeholder", sans-serif;
    letter-spacing: 0.03em;
    line-height: 1.4em;
    color: rgb(255, 255, 255); /* Assuming --extracted-r6o4lv is white */
}

/* Specific font sizes for paragraphs */
.framer-1rzowks .framer-text,
.framer-q044xu .framer-text {
    font-size: 24px;
}

.framer-1bs8w6i .framer-text,
.framer-jgjztq .framer-text {
    font-size: 55px;
}


/* Fieldset and Pagination Controls */
fieldset[aria-label="Slideshow pagination controls"] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    pointer-events: none; /* Initially pointer-events: none */
    user-select: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0;
    padding: 0;
    margin: 0;
}

fieldset > div:nth-child(1) { /* Container for arrows */
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: unset;
    opacity: 1;
    align-items: center;
    inset: 20px; /* top, left, right, bottom 20px */
}

fieldset > div:nth-child(2) { /* Container for dots */
    display: flex;
    place-content: center;
    place-items: center;
    overflow: hidden;
    position: absolute;
    pointer-events: auto; /* Re-enable pointer events for dots */
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    flex-direction: column;
    bottom: unset;
    border-radius: 50px;
    background-color: rgba(0, 0, 0, 0.2);
    user-select: none;
}

button[aria-label="Previous"],
button[aria-label="Next"] {
    border: none;
    display: none; /* These buttons are set to display: none inline */
    place-content: center;
    place-items: center;
    overflow: hidden;
    background: transparent;
    cursor: pointer;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.2);
    width: 40px;
    height: 40px;
    border-radius: 40px;
    pointer-events: auto;
    transform: rotate(90deg);
}

button[aria-label^="Scroll to page"] {
    border: none;
    display: flex;
    place-content: center;
    place-items: center;
    overflow: hidden;
    background: transparent;
    cursor: pointer;
    margin: 0;
}

button[aria-label="Scroll to page 1"] {
    padding: 10px 10px 5px 10px;
}

button[aria-label="Scroll to page 2"] {
    padding: 5px 10px 10px 10px;
}


button[aria-label^="Scroll to page"] > div { /* The actual pagination dots */
    border-radius: 50%;
    background: white;
    cursor: pointer;
    border: none;
    place-content: center;
    place-items: center;
    padding: 0;
    width: 10px;
    height: 10px;
    background-color: rgb(255, 255, 255);
}

button[aria-label="Scroll to page 1"] > div {
    opacity: 1; /* Active dot */
}

button[aria-label="Scroll to page 2"] > div {
    opacity: 0.5; /* Inactive dot */
}

/* Framer generated classes for animations/transitions - essential for slider functionality */
.framer-v-1mnc22o { /* This is a common class for variants */
    /* Framer uses this to control transitions/animations via JS */
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.framer-xAFG7 {
    /* Add any common styles for this class if found in Framer's global CSS */
}

/* Ensure images within buttons are styled */
button img {
    display: block; /* To prevent extra space */
}/* End custom CSS */