[data-mesh-id=comp-juaoqopjinlineContent] {
    height: auto;
    width: 100%
}

[data-mesh-id=comp-juaoqopjinlineContent-gridContainer] {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: auto;
    grid-template-rows: repeat(2, min-content) 1fr;
    grid-template-columns: 100%
}

/* Gallery */
.isDesktop
[data-mesh-id=comp-juaoqopjinlineContent-gridContainer] > [id="comp-juaoso2k"] {
    position: relative;
    margin: 22px 0px 5px 0px;
    left: 52px;
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
    height: auto;
}

.isMobile
[data-mesh-id=comp-juaoqopjinlineContent-gridContainer] > [id="comp-juaoso2k"] {
    position: relative;
    margin: 22px 5% 5px 5%;
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
    height: auto;
}

.isDesktop
[data-mesh-id=comp-juaoqopjinlineContent-gridContainer] > [id="comp-juaoso2z"] {
    position: relative;
    margin: 0px 0px 26px 0px;
    left: 56px;
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
    width: 70%;
    height: 5px;
}

.isMobile
[data-mesh-id=comp-juaoqopjinlineContent-gridContainer] > [id="comp-juaoso2z"] {
    position: relative;
    margin: 0px 5% 26px 5%;
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
    width: 90%;
    height: 5px
}

/* matrix-gallery */
.isDesktop
[data-mesh-id=comp-juaoqopjinlineContent-gridContainer] > [id="comp-juaopvpv"] {
    position: relative;
    margin: 0px 0px 23px 0px;
    left: 28px;
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
    align-self: start;
    width: calc(100% - 56px);
    height: 639px;
}

.isMobile
[data-mesh-id=comp-juaoqopjinlineContent-gridContainer] > [id="comp-juaopvpv"] {
    position: relative;
    margin: 0px 5% 20px 5%;
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
    align-self: start;
    width: 90%;
    height: 639px;
}

[data-mesh-id=ContainermainPageinlineContent] {
    height: auto;
    width: 100%
}

[data-mesh-id=ContainermainPageinlineContent-gridContainer] {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: 500px;
    grid-template-rows: repeat(8, min-content) 1fr;
    grid-template-columns: 100%;
    padding-bottom: 0px;
    box-sizing: border-box
}

/* Home background image */
.isDesktop
[data-mesh-id=ContainermainPageinlineContent-gridContainer] > [id="WPht0-6ns"] {
    position: relative;
    margin: 0px 0px 64px 0px;
    left: 0px;
    grid-area: 1 / 1 / 7 / 2;
    justify-self: start;
    align-self: start;
    width: 100%;
    height: 500px;
}

.isMobile
[data-mesh-id=ContainermainPageinlineContent-gridContainer] > [id="WPht0-6ns"] {
    position: relative;
    margin: 0px 0px 64px 0px;
    grid-area: 1 / 1 / 7 / 2;
    justify-self: start;
    align-self: start;
    width: 100%;
    height: 600px
}

.isDesktop
[data-mesh-id=ContainermainPageinlineContent-gridContainer] > [id="comp-ipbffwiq"] {
    position: relative;
    margin: 4px 0px 4px 0px;
    left: 4px;
    grid-area: 1 / 1 / 5 / 2;
    justify-self: start;
    align-self: start;
    width: calc(100% - 8px);
    height: 492px
}

.isMobile
[data-mesh-id=ContainermainPageinlineContent-gridContainer] > [id="comp-ipbffwiq"] {
    position: relative;
    margin: 4px 4px 4px 4px;    
    grid-area: 1 / 1 / 5 / 2;
    justify-self: start;
    align-self: start;
    width: calc(100% - 8px);
    height: 592px
}

.isDesktop
[data-mesh-id=ContainermainPageinlineContent-gridContainer] > [id="hxpkzy4z"] {
    position: relative;
    margin: 0px 0px 18px 0px;
    left: 39px;
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
    width: 40%;
    height: 5px;
}

.isMobile
[data-mesh-id=ContainermainPageinlineContent-gridContainer] > [id="hxpkzy4z"] {
    position: relative;
    margin: 0px 5% 18px 5%;
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
    width: 90%;
    height: 5px
}

.isDesktop
[data-mesh-id=ContainermainPageinlineContent-gridContainer] > [id="WRchTxt6-z35"] {
    position: relative;
    margin: 0px 0px 30px 0px;
    left: 39px;
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
    align-self: start;
    width: 40%;
    height: 216px
}

.isMobile
[data-mesh-id=ContainermainPageinlineContent-gridContainer] > [id="WRchTxt6-z35"] {
    position: relative;
    margin: 0px 5% 30px 5%;
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
    align-self: start;
    width: 90%;
    height: auto
}

.isDesktop
[data-mesh-id=ContainermainPageinlineContent-gridContainer] > [id="comp-juao9mjd"] {
    position: relative;
    margin: 50px 0px 20px 0px;
    left: 39px;
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
    width: 40%;
    height: 108px
}

.isMobile
[data-mesh-id=ContainermainPageinlineContent-gridContainer] > [id="comp-juao9mjd"] {
    position: relative;
    margin: 30px 5% 20px 5%;
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
    width: 90%;
    height: auto
}

