@media all {
  *#dm .dmInner div.u_1132516832 img { border-radius:24px 24px 24px 24px !important; }

  *#dm .dmInner nav.u_181523886 { color:white !important; }

  *#dm .dmInner div.u_1715532771 .dmformsubmit {
    width:194px !important;
    height:55px !important;
  }

  *#dm .dmInner div.u_1715532771 input:not([type="submit"]) {
    background-color:rgba(255,255,255,1) !important;
    background-image:initial !important;
    border-style:solid !important;
    border-color:rgba(204,204,204,1) rgba(204,204,204,1) rgba(204,204,204,1) rgba(204,204,204,1) !important;
    border-width:1px 1px 1px 1px !important;
    border-radius:3px 3px 3px 3px !important;
  }

  *#dm .dmInner div.u_1715532771 textarea {
    background-color:rgba(255,255,255,1) !important;
    background-image:initial !important;
    border-style:solid !important;
    border-color:rgba(204,204,204,1) rgba(204,204,204,1) rgba(204,204,204,1) rgba(204,204,204,1) !important;
    border-width:1px 1px 1px 1px !important;
    border-radius:3px 3px 3px 3px !important;
  }

  *#dm .dmInner div.u_1715532771 select {
    background-color:rgba(255,255,255,1) !important;
    background-image:initial !important;
    border-style:solid !important;
    border-color:rgba(204,204,204,1) rgba(204,204,204,1) rgba(204,204,204,1) rgba(204,204,204,1) !important;
    border-width:1px 1px 1px 1px !important;
    border-radius:3px 3px 3px 3px !important;
  }

  *#dm .dmInner div.u_1488309398 img { border-radius:24px 24px 24px 24px !important; }

  *#dm .dmInner a.u_1309267644:hover { background-image:none !important; }

  *#dm .dmInner a.u_1309267644.hover { background-image:none !important; }

  *#dm .dmInner a.u_1484392462:hover { background-image:none !important; }

  *#dm .dmInner a.u_1484392462.hover { background-image:none !important; }

  *#dm .dmInner a.u_1990794994:hover { background-image:none !important; }

  *#dm .dmInner a.u_1990794994.hover { background-image:none !important; }

  *#dm .dmInner a.u_1749635475:hover { background-image:none !important; }

  *#dm .dmInner a.u_1749635475.hover { background-image:none !important; }

  *#dm .dmInner a.u_1876435905:hover { background-image:none !important; }

  *#dm .dmInner a.u_1876435905.hover { background-image:none !important; }

  *#dm .dmInner div.u_1209052422 .svg { fill:var(--color_5) !important; }

  *#dm .dmInner a.u_1301436310:hover { background-image:none !important; }

  *#dm .dmInner a.u_1301436310.hover { background-image:none !important; }

  *#dm .dmInner a.u_1006107291:hover { background-image:none !important; }

  *#dm .dmInner a.u_1006107291.hover { background-image:none !important; }

  *#dm .dmInner a.u_1644331367:hover { background-image:none !important; }

  *#dm .dmInner a.u_1644331367.hover { background-image:none !important; }

  *#dm .dmInner div.u_1773192404 .svg { fill:var(--color_5) !important; }

  *#dm .dmInner a.u_1969066888:hover { background-image:none !important; }

  *#dm .dmInner a.u_1969066888.hover { background-image:none !important; }

  *#dm .dmInner div.u_1643142556 .svg { fill:var(--color_5) !important; }

  *#dm .dmInner a.u_1274076464:hover { background-image:none !important; }

  *#dm .dmInner a.u_1274076464.hover { background-image:none !important; }

  *#dm .dmInner a.u_1827689314:hover { background-image:none !important; }

  *#dm .dmInner a.u_1827689314.hover { background-image:none !important; }

  *#dm .dmInner a.u_1716836219:hover { background-image:none !important; }

  *#dm .dmInner a.u_1716836219.hover { background-image:none !important; }

  *#dm .dmInner div.u_1218463063 .svg { fill:var(--color_7) !important; }

  *#dm .dmInner div.u_1515223648 .svg { fill:var(--color_7) !important; }

  *#dm .dmInner div.u_1700235431 .svg { fill:var(--color_7) !important; }

  *#dm .dmInner div.u_1961036443 .svg { fill:var(--color_7) !important; }

  *#dm .dmInner div.u_1528839410 .svg { fill:var(--color_7) !important; }

  *#dm .dmInner div.u_1373055043 .svg { fill:var(--color_7) !important; }

  *#dm .dmInner div.u_1641197956 .svg { fill:var(--color_7) !important; }

  *#dm .dmInner div.u_1089598612 .svg { fill:var(--color_7) !important; }

  *#dm .dmInner div.u_1652689554 .svg { fill:var(--color_7) !important; }

  *#dm .dmInner div.u_1114297630 .scroll-item { color:var(--color_3) !important; }

  *#dm .dmInner div.u_1448213198 .svg { fill:var(--color_7) !important; }

  *#dm .dmInner div.u_1508857786 .svg { fill:var(--color_7) !important; }

  *#dm .dmInner nav.u_1998592992 { color:white !important; }

  *#dm .dmInner a.u_1638108735:hover { background-image:none !important; }

  *#dm .dmInner a.u_1638108735.hover { background-image:none !important; }

  *#dm .dmInner a.u_1523357122:hover { background-image:none !important; }

  *#dm .dmInner a.u_1523357122.hover { background-image:none !important; }

  *#dm .dmInner a.u_1523357122 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/1cef9da8/icon/Phone_8365903.svg) !important;
  }

  *#dm .dmInner a.u_1523357122:hover .iconBg { background-color:var(--color_2) !important; }

  *#dm .dmInner a.u_1523357122.hover .iconBg { background-color:var(--color_2) !important; }

  *#dm .dmInner a.u_1098928496:hover { background-image:none !important; }

  *#dm .dmInner a.u_1098928496.hover { background-image:none !important; }

  *#dm .dmInner a.u_1098928496 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/1cef9da8/icon/Phone_8365903.svg) !important;
  }

  *#dm .dmInner a.u_1098928496:hover .iconBg { background-color:var(--color_2) !important; }

  *#dm .dmInner a.u_1098928496.hover .iconBg { background-color:var(--color_2) !important; }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#flex-header {
    --overlapping-background-color: rgba(0,0,0,0);
    --overlapping-background-image: rgba(0,0,0,0);
}
}



