@media all {
  *#dm .dmInner a.u_645297996 span.text {
    color:var(--color_3) !important;
    font-weight:normal !important;
    text-decoration:none !important;
    font-style:normal !important;
  }

  *#dm .dmInner a.u_645297996:hover span.text { color:var(--color_3) !important; }

  *#dm .dmInner a.u_645297996.hover span.text { color:var(--color_3) !important; }

  *#dm .dmInner a.u_645297996 {
    border-style:solid !important;
    border-width:1px 1px 1px 1px !important;
    border-color:var(--color_5) var(--color_5) var(--color_5) var(--color_5) !important;
  }

  *#dm .dmInner a.u_1142880983 {
    background-color:rgba(106,67,44,0.85) !important;
    background-image:none !important;
  }

  *#dm .dmInner a.u_1142880983 span.text {
    font-weight:normal !important;
    text-decoration:none !important;
    font-style:normal !important;
  }

  *#dm .dmInner a.u_1142880983:hover span.text { color:var(--color_7) !important; }

  *#dm .dmInner a.u_1142880983.hover span.text { color:var(--color_7) !important; }

  *#dm .dmInner nav.u_1758272801 { color:black !important; }

  *#dm .dmInner nav.u_913161715 { color:black !important; }
}
*#dm .dmInner a.u_1142880983
{
}
@media (min-width:0) and (max-width:767px) {}
@media (min-width:1025px) {}
@media (min-width:768px) and (max-width:1024px) {}
separatorHomeCss{color:red !important}*#dm .dmInner a.u_1142880983
{
}
*#dm .dmInner a.u_1142880983
{
}
separatorHomeCss{color:red !important}@media all {
    
#\36 3bd85219866cc3622781521 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    align-items: center;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc3622781520 {
    min-height: 90vh;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 10% 2% 7.5% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    border-radius: inherit;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.3;
}
#\36 3bd85219866cc362278151f {
    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/d5543f01/dms3rep/multi/opt/sabal+palm+30-true+media+culture-075-1920w.jpg");
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#widget_7u4 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
}



@media all {
    
#\36 a5d9f4c {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-color: var(--color_3);
    background-image: none;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#eca8ea7e {
    min-height: 31px;
    column-gap: 0%;
    row-gap: 0px;
    max-width: none;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
}



@media all {
    
#\33 18ed2b8 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 40px;
    width: 100%;
    align-items: center;
    min-width: 4%;
    padding: 32px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#dab6c37a::before, #dab6c37a > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.65;
    border-radius: inherit;
}
#dab6c37a {
    background-image: url("https://lirp.cdn-website.com/d5543f01/dms3rep/multi/opt/sabal+palm+30-true+media+culture-077-1920w.jpg");
}
    
#\35 876abaa {
    min-height: 460px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 2% 4% 2%;
    margin: 0% 0% 0% 0%;
}
    
#widget_g1h {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\37 9a524ea {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\38 77f0229.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 0px 10px 0px;
}
#\38 77f0229 {
    width: 256px;
    height: auto;
    min-height: 54px;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
    grid-row-start: auto;
    grid-row-end: auto;
    grid-column-start: auto;
    grid-column-end: auto;
    justify-self: auto;
    align-self: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0%;
    margin-left: 0%;
    order: 0;
}
}



@media all {
    
#a6ef08d6::before, #a6ef08d6 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    opacity: 0.2;
    border-radius: inherit;
}
#a6ef08d6 {
    background-color: rgba(251, 248, 242, 1);
    background-image: none;
}
    
#\31 b09f993::before, #\31 b09f993 > .bgExtraLayerOverlay {
    border-radius: inherit;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    position: absolute;
    opacity: 0.4;
    height: 100%;
}
#\31 b09f993 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 20px;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    background-image: url();
    min-width: 4%;
    padding: 0% 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#befb395b {
    min-height: 0px;
    flex-wrap: nowrap;
    column-gap: 2%;
    row-gap: 12px;
    max-width: none;
    width: 100%;
    padding: 6% 2% 6% 2%;
    margin: 0px 0% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\37 1bcd224 {
    margin: 0px 0% 0px 0%;
}
    
