@media all {
  *#dm .dmInner nav.u_1998592992 { color:black !important; }

  *#dm .dmInner a.u_1577296739 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1577296739 { gap:15px !important; }

  *#dm .dmInner a.u_1619947637 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1619947637 { gap:15px !important; }

  *#dm .dmInner div.u_3254149539 hr {
    border-width:1px !important;
    color:var(--color_5) !important;
  }

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

  *#dm .dmInner div.u_1415822341 {
    background-color:rgba(0,0,0,0) !important;
    background-image:none !important;
  }

  *#dm .dmInner div.u_1415822341 .dmforminput label:not(.for-checkable):not(.custom-contact-checkable) { color:var(--color_4) !important; }

  *#dm .dmInner div.u_1415822341 .m-recaptcha { color:var(--color_4) !important; }

  *#dm .dmInner div.u_1415822341 input::placeholder { color:rgba(108,108,108,1) !important; }

  *#dm .dmInner div.u_1415822341 input.placeholder { color:rgba(108,108,108,1) !important; }

  *#dm .dmInner div.u_1415822341 textarea::placeholder { color:rgba(108,108,108,1) !important; }

  *#dm .dmInner div.u_1415822341 textarea.placeholder { color:rgba(108,108,108,1) !important; }

  *#dm .dmInner div.u_1415822341 select::placeholder { color:rgba(108,108,108,1) !important; }

  *#dm .dmInner div.u_1415822341 select.placeholder { color:rgba(108,108,108,1) !important; }

  *#dm .dmInner div.u_1415822341 .dmformsubmit {
    width:180px !important;
    height:55px !important;
    float:none !important;
    display:block !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-block-start:10px !important;
  }

  *#dm .dmInner div.u_1415822341 input:not([type="submit"]) {
    background-color:var(--color_4) !important;
    background-image:none !important;
    border-radius:3px 3px 3px 3px !important;
    border-style:solid !important;
    border-color:rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) !important;
    border-width:0px 0px 0px 0px !important;
  }

  *#dm .dmInner div.u_1415822341 textarea {
    background-color:var(--color_4) !important;
    background-image:none !important;
    border-radius:3px 3px 3px 3px !important;
    border-style:solid !important;
    border-color:rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) !important;
    border-width:0px 0px 0px 0px !important;
  }

  *#dm .dmInner div.u_1415822341 select {
    background-color:var(--color_4) !important;
    background-image:none !important;
    border-radius:3px 3px 3px 3px !important;
    border-style:solid !important;
    border-color:rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) !important;
    border-width:0px 0px 0px 0px !important;
  }

  *#dm .dmInner a.u_1208854399 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1648158699 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1648158699 { gap:15px !important; }

  *#dm .dmInner a.u_1208854399 {
    gap:15px !important;
    background-color:var(--color_1) !important;
    background-image:none !important;
    border-style:solid !important;
    border-width:0px 0px 0px 0px !important;
    border-color:rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) !important;
  }

  *#dm .dmInner a.u_1208854399:hover {
    background-color:var(--color_3) !important;
    background-image:none !important;
  }

  *#dm .dmInner a.u_1208854399.hover {
    background-color:var(--color_3) !important;
    background-image:none !important;
  }

  *#dm .dmInner a.u_1948231863 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1948231863 { gap:10px !important; }

  *#dm .dmInner a.u_1922473835 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1922473835 { gap:10px !important; }

  *#dm .dmInner a.u_1675372903 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1675372903 { gap:10px !important; }

  *#dm .dmInner a.u_1073034055 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1073034055 { gap:10px !important; }

  *#dm .dmInner a.u_1831552418 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1831552418 { gap:10px !important; }

  *#dm .dmInner a.u_1242163201 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1242163201 { gap:10px !important; }

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

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

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

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

  *#dm .dmInner a.u_1602228186 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1602228186 { gap:15px !important; }

  *#dm .dmInner a.u_1930901316 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1930901316 { gap:15px !important; }

  *#dm .dmInner a.u_1659593145 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1659593145 {
    gap:15px !important;
    background-color:var(--color_1) !important;
    background-image:none !important;
    border-style:solid !important;
    border-width:0px 0px 0px 0px !important;
    border-color:rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) !important;
  }

  *#dm .dmInner a.u_1659593145:hover {
    background-color:var(--color_3) !important;
    background-image:none !important;
  }

  *#dm .dmInner a.u_1659593145.hover {
    background-color:var(--color_3) !important;
    background-image:none !important;
  }

  *#dm .dmInner a.u_1392139170 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1392139170 { gap:15px !important; }

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

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

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

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

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

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

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

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

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

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

  *#dm .dmInner a.u_1942539730 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1942539730 { gap:15px !important; }

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

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

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

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

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

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

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

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

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

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

  *#dm .dmInner a.u_1605664140 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1605664140 { gap:15px !important; }

  *#dm .dmInner div.u_759183406 .postArticle>.inner { border-radius:12px 12px 12px 12px !important; }

  *#dm .dmInner a.u_1768908514 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1768908514 { gap:15px !important; }

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

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

  *#dm .dmInner a.u_1118867776 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1118867776 { gap:15px !important; }

  *#dm .dmInner a.u_1900099476 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1900099476 { gap:15px !important; }

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

  *#dm .dmInner a.u_1261546121 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/17c32990/icon/Arrow_3078248.svg) !important;
    order:1 !important;
  }

  *#dm .dmInner a.u_1261546121 { gap:10px !important; }
}
@media (min-width:1025px) {
  *#dm .dmInner *.u_1521716086 .b-slider__slide {
    width:183px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  *#dm .dmInner *.u_1521716086 .b-slider__slide img { height:50px !important; }
}
@media (min-width:768px) and (max-width:1024px) {
  *#dm .dmInner *.u_1521716086 .b-slider__slide img { height:66px !important; }
}
@media (min-width:0px) and (max-width:767px) {
  *#dm .dmInner *.u_1521716086 .b-slider__slide img { height:53px !important; }

  *#dm .dmInner *.u_1521716086 .b-slider__slide {
    width:228px !important;
    padding-left:34px !important;
    padding-right:34px !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(255, 255, 255, 1);
}
}



@media all {
    
#\33 0869635 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\36 3bd85219866cc3622781520 {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 5% 5% 5% 5%;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc3622781522 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    align-items: center;
    min-width: 4%;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    
}
#\36 3bd85219866cc362278151f {
    background-size: contain;
    border-color: rgba(0, 0, 0, 1);
    background-position: 0% 100%;
    background-color: rgba(0, 0, 0, 0);
    border-width: 0px;
    border-style: solid;
    background-image: none;
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\36 3bd85219866cc362278151d {
    margin: 0px 0% 0px 0%;
}
    