.isDesktop
[data-mesh-id=ContainermainPageinlineContent-gridContainer] > [id="comp-know_more"] {
    position: relative;
    margin: -32px 0px 69px 0px;
    left: 39px;
    grid-area: 5 / 1 / 6 / 2;
    justify-self: start;
    align-self: start;
    width: 136px;
    height: 36px
}

.isMobile
[data-mesh-id=ContainermainPageinlineContent-gridContainer] > [id="comp-know_more"] {
    position: relative;
    margin: -32px 0px 69px 20px;
    grid-area: 5 / 1 / 6 / 2;
    justify-self: start;
    align-self: start;
    width: 136px;
    height: 36px
}

.isDesktop
[data-mesh-id=ContainermainPageinlineContent-gridContainer] > [id="comp-gallery"] {
    position: relative;
    margin: 0px 0px 52px 0px;
    grid-area: 7 / 1 / 8 / 2;
    justify-self: start;
    align-self: start;
    width: 100%
}

.isMobile
[data-mesh-id=ContainermainPageinlineContent-gridContainer] > [id="comp-gallery"] {
    position: relative;
    margin: 0px 0px 52px 0px;
    grid-area: 7 / 1 / 8 / 2;
    justify-self: start;
    align-self: start;
    width: 100%
}

#mainPage {
    left: 0;
    margin-left: 0;
    width: 100%;
    min-height: 500px
}

#masterPage {
    --pinned-layers-in-page: 0
}

#WPht0-6ns {
    --rd: 3px;
    --brd: var(--color_11);
    --brw: 5px;
    --sizeRd: 3px;
    --sizeBrw: 5px;
    --contentPaddingLeft: 5px;
    --contentPaddingRight: 5px;
    --contentPaddingBottom: 5px;
    --contentPaddingTop: 5px;
    --alpha-brd: 1;
}

#comp-ipbffwiq {
    --contentPaddingLeft: 0px;
    --contentPaddingRight: 0px;
    --contentPaddingTop: 0px;
    --contentPaddingBottom: 0px;
}

#hxpkzy4z {
    --lnw: 1px;
    --brd: var(--color_12);
    --alpha-brd: 1;
    transform-origin: center 0.5px
}

#comp-know_more {
    --rd: 0px;
    --bg: 105,132,6;
    --trans1: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    --shd: 0 1px 4px rgba(0, 0, 0, 0.6);
    --brd: var(--color_21);
    --brw: 1px;
    --fnt: normal normal normal 18px/1.4em georgia,palatino,'book antiqua','palatino linotype',serif;
    --trans2: color 0.4s ease 0s;
    --txt: var(--color_11);
    --alpha-txt: 1;
    --bgh: 36,112,160;
    --brdh: var(--color_11);
    --txth: var(--color_11);
    --alpha-txth: 1;
    --bgd: 204,204,204;
    --brdd: 204,204,204;
    --txtd: 255,255,255;
    --alpha-txtd: 1;
    --alpha-bg: 1;
    --alpha-bgd: 1;
    --alpha-bgh: 1;
    --alpha-brd: 1;
    --alpha-brdd: 1;
    --alpha-brdh: 1;
    --shc-mutated-brightness: 53,66,3;
    --label-align: center;
    --label-text-align: center
}

#comp-juaoso2z {
    --lnw: 2px;
    --brd: 36,112,160;
    --alpha-brd: 1;
    transform-origin: center 1px
}

#comp-juaopvpv {
    --showMoreClr: 47, 46, 46;
    --imageWrapperTop: 1px;
    --fntds: normal normal normal 12px/1.4em raleway, sans-serif;
    --rd: 0px;
    --brd: 36, 112, 160;
    --brw: 1px;
    --bghClr: var(--color_11);
    --trans: opacity 0.4s ease 0s;
    --fntt: normal normal normal 16px/1.4em georgia, palatino, 'book antiqua', 'palatino linotype', serif;
    --ttl2: 255, 255, 255;
    --txt2: 255, 255, 255;
    --lnkClr: 47, 46, 46;
    --boxRd: 0px;
    --imgHeightDiff: 52px;
    --boxbg: 36, 112, 160;
    --paddingSize: 14px;
    --imageWrapperRight: 1px;
    --imageWrapperLeft: 1px;
    --alpha-bghClr: 0.6;
    --alpha-boxbg: 1;
    --alpha-brd: 1;
    --topPadding: 0px;
    --alpha-lnkClr: 1;
    --alpha-showMoreClr: 1;
    --alpha-ttl2: 1;
    --alpha-txt2: 1;
    height: auto;        
    --text-align: center;
    --imageWrapperBottom: 1px;
    --show-more-container-height: 40px
}

.isDesktop
#comp-juaopvpv {
    --number-of-columns: 3;
    --spacing: 13px;
    --row-height: calc((var(--site-width) - 56px - var(--spacing) * 2) * 0.25 + var(--imgHeightDiff));
}

.isMobile
#comp-juaopvpv {
    --number-of-columns: 2;
    --spacing: 8px;
    --row-height: calc((100vw * 0.9 - var(--spacing)) * 0.5 * 0.75 + var(--imgHeightDiff));
}

#comp-gallery {
    --bg-overlay-color: transparent;
    --bg-gradient: none;
    --padding: 0px;
    --margin: 0px;
    --firstChildMarginTop: -1px;
    --lastChildMarginBottom: -1px
}

#comp-juaoqopj {
    --bg-overlay-color: rgba(var(--color_11), 0.4);
    --bg-gradient: none;
    width: 100%;
}