#efc2576d {
    width: 66.86%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#\32 daa57cf {
    width: 63.62%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#b33145ad {
    background-color: var(--color_5);
    background-image: initial;
}
    
#a7f629cd {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 20px;
    width: 48%;
    min-width: 4%;
    order: 0;
    padding: 8% 16px 8% 16px;
    margin: 0px 0% 0px 0%;
}
    
#\34 d0d12bc {
    min-height: 475px;
    column-gap: 4%;
    row-gap: 24px;
    max-width: none;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 4% 4% 4%;
    margin: 0px 0% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\30 a2a5f8c {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#d6089be5 {
    margin: 0px 0px 0px 0px;
}
    
#\38 83656c9[data-background-color-animation] {
    
    --bg-end: var(--color_1);
}
#\38 83656c9::before, #\38 83656c9 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.1;
    border-radius: inherit;
}
#\38 83656c9 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    background-image: url("https://lirp.cdn-website.com/d5543f01/dms3rep/multi/opt/Casa-Del-Viento-Bonaire-1920w.jpg");
    order: 1;
    border-radius: 0px 0px 0px 0px;
    box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 11px 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#d16f99e3 {
    width: 698px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#b7a9642d {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#\39 e41dbc2 {
    min-height: 475px;
    column-gap: 4%;
    row-gap: 24px;
    max-width: none;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 4% 4% 4%;
    margin: 0px 0% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#cba1f593::before, #cba1f593 > .bgExtraLayerOverlay {
    border-radius: inherit;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.1;
}
#cba1f593 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    order: 0;
    border-radius: 0px 0px 0px 0px;
    box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 11px 0px;
    background-image: url("https://lirp.cdn-website.com/d5543f01/dms3rep/multi/opt/sabal+palm+30-true+media+culture-040-1920w.jpg");
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\39 59a0079 {
    width: 698px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#f6285709 {
    background-color: var(--color_5);
    background-image: initial;
}
    
#\37 4279fa9 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 20px;
    width: 48%;
    min-width: 4%;
    order: 1;
    padding: 8% 16px 8% 16px;
    margin: 0px 0% 0px 0%;
}
    
#\31 346bd7f {
    margin: 0px 0px 0px 0px;
}
}



@media all {
    
#\37 5c2cbc2 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\37 d03a5e2 {
    min-height: 114px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 0% 4% 0%;
    margin: 0% 0% 0% 0%;
}
    
#widget_tjo {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\31 cdea865 {
    background-color: var(--color_3);
    background-image: none;
}
}



@media all {
    
#\31 aa74a8b {
    min-height: 475px;
    column-gap: 4%;
    row-gap: 24px;
    max-width: none;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 4% 4% 4%;
    margin: 0px 0% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\37 a8f4a3a::before, #\37 a8f4a3a > .bgExtraLayerOverlay {
    border-radius: inherit;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.1;
}
#\37 a8f4a3a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    order: 1;
    border-radius: 0px 0px 0px 0px;
    box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 11px 0px;
    background-image: url("https://lirp.cdn-website.com/d5543f01/dms3rep/multi/opt/sabal+palm+30-true+media+culture-025-1920w.jpg");
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\32 89ccab2 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 20px;
    width: 48%;
    min-width: 4%;
    order: 0;
    padding: 8% 16px 8% 16px;
    margin: 0px 0% 0px 0%;
}
    
#\34 3bc58be {
    margin: 0px 0px 0px 0px;
}
    
#\32 1f845db {
    background-color: var(--color_5);
    background-image: initial;
}
    
#b6cbf156 {
    width: 698px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#\32 808d04d {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\39 24e1eb2 {
    margin: 0px 0px 0px 0px;
}
    
