.elementor-3446 .elementor-element.elementor-element-ffc0c8c{--display:grid;--min-height:420px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3446 .elementor-element.elementor-element-1ba4d81{width:var( --container-widget-width, 123.077% );max-width:123.077%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0vw 0vw 0vw 12vw;--container-widget-width:123.077%;--container-widget-flex-grow:0;z-index:10;}.elementor-3446 .elementor-element.elementor-element-1ba4d81.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3446 .elementor-element.elementor-element-1ba4d81 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:65px;font-weight:800;line-height:65px;color:#FFFFFF;}.elementor-3446 .elementor-element.elementor-element-76ab9e1{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-3446 .elementor-element.elementor-element-bbcb676{--display:grid;--min-height:420px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3446 .elementor-element.elementor-element-0dfd308{width:var( --container-widget-width, 123.077% );max-width:123.077%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0vw 0vw 0vw 12vw;--container-widget-width:123.077%;--container-widget-flex-grow:0;z-index:10;}.elementor-3446 .elementor-element.elementor-element-0dfd308.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3446 .elementor-element.elementor-element-0dfd308 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:65px;font-weight:800;line-height:65px;color:#FFFFFF;}.elementor-3446 .elementor-element.elementor-element-206abc2{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3446 .elementor-element.elementor-element-00057b9{width:var( --container-widget-width, 69.716% );max-width:69.716%;--container-widget-width:69.716%;--container-widget-flex-grow:0;}.elementor-3446 .elementor-element.elementor-element-00057b9.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3446 .elementor-element.elementor-element-ffc0c8c{--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-1ba4d81{text-align:center;}.elementor-3446 .elementor-element.elementor-element-76ab9e1{--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-bbcb676{--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-0dfd308{text-align:center;}}@media(max-width:767px){.elementor-3446 .elementor-element.elementor-element-ffc0c8c{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-1ba4d81{margin:0px 220px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0vw 0vw 0vw 0vw;--container-widget-width:192px;--container-widget-flex-grow:0;width:var( --container-widget-width, 192px );max-width:192px;text-align:center;}.elementor-3446 .elementor-element.elementor-element-1ba4d81.elementor-element{--align-self:center;}.elementor-3446 .elementor-element.elementor-element-1ba4d81 .elementor-heading-title{font-size:47px;line-height:1.1em;}.elementor-3446 .elementor-element.elementor-element-76ab9e1{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-bbcb676{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-0dfd308{margin:0px 220px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0vw 0vw 0vw 0vw;--container-widget-width:192px;--container-widget-flex-grow:0;width:var( --container-widget-width, 192px );max-width:192px;text-align:center;}.elementor-3446 .elementor-element.elementor-element-0dfd308.elementor-element{--align-self:center;}.elementor-3446 .elementor-element.elementor-element-0dfd308 .elementor-heading-title{font-size:47px;line-height:1.1em;}}/* Start custom CSS *//*
--- SECTION 1  --- 
*/


/***LEFT SIDE SECTION 1***/

#shape-left-1 {
  position: relative !important;
  background-color: transparent !important; /* Overrides the Elementor blue setting */
  z-index: 2;
  padding: 40px 100px 40px 40px;
  /*overflow: visible !important; */
}

/* 2. The dark grey polygon handles the actual background shape */
#shape-left-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2b2c34 !important; /* Your dark solid color */
  clip-path: polygon(0 0, 30% 0, 10% 100%, 0% 100%) !important;
  -webkit-clip-path: polygon(0 0, 75% 0, 10% 100%, 0% 100%);
  z-index: 1; 
  pointer-events: none;
}


/* 3. The yellow-green shape (added behind and right of the dark grey) */
#shape-left-1::after {
  content: "";
  position: absolute;
  /* Negative top pulls it above the container, height over 100% pushes it below */
  top: 0%; 
  left: 3%; 
  width: 100%; 
  height: 100%; 
  background-color: #aac620 !important; /* Yellow-green color */
  /* Keeps the precise parallel angle matching the grey shape */
  clip-path: polygon(0 0, 30% 0, 10% 100%, 0% 100%) !important;
  -webkit-clip-path: polygon(0 0, 75% 0, 10% 100%, 0% 100%);
  z-index: 0; /* Stays behind the grey background */
  pointer-events: none;
}

/* Hide shape-left-1 decorations on mobile */
@media (max-width: 767px) {
    #shape-left-1::before,
    #shape-left-1::after {
        display: none !important;
        content: none !important;
    }
}


/* 4. The image sits completely whole on top of everything */
#shape-left-1 .elementor-widget-image {
  position: relative;
  z-index: 5; /* Keeps it layered cleanly over the polygon */
}

#shape-left-1 .elementor-widget-image img {
  max-width: 100%;
  height: auto;
  display: block;
}






/*RIGHT SIDE OF SECTION 1*/
#shape-right-1 {
    position: relative;
    overflow: visible;
    z-index: 20;
}

#shape-right-1::before {
    content: "";
    position: absolute;
    top: 20%;
    left: 65.5%;
    width: 60%;
    height: 80%;
    /*transform-origin: bottom left;*/
    transform: skewX(-28deg);
    box-shadow: 0 3px 26px rgba(0, 0, 0, .3607843137);
    background-color: #aac620;
    z-index: 9;
}

#shape-right-1::after {
    content: "";
    position: absolute;
    top: 20%;
    right: -21%;
    width: 63%;
    height: 80%;
    transform-origin: bottom left;
    transform: skewX(-28deg);
    box-shadow: 0 3px 26px rgba(0, 0, 0, .3607843137);
    background-color: #145629;
    z-index: 110;
}


@media (min-width: 1500px) {
    #shape-right-1::after {
        left: 31vw;
    }
}

/* Hide shape-right-1 decorations on mobile */
@media (max-width: 767px) {
    #shape-right-1::before,
    #shape-right-1::after {
        display: none !important;
        content: none !important;
    }
}/* End custom CSS */