#widget_oe5 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#group_ch3 {
    flex-direction: row;
    align-items: center;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 2%;
    --column-gap: 2%;
    flex-wrap: wrap;
    align-content: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#group_7us {
    justify-content: flex-start;
    align-items: center;
    width: 32%;
    min-height: auto;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 4%;
    flex-wrap: nowrap;
    --column-gap: 4%;
    border-width: 0.8px 0.8px 0.8px 0.8px;
    border-color: var(--color_5) var(--color_5) var(--color_5) var(--color_5);
    border-style: solid;
    border-radius: 12px 12px 12px 12px;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#group_h2a::before, #group_h2a > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_4);
    opacity: 0.9;
    border-radius: inherit;
}
#group_h2a {
    background-size: contain;
    background-position: 0% 100%;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 4.6875%;
    flex-wrap: nowrap;
    order: 1;
    border-radius: 12px 12px 12px 12px;
    background-image: url("https://lirp.cdn-website.com/17c32990/dms3rep/multi/opt/City-roofing-Repairs-Ltd-Logo-1920w.png");
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
}
    
#widget_206 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_qq6 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_2k5 {
    width: 100%;
    height: 180px;
    max-width: 100%;
    order: 0;
    margin-right: 0%;
    margin-left: 0%;
}
    
#cb76bccb.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 15px 10px 20px;
}
#cb76bccb {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#adf16a78 {
    justify-content: flex-start;
    align-items: center;
    width: 32%;
    min-height: auto;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 4%;
    flex-wrap: nowrap;
    --column-gap: 4%;
    border-width: 0.8px 0.8px 0.8px 0.8px;
    border-color: var(--color_5) var(--color_5) var(--color_5) var(--color_5);
    border-style: solid;
    border-radius: 12px 12px 12px 12px;
    order: 1;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\37 9dddf19 {
    width: 100%;
    height: 180px;
    max-width: 100%;
    order: 0;
    margin-right: 0%;
    margin-left: 0%;
}
    
#\35 354be79::before, #\35 354be79 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_4);
    opacity: 0.9;
    border-radius: inherit;
}
#\35 354be79 {
    background-size: contain;
    background-position: 0% 100%;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 235px;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 4.6875%;
    flex-wrap: nowrap;
    order: 1;
    border-radius: 12px 12px 12px 12px;
    background-image: url("https://lirp.cdn-website.com/17c32990/dms3rep/multi/opt/City-roofing-Repairs-Ltd-Logo-1920w.png");
    height: auto;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
}
    
#af5d2b54 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\30 ec70319 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#cee16e9e.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 15px 10px 20px;
}
#cee16e9e {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 4cdc3b6 {
    justify-content: flex-start;
    align-items: center;
    width: 32%;
    min-height: auto;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 4%;
    flex-wrap: nowrap;
    --column-gap: 4%;
    border-width: 0.8px 0.8px 0.8px 0.8px;
    border-color: var(--color_5) var(--color_5) var(--color_5) var(--color_5);
    border-style: solid;
    border-radius: 12px 12px 12px 12px;
    order: 3;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\31 3d663a7 {
    width: 100%;
    height: 180px;
    max-width: 100%;
    order: 0;
    margin-right: 0%;
    margin-left: 0%;
}
    
#eb9fc708::before, #eb9fc708 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_4);
    opacity: 0.9;
    border-radius: inherit;
}
#eb9fc708 {
    background-size: contain;
    background-position: 0% 100%;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 228px;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 4.6875%;
    flex-wrap: nowrap;
    order: 1;
    border-radius: 12px 12px 12px 12px;
    background-image: url("https://lirp.cdn-website.com/17c32990/dms3rep/multi/opt/City-roofing-Repairs-Ltd-Logo-1920w.png");
    height: auto;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
}
    
#\39 ad56f76 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\34 ee7cbd9 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\38 f3c278b.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 15px 10px 20px;
}
#\38 f3c278b {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 473c0e5 {
    justify-content: flex-start;
    align-items: center;
    width: 23.4%;
    min-height: 442px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 4%;
    flex-wrap: nowrap;
    --column-gap: 4%;
    border-width: 0.8px 0.8px 0.8px 0.8px;
    border-color: var(--color_5) var(--color_5) var(--color_5) var(--color_5);
    border-style: solid;
    border-radius: 12px 12px 12px 12px;
    order: 5;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\34 4bf29b1 {
    width: 100%;
    height: 180px;
    max-width: 100%;
    order: 0;
    margin-right: 0%;
    margin-left: 0%;
}
    
#ec2eed2f::before, #ec2eed2f > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_4);
    opacity: 0.9;
    border-radius: inherit;
}
#ec2eed2f {
    background-size: contain;
    background-position: 0% 100%;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    min-height: 204px;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 4.6875%;
    flex-wrap: nowrap;
    order: 1;
    border-radius: 12px 12px 12px 12px;
    background-image: url("https://lirp.cdn-website.com/17c32990/dms3rep/multi/opt/City-roofing-Repairs-Ltd-Logo-1920w.png");
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
}
    
#\30 7d6e21c {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\38 40cd9e1 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\36 067a8ea.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 15px 10px 20px;
}
#\36 067a8ea {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 ef07b4b {
    justify-content: flex-start;
    align-items: center;
    width: 23.4%;
    min-height: 402px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 4%;
    flex-wrap: nowrap;
    --column-gap: 4%;
    border-width: 0.8px 0.8px 0.8px 0.8px;
    border-color: var(--color_5) var(--color_5) var(--color_5) var(--color_5);
    border-style: solid;
    border-radius: 12px 12px 12px 12px;
    order: 6;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#ba33a435 {
    width: 100%;
    height: 180px;
    max-width: 100%;
    order: 0;
    margin-right: 0%;
    margin-left: 0%;
}
    
#\35 eac808d::before, #\35 eac808d > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_4);
    opacity: 0.9;
    border-radius: inherit;
}
#\35 eac808d {
    background-size: contain;
    background-position: 0% 100%;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 204px;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 4.6875%;
    flex-wrap: nowrap;
    order: 1;
    border-radius: 12px 12px 12px 12px;
    background-image: url("https://lirp.cdn-website.com/17c32990/dms3rep/multi/opt/City-roofing-Repairs-Ltd-Logo-1920w.png");
    height: auto;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
}
    