@media all {
    
#d76a64aa {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 8px;
    width: 49%;
    min-width: 4%;
}
    
#\32 5f7de9c {
    min-height: 240px;
    column-gap: 2%;
    row-gap: 12px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 2% 4% 2%;
}
    
#\30 e5aa598.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\30 e5aa598 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 9cddc68 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#widget_1d2.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#widget_1d2 {
    width: 95.40%;
    height: auto;
    max-width: 100%;
    order: 2;
    margin: 15px 0% 0px 0%;
}
    
#\35 5948d1f::before, #\35 5948d1f > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_2);
    opacity: 0.8;
    border-radius: inherit;
}
#\35 5948d1f {
    background-color: var(--color_4);
    background-image: url("https://lirp.cdn-website.com/1cef9da8/dms3rep/multi/opt/Affordable-JC-Roofing-faq-image-1920w.webp");
}
#\35 5948d1f.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,UklGRkQAAABXRUJQVlA4IDgAAADQAQCdASoKAAcAAUAmJYwCdAEOfFOTMAD7pfw7xvZg3gR6UEZmQX8Xz0+2ozVb+tC+u4P1wKsAAA==');
}
    
#group_tn5 {
    width: 49%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    padding: 16px 16px 16px 16px;
}
    
#\37 e44f353 {
    width: 100.00%;
    height: 500px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 83a0086 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\39 4123064 {
    margin: 0px 0% 0px 0%;
}
    
#e8927e2a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 16px;
    width: 100%;
    min-width: 4%;
}
    
#ce039662 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 2% 4% 2%;
}
    
#\37 e1f2eb5 {
    align-items: flex-start;
    width: 54.01%;
    min-height: 107px;
    max-height: 100%;
    row-gap: 8px;
    column-gap: 4%;
    order: 0;
    align-self: auto;
    min-width: 32px;
    height: auto;
    padding: 16px 0px 16px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 805c44c.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\34 805c44c {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#ac944fd8 {
    align-items: center;
    width: 41.99%;
    min-height: 108px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 2%;
    order: 0;
    align-self: auto;
    min-width: 32px;
    height: auto;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#fbe0fa95 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\30 10c6c43 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#f1428482 {
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    min-height: 108px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    order: 0;
    height: auto;
    justify-self: auto;
    align-self: auto;
    justify-content: flex-start;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\37 6019e2c {
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 2%;
    flex-direction: row;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 9px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_sav {
    width: auto;
    height: auto;
    max-width: 100%;
}
    
#\31 641bc99 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#ba0fb18f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-color: var(--color_7);
    background-image: none;
}
    
#af57e954 {
    min-height: 61px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 0% 0% 0% 0%;
}
    
#b7d09b2e {
    margin: 0px 0% 0px 0%;
}
    
#widget_4b2 {
    width: auto;
    height: auto;
    max-width: 100%;
    order: 0;
}
}



@media all {
    
#\35 f2ee082 {
    min-height: 100vh;
    column-gap: 2%;
    row-gap: 12px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 16% 2% 4% 2%;
    margin: 0% 0% 0% 0%;
}
    
#b9bac11c {
    background-size: contain;
    background-position: 50% 100%;
    align-items: center;
    width: 38.43%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    background-image: initial;
    background-color: rgba(0,0,0,0);
    padding: 0px 0px 0px 0px;
}
    
#ef6076a7 {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    order: 2;
}
    