#\30 fd6ca5e::before, #\30 fd6ca5e > .bgExtraLayerOverlay {
    
}
#\30 fd6ca5e {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    order: 0;
    border-radius: 0px 0px 0px 0px;
    box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 11px 0px;
    background-image: url("https://lirp.cdn-website.com/d5543f01/dms3rep/multi/opt/sabal+palm+30-true+media+culture-103-1920w.jpg");
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\39 cad53dc {
    background-color: var(--color_5);
    background-image: initial;
}
    
#\38 dc1fb58 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#\32 7c4f5e1 {
    width: 698px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#ef2d5f30 {
    min-height: 475px;
    column-gap: 4%;
    row-gap: 24px;
    max-width: none;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 4% 4% 4%;
    margin: 0px 0% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\30 ca88006 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 20px;
    width: 48%;
    min-width: 4%;
    order: 1;
    padding: 8% 16px 8% 16px;
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\39 9e7b06c {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 100%;
    min-width: 4%;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#a7a431a1 {
    min-height: 152px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
    
#aba6969f {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 3bd85219866cc3622781520 {
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 590px;
    padding: 30% 4% 30% 4%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    
}
#\36 3bd85219866cc362278151f {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
    
#\36 3bd85219866cc3622781521 {
    width: 100%;
    min-height: 8px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#eca8ea7e {
    padding-left: 0%;
    padding-right: 0%;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 0px;
    padding-top: 0px;
}
    
#\36 a5d9f4c {
    width: 100%;
    min-height: 8px;
    row-gap: 0px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\35 876abaa {
    padding-left: 4%;
    padding-right: 4%;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 460px;
}
    
#dab6c37a::before, #dab6c37a > .bgExtraLayerOverlay {
    
}
#dab6c37a {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
    
#\33 18ed2b8 {
    width: 100%;
    min-height: 8px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#a6ef08d6::before, #a6ef08d6 > .bgExtraLayerOverlay {
    
}
    
#\31 b09f993::before, #\31 b09f993 > .bgExtraLayerOverlay {
    
}
#\31 b09f993 {
    width: 100%;
    min-height: 80px;
    height: auto;
    row-gap: 14px;
    padding-top: 16px;
    padding-bottom: 16px;
}
    
#befb395b {
    flex-direction: column;
    min-height: 0;
    flex-wrap: nowrap;
    row-gap: 24px;
    padding: 0% 4% 8% 4%;
}
    
#efc2576d {
    width: 100.00%;
}
    
#\32 daa57cf {
    width: 100.00%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#a7f629cd {
    row-gap: 16px;
    width: 54.79%;
    min-height: 8px;
    justify-content: flex-start;
    padding: 4% 16px 4% 16px;
}
    
#\34 d0d12bc {
    min-height: 460px;
    flex-direction: row;
    flex-wrap: nowrap;
    row-gap: 16px;
    column-gap: 2%;
    padding: 6% 4% 6% 4%;
}
    
#\30 a2a5f8c {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100.00%;
    max-width: none;
    margin-bottom: 5%;
}
    
#\38 83656c9::before, #\38 83656c9 > .bgExtraLayerOverlay {
    
}
#\38 83656c9 {
    background-size: cover;
    background-repeat: no-repeat;
    width: 43.11%;
    min-height: 8px;
}
    
#d16f99e3 {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#b7a9642d {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100.00%;
    max-width: none;
    margin-bottom: 5%;
}
    
#\39 e41dbc2 {
    min-height: 460px;
    flex-direction: row;
    flex-wrap: nowrap;
    row-gap: 16px;
    column-gap: 2%;
    padding: 6% 4% 6% 4%;
}
    
#cba1f593::before, #cba1f593 > .bgExtraLayerOverlay {
    
}
#cba1f593 {
    background-size: cover;
    background-repeat: no-repeat;
    width: 43.11%;
    min-height: 8px;
}
    
#\39 59a0079 {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
}
    