#fcdd23be {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\38 9c6015c {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\32 911fb2e.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 15px 10px 20px;
}
#\32 911fb2e {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 7c78246 {
    justify-content: flex-start;
    align-items: center;
    width: 23.4%;
    min-height: 402px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 4%;
    flex-wrap: nowrap;
    --column-gap: 4%;
    border-width: 0.8px 0.8px 0.8px 0.8px;
    border-color: var(--color_5) var(--color_5) var(--color_5) var(--color_5);
    border-style: solid;
    border-radius: 12px 12px 12px 12px;
    order: 7;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\33 477fab3 {
    width: 100%;
    height: 180px;
    max-width: 100%;
    order: 0;
    margin-right: 0%;
    margin-left: 0%;
}
    
#\37 1640f72::before, #\37 1640f72 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_4);
    opacity: 0.9;
    border-radius: inherit;
}
#\37 1640f72 {
    background-size: contain;
    background-position: 0% 100%;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    min-height: 258px;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 4.6875%;
    flex-wrap: nowrap;
    order: 1;
    border-radius: 12px 12px 12px 12px;
    background-image: url("https://lirp.cdn-website.com/17c32990/dms3rep/multi/opt/City-roofing-Repairs-Ltd-Logo-1920w.png");
    height: auto;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
}
    
#\31 2c42de4 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#f75f7d50.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 15px 10px 20px;
}
#f75f7d50 {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#efeee72a {
    justify-content: flex-start;
    align-items: center;
    width: 23.4%;
    min-height: 404px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 4%;
    flex-wrap: nowrap;
    --column-gap: 4%;
    border-width: 0.8px 0.8px 0.8px 0.8px;
    border-color: var(--color_5) var(--color_5) var(--color_5) var(--color_5);
    border-style: solid;
    border-radius: 12px 12px 12px 12px;
    order: 7;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\32 cc1d4b7 {
    width: 100%;
    height: 180px;
    max-width: 100%;
    order: 0;
    margin-right: 0%;
    margin-left: 0%;
}
    
#\32 be54e1d::before, #\32 be54e1d > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_4);
    opacity: 0.9;
    border-radius: inherit;
}
#\32 be54e1d {
    background-size: contain;
    background-position: 0% 100%;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    min-height: 254px;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 4.6875%;
    flex-wrap: nowrap;
    order: 1;
    border-radius: 12px 12px 12px 12px;
    background-image: url("https://lirp.cdn-website.com/17c32990/dms3rep/multi/opt/City-roofing-Repairs-Ltd-Logo-1920w.png");
    height: auto;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
}
    
#\34 fe5e5dc {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\31 19eecc1 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\35 add9699.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 15px 10px 20px;
}
#\35 add9699 {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\38 2404546 {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#\36 3d24979f4a54e38542a8abe::before, #\36 3d24979f4a54e38542a8abe > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_3);
    opacity: 0.7;
    border-radius: inherit;
}
#\36 3d24979f4a54e38542a8abe {
    border-color: rgba(0, 0, 0, 1);
    background-color: rgba(0, 0, 0, 0);
    border-width: 0px;
    border-style: solid;
    background-image: url("https://lirp.cdn-website.com/17c32990/dms3rep/multi/opt/Local-Roof-Repair-Services-11-1920w.jpg");
}
    
#\36 3d24979f4a54e38542a8abb::before, #\36 3d24979f4a54e38542a8abb > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.5;
    border-radius: inherit;
}
#\36 3d24979f4a54e38542a8abb {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    background-color: var(--color_1);
    width: 42.66%;
    min-width: 4%;
    order: 0;
    background-image: url("https://irp.cdn-website.com/17c32990/dms3rep/multi/dots.svg");
    border-radius: 12px 12px 12px 12px;
    background-size: contain;
    padding: 32px 32px 32px 32px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3d24979f4a54e38542a8abd {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    background-color: rgba(0, 0, 0, 0);
    width: 53.33%;
    min-width: 4%;
    order: 1;
    justify-content: flex-end;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3d24979f4a54e38542a8abc {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    max-width: none;
    padding: 5% 5% 5% 5%;
    margin: 0% 0% 0% 0%;
}
    
#\36 3d24979f4a54e38542a8aba {
    margin: 0px 0% 0px 0%;
}
    
#widget_l22 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#widget_ume {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#e003a828 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
}
    
#widget_ism {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 3;
}
    
#\36 b406156 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 20e10ac {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#\37 e8c4420 {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#\30 d6f2454 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a4483111 {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#f2055e5d {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#\30 cd8ce63 {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 2.843770324410222%;
    flex-wrap: nowrap;
    align-content: center;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#b93b21ae {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#bb41713e {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#c0d03433 {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#e87b64c8 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 26395ad {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 1d42fb8 {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#\32 3069f4a {
    width: 95.32%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\30 1bb3267.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 25px 15px 30px;
}
#\30 1bb3267 {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#b26db674.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 25px 15px 30px;
}
#b26db674 {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\30 d659cb6 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 95.32%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    order: 3;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#group_qkh[data-pinned] {
    position: sticky;
    top: 146px;
    bottom: 20px;
    z-index: 1;
}
#group_qkh {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100.00%;
    min-height: auto;
    max-height: 100%;
    row-gap: 15px;
    column-gap: 3.3516041742650744%;
    flex-wrap: nowrap;
    border-radius: 12px 12px 12px 12px;
    border-width: 0.8px 0.8px 0.8px 0.8px;
    border-color: var(--color_4) var(--color_4) var(--color_4) var(--color_4);
    border-style: solid;
    background-color: rgba(255, 255, 255, 0.1);
    background-image: none;
    align-self: auto;
    order: 0;
    height: auto;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 e67d809 {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 2.843770324410222%;
    flex-wrap: nowrap;
    align-content: center;
    justify-self: auto;
    align-self: auto;
    order: 1;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\37 eb3212a {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\38 e957d93 {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#\33 bff1dc9 {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#d87caa74 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\30 44d55cd {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#\30 862430e {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#\37 d47c9f9 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#d190098f {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#dffb0990 {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#ca8f931f {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#c9dcdb4b {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#\37 373b02d {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#group_io2 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 20px;
    --column-gap: 20px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#bb84d7ec {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 38.24%;
    min-width: 4%;
    align-items: flex-end;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\36 fe4bf29 {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 6% 5% 6% 5%;
    margin: 0% 0% 0% 0%;
}
    
#c8244b49::before, #c8244b49 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_3);
    opacity: 0.6;
    border-radius: inherit;
}
#c8244b49 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://lirp.cdn-website.com/17c32990/dms3rep/multi/opt/Local-Roof-Repair-Services-58-1920w.jpeg");
}
    
#\36 383815d {
    margin: 0px 0% 0px 0%;
}
    