#\30 fb2dcf8::before, #\30 fb2dcf8 > .bgExtraLayerOverlay {
    border-radius: inherit;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_6);
    opacity: 0.7;
}
#\30 fb2dcf8 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-image: none;
    background-color: rgba(0, 0, 0, 0);
}
    
#\34 af7b758 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 59.53%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\35 1fa32e6 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 bc65cee.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\34 bc65cee {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    order: 1;
    margin: 0px 0% 0px 0%;
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#bf5919fa {
    align-items: flex-start;
    width: 100%;
    min-height: 483px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-radius: 24px 24px 24px 24px;
    height: auto;
    border-style: solid;
    border-color: #000000 #000000 var(--color_5) #000000;
    border-width: 0 0 6px 0;
    padding: 32px 32px 32px 32px;
}
    
#a830eabe {
    align-items: center;
    width: 86.64%;
    min-height: 55px;
    max-height: 100%;
    row-gap: 11px;
    column-gap: 2%;
    height: auto;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    justify-self: auto;
    align-self: auto;
    order: 3;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#c5c8ac35 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#e0b56ed6.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#e0b56ed6 {
    width: 74.86%;
    height: 100px;
    min-height: 100px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 5;
    margin: -28px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a227879d {
    margin: 0px 0% 0px 0%;
}
    
#f074a6fc {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\31 8606541 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100.00%;
    min-height: 104px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 1;
    min-width: 32px;
    height: auto;
    margin: 0px 0% 0px 0%;
}
    
#\32 4682038 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 4d06dc0 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_4);
    background-image: initial;
}
    
#b1e1f24d {
    width: 71px;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#ae20ce64[data-pinned] {
    position: sticky;
    top: 204px;
    bottom: auto;
    z-index: 1;
}
#ae20ce64 {
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 8px;
    column-gap: 4%;
    order: 3;
    padding: 0px 0px 0px 0px;
}
    
#\37 72f4b4a {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding: 4% 2% 4% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\34 a2f3bef {
    width: 71px;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a1f23bd4 {
    width: 100%;
    height: 320px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin-top: 10px;
    grid-area: auto / auto / auto / auto;
}
    
#\30 7283bab {
    width: 71px;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 8350e51 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 16px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0,0,0,0);
    background-image: initial;
    border-radius: 0px 0px 0px 0px;
    border-style: solid;
    border-color: rgba(233,234,236,1) rgba(233,234,236,1) rgba(233,234,236,1) rgba(233,234,236,1);
    border-width: 0px 0px 0px 0px;
    justify-content: flex-start;
    padding: 0px 0px 0px 0px;
}
    
#a1eb3b26 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 16px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#efe161d2 {
    width: 100%;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 f83f32e {
    width: 71px;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 59215a8 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    justify-self: auto;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#\36 f52717c.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\36 f52717c {
    width: 95.42%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 3;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 5dcd826.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\33 5dcd826 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 8afde4e {
    align-items: center;
    width: 100%;
    min-height: 32px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 5%;
    height: auto;
    align-self: auto;
    order: 0;
    border-radius: 24px 24px 24px 24px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--color_7) var(--color_7) var(--color_7) var(--color_7);
    flex-wrap: nowrap;
    padding: 16px 16px 16px 16px;
    grid-area: auto / auto / auto / auto;
}
    
#\38 5d21514 {
    width: 71px;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 8b13a69 {
    width: 71px;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 eddb3f8 {
    margin: 0px 0% 0px 0%;
}
    
#group_3od {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100.00%;
    min-height: 104px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 1;
    min-width: 32px;
    height: auto;
    margin: 0px 0% 0px 0%;
}
    
#c83cd0fa {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a4ac5d82 {
    align-items: center;
    width: 100%;
    min-height: 32px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 5%;
    height: auto;
    align-self: auto;
    order: 0;
    border-radius: 24px 24px 24px 24px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--color_7) var(--color_7) var(--color_7) var(--color_7);
    flex-wrap: nowrap;
    padding: 16px 16px 16px 16px;
    grid-area: auto / auto / auto / auto;
}
    
#\35 5a40533 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100.00%;
    min-height: 104px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 1;
    min-width: 32px;
    height: auto;
    margin: 0px 0% 0px 0%;
}
    
#c2600993 {
    width: 100%;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 2c55b62 {
    align-items: center;
    width: 100%;
    min-height: 32px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 5%;
    height: auto;
    align-self: auto;
    order: 0;
    border-radius: 24px 24px 24px 24px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--color_7) var(--color_7) var(--color_7) var(--color_7);
    flex-wrap: nowrap;
    padding: 16px 16px 16px 16px;
    grid-area: auto / auto / auto / auto;
}
    
#d6f07e72 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 7a451a9 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100.00%;
    min-height: 104px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 1;
    min-width: 32px;
    height: auto;
    margin: 0px 0% 0px 0%;
}
    