#\37 4279fa9 {
    row-gap: 16px;
    width: 54.79%;
    min-height: 8px;
    justify-content: flex-start;
    padding: 4% 16px 4% 16px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\37 d03a5e2 {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\31 aa74a8b {
    min-height: 460px;
    flex-direction: row;
    flex-wrap: nowrap;
    row-gap: 16px;
    column-gap: 2%;
    padding: 6% 4% 6% 4%;
}
    
#\37 a8f4a3a::before, #\37 a8f4a3a > .bgExtraLayerOverlay {
    
}
#\37 a8f4a3a {
    background-size: cover;
    background-repeat: no-repeat;
    width: 43.11%;
    min-height: 8px;
}
    
#\32 89ccab2 {
    row-gap: 16px;
    width: 54.79%;
    min-height: 8px;
    justify-content: flex-start;
    padding: 4% 16px 4% 16px;
}
    
#b6cbf156 {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
}
    
#\32 808d04d {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100.00%;
    max-width: none;
    margin-bottom: 5%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\30 fd6ca5e::before, #\30 fd6ca5e > .bgExtraLayerOverlay {
    
}
#\30 fd6ca5e {
    background-size: cover;
    background-repeat: no-repeat;
    width: 43.11%;
    min-height: 8px;
}
    
#\38 dc1fb58 {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100.00%;
    max-width: none;
    margin-bottom: 5%;
}
    
#\32 7c4f5e1 {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
}
    
#ef2d5f30 {
    min-height: 460px;
    flex-direction: row;
    flex-wrap: nowrap;
    row-gap: 16px;
    column-gap: 2%;
    padding: 6% 4% 6% 4%;
}
    
#\30 ca88006 {
    row-gap: 16px;
    width: 54.79%;
    min-height: 8px;
    justify-content: flex-start;
    padding: 4% 16px 4% 16px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#a7a431a1 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#\36 b18ad5b {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#a6ef08d6 {
    grid-template-rows: minmax(8px, max-content);
}
    
#befb395b {
    grid-area: 1 / 1 / span 1 / span 1;
}
}



@media (max-width: 767px) {
    
#b33145ad {
    grid-template-rows: minmax(8px, max-content);
}
    
#\34 d0d12bc {
    grid-area: 1 / 1 / span 1 / span 1;
}
}



@media (max-width: 767px) {
    
#\39 e41dbc2 {
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#f6285709 {
    grid-template-rows: minmax(8px, max-content);
}
}



@media (max-width: 767px) {
    
#\31 aa74a8b {
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\32 1f845db {
    grid-template-rows: minmax(8px, max-content);
}
}



@media (max-width: 767px) {
    
#\39 cad53dc {
    grid-template-rows: minmax(8px, max-content);
}
    
#ef2d5f30 {
    grid-area: 1 / 1 / span 1 / span 1;
}
}



@media (max-width: 767px) {
    
#\36 3bd85219866cc3622781521 {
    width: 100%;
    min-height: 160px;
    align-items: center;
}
    
#\36 3bd85219866cc3622781520 {
    flex-direction: column;
    min-height: 0;
    flex-wrap: nowrap;
    padding: 45% 4% 40% 4%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    
}
#\36 3bd85219866cc362278151f {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
    
#widget_7u4 {
    justify-self: auto;
    align-self: auto;
    width: 94.86%;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (max-width: 767px) {
    
#\36 a5d9f4c {
    width: 100%;
    min-height: 160px;
    align-items: center;
}
    
#eca8ea7e {
    min-height: 0;
    flex-direction: column;
    padding-left: 0%;
    padding-right: 0%;
    flex-wrap: nowrap;
}
}



@media (max-width: 767px) {
    
#\33 18ed2b8 {
    width: 100%;
    min-height: 160px;
    align-items: center;
    row-gap: 12px;
}
    
#\35 876abaa {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 12px;
    padding: 8% 4% 8% 4%;
}
    
#dab6c37a::before, #dab6c37a > .bgExtraLayerOverlay {
    
}
#dab6c37a {
    background-size: cover;
    background-repeat: no-repeat;
}
}