#group_h05 {
    width: 57.76%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    padding: 0px 0px 0px 0px;
}
    
#widget_ecd {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#widget_t70 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#group_3im {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 3;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#widget_sf6.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 25px 15px 30px;
}
#widget_sf6 {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\39 90e0820.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 25px 15px 30px;
}
#\39 90e0820 {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#group_jce {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 3.24944562515319%;
    order: 4;
    flex-wrap: nowrap;
    background-color: var(--color_1);
    background-image: none;
    border-radius: 12px 12px 12px 12px;
    border-width: 0px 0px 0px 0px;
    border-color: var(--color_4) var(--color_4) var(--color_4) var(--color_4);
    border-style: solid;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
}
    
#group_ko3 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 87.77%;
    min-height: auto;
    max-height: 100%;
    row-gap: 5px;
    column-gap: 3.8757343463714817%;
    order: 3;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#widget_hed {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    margin-right: 0%;
    margin-left: 0%;
}
    
#widget_9sp.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 4px;
    padding-bottom: 4px;
}
#widget_9sp {
    width: 100%;
    height: auto;
    min-height: 1px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_1o3 {
    width: 60px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_h5k {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 3;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#fd6357de {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    margin-right: 0%;
    margin-left: 0%;
}
    
#widget_3p3 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-right: 0%;
    margin-left: 0%;
}
    
#widget_683 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#HomepageContactForm {
    justify-content: flex-start;
    align-items: center;
    width: 93.18%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 15px;
    column-gap: 4.908226330676546%;
    background-image: none;
    border-radius: 12px 12px 12px 12px;
    border-width: 0.8px 0.8px 0.8px 0.8px;
    border-color: var(--color_4) var(--color_4) var(--color_4) var(--color_4);
    border-style: solid;
    flex-wrap: nowrap;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 32px 32px 32px 32px;
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\31 76731cc {
    min-height: 113px;
    column-gap: 4%;
    row-gap: 24px;
    max-width: none;
    width: 100%;
    flex-wrap: nowrap;
    padding: 1% 0% 1% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\34 5aaa444.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\34 5aaa444 {
    width: 100%;
    height: 53px;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\36 94376c2 {
    border-width: 0px 0px 0px 0px;
    border-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 1) var(--color_5) rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_4);
    background-image: none;
}
    
#\31 fd3775f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    padding: 16px 0% 16px 0%;
    margin: 0% 0% 0% 0%;
}
    
#\36 896e5a9 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\38 2c3d26f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\33 a1601c9 {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 5% 5% 5% 5%;
    margin: 0% 0% 0% 0%;
}
    
#\33 05905a4::before, #\33 05905a4 > .bgExtraLayerOverlay {
    
}
#\33 05905a4 {
    border-width: 0.8px 0px 0.8px 0px;
    border-color: var(--color_5) rgba(0, 0, 0, 1) var(--color_5) rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(249, 249, 249, 1);
    background-image: url("https://irp.cdn-website.com/17c32990/dms3rep/multi/about-1.svg");
    background-size: contain;
    background-position: 100% 50%;
}
    
#ca4bf8ac {
    margin: 0px 0% 0px 0%;
}
    
#widget_vmd {
    width: 50.76%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_fqv {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#group_4ne {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    --column-gap: 4%;
    order: 2;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#widget_atp {
    width: 36%;
    height: 390px;
    max-width: 100%;
}
    
#group_9qg {
    justify-content: flex-start;
    align-items: flex-start;
    width: 60%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 1.9676968565069917%;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#group_8mt {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_3vj {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#cacb248a {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_3gq {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#group_106 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 2.843770324410222%;
    flex-wrap: nowrap;
    order: 2;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#d1795074 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 aff346b {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#\38 84eadc8 {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#dbeaab48 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#d7888a6e {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#\38 a3bf0b6 {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#\32 4c564fb {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 97e97aa {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#\33 45410c1 {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#\30 af6a741 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 457d3c1 {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#e9223d1d {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#b243489e {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    order: 3;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 6e5c3a7.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 25px 15px 30px;
}
#\33 6e5c3a7 {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\32 39c2a9b.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 25px 15px 30px;
}
#\32 39c2a9b {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#f10ed272 {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 5% 5% 5% 5%;
    margin: 0% 0% 0% 0%;
}
    
#\32 b6db380 {
    border-width: 0px 0px 0.8px 0px;
    border-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 1) var(--color_5) rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(249,249,249,1);
    background-image: none;
}
    
#group_9mq {
    width: 53.53%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    order: 0;
    padding: 0px 0px 0px 0px;
}
    
#d9690e64 {
    margin: 0px 0% 0px 0%;
}
    
#widget_885 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#widget_k36 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#\33 34f281e {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 3;
}
    
#b8b4c1ff.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 25px 15px 30px;
}
#b8b4c1ff {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\31 8c288e6 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    order: 4;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a187b5f1.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 25px 15px 30px;
}
#a187b5f1 {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#group_ar9 {
    width: 42.46%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    order: 1;
    padding: 0px 0px 0px 0px;
}
    
#\32 9a5527d {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\37 f0572fb {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#\34 16f9604 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 a45503d {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#ce5cb40f {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 4003b1d {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 2.843770324410222%;
    flex-wrap: nowrap;
    order: 3;
    justify-self: auto;
    align-self: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 2c409ad {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#f4108091 {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#\39 cd32158 {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#\32 5b1a58c {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 cf562e1 {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#c4f3f5cf {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#eec10f7e {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#\37 626d893 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a5ce1d21 {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#\38 1431c53 {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#widget_tpk {
    width: 100%;
    height: 530px;
    max-width: 100%;
}
}



@media all {
    
#\35 1098727 {
    width: auto;
    height: auto;
    max-width: 100%;
    margin-left: -52px;
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\33 50a0f44 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    align-items: center;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#b3c1bba3 {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 5% 5% 5% 5%;
    margin: 0% 0% 0% 0%;
}
    
#b230e6e2 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://irp.cdn-website.com/17c32990/dms3rep/multi/house-2.svg");
    background-size: contain;
    background-position: 0% 100%;
}
    
#a36b8528 {
    margin: 0px 0% 0px 0%;
}
    
#widget_kg7 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#group_o6e {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 2%;
    --column-gap: 2%;
    order: 1;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#group_juu::before, #group_juu > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.5;
    border-radius: inherit;
}
#group_juu {
    align-items: center;
    width: 32%;
    min-height: 100%;
    max-height: none;
    row-gap: 15px;
    column-gap: 1.8768695738505239%;
    background-color: var(--color_1);
    background-image: url("https://irp.cdn-website.com/17c32990/dms3rep/multi/dots.svg");
    border-radius: 12px 12px 12px 12px;
    flex-wrap: nowrap;
    align-self: stretch;
    height: auto;
    background-size: contain;
    background-position: 0% 50%;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
}
    