#\30 13810ea {
    width: 100%;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#b368608c {
    align-items: center;
    width: 100%;
    min-height: 32px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 5%;
    height: auto;
    align-self: auto;
    order: 0;
    border-radius: 24px 24px 24px 24px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--color_7) var(--color_7) var(--color_7) var(--color_7);
    flex-wrap: nowrap;
    padding: 16px 16px 16px 16px;
    grid-area: auto / auto / auto / auto;
}
    
#\39 eb585ae {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#cb682399 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100.00%;
    min-height: 104px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 1;
    min-width: 32px;
    height: auto;
    margin: 0px 0% 0px 0%;
}
    
#\38 cd0ac28 {
    width: 100%;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 1d159d1 {
    align-items: center;
    width: 100%;
    min-height: 32px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 5%;
    height: auto;
    align-self: auto;
    order: 0;
    border-radius: 24px 24px 24px 24px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--color_7) var(--color_7) var(--color_7) var(--color_7);
    flex-wrap: nowrap;
    padding: 16px 16px 16px 16px;
    grid-area: auto / auto / auto / auto;
}
    
#\36 e032bac {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\37 09403cf {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100.00%;
    min-height: 104px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 1;
    min-width: 32px;
    height: auto;
    margin: 0px 0% 0px 0%;
}
    
#b5b75dcd {
    width: 100%;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 45dbf1b {
    align-items: center;
    width: 100%;
    min-height: 32px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 5%;
    height: auto;
    align-self: auto;
    order: 0;
    border-radius: 24px 24px 24px 24px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--color_7) var(--color_7) var(--color_7) var(--color_7);
    flex-wrap: nowrap;
    padding: 16px 16px 16px 16px;
    grid-area: auto / auto / auto / auto;
}
    
#\31 860deb3 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#c546933e {
    width: 100%;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\30 c70b790 {
    align-items: center;
    width: 86.64%;
    min-height: 55px;
    max-height: 100%;
    row-gap: 11px;
    column-gap: 2%;
    height: auto;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    justify-self: auto;
    align-self: auto;
    order: 4;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a2d2115a {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    min-width: 32px;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#a656f4a8 {
    align-items: flex-start;
    width: 32.64%;
    min-height: 164px;
    max-height: 100%;
    row-gap: 8px;
    column-gap: 4%;
    border-radius: 24px 24px 24px 24px;
    background-color: var(--color_7);
    background-image: none;
    border-style: solid;
    border-width: 4px 4px 4px 4px;
    border-color: rgba(255,255,255,1) rgba(255,255,255,1) rgba(255,255,255,1) rgba(255,255,255,1);
    margin-top: -128px;
    margin-left: -60px;
    height: auto;
    padding: 16px 16px 16px 16px;
}
    
#\33 b0f5580 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
}
    
#c79d656b {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding: 4% 2% 4% 2%;
}
    
#\33 5304d33 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\36 93326c2 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#c89762d7 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 8px;
    width: 48%;
    min-width: 4%;
}
    
#\30 6ab4bbb.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\30 6ab4bbb {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 10px 0% 0px 0%;
}
    
#a1c41c61 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: auto;
    min-width: 32px;
    justify-self: auto;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#dcf1c9e6 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#ed56c8f2.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#ed56c8f2 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\39 f001b11 {
    align-items: flex-start;
    width: 100.00%;
    min-height: 450px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    background-image: url("https://lirp.cdn-website.com/1cef9da8/dms3rep/multi/opt/about-section-1920w.jpg");
    height: auto;
    border-radius: 24px 24px 24px 24px;
    box-shadow: rgba(0, 0, 0, 0.12) 3px 0px 11px 0px;
}
#\39 f001b11.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAGAAoDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAgEAAABAcBAQAAAAAAAAAAAAAAAQIDBAUGERIhQRci/8QAFQEBAQAAAAAAAAAAAAAAAAAAAQP/xAAVEQEBAAAAAAAAAAAAAAAAAAAAMf/aAAwDAQACEQMRAD8ApImgDnlaPTdyNxdS5YitwXXm0uV9KiX8j2e+gAIq/9k=');
}
    
#d494f697 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\32 5531880 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: var(--max-content-width_1, 1200px);
    padding: 4% 2% 4% 2%;
}
    
#\35 7300460 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\37 65c3ae7 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: auto;
    min-width: 32px;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#fd5d3eb3 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\34 b011761 {
    align-items: center;
    width: 100%;
    min-height: 100%;
    max-height: none;
    row-gap: 10px;
    column-gap: 4%;
    justify-self: auto;
    align-self: stretch;
    order: 0;
    min-width: 32px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-radius: 24px 24px 24px 24px;
    height: auto;
    justify-content: flex-start;
    padding: 32px 32px 32px 32px;
    grid-area: auto / auto / auto / auto;
}
    
#\35 769a76c {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\34 d376b3c {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\32 5fcd004 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\33 e10ccb7 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#aca4b220.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#aca4b220 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    margin: 0px 0% 0px 0%;
}
    
