.elementor-21 .elementor-element.elementor-element-ecc1527{--display:flex;--min-height:465px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--background-transition:0.3s;--overlay-opacity:0.5;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:20px;--padding-inline-end:20px;}.elementor-21 .elementor-element.elementor-element-ecc1527:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-ecc1527 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.johncreative.com.au/wp-content/uploads/2024/01/portfolio-banner-bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21 .elementor-element.elementor-element-ecc1527::before, .elementor-21 .elementor-element.elementor-element-ecc1527 > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-ecc1527 > .e-con-inner > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-ecc1527 > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-ecc1527 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-ecc1527 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-21 .elementor-element.elementor-element-ecc1527, .elementor-21 .elementor-element.elementor-element-ecc1527::before{--border-transition:0.3s;}.elementor-21 .elementor-element.elementor-element-17e0542 .elementor-heading-title{color:var( --e-global-color-d121dbb );font-family:"Contra", Serif;font-size:50px;font-weight:400;text-transform:capitalize;line-height:60px;}.elementor-21 .elementor-element.elementor-element-2d6b217{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:100px;--padding-inline-start:20px;--padding-inline-end:20px;}.elementor-21 .elementor-element.elementor-element-2d6b217:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-2d6b217 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-2d6b217, .elementor-21 .elementor-element.elementor-element-2d6b217::before{--border-transition:0.3s;}.elementor-21 .elementor-element.elementor-element-20d093c .elementor-tab-title, .elementor-21 .elementor-element.elementor-element-20d093c .elementor-tab-title:before, .elementor-21 .elementor-element.elementor-element-20d093c .elementor-tab-title:after, .elementor-21 .elementor-element.elementor-element-20d093c .elementor-tab-content, .elementor-21 .elementor-element.elementor-element-20d093c .elementor-tabs-content-wrapper{border-width:0px;}.elementor-21 .elementor-element.elementor-element-20d093c .elementor-tab-title, .elementor-21 .elementor-element.elementor-element-20d093c .elementor-tab-title a{color:var( --e-global-color-d121dbb );}.elementor-21 .elementor-element.elementor-element-20d093c .elementor-tab-title.elementor-active,
					 .elementor-21 .elementor-element.elementor-element-20d093c .elementor-tab-title.elementor-active a{color:var( --e-global-color-d121dbb );}.elementor-21 .elementor-element.elementor-element-20d093c .elementor-tab-title{font-family:"Inter", Serif;font-size:18px;font-weight:400;line-height:26px;}.elementor-21 .elementor-element.elementor-element-20d093c .elementor-tab-content{font-family:"Inter", Serif;font-size:18px;font-weight:400;line-height:26px;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-21 .elementor-element.elementor-element-17e0542 .elementor-heading-title{font-size:46px;}}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-ecc1527{--min-height:400px;}.elementor-21 .elementor-element.elementor-element-17e0542 .elementor-heading-title{font-size:40px;line-height:50px;}.elementor-21 .elementor-element.elementor-element-2d6b217{--padding-block-start:0px;--padding-block-end:80px;--padding-inline-start:20px;--padding-inline-end:20px;}}@media(max-width:991px){.elementor-21 .elementor-element.elementor-element-ecc1527{--min-height:350px;}.elementor-21 .elementor-element.elementor-element-17e0542 .elementor-heading-title{font-size:36px;line-height:46px;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-ecc1527{--min-height:320px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:20px;--padding-inline-end:20px;}.elementor-21 .elementor-element.elementor-element-17e0542 .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-21 .elementor-element.elementor-element-2d6b217{--padding-block-start:0px;--padding-block-end:60px;--padding-inline-start:20px;--padding-inline-end:20px;}}/* Start custom CSS for tabs, class: .elementor-element-20d093c */.elementor-21 .elementor-element.elementor-element-20d093c .gallery-item{
    padding: 12px 12px;
}
.elementor-21 .elementor-element.elementor-element-20d093c .gallery-item img{
    height: 230px;
    object-fit: cover;
}
.elementor-21 .elementor-element.elementor-element-20d093c .elementor-tabs .elementor-tab-title.elementor-active{
    background-color: #838383
}
.elementor-21 .elementor-element.elementor-element-20d093c .elementor-tabs-wrapper{
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #fff;
}


.elementor-21 .elementor-element.elementor-element-20d093c .twentytwenty-container img{
    height: 350px;
    object-fit: cover;
    
}

@media(max-width: 991px){
    .elementor-21 .elementor-element.elementor-element-20d093c.elementor-widget-tabs .elementor-tab-desktop-title{
        padding: 15px 20px!important;
    }
    .elementor-21 .elementor-element.elementor-element-20d093c .gallery-columns-3 .gallery-item{
        max-width: 50%;
    }
    .elementor-21 .elementor-element.elementor-element-20d093c .twentytwenty-container img{
        height: 300px;
    }
}

@media(max-width: 767px){
    .elementor-21 .elementor-element.elementor-element-20d093c .elementor-tabs-wrapper{
        flex-wrap: wrap;
    }
    .elementor-21 .elementor-element.elementor-element-20d093c .elementor-tabs-wrapper .elementor-tab-title{
        width: 100%;
    }
    .elementor-21 .elementor-element.elementor-element-20d093c .elementor-tabs-content-wrapper .elementor-tab-title{
        display: none;
    }
    .elementor-21 .elementor-element.elementor-element-20d093c .twentytwenty-container img{
        height: 270px;
    }
    .elementor-21 .elementor-element.elementor-element-20d093c .gallery-columns-3 .gallery-item{
        max-width: 100%;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Contra';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.johncreative.com.au/wp-content/uploads/2024/01/Contra.eot');
	src: url('https://www.johncreative.com.au/wp-content/uploads/2024/01/Contra.eot?#iefix') format('embedded-opentype'),
		url('https://www.johncreative.com.au/wp-content/uploads/2024/01/Contra.woff2') format('woff2'),
		url('https://www.johncreative.com.au/wp-content/uploads/2024/01/Contra.woff') format('woff'),
		url('https://www.johncreative.com.au/wp-content/uploads/2024/01/Contra.ttf') format('truetype'),
		url('https://www.johncreative.com.au/wp-content/uploads/2024/01/Contra.svg#Contra') format('svg');
}
/* End Custom Fonts CSS */