#group_28j {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#widget_155 {
    width: 80px;
    height: auto;
    max-width: 100%;
}
    
#widget_eib {
    width: auto;
    height: auto;
    max-width: 100%;
    margin-left: -52px;
}
    
#widget_7jm {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    margin-right: 0%;
    margin-left: 0%;
}
    
#\33 3ef59c4::before, #\33 3ef59c4 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.5;
    border-radius: inherit;
}
#\33 3ef59c4 {
    background-size: contain;
    background-position: 0% 50%;
    align-items: center;
    width: 32%;
    min-height: 100%;
    max-height: none;
    row-gap: 15px;
    column-gap: 1.8768695738505239%;
    background-color: var(--color_1);
    background-image: url("https://irp.cdn-website.com/17c32990/dms3rep/multi/dots.svg");
    border-radius: 12px 12px 12px 12px;
    flex-wrap: nowrap;
    align-self: stretch;
    height: auto;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
}
    
#e918ba7f {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\31 af9d2b7 {
    width: 80px;
    height: auto;
    max-width: 100%;
}
    
#bfb74444 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    margin-right: 0%;
    margin-left: 0%;
}
    
#e7db54d3::before, #e7db54d3 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.5;
    border-radius: inherit;
}
#e7db54d3 {
    justify-content: flex-start;
    align-items: center;
    width: 32%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 15px;
    column-gap: 1.8768695738505239%;
    background-color: var(--color_1);
    background-image: url("https://irp.cdn-website.com/17c32990/dms3rep/multi/dots.svg");
    border-radius: 12px 12px 12px 12px;
    flex-wrap: nowrap;
    background-size: contain;
    background-position: 0% 50%;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
}
    
#ec907b2a {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#fae81fdd {
    width: 80px;
    height: auto;
    max-width: 100%;
}
    
#\36 22ebaa0 {
    width: auto;
    height: auto;
    max-width: 100%;
    margin-left: -52px;
}
    
#\30 b033c21 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    margin-right: 0%;
    margin-left: 0%;
}
    
#\32 0698cba.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 25px 15px 30px;
}
#\32 0698cba {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#f7494404 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\35 fd4a18f {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 5% 5% 5% 5%;
    margin: 0% 0% 0% 0%;
}
    
#\38 d956124 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#\33 6953fae {
    margin: 0px 0% 0px 0%;
}
    
#group_qsc {
    width: 48%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    padding: 0px 0px 0px 0px;
}
    
#widget_g2s {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#e01e6ace {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#d4e88146 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
}
    
#\37 f622308 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 1;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 0c46dd0 {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#\34 8444d97 {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#d341d2d8 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 20px;
    --column-gap: 20px;
    justify-self: auto;
    align-self: auto;
    order: 3;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 fc2f5ce {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 2;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 0f7777d {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#\33 87e3cd3 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 de921b2 {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#a51e5ee9 {
    justify-content: flex-start;
    align-items: center;
    width: 49%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 2.843770324410222%;
    flex-wrap: nowrap;
    order: 0;
    justify-self: auto;
    align-self: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 b774760 {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#\32 7322cc8 {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#\32 19adfee {
    justify-content: flex-start;
    align-items: center;
    width: 49%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 2.843770324410222%;
    flex-wrap: nowrap;
    order: 0;
    justify-self: auto;
    align-self: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 4496f23 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 3;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#d6c2a2d1 {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#\30 eb13759 {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#baf819b2 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 4;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 e95538e {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#\36 723713f {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#\31 d99fdd7 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 5;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a2eaf8b5 {
    width: 25px;
    height: auto;
    max-width: 100%;
}
    
#b68932f7 {
    width: 94.55%;
    height: auto;
    max-width: 100%;
}
    
#\39 bf15d48.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 25px 15px 30px;
}
#\39 bf15d48 {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 5;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#c853c120 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 4;
}
    
#widget_c68 {
    width: 100%;
    height: 410px;
    min-height: 100px;
    max-width: 100%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\31 2034a63 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\33 dcc6a51 {
    min-height: 144px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 5% 5% 5% 5%;
    margin: 0% 0% 0% 0%;
}
    
#c53f3f51 {
    border-width: 0.8px 0px 0.8px 0px;
    border-color: var(--color_5) var(--color_5) var(--color_5) var(--color_5);
    border-style: solid;
    background-color: rgba(249,249,249,1);
    background-image: none;
}
    
#\38 2f77aeb {
    margin: 0px 0% 0px 0%;
}
    
#group_gpb {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#widget_3m7 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_cg0 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_s1o {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_pvp {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
    order: 0;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\39 b1f849b::before, #\39 b1f849b > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.85;
    border-radius: inherit;
}
#\39 b1f849b {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    border-radius: 24px 24px 24px 24px;
    background-image: url("https://lirp.cdn-website.com/17c32990/dms3rep/multi/opt/Local-Roof-Repair-Services-68-1920w.jpeg");
    align-items: center;
    padding: 4% 4% 4% 4%;
    margin: 0% 0% 0% 0%;
}
    
#\30 a93802e {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 4% 2% 4% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\36 0a4d57a {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#\39 3f3ad02 {
    margin: 0px 0% 0px 0%;
}
    
#widget_77i {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_4o5 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_vtk {
    width: 100%;
    height: auto;
    max-width: 100%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\33 a31adb8 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 62.22%;
    min-width: 4%;
    padding: 4% 0px 4% 0px;
    margin: 0% 0% 0% 0%;
}
    
#\35 27f31ba {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 0% 5% 0% 5%;
    margin: 0% 0% 0% 0%;
}
    
#c605813d {
    border-width: 0.8px 0px 0.8px 0px;
    border-color: var(--color_5) var(--color_5) var(--color_5) var(--color_5);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#\33 c54a533 {
    margin: 0px 0% 0px 0%;
}
    
#group_o60::before, #group_o60 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 1);
    opacity: 0.85;
    border-radius: inherit;
}
#group_o60 {
    background-size: contain;
    background-position: 100% 100%;
    width: 33.78%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    border-width: 0 0.8px 0 0;
    border-color: #000000 var(--color_5) #000000 #000000;
    border-style: solid;
    background-image: url("https://lirp.cdn-website.com/17c32990/dms3rep/multi/opt/City-roofing-Repairs-Ltd-Logo-ceddeb11-1920w.png");
}
    