#\33 6ced462 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: auto;
    min-width: 32px;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#db7ceb4e {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#d7aa3230 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#cc4e7cc2 {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#c05cb080 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#ccf8ca4b {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\38 48c4aca {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\30 db88267 {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\33 1309d30 {
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 1%;
    flex-direction: row;
    padding: 0px 0px 0px 0px;
    margin: -8px 0% 0px 0%;
}
    
#\36 0d7d443 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 8px;
    width: 100%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#af684070 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\30 3cd10fd {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: auto;
    min-width: 32px;
    justify-self: auto;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#ce13a6ae {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: auto;
    min-width: 32px;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 520025d {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\39 0d27a65 {
    align-items: center;
    width: 100%;
    min-height: 100%;
    max-height: none;
    row-gap: 10px;
    column-gap: 4%;
    justify-self: auto;
    align-self: stretch;
    order: 0;
    min-width: 32px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-radius: 24px 24px 24px 24px;
    height: auto;
    justify-content: flex-start;
    padding: 32px 32px 32px 32px;
    grid-area: auto / auto / auto / auto;
}
    
#\36 63cac11 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\33 ed905fd {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#b28bfa2c {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: auto;
    min-width: 32px;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#b72c5db1 {
    align-items: center;
    width: 100%;
    min-height: 100%;
    max-height: none;
    row-gap: 10px;
    column-gap: 4%;
    justify-self: auto;
    align-self: stretch;
    order: 0;
    min-width: 32px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-radius: 24px 24px 24px 24px;
    height: auto;
    padding: 32px 32px 32px 32px;
    grid-area: auto / auto / auto / auto;
}
    
#baa7bdf5 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\30 23abb45 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\34 40290d3 {
    margin: 40px 45px 40px 45px;
}
    
#eef63cce {
    align-items: center;
    width: 100%;
    min-height: 100%;
    max-height: none;
    row-gap: 10px;
    column-gap: 4%;
    justify-self: auto;
    align-self: stretch;
    order: 0;
    min-width: 32px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-radius: 24px 24px 24px 24px;
    height: auto;
    justify-content: flex-start;
    padding: 32px 32px 32px 32px;
    grid-area: auto / auto / auto / auto;
}
    
#d959467f {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\35 a1a63de {
    align-items: center;
    width: 100%;
    min-height: 100%;
    max-height: none;
    row-gap: 10px;
    column-gap: 4%;
    justify-self: auto;
    align-self: stretch;
    order: 0;
    min-width: 32px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-radius: 24px 24px 24px 24px;
    height: auto;
    justify-content: flex-start;
    padding: 32px 32px 32px 32px;
    grid-area: auto / auto / auto / auto;
}
    
#bc40a809 {
    align-items: center;
    width: 100%;
    min-height: 100%;
    max-height: none;
    row-gap: 10px;
    column-gap: 4%;
    justify-self: auto;
    align-self: stretch;
    order: 0;
    min-width: 32px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-radius: 24px 24px 24px 24px;
    height: auto;
    padding: 32px 32px 32px 32px;
    grid-area: auto / auto / auto / auto;
}
    
#\39 cf507e4 {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\33 7d4707b {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#ade339ff {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\36 da96831 {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\36 aa617ed {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: auto;
    min-width: 32px;
    justify-self: auto;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a617e447 {
    align-items: center;
    width: 100%;
    min-height: 100%;
    max-height: none;
    row-gap: 10px;
    column-gap: 4%;
    justify-self: auto;
    align-self: stretch;
    order: 0;
    min-width: 32px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-radius: 24px 24px 24px 24px;
    height: auto;
    justify-content: flex-start;
    padding: 32px 32px 32px 32px;
    grid-area: auto / auto / auto / auto;
}
    
#afaa791f::before, #afaa791f > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_2);
    opacity: 0.62;
    border-radius: inherit;
}
#afaa791f {
    background-image: url("https://lirp.cdn-website.com/1cef9da8/dms3rep/multi/opt/affordable-jc-roofing-services-section-image-1920w.png");
    border-radius: 24px 24px 24px 24px;
}
#afaa791f.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAIAAAC+zks0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAA4UlEQVQI1wXBwUrDMAAA0HxUme2QWWphEwy1aZo0mrRLNtOqO1gRanRb7V0ZE0S8DMU6FMQhgt/ne+Bp/fX8sXl4XS9W7f2qXbabx8+/5fvv4u3n7uUblMbcNM317fxqNj+vTGmmVd1UdV3Vs8upATGGx5KdjnkuOWdYHOJcsWKU5ApLAUGCwolKS63OhiKjcUajIqM6JTqLUrYPJCOllhdaaZ4IgngcCopjdIBRAOEeUDScDFkhyBGCcOAN/J2+73qeu+t7PbcHRhSeiGjMAhL0fXdru2s5ttV1bNtxrE7nH18vUojFVUP5AAAAAElFTkSuQmCC');
}
    
#\30 ad53325 {
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 1%;
    flex-direction: row;
    padding: 16px 0px 16px 0px;
    margin: 0px 0% 0px 0%;
}
    