@media (max-width: 767px) {
    
#a6ef08d6::before, #a6ef08d6 > .bgExtraLayerOverlay {
    
}
    
#\31 b09f993::before, #\31 b09f993 > .bgExtraLayerOverlay {
    
}
#\31 b09f993 {
    row-gap: 18px;
    width: 100%;
    min-height: 415px;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 0px 5px 16px 5px;
}
    
#befb395b {
    flex-direction: column;
    min-height: 0;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 4% 4% 6% 4%;
}
    
#efc2576d {
    width: 100%;
}
    
#\32 daa57cf {
    width: 100%;
}
    
#\37 1bcd224 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#a7f629cd {
    width: 100%;
    min-height: 240px;
    align-items: flex-start;
    order: 1;
    justify-content: flex-start;
    row-gap: 16px;
    padding: 4% 5px 4% 5px;
}
    
#\34 d0d12bc {
    min-height: unset;
    flex-direction: column;
    row-gap: 13px;
    padding: 12% 4% 4% 4%;
}
    
#\30 a2a5f8c {
    width: 100%;
    max-width: none;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\38 83656c9::before, #\38 83656c9 > .bgExtraLayerOverlay {
    
}
#\38 83656c9 {
    width: 100%;
    min-height: 200px;
    align-items: center;
    order: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
    
#d16f99e3 {
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
    order: 1;
}
}



@media (max-width: 767px) {
    
#b7a9642d {
    width: 100%;
    max-width: none;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 e41dbc2 {
    min-height: unset;
    flex-direction: column;
    row-gap: 13px;
    padding: 4% 4% 8% 4%;
}
    
#cba1f593::before, #cba1f593 > .bgExtraLayerOverlay {
    
}
#cba1f593 {
    width: 100%;
    min-height: 200px;
    align-items: center;
    order: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
    
#\39 59a0079 {
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
    order: 1;
}
    
#\37 4279fa9 {
    width: 100%;
    min-height: 240px;
    align-items: flex-start;
    order: 1;
    justify-content: flex-start;
    row-gap: 16px;
    padding: 4% 5px 4% 5px;
}
}



@media (max-width: 767px) {
    
#\37 5c2cbc2 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\37 d03a5e2 {
    min-height: 0;
    flex-direction: column;
    padding-left: 0%;
    padding-right: 0%;
    flex-wrap: nowrap;
}
}



@media (max-width: 767px) {
    
#\31 aa74a8b {
    min-height: unset;
    flex-direction: column;
    row-gap: 13px;
    padding: 12% 4% 4% 4%;
}
    
#\37 a8f4a3a::before, #\37 a8f4a3a > .bgExtraLayerOverlay {
    
}
#\37 a8f4a3a {
    width: 100%;
    min-height: 200px;
    align-items: center;
    order: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
    
#\32 89ccab2 {
    width: 100%;
    min-height: 240px;
    align-items: flex-start;
    order: 1;
    justify-content: flex-start;
    row-gap: 16px;
    padding: 4% 5px 4% 5px;
}
    
#b6cbf156 {
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
    order: 1;
}
    
#\32 808d04d {
    width: 100%;
    max-width: none;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (max-width: 767px) {
    
#\30 fd6ca5e::before, #\30 fd6ca5e > .bgExtraLayerOverlay {
    
}
#\30 fd6ca5e {
    width: 100%;
    min-height: 200px;
    align-items: center;
    order: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
    
#\38 dc1fb58 {
    width: 100%;
    max-width: none;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 7c4f5e1 {
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
    order: 1;
}
    
#ef2d5f30 {
    min-height: unset;
    flex-direction: column;
    row-gap: 13px;
    padding: 4% 4% 8% 4%;
}
    
#\30 ca88006 {
    width: 100%;
    min-height: 240px;
    align-items: flex-start;
    order: 1;
    justify-content: flex-start;
    row-gap: 16px;
    padding: 4% 5px 4% 5px;
}
}



@media (max-width: 767px) {
    
#\39 9e7b06c {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#a7a431a1 {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
}