#widget_puu {
    width: 80.15%;
    height: auto;
    max-width: 100%;
}
    
#widget_a2g {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\39 1d2b89f.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 25px 15px 30px;
}
#\39 1d2b89f {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\31 a616b36 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 31.85%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#\39 095fe08 {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 5% 5% 5% 5%;
    margin: 0% 0% 0% 0%;
}
    
#\39 30e44e1::before, #\39 30e44e1 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_3);
    opacity: 0.5;
    border-radius: inherit;
}
#\39 30e44e1 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://lirp.cdn-website.com/17c32990/dms3rep/multi/opt/Local-Roof-Repair-Services-34-1920w.jpeg");
}
    
#\34 ee9aad3 {
    margin: 0px 0% 0px 0%;
}
    
#group_7mn {
    width: 64.15%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 15px;
    padding: 0px 0px 0px 0px;
}
    
#widget_620 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#widget_q4d {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#\32 ecbeb18 {
    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;
}
    
#e82cf3e8 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#b52cd79d {
    width: 25px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\37 1cc712b {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 2;
    background-color: rgba(255, 255, 255, 0.2);
    background-image: none;
    border-radius: 12px 12px 12px 12px;
    border-width: 0.8px 0.8px 0.8px 0.8px;
    border-color: var(--color_4) var(--color_4) var(--color_4) var(--color_4);
    border-style: solid;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#group_h59 {
    justify-content: flex-start;
    align-items: center;
    width: 91.64%;
    min-height: auto;
    max-height: 100%;
    row-gap: 4px;
    column-gap: 3.4782608695652173%;
    flex-wrap: nowrap;
    justify-self: auto;
    align-self: auto;
    order: 1;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 54543c4 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 3;
    background-color: rgba(255, 255, 255, 0.2);
    background-image: none;
    border-radius: 12px 12px 12px 12px;
    border-width: 0.8px 0.8px 0.8px 0.8px;
    border-color: var(--color_4) var(--color_4) var(--color_4) var(--color_4);
    border-style: solid;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 3e87d01 {
    width: 25px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#c3cea78a {
    justify-content: flex-start;
    align-items: center;
    width: 92.46%;
    min-height: auto;
    max-height: 100%;
    row-gap: 4px;
    column-gap: 3.4782608695652173%;
    flex-wrap: nowrap;
    order: 1;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\35 6a94808 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 56d2bd7 {
    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;
}
    
#\39 ecb77e8.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 25px 15px 30px;
}
#\39 ecb77e8 {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\37 3ae8c8d {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4.46449322513471%;
    order: 4;
    justify-self: auto;
    align-self: auto;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#d454153b.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 25px 15px 30px;
}
#d454153b {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 3bd85219866cc3622781520 {
    padding-right: 2%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    
}
    
#group_h2a::before, #group_h2a > .bgExtraLayerOverlay {
    
}
#group_h2a {
    height: auto;
    min-height: 235px;
    align-items: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#\35 354be79::before, #\35 354be79 > .bgExtraLayerOverlay {
    
}
#\35 354be79 {
    align-items: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#eb9fc708::before, #eb9fc708 > .bgExtraLayerOverlay {
    
}
#eb9fc708 {
    align-items: flex-start;
    height: auto;
    min-height: 185px;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#ec2eed2f::before, #ec2eed2f > .bgExtraLayerOverlay {
    
}
#ec2eed2f {
    align-items: flex-start;
    height: auto;
    min-height: auto;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#\35 eac808d::before, #\35 eac808d > .bgExtraLayerOverlay {
    
}
#\35 eac808d {
    align-items: flex-start;
    min-height: auto;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#\37 1640f72::before, #\37 1640f72 > .bgExtraLayerOverlay {
    
}
#\37 1640f72 {
    min-height: auto;
    align-items: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#group_ch3 {
    column-gap: 2%;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
}
    
#group_7us {
    margin-right: 0%;
    margin-left: 0%;
    width: 49%;
    order: 0;
}
    
#adf16a78 {
    margin-right: 0%;
    margin-left: 0%;
    width: 49%;
    order: 1;
}
    
#\32 4cdc3b6 {
    margin-right: 0%;
    margin-left: 0%;
    width: 49%;
    order: 2;
}
    
#\33 473c0e5 {
    margin-right: 0%;
    margin-left: 0%;
    width: 49%;
    order: 4;
    min-height: auto;
}
    
#\36 ef07b4b {
    margin-right: 0%;
    margin-left: 0%;
    width: 100.00%;
    order: 5;
    min-height: auto;
}
    
#\33 7c78246 {
    margin-right: 0%;
    margin-left: 0%;
    width: 49%;
    order: 3;
    min-height: auto;
}
    
#\38 9c6015c {
    margin-top: 1px;
}
    
#\38 40cd9e1 {
    margin-top: -0px;
}
    
#\36 3bd85219866cc3622781522 {
    row-gap: 15px;
}
    
#efeee72a {
    margin-right: 0%;
    margin-left: 0%;
    width: 49%;
    order: 3;
    height: auto;
    min-height: 366px;
}
    
#\32 be54e1d::before, #\32 be54e1d > .bgExtraLayerOverlay {
    
}
#\32 be54e1d {
    min-height: 230px;
    align-items: flex-start;
    height: auto;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 3d24979f4a54e38542a8abc {
    padding-left: 2%;
    padding-right: 2%;
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    row-gap: 15px;
}
    
#\36 3d24979f4a54e38542a8abe::before, #\36 3d24979f4a54e38542a8abe > .bgExtraLayerOverlay {
    
}
    
#\36 3d24979f4a54e38542a8abb::before, #\36 3d24979f4a54e38542a8abb > .bgExtraLayerOverlay {
    
}
#\36 3d24979f4a54e38542a8abb {
    width: 100%;
    min-height: 80px;
    row-gap: 15px;
}
    
#\36 3d24979f4a54e38542a8abd {
    width: 100%;
    min-height: 80px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 fe4bf29 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
}
    
#\36 383815d {
    margin: 0px 0% 0px 0%;
}
    
#c8244b49::before, #c8244b49 > .bgExtraLayerOverlay {
    
}
    
#group_h05 {
    width: 100%;
    min-height: 80px;
    row-gap: 15px;
}
    
#bb84d7ec {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\31 76731cc {
    padding-left: 0%;
    padding-right: 0%;
}
    
#\34 5aaa444 {
    height: 66px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 a1601c9 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#ca4bf8ac {
    margin: 0px 0% 0px 0%;
}
    
#\33 05905a4::before, #\33 05905a4 > .bgExtraLayerOverlay {
    
}
    
#widget_vmd {
    width: 68.84%;
}
    