#bbfae9cd {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: auto;
    min-width: 32px;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 acd816f {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\38 01fec22 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: auto;
    min-width: 32px;
    justify-self: auto;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#e476dd1c {
    align-items: center;
    width: 100%;
    min-height: 100%;
    max-height: none;
    row-gap: 10px;
    column-gap: 4%;
    justify-self: auto;
    align-self: stretch;
    order: 0;
    min-width: 32px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-radius: 24px 24px 24px 24px;
    height: auto;
    padding: 32px 32px 32px 32px;
    grid-area: auto / auto / auto / auto;
}
    
#\39 cb97ee0.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\39 cb97ee0 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\38 7f82f68 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: center;
    min-width: 32px;
    justify-self: auto;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#f2083d6f.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#f2083d6f {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\32 2cb488a {
    min-height: 284px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 2% 4% 2%;
}
    
#\37 944afb7.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\37 944afb7 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 10px 0% 0px 0%;
}
    
#\36 b39ce8a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 8px;
    width: 100%;
    min-width: 4%;
    align-items: center;
}
    
#c9f284e0 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\31 c5d56ae {
    margin: 0px 0% 0px 0%;
}
    
#\39 18d4e30 {
    background-color: var(--color_4);
    background-image: none;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 5f7de9c {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    row-gap: 16px;
}
    
#\35 5948d1f::before, #\35 5948d1f > .bgExtraLayerOverlay {
    
}
#\35 5948d1f.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,UklGRkQAAABXRUJQVlA4IDgAAADQAQCdASoKAAcAAUAmJYwCdAEOfFOTMAD7pfw7xvZg3gR6UEZmQX8Xz0+2ozVb+tC+u4P1wKsAAA==');
}
    
#d76a64aa {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#group_tn5 {
    width: 100%;
    min-height: 80px;
}
    
#\37 e44f353 {
    height: 342px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#ce039662 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
    
#f1428482 {
    column-gap: 2%;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\37 e1f2eb5 {
    width: 91.96%;
    min-width: 32px;
    align-items: center;
    height: auto;
    min-height: 65px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#ac944fd8 {
    width: 100.00%;
    height: auto;
    min-height: 55px;
    min-width: 32px;
    justify-content: center;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#fbe0fa95 {
    width: 250px;
}
    
#\31 641bc99 {
    width: 250px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#af57e954 {
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 61px;
    padding: 0% 0% 0% 0%;
}
    
#ba0fb18f {
    width: 100%;
    min-height: 8px;
    padding: 16px 0px 16px 0px;
    margin: 0px 0% 0px 0%;
}
    
#b7d09b2e {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\35 f2ee082 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 28% 2% 4% 2%;
}
    
#b9bac11c {
    width: 100%;
    min-height: 80px;
}
    
#ef6076a7 {
    width: 100.00%;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\30 fb2dcf8::before, #\30 fb2dcf8 > .bgExtraLayerOverlay {
    
}
    
#\34 af7b758 {
    width: 100%;
    min-height: 80px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
    
#\34 bc65cee {
    width: 100.00%;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#a227879d {
    margin: 0px 0% 0px 0%;
}
    
#bf5919fa {
    width: 90%;
}
    
#e0b56ed6.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#e0b56ed6 {
    margin: 0px 0% 0px 0%;
}
    
#a830eabe {
    justify-content: center;
    width: 100.00%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 8350e51 {
    width: 100%;
    min-height: 1168px;
    height: auto;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#a1eb3b26 {
    width: 100%;
    min-height: 80px;
}
    
#\37 72f4b4a {
    padding-left: 2%;
    padding-right: 2%;
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    row-gap: 0px;
}
    
#ae20ce64 {
    align-items: center;
}
    
#\36 f52717c {
    width: 100.00%;
    order: 2;
}
    
#\33 59215a8 {
    order: 0;
}
    
#a1f23bd4 {
    order: 4;
}
    
#\33 5dcd826 {
    order: 1;
}
    
#\30 c70b790 {
    justify-content: center;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#a656f4a8 {
    width: 33.58%;
    height: auto;
    min-height: 144px;
    padding: 16px 16px 16px 16px;
    margin: -128px 0% 0px -15px;
}
    
#\33 b0f5580 {
    width: 100%;
    min-height: 80px;
}
    
#c79d656b {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    row-gap: 10px;
}
    
#c89762d7 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 5531880 {
    padding: 4% 2% 4% 2%;
}
    
#\34 b011761 {
    min-width: 32px;
    min-height: 20%;
    padding: 32px 24px 32px 24px;
    margin: 0px 0% 0px 0%;
}
    
#\39 0d27a65 {
    min-width: 32px;
    min-height: 20%;
    padding: 32px 24px 32px 24px;
    margin: 0px 0% 0px 0%;
}
    
#b72c5db1 {
    min-width: 32px;
    min-height: 20%;
    padding: 32px 24px 32px 24px;
    margin: 0px 0% 0px 0%;
}
    
