.CTA {
	background: var(--light-blue) url(/wp-content/themes/wp-parchment/blocks/cta/images/cta-bg-deco.svg) no-repeat bottom 5rem right 5rem;
	background-size: 70%;
	min-height: 540rem;
	display: flex;
    align-items: center;
    position: relative;
    color: var(--dark-blue);
}

.CTA .b-frame {
	width: 100%;
	padding-top: 80rem;
	padding-bottom: 80rem;
}

.CTA .buttons {
	margin-top: 35rem;
}

.CTA .buttons .b-button.alt-outline{
	margin-left: 20rem;
}

.CTA .subctas {
	margin-top: 10rem;
}

.CTA .subcta {
	margin: 40rem 0;
}

.CTA .subcta:last-child {margin-bottom: 0;}

.CTA .subcta .b-button {
	margin-top: -10rem;
}

.CTA .image .b-img {
	position: relative;
	top: -10rem;
}

.CTA .image {
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	width: 420rem;
	height: 540rem;
	position: absolute;
	top: -71rem;
	right: 15%;
	z-index: 0;
}

.CTA .deco {
	display: block;
	width: 160rem;
	height: 160rem;
	border: 8rem solid;
	border-radius: 100%;
	position: absolute;
}

.CTA .deco1 {
	border-color: var(--yellow);
    top: -16rem;
    right: 333rem;
	z-index: 1;
}

.CTA .deco2 {
	background: var(--blue);
	border-color: var(--blue);
	top: 160rem;
	right: 333rem;
	z-index: -1;
}

.CTA .deco3 {
	border-color: var(--green);
	right: -30rem;
    bottom: -10rem;
    z-index: -1;
}

.CTA .deco4 {
	background: var(--dark-blue);
	border-color: var(--dark-blue);
	right: -30rem;
    bottom: -186rem;
    z-index: -1;
}

@media screen and (max-width: 1680px) and (min-width: 961px){
	.CTA .image {right: 8%;}
}

@media screen and (max-width: 960px){
	.CTA {background: var(--light-blue); min-height: unset; text-align: center;}
	.CTA .b-frame {padding-top: 65rem; padding-bottom: 65rem;}
	.CTA .b-column[data-width="5"] {position: relative;}
	.CTA .image {width: 75%; height: auto; margin: 0 auto; position: relative; top: 15rem !important; left:0; right: 0;}
	.CTA .image .b-img {top: -10rem !important;}
	.CTA .deco {width: 120rem; height: 120rem;}
	.CTA .deco1 {top: -18rem; left: -68rem; right: auto;}
	.CTA .deco2 {top: 118rem; left: -68rem; right: auto;}
	.CTA .deco3 {bottom: 0rem;}
	.CTA .deco4 {bottom: -136rem;}
}

@media screen and (max-width: 450px){
	.CTA .deco {width: 70rem; height: 70rem;}
	.CTA .deco1 {top: 4rem; left: -44rem; right: auto;}
	.CTA .deco2 {top: 90rem; left: -44rem; right: auto;}
	.CTA .deco4 {bottom: -86rem;}
}



/* alt-reverse  */

@media screen and (min-width: 961px){
	.CTA.alt-reverse {min-height: 480rem; background: var(--light-blue) url(/wp-content/themes/wp-parchment/blocks/cta/images/cta-bg-deco.svg) no-repeat bottom -80rem right -650rem;}
	.CTA.alt-reverse .b-column:first-child{order: 2;}
	.CTA.alt-reverse .b-column:last-child{order: 1;}
	.CTA.alt-reverse .content {margin-left: 60rem;}
	.CTA.alt-reverse .image {width: 380rem; height: 470rem; top: -66rem; right:auto; left: 440rem;}
	.CTA.alt-reverse .deco1 {top: -25rem; right: 295rem;}
	.CTA.alt-reverse .deco2 {top: 151rem; right: 295rem;}
	.CTA.alt-reverse .deco3 {display: none;}
	.CTA.alt-reverse .deco4 {display: none;}
}

@media screen and (max-width: 1800px) and (min-width: 961px){
	.CTA.alt-reverse .image {left: 14%; right: auto;}
}



/* alt-reverse-image  */

@media screen and (min-width: 961px){
	.CTA.alt-reverse-image .deco1 {right: -84rem;}
	.CTA.alt-reverse-image .deco2 {right: -84rem;}
	.CTA.alt-reverse-image .deco3 {right: 270rem;}
	.CTA.alt-reverse-image .deco4 {right: 270rem;}
}

@media screen and (max-width: 960px){
	.CTA.alt-reverse-image .deco1 {right: -64rem; left: unset;}
	.CTA.alt-reverse-image .deco2 {right: -64rem; left: unset;}
	.CTA.alt-reverse-image .deco3 {right: 270rem; left: unset;}
	.CTA.alt-reverse-image .deco4 {right: 270rem; left: unset;}
}

@media screen and (max-width: 450px){
	.CTA.alt-reverse-image .deco1 {right: -40rem; left: unset;}
	.CTA.alt-reverse-image .deco2 {right: -40rem; left: unset;}
	.CTA.alt-reverse-image .deco3 {right: 170rem; left: unset;}
	.CTA.alt-reverse-image .deco4 {right: 170rem; left: unset;}
}