.jdd-featured-block{
	display: block;
	position: relative;
}
.content-box .content-box-content {
    position: absolute;
    height: 80%;
    z-index: 1;
	width: 71%;
}
.style1 .content-box-wrapper{
	background: url('/wp-content/uploads/2020/07/shape-2-light-new.svg') no-repeat center center;
    transform: rotate(-15deg);
}
.style1 .content-box-inner{
	background: url('/wp-content/uploads/2020/07/shape-2-new.svg') no-repeat center center;
    transform: rotate(15deg);
    transform-origin: 45% 65%;
}
.style2 .content-box-wrapper{
	background: url('/wp-content/uploads/2020/07/shape-2-light-new.svg') no-repeat center center;
    transform: rotate(-15deg);
}
.style2 .content-box-inner{
	background: url('/wp-content/uploads/2020/07/main-shape-new.svg') no-repeat center center;
    transform: rotate(15deg);
    transform-origin: 66% 78%;
}

.style1 .content-box-content{
	top: 11%;
    left: 18%;
}
.style2 .content-box-content{
	top: 19%;
    left: 18%;
}
@media(max-width: 991px){
	.style1 .content-box-content{
		top: 17%;
	}
	.style2 .content-box-content{
		top: 30%;
		left: 15%;
	}	
}
@media(max-width: 450px){	
	.style1 .content-box-content{
		top: 0;
		left: 0;
	}
	.style2 .content-box-wrapper, .style1 .content-box-inner, .style2 .content-box-inner{
		background: none;
	}
}
/*.content-box.style1 .content-box-inner:before {
    background: url('../../img/shape-2-light.svg') no-repeat center center;
    transform: rotate(-15deg);
}
.content-box.style1 .content-box-inner:after {
    background: url('../../img/shape-2.svg') no-repeat center center;
    transform: rotate(0deg);
    transform-origin: 40% 40%;
}
.content-box.style2 .content-box-inner:after {
    background: url('../../img/main-shape.svg') no-repeat center center;
    transform: rotate(0deg);
    transform-origin: 40% 40%;
}
.content-box.style2 .content-box-inner:before {
    transform: rotate(-15deg);
    transform-origin: 72% 71%;
    background: url('../../img/shape-2-light.svg') no-repeat center center;
}
.content-box.style3 .content-box-inner:after {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-mask-image: url(../../img/main-shape.svg);
    mask-image: url(../../img/main-shape.svg);
    transform: rotate(-30deg);
    transform-origin: 40% 40%;
    mask-position: center center;
    -webkit-mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}
.content-box.style3 .content-box-inner:before {
    background: url('../../img/shape-2-light.svg') no-repeat center center;
}
.content-box.style1 .content-box-content {
    padding: 15% 10% 26% 23%;
}
.content-box.style2 .content-box-content {
    padding: 20% 25% 26% 20%;
}
*/


/*@media (min-width: 1200px) {
.content-box.style2 .content-box-content {
    padding: 15% 25% 26% 20%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.content-box.style2 .content-box-content {
    padding: 15% 25% 26% 20%;
}
}*/


@media (min-width: 768px) and (max-width: 991px) {
  .content-box.style1 .content-box-inner:after {
   /* background: url(../../img/shape-2.svg) no-repeat center center;*/
    transform: rotate(33deg);
    width: 105%;
    transform-origin: 40% 40%;
}
	
.content-box.style1 .content-box-content {
    padding: 34% 6% 26% 14%;
}
	
	.content-box.style2 .content-box-content {
     padding: 34% 25% 26% 6%;
}
	
	
	
/*	.content-box.style1 .content-box-inner:after {
    background: url(../../img/shape-2.svg) no-repeat center center;
    transform: rotate(33deg);
    transform-origin: 40% 40%;
}
	
	.content-box.style2 .content-box-inner:before {
    transform: rotate(-397deg);
    transform-origin: 57% 71%;
    background: url(../../img/shape-2-light.svg) no-repeat center center;
}
	
	.content-box.style2 .content-box-inner:after {
    background: url(../../img/main-shape.svg) no-repeat center center;
    transform: rotate(-9deg);
    transform-origin: 47% 111%;
}*/
	

}




 .content-box.style1 {
        transform: translateX(-5px);
    }
    .content-box.style2 {
        transform: translateX(15px);
    }
    .content-box.style3 {
        transform: translateX(-5px);
    }


@media (max-width: 767px) {
	
}

@media (max-width: 450px) { 
	


/*.content-box.style1 .content-box-inner:before {
    background: url(../../img/shape-2-light.svg) no-repeat center center;
    transform: rotate(-25deg);
}*/


	
	.style1 .content-box-data p{margin-bottom:15px;} 
	.style2 .content-box-data p{margin-bottom:15px;} 
	
	.content-box.style1 .content-box-inner:after {
    background: url(/wp-content/uploads/2020/07/shape-2-new.svg) no-repeat center center;
    transform: rotate(20deg);
    transform-origin: 40% 40%;
	} 
	
	

	
	.content-box.style2 .content-box-inner:after {
    background: url(/wp-content/uploads/2020/07/shape-2-new.svg) no-repeat center center;
    transform: rotate(20deg);
    transform-origin: 40% 40%;
	} 


	
.content-box.style1 {
    transform: translateX(-5px);
    width: 345px;
    margin-left: -20px;
}
	
	.content-box.style1 .content-box-content {
    padding: 13% 6% 26% 13%;
	} 

	.content-box.style2 {
    transform: translateX(-5px);
    width: 345px;
    margin-left: -20px;
}
	.content-box.style2 .content-box-inner:before {
    background: url(/wp-content/uploads/2020/07/shape-2-light-new.svg) no-repeat center center;
    transform: rotate(-2deg);
}
	
	.content-box.style2 .content-box-content {
    padding: 13% 13% 26% 13%;
}

}



.content-box-inner{
	position: relative;
}
@media(max-width: 991px){
	.content-box:not(.get-in-touch) .content-box-content {
		padding: 0 !important;
		position: absolute;
		height: auto;
		max-width: 80%;
	}
}
@media(min-width 768px and max-width: 980px){
	.content-box.style1 .content-box-content {
		top: 33%;
		left: 12%;
	}
	.content-box.style2 .content-box-content {
		top: 37%;
		left: 7%;
	}
}

@media(max-width: 767px){
	.content-box.style1 .content-box-content {
		left: 18%;
	}
	.content-box.style2 .content-box-content {
		top: 30%;
		left: 15%;
	}
}

@media(max-width: 450px){
	.content-box .content-box-inner {
		width: 100%;
	}
	.content-box.style1 {
		width: 100%;
		min-width: 300px;
		margin: auto;
	}	
	.content-box.style2 {
		width: 100%;
		min-width: 300px;
		margin: auto;
		margin-left: -17px;
	}
	.content-box .content-box-content {
		max-width: 78%;
	}	
	.content-box.style1 .content-box-content {
		top: 11%;
		left: 14%; 
	}
	.content-box.style2 .content-box-content {
		top: 14%;
		left: 14%;
	}
}

@media(min-width: 450px and max-width: 500px){
	.content-box.style2 .content-box-content {
		top: 30% !important;
		left: 14% !important;
	}
}

.contactbox .content-box .content-box-content a {
    font-family: Avenir-next-lt-pro-regular, 'sans-serif';
}