.cta-block{
	position:relative;
	z-index:-1;
}

.cta-block--pill {
    background: var(--red-primary);
    padding: 50px 50px 50px 50px;
    margin-left: 75px;
    margin-right: 75px;
    margin-bottom: 210px;
	z-index:9;
	    border-bottom-right-radius: 135px;
}


@media screen and (max-width:767px) {
    .cta-block--pill {
        margin-left: -14px;
        margin-right: -14px;
        padding: 35px 25px 180px 25px;
		margin-bottom:220px;
    }
}

.cta-block--pill *::selection {
    background: white !important;
    color: black !important
}

.cta-block--pill h3,
.cta-block--pill p {
    max-width: 540px;
}


.cta-block p,
.cta-block h3,
.cta-block a {
    color: white;
}

.cta-block a.btn-primary--white {
    color: var(--red-primary);
}

.cta-block--pill span {
    position: absolute;
    top: -11px;
    left: 170px;
    background: var(--pink-primary);
    color: var(--red-primary);
    font-weight: 500;
    padding: 2px 25px;
}

@media screen and (max-width:767px) {
    .cta-block--pill span {
        transform: translate(50%, 0%);
        right: 50%;
        left: unset;
        width: fit-content;
    }
}

.cta-block--pill img {
    position: absolute;
    right: -40px;
    top: 52px;
    height: 270px;
    width: 345px;
    border-radius: 3px 3px 140px 3px;
    object-fit: cover;
}

@media screen and (max-width:767px) {
    .cta-block--pill img {
        left: 20px;
        bottom: -130px;
        height: 270px;
        top: unset;
        width: calc(100% - 36px);
    }

    .cta--pill__link-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-top: 20px;
    }
}
@media screen and (min-width:768px) and (max-width:1026px) {
    .cta-block--pill img {
		top:93%;
    }}

.cta-block--pill .btn-text::before {
    background-image: linear-gradient(white, white);
    z-index: 2;
    border-color: white;
}









/* FW */

.cta-block--fw {
    overflow: hidden;
	z-index:9;
	    max-width: calc(100vw - 5px);
}

.cta-block--fw .cta-block--fw__content {
    z-index: 10;
    position: relative;
}

.cta-block--fw__content {
    padding: 200px 0;
    text-align: center;
    max-width: 879px;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width:767px) {
     .cta-block--fw__content {
        padding: 75px 25px 105px 25px;
    }
	  .cta-block--contain .cta-block--fw__content {
        padding: 225px 25px 95px 25px;
    }
    .cta-block--fw__content p {
        margin: 20px 0;
    }
}

.cta-block--fw__content h2 {
    color: white;
}

.cta-block--fw__content p {
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
}

.cta-block--fw video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

.cta-block--fw::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}







.cta-block--contain__bg-wrapper {
    max-width: var(--global-calc-content-width);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    grid-row: 1/-1;
    grid-column: 1/-1;
}
@media screen and (max-width:767px){
	.cta-block--contain__bg-wrapper {
		background-size:contain;
	}
}

.cta-block--contain {
    display: grid;
    padding: 700px 0;
    margin-top: -650px;
    margin-bottom: -460px;
	z-index:0;
}

@media screen and (max-width:767px) {
    .cta-block--contain {
        margin: 100px 0;
        padding: unset;
    }


}

@media screen and (max-width:767px) {
    /*
	section.cta-block--contain {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
    }
*/
}

.cta-contain__img {
    position: absolute;
    left: 0;
    right: 0;
    top: 90px;
    bottom: 0;
    width: 100%;
    height: 70%;
    object-fit: cover;
    pointer-events: none;
}

@media screen and (max-width:767px){
	.cta-contain__img{
		object-fit:contain;
	}
}




@media screen and (max-width:767px) {
    /*
	.cta-contain__img {
        object-fit: contain;
        left: -65px;
        height: 37%;
        rotate: 52deg;
    }

	
     Extrabild på mobil 
    .cta-contain__img-above--after,
    .cta-contain__img-behind--after {
        top: unset;
        bottom: 0;
        left: 54px;
        height: 27%;
        rotate: 32deg;
    }
	*/
	.cta-contain__img{
		left:0;
		right:0;
		    left: 0;
    right: 0;
    top: -190px;
    rotate: 31deg;
	}
	   /* Extrabild på mobil */
    .cta-contain__img-above--after,
    .cta-contain__img-behind--after {
        top: unset!important;
        bottom: 0;
		rotate:7deg;
		bottom:-75px;
    }
	
}

.cta-contain__img-above {
    z-index: 100;
}

.cta-block--contain__bg-wrapper {
    overflow: hidden;
}

.cta-contain__img-behind {
    z-index: 0;
}



.cta-block--contain__bg-wrapper::before {
    content: '';
    background: var(--red-secondary);
    top: 0;
    right: -155px;
    bottom: 0;
    width: 60%;
    height: 100%;
    position: absolute;
    transform: skew(-20deg);
}

@media screen and (max-width:767px) {
    .cta-block--contain__bg-wrapper::before {
        content: '';
        top: unset;
        background: var(--red-secondary);
        left: 50px;
        bottom: 0;
        width: 600%;
        height: 85%;
        position: absolute;
        transform: skew(-75deg, 0deg);
    }
}

@media screen and (min-width:470px) and (max-width:768px) {
    .cta-block--contain__bg-wrapper::before {
        height: 540px;
    }
}

@media screen and (max-width:767px){
.cta-block--contain{
	   margin-left: calc( 50% - ( var(--global-vw, 100vw) / 2 ))!important;
    margin-right: calc( 50% - ( var(--global-vw, 100vw) / 2 ))!important;
    max-width: 120vw!important;
    width: var(--global-vw, 100vw)!important;
    clear: both;
    padding: 0 32px!important;
}}