#b243489e {
    column-gap: 6.0790270736820915%;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#\32 39c2a9b {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#\33 6e5c3a7 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#group_9qg {
    width: 59.98%;
    row-gap: 15px;
}
    
#widget_atp {
    height: 554px;
}
    
#\38 2c3d26f {
    row-gap: 15px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#f10ed272 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
}
    
#d9690e64 {
    margin: 0px 0% 0px 0%;
}
    
#group_9mq {
    width: 100%;
    min-height: 80px;
    row-gap: 15px;
}
    
#group_ar9 {
    width: 100%;
    min-height: 80px;
}
    
#widget_tpk {
    height: 300px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#b3c1bba3 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#a36b8528 {
    margin: 0px 0% 0px 0%;
}
    
#group_juu::before, #group_juu > .bgExtraLayerOverlay {
    
}
#group_juu {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    align-self: flex-start;
    min-height: auto;
}
    
#\33 3ef59c4::before, #\33 3ef59c4 > .bgExtraLayerOverlay {
    
}
#\33 3ef59c4 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    align-self: flex-start;
    min-height: auto;
}
    
#e7db54d3::before, #e7db54d3 > .bgExtraLayerOverlay {
    
}
#e7db54d3 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#\33 50a0f44 {
    row-gap: 15px;
}
    
#group_o6e {
    column-gap: 2%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    row-gap: 15px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\35 fd4a18f {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
}
    
#\33 6953fae {
    margin: 0px 0% 0px 0%;
}
    
#group_qsc {
    width: 100%;
    min-height: 80px;
}
    
#f7494404 {
    width: 100%;
    min-height: 80px;
    row-gap: 15px;
}
    
#widget_c68 {
    height: 300px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 dcc6a51 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#\38 2f77aeb {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\30 a93802e {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#\39 3f3ad02 {
    margin: 0px 0% 0px 0%;
}
    
#\39 b1f849b::before, #\39 b1f849b > .bgExtraLayerOverlay {
    
}
#\39 b1f849b {
    row-gap: 15px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\35 27f31ba {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#\33 c54a533 {
    margin: 0px 0% 0px 0%;
}
    
#group_o60::before, #group_o60 > .bgExtraLayerOverlay {
    
}
#group_o60 {
    width: 39.59%;
}
    
#\33 a31adb8 {
    width: 56.23%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\39 095fe08 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#\34 ee9aad3 {
    margin: 0px 0% 0px 0%;
}
    
#\39 30e44e1::before, #\39 30e44e1 > .bgExtraLayerOverlay {
    
}
    
#\31 a616b36 {
    width: 15.88%;
}
    
#group_7mn {
    width: 79.95%;
}
}



@media (max-width: 767px) {
    
#\36 3bd85219866cc3622781520 {
    flex-direction: column;
    padding-left: 4%;
    min-height: 0;
    padding-right: 4%;
    flex-wrap: nowrap;
}
    
#\36 3bd85219866cc3622781522 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    row-gap: 15px;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    
}
    
#widget_2k5 {
    height: 180px;
}
    
#group_h2a::before, #group_h2a > .bgExtraLayerOverlay {
    
}
#group_h2a {
    align-items: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#\37 9dddf19 {
    height: 180px;
}
    
#\35 354be79::before, #\35 354be79 > .bgExtraLayerOverlay {
    
}
#\35 354be79 {
    align-items: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#\31 3d663a7 {
    height: 180px;
}
    
#eb9fc708::before, #eb9fc708 > .bgExtraLayerOverlay {
    
}
#eb9fc708 {
    align-items: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#\34 4bf29b1 {
    height: 180px;
}
    
#ec2eed2f::before, #ec2eed2f > .bgExtraLayerOverlay {
    
}
#ec2eed2f {
    align-items: flex-start;
    min-height: auto;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#ba33a435 {
    height: 180px;
}
    
#\35 eac808d::before, #\35 eac808d > .bgExtraLayerOverlay {
    
}
#\35 eac808d {
    align-items: flex-start;
    min-height: auto;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#\33 477fab3 {
    height: 180px;
}
    
#\37 1640f72::before, #\37 1640f72 > .bgExtraLayerOverlay {
    
}
#\37 1640f72 {
    align-items: flex-start;
    min-height: auto;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#group_ch3 {
    column-gap: 2%;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 15px;
}
    
#group_7us {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#adf16a78 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#\32 4cdc3b6 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#\33 473c0e5 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    min-height: auto;
}
    
#\36 ef07b4b {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    min-height: auto;
}
    
#\33 7c78246 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    min-height: auto;
}
    
#cb76bccb {
    width: 310px;
}
    
#cee16e9e {
    width: 310px;
}
    
#\38 f3c278b {
    width: 310px;
}
    
#\36 067a8ea {
    width: 310px;
}
    
#f75f7d50 {
    width: 310px;
}
    
#\32 911fb2e {
    width: 310px;
}
    
#efeee72a {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    min-height: auto;
}
    
#\32 cc1d4b7 {
    height: 180px;
}
    
#\32 be54e1d::before, #\32 be54e1d > .bgExtraLayerOverlay {
    
}
#\32 be54e1d {
    align-items: flex-start;
    min-height: auto;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#\35 add9699 {
    width: 310px;
}
}



@media (max-width: 767px) {
    
#\36 3d24979f4a54e38542a8abb::before, #\36 3d24979f4a54e38542a8abb > .bgExtraLayerOverlay {
    
}
#\36 3d24979f4a54e38542a8abb {
    width: 100%;
    min-height: 160px;
    align-items: center;
    row-gap: 15px;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3d24979f4a54e38542a8abd {
    width: 100%;
    min-height: 160px;
    align-items: center;
}
    
#\36 3d24979f4a54e38542a8abc {
    flex-direction: column;
    padding-left: 4%;
    min-height: unset;
    padding-right: 4%;
    row-gap: 16px;
}
    
#\36 3d24979f4a54e38542a8abe::before, #\36 3d24979f4a54e38542a8abe > .bgExtraLayerOverlay {
    
}
    
#group_qkh {
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#group_io2 {
    column-gap: 6.079027355623101%;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 10px;
}
    
#\30 cd8ce63 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#\39 e67d809 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#\30 d659cb6 {
    column-gap: 7.29483282674772%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    row-gap: 10px;
}
    
#\30 1bb3267 {
    margin-right: 0%;
    margin-left: 0%;
    width: 295px;
}
    
#b26db674 {
    margin-right: 0%;
    margin-left: 0%;
    width: 295px;
}
    
#\32 3069f4a {
    width: 99.64%;
}
}