#\34 40290d3 {
    margin: 40px 20px 40px 20px;
}
    
#eef63cce {
    min-width: 32px;
    min-height: 20%;
    padding: 32px 24px 32px 24px;
    margin: 0px 0% 0px 0%;
}
    
#\35 a1a63de {
    min-width: 32px;
    min-height: 20%;
    padding: 32px 24px 32px 24px;
    margin: 0px 0% 0px 0%;
}
    
#bc40a809 {
    min-width: 32px;
    min-height: 23.50%;
    height: auto;
    padding: 32px 24px 32px 24px;
    margin: 0px 0% 0px 0%;
}
    
#\33 1309d30 {
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    min-height: 180px;
    row-gap: 16px;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#a617e447 {
    min-width: 32px;
    min-height: 23.50%;
    height: auto;
    padding: 32px 24px 32px 24px;
    margin: 0px 0% 0px 0%;
}
    
#\36 0d7d443 {
    width: 100%;
    row-gap: 16px;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#afaa791f::before, #afaa791f > .bgExtraLayerOverlay {
    
}
#afaa791f.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAIAAAC+zks0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAA4UlEQVQI1wXBwUrDMAAA0HxUme2QWWphEwy1aZo0mrRLNtOqO1gRanRb7V0ZE0S8DMU6FMQhgt/ne+Bp/fX8sXl4XS9W7f2qXbabx8+/5fvv4u3n7uUblMbcNM317fxqNj+vTGmmVd1UdV3Vs8upATGGx5KdjnkuOWdYHOJcsWKU5ApLAUGCwolKS63OhiKjcUajIqM6JTqLUrYPJCOllhdaaZ4IgngcCopjdIBRAOEeUDScDFkhyBGCcOAN/J2+73qeu+t7PbcHRhSeiGjMAhL0fXdru2s5ttV1bNtxrE7nH18vUojFVUP5AAAAAElFTkSuQmCC');
}
    
#\30 ad53325 {
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    min-height: 180px;
    row-gap: 16px;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#e476dd1c {
    min-width: 32px;
    min-height: 20%;
    padding: 32px 24px 32px 24px;
    margin: 0px 0% 0px 0%;
}
    
#\39 cb97ee0.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\39 cb97ee0 {
    margin: 10px 0% 10px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 2cb488a {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    row-gap: 16px;
}
    
#\36 b39ce8a {
    width: 100%;
    min-height: 80px;
}
    
#\37 944afb7 {
    width: 100.00%;
}
}



@media (max-width: 767px) {
    
#d76a64aa {
    width: 100%;
    min-height: 80px;
    align-items: center;
    row-gap: 16px;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#\32 5f7de9c {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 8% 4% 8% 4%;
}
    
#\30 e5aa598 {
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
    width: 100.00%;
    margin-top: -4px;
}
    
#group_tn5 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\37 e44f353 {
    height: 240px;
}
    
#widget_1d2 {
    width: 100.00%;
}
    
#\35 5948d1f::before, #\35 5948d1f > .bgExtraLayerOverlay {
    
}
#\35 5948d1f.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,UklGRkQAAABXRUJQVlA4IDgAAADQAQCdASoKAAcAAUAmJYwCdAEOfFOTMAD7pfw7xvZg3gR6UEZmQX8Xz0+2ozVb+tC+u4P1wKsAAA==');
}
    
#\35 83a0086 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\39 4123064 {
    margin: 0px 0% 0px 0%;
}
    
#e8927e2a {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#ce039662 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 8% 4% 8% 4%;
}
    
#\37 e1f2eb5 {
    min-width: 32px;
    width: 100.00%;
    height: auto;
    min-height: 101px;
    align-self: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\34 805c44c {
    align-self: center;
    margin-left: 0%;
    margin-right: 0%;
    width: 100.00%;
}
    
#ac944fd8 {
    min-width: 32px;
    width: 100.00%;
    align-items: center;
    height: auto;
    min-height: 55px;
    row-gap: 8px;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#fbe0fa95.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 0px 10px 0px;
}
#fbe0fa95 {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#f1428482 {
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    height: auto;
    min-height: 188px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\37 6019e2c {
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 15px;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#\31 641bc99.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 0px 10px 0px;
}
#\31 641bc99 {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#ba0fb18f {
    width: 100%;
    min-height: 80px;
    align-items: center;
    height: auto;
}
    
#af57e954 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
}
    
#b7d09b2e {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\35 f2ee082 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 48% 4% 8% 4%;
}
    
#b9bac11c {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 1;
}
    
#ef6076a7 {
    width: 100.00%;
    margin-top: -5px;
}
    
#\30 fb2dcf8::before, #\30 fb2dcf8 > .bgExtraLayerOverlay {
    
}
    
#\34 af7b758 {
    min-height: 80px;
    align-items: center;
    width: 100%;
    height: auto;
    order: 0;
    row-gap: 24px;
    padding: 16px 0px 16px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\35 1fa32e6 {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\34 bc65cee {
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
    width: 100.00%;
}
    
#a830eabe {
    width: 100.00%;
    column-gap: 4%;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 8px;
    align-items: center;
}
    
