.elementor-1337 .elementor-element.elementor-element-64e5515{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1337 .elementor-element.elementor-element-7392fe8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0rem 0rem;--background-transition:0.3s;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1337 .elementor-element.elementor-element-d96c3e5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1337 .elementor-element.elementor-element-61b2e2f{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;--z-index:4;}.elementor-1337 .elementor-element.elementor-element-b98d06e .elementor-image-box-title{font-size:2rem;}.elementor-1337 .elementor-element.elementor-element-b98d06e > .elementor-widget-container{padding:0rem 0rem 0rem 0rem;}.elementor-1337 .elementor-element.elementor-element-b98d06e{width:100%;max-width:100%;}@media(min-width:577px){.elementor-1337 .elementor-element.elementor-element-d96c3e5{--width:100%;}}@media(max-width:576px){.elementor-1337 .elementor-element.elementor-element-64e5515{--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}}/* Start custom CSS for container, class: .elementor-element-7392fe8 */.elementor-1337 .elementor-element.elementor-element-7392fe8 .serviceBox {
    position: relative;
    padding: 0;
    padding-bottom: calc(100% / 2);
    background: #000;
    border: 1px solid #fff;
    margin: 0;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.elementor-1337 .elementor-element.elementor-element-7392fe8 .serviceBox a {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url('https://www.capo.com.au/wp-content/uploads/2023/04/Arrow-Right-Down-Capo-Co.svg');
    background-repeat: no-repeat;
    background-position-y: calc(100% - 4rem);
    background-position-x: calc(100% - 4rem);
    padding: 3rem;
    padding-bottom: calc((60%) - 2rem + 2px);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.elementor-1337 .elementor-element.elementor-element-7392fe8 .serviceBox:hover{
    background-color: #9c8559;
    margin-top: -5%;
    padding-bottom: calc(50% + 5%);
}

.elementor-1337 .elementor-element.elementor-element-7392fe8 .serviceBox:hover a{
    background-position-y: calc(100% - 2rem - 5%);
}

@media screen and (max-width:1400px) and (min-width: 1201px){
    .elementor-1337 .elementor-element.elementor-element-7392fe8 .serviceBox a {
        background-size: 1em;
}
}

@media screen and (max-width:1200px) and (min-width: 993px){
    .elementor-1337 .elementor-element.elementor-element-7392fe8 .serviceBox a {
        background-size: 0.8em;
        padding: 0.5em;
        padding-bottom: calc((80%) - 1.4em);
        background-position-x: calc(100% - 0.5em);
}
}
@media screen and (max-width:992px) and (min-width: 769px){
    .elementor-1337 .elementor-element.elementor-element-7392fe8 .serviceBox a {
        background-size: 1em;
        padding: 1em;
        padding-bottom: calc((80%) - 4em);
        background-position-x: calc(100% - 1em);
}
}

@media screen and (max-width:768px) and (min-width: 577px){
    .elementor-1337 .elementor-element.elementor-element-7392fe8 .serviceBox a {
        background-size: 0.8em;
        padding: 1em;
        padding-bottom: calc((80%) - 5rem);
        background-position-x: calc(100% - 1em);
}
}

@media screen and (max-width:576px){
    .elementor-1337 .elementor-element.elementor-element-7392fe8 .serviceBox a {
        background-size: 1em;

        background-position-x: calc(100% - 1.5em);
        text-align: left;
        padding-bottom: calc((60%) - 5rem);
}
}/* End custom CSS */