@media (max-width: 767px) {
    
#bb84d7ec {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\36 fe4bf29 {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
    
#c8244b49::before, #c8244b49 > .bgExtraLayerOverlay {
    
}
    
#group_h05 {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    row-gap: 15px;
}
    
#group_3im {
    column-gap: 7.29483282674772%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    row-gap: 10px;
}
    
#group_jce {
    column-gap: 3.24944562515319%;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#widget_sf6 {
    margin-right: 0%;
    margin-left: 0%;
    width: 343px;
}
    
#\39 90e0820 {
    margin-right: 0%;
    margin-left: 0%;
    width: 343px;
}
    
#widget_1o3 {
    margin-right: 0%;
    margin-left: 0%;
    width: 28px;
    height: auto;
}
    
#group_ko3 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    align-items: center;
}
    
#HomepageContactForm {
    width: 100%;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\31 76731cc {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 4% 0% 4% 0%;
}
    
#\34 5aaa444 {
    height: 57px;
    width: 90%;
    margin-top: 1px;
}
    
#\31 fd3775f {
    min-height: 20px;
    align-items: center;
    width: 100%;
    padding: 0px 0px 0px 0px;
}
    
#\36 896e5a9 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\38 2c3d26f {
    min-height: 80px;
    align-items: center;
    width: 100%;
    row-gap: 15px;
}
    
#\33 a1601c9 {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
    
#\33 05905a4::before, #\33 05905a4 > .bgExtraLayerOverlay {
    
}
    
#widget_atp {
    height: 180px;
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    order: 1;
}
    
#widget_vmd {
    width: 100%;
}
    
#group_4ne {
    column-gap: 4%;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 15px;
}
    
#group_9qg {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    order: 0;
    row-gap: 15px;
}
    
#b243489e {
    column-gap: 7.29483282674772%;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 10px;
    align-items: flex-start;
}
    
#\32 39c2a9b {
    margin-right: 0%;
    margin-left: 0%;
    width: 343px;
}
    
#\33 6e5c3a7 {
    margin-right: 0%;
    margin-left: 0%;
    width: 343px;
}
}



@media (max-width: 767px) {
    
#f10ed272 {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
    row-gap: 15px;
}
    
#group_9mq {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    row-gap: 15px;
}
    
#group_ar9 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#widget_tpk {
    height: 180px;
}
    
#\31 8c288e6 {
    column-gap: 7.29483282674772%;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 10px;
    align-items: flex-start;
    align-self: center;
    margin-left: 0%;
    margin-right: 0%;
}
    
#\34 16f9604 {
    --column-gap: 15px;
    column-gap: 15px;
}
    
#\37 626d893 {
    --column-gap: 15px;
    column-gap: 15px;
}
    
#\32 5b1a58c {
    --column-gap: 15px;
    column-gap: 15px;
}
    
#\32 9a5527d {
    --column-gap: 15px;
    column-gap: 15px;
}
    
#ce5cb40f {
    --column-gap: 15px;
    column-gap: 15px;
}
    
#a187b5f1 {
    margin-right: 0%;
    margin-left: 0%;
    width: 343px;
}
    
#b8b4c1ff {
    margin-right: 0%;
    margin-left: 0%;
    width: 343px;
}
}



@media (max-width: 767px) {
    
#\33 50a0f44 {
    min-height: 80px;
    align-items: center;
    width: 100%;
    row-gap: 15px;
}
    
#b3c1bba3 {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
    
#group_juu::before, #group_juu > .bgExtraLayerOverlay {
    
}
#group_juu {
    width: 100%;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#\33 3ef59c4::before, #\33 3ef59c4 > .bgExtraLayerOverlay {
    
}
#\33 3ef59c4 {
    width: 100%;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#e7db54d3::before, #e7db54d3 > .bgExtraLayerOverlay {
    
}
#e7db54d3 {
    width: 100%;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#group_o6e {
    column-gap: 2%;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 15px;
}
    
#\32 0698cba {
    width: 343px;
}
}



@media (max-width: 767px) {
    
#f7494404 {
    min-height: 80px;
    align-items: flex-start;
    width: 100%;
    row-gap: 15px;
}
    
#\35 fd4a18f {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
    row-gap: 15px;
}
    
#group_qsc {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#widget_c68 {
    height: 200px;
}
    
#d341d2d8 {
    column-gap: 6.079027355623101%;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 10px;
}
    
#a51e5ee9 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#\32 19adfee {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#\39 bf15d48 {
    align-self: center;
    margin-left: 0%;
    margin-right: 0%;
    width: 343px;
}
}



@media (max-width: 767px) {
    
#\31 2034a63 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\33 dcc6a51 {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
    
#group_gpb {
    column-gap: 7.29483282674772%;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 15px;
}
    
#widget_3m7 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#widget_cg0 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
}



@media (max-width: 767px) {
    
#\39 b1f849b::before, #\39 b1f849b > .bgExtraLayerOverlay {
    
}
#\39 b1f849b {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\30 a93802e {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
}



@media (max-width: 767px) {
    
#\33 a31adb8 {
    min-height: 0px;
    align-items: flex-start;
    width: 100%;
    height: auto;
    row-gap: 15px;
    padding: 0px 0px 0px 0px;
}
    
#\35 27f31ba {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 15px;
    padding: 4% 4% 4% 4%;
}
    
#group_o60::before, #group_o60 > .bgExtraLayerOverlay {
    
}
#group_o60 {
    width: 100%;
    min-height: 67px;
    align-items: center;
    height: auto;
    padding: 0px 0px 0px 0px;
}
    
#widget_puu {
    width: 99.76%;
}
    
#\33 c54a533 {
    margin: 0px 0% 0px 0%;
}
    
#\39 1d2b89f {
    align-self: center;
    margin-left: 0%;
    margin-right: 0%;
    width: 343px;
}
}



@media (max-width: 767px) {
    
#\31 a616b36 {
    min-height: 27px;
    align-items: center;
    width: 100%;
    height: auto;
    order: 0;
}
    
#\39 095fe08 {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
    row-gap: 15px;
}
    
#\39 30e44e1::before, #\39 30e44e1 > .bgExtraLayerOverlay {
    
}
    
#group_7mn {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    order: 1;
}
    
#\37 3ae8c8d {
    column-gap: 4.46449322513471%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    row-gap: 10px;
    align-self: center;
    margin-left: 0%;
    margin-right: 0%;
}
    
#\39 ecb77e8 {
    margin-right: 0%;
    margin-left: 0%;
    width: 343px;
}
    
#d454153b {
    margin-right: 0%;
    margin-left: 0%;
    width: 343px;
}
}