#a227879d {
    margin: 0px 0% 0px 0%;
}
    
#e0b56ed6 {
    width: 100.00%;
    height: 100px;
}
    
#c5c8ac35 {
    width: 100.00%;
}
    
#bf5919fa {
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#f074a6fc {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#a1f23bd4 {
    height: 240px;
    margin-top: -5px;
}
    
#\33 5dcd826.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\33 5dcd826 {
    width: 95.00%;
    margin: 0px 0% 0px 0%;
}
    
#\33 8350e51 {
    min-height: 94px;
    align-items: center;
    width: 100%;
    height: auto;
}
    
#a1eb3b26 {
    min-height: 305px;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#ae20ce64 {
    align-items: center;
    row-gap: 16px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\37 72f4b4a {
    min-height: unset;
    flex-direction: column;
    row-gap: 16px;
    padding: 8% 4% 8% 4%;
}
    
#\36 eddb3f8 {
    margin: 0px 0% 0px 0%;
}
    
#\30 c70b790 {
    width: 100.00%;
    column-gap: 4%;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 8px;
    align-items: center;
}
    
#a2d2115a {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#a656f4a8 {
    width: 58.64%;
    align-items: center;
    height: auto;
    min-height: 128px;
    align-self: flex-start;
    padding: 16px 16px 16px 16px;
    margin: -112px 0px 0px -10px;
}
    
#\33 b0f5580 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#c79d656b {
    min-height: unset;
    flex-direction: column;
    row-gap: 16px;
    padding: 8% 4% 8% 4%;
}
    
#c89762d7 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#a1c41c61 {
    margin-top: -1px;
}
    
#ed56c8f2 {
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
    width: 100.00%;
}
    
#\39 f001b11 {
    width: 100.00%;
    height: auto;
    min-height: 242px;
}
#\39 f001b11.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAGAAoDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAgEAAABAcBAQAAAAAAAAAAAAAAAQIDBAUGERIhQRci/8QAFQEBAQAAAAAAAAAAAAAAAAAAAQP/xAAVEQEBAAAAAAAAAAAAAAAAAAAAMf/aAAwDAQACEQMRAD8ApImgDnlaPTdyNxdS5YitwXXm0uV9KiX8j2e+gAIq/9k=');
}
    
#d494f697 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\32 5531880 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 8% 4% 8% 4%;
}
    
#\37 65c3ae7 {
    margin-top: -1px;
}
    
#\34 b011761 {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\39 0d27a65 {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#b28bfa2c {
    margin-top: -1px;
}
    
#\33 6ced462 {
    margin-top: -1px;
}
    
#b72c5db1 {
    min-width: 32px;
    height: auto;
    min-height: 24.01%;
    margin: 0px 0% 0px 0%;
}
    
#\34 40290d3 {
    margin: 40px 10px 40px 10px;
}
    
#eef63cce {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\35 a1a63de {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#bc40a809 {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\33 1309d30 {
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#\36 aa617ed {
    margin-top: -1px;
}
    
#a617e447 {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\36 0d7d443 {
    width: 100%;
    min-height: 180px;
    align-items: center;
    row-gap: 16px;
    height: auto;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#afaa791f::before, #afaa791f > .bgExtraLayerOverlay {
    
}
#afaa791f.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAIAAAC+zks0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAA4UlEQVQI1wXBwUrDMAAA0HxUme2QWWphEwy1aZo0mrRLNtOqO1gRanRb7V0ZE0S8DMU6FMQhgt/ne+Bp/fX8sXl4XS9W7f2qXbabx8+/5fvv4u3n7uUblMbcNM317fxqNj+vTGmmVd1UdV3Vs8upATGGx5KdjnkuOWdYHOJcsWKU5ApLAUGCwolKS63OhiKjcUajIqM6JTqLUrYPJCOllhdaaZ4IgngcCopjdIBRAOEeUDScDFkhyBGCcOAN/J2+73qeu+t7PbcHRhSeiGjMAhL0fXdru2s5ttV1bNtxrE7nH18vUojFVUP5AAAAAElFTkSuQmCC');
}
    
#\30 ad53325 {
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#bbfae9cd {
    margin-top: -1px;
}
    
#\38 01fec22 {
    margin-top: -1px;
}
    
#af684070 {
    margin-top: 21px;
}
    
#e476dd1c {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\30 3cd10fd {
    margin-top: -1px;
}
    
#ce13a6ae {
    margin-top: -1px;
}
    
#\38 7f82f68 {
    margin-top: -1px;
}
}



@media (max-width: 767px) {
    
#f2083d6f {
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
    width: 100.00%;
}
    
#\32 2cb488a {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 8% 4% 8% 4%;
}
    
#\36 b39ce8a {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#\31 c5d56ae {
    margin: 0px 0% 0px 0%;
}
}