.form-check-input:not(:checked) {
    background-color: transparent !important;
}

:root {
    --service-color: #237284;
    --service-color-light: #3e8393;
    --service-color-light-light: #ebf2f4;

    /* --bronze-color: #a3871a;
    --bronze-color-dark: #7c6511;
    --bronze-color-darker: #7c651145;

    --silver-color: var(--service-color);
    --silver-color-dark: #136274;
    --silver-color-darker: #004254;

    --gold-color: #8740dd;
    --gold-color-dark: #6631a7;
    --gold-color-darker: #6631a755; */


    --silver-color: var(--service-color);
    --silver-color-dark: #136274;
    --silver-color-darker: #004254;

    --bronze-color: #846723;
    --bronze-color-dark: #644703;
    --bronze-color-darker: #442710;

    --gold-color: #612384;
    --gold-color-dark: #410364;
    --gold-color-darker: #210044;
}

.text-service {
    color: var(--service-color);
}

.bg-service {
    background-color: var(--service-color);
}

.text-premium {
    color: var(--gold-color);
}

.text-standard {
    color: var(--silver-color);
}

.btn-premium {
    background-color: var(--gold-color);
    border-color: var(--gold-color);
    color: #fff;
}

.btn-premium:hover {
    background-color: var(--gold-color);
    border-color: var(--gold-color-dark);
    color: #fff;
}

.text-basic {
    color: var(--bronze-color);
}

.btn-basic {
    background-color: var(--bronze-color);
    border-color: var(--bronze-color);
    color: #fff;
}

.btn-basic:hover {
    background-color: var(--bronze-color);
    border-color: var(--bronze-color-dark);
    color: #fff;
}

.btn-adderat-radio {
    border-radius: 1rem;
    position: relative;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}


.btn-standard {
    background-color: var(--silver-color);
    border-color: var(--silver-color);
    color: #fff;
}

.btn-standard:hover {
    background-color: var(--silver-color-dark);
    border-color: var(--silver-color-dark);
    color: #fff;
}

.btn-check:active+.btn-premium,
.btn-check:checked+.btn-premium,
.btn-premium.active,
.btn-premium:active,
.show>.btn-premium.dropdown-toggle {
    color: #fff;
    background-color: var(--gold-color-dark);
    border-color: var(--gold-color-dark);
    box-shadow: 0px 0px 0px 5px var(--gold-color-darker);
}


.btn-check:active+.btn-basic,
.btn-check:checked+.btn-basic,
.btn-basic.active,
.btn-basic:active,
.show>.btn-basic.dropdown-toggle {
    color: #fff;
    background-color: var(--bronze-color-dark);
    border-color: var(--bronze-color-dark);
    box-shadow: 0px 0px 0px 5px var(--bronze-color-darker);
}


.btn-check:active+.btn-standard,
.btn-check:checked+.btn-standard,
.btn-standard.active,
.btn-standard:active,
.show>.btn-standard.dropdown-toggle {
    color: #fff;
    background-color: var(--silver-color-dark);
    border-color: var(--silver-color-dark);
    box-shadow: 0px 0px 0px 5px var(--silver-color-darker);
}

.btn-check:checked+.btn::before,
.btn-check+.btn::before {
    display: inline;
    /* content: "\f00c"; */
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1em;
    padding-right: 0.33em;
    position: absolute;
    left: 1rem;
    color: #fff;
}

.btn-check+.btn::before {

    font-weight: normal;
    content: "\f111";
    color: rgba(255, 255, 255, 0.5);
}

.service-column .card {
    border-radius: 0.5rem;
    /* box-shadow: 0px 0px 0px 2px #32465b0a */
}

.plan-col {
    transition: transform 0.2s ease-in-out;
    position: relative;
}

.plan-col .card {
    /* outline: 2px solid transparent;
    outline-offset: 0px; */
    position: relative;
}
/* .plan-col:hover .card {
    outline-offset: -2px;
}
.service-col-bronze.plan-col:hover .card {
    outline-color: var(--bronze-color);
}
.service-col-silver.plan-col:hover .card {
    outline-color: var(--silver-color);
}
.service-col-gold.plan-col:hover .card {
    outline-color: var(--gold-color);
} */

.service-package-silver {
	position: relative;
}


.plan-col:hover {
    /* transform: scale(1.02); */
    /* transform: translateY(-0.5rem); */
    /* z-index: 2; */
}


/* .plan-col::after {
    content: "";
    position: absolute;
    top: 1%;
    left: 0;
    width: 100%;
    height: 99%;
    border-radius: 0.5rem;
    background-color: #3f3f3f;
    opacity: 0;
    filter: blur(0.25rem);
    z-index: -1;
    transition: opacity 0.2s ease-in-out;
} */

/* .plan-col:hover::after,
.plan-col:focus::after {
    opacity: 0.5;
} */

.plan-col .img-figur {
    transition: transform 0.2s ease-in-out;
    z-index: 3;
    position: relative;
}

.plan-col:hover .img-figur,
.plan-col:focus .img-figur {
    transform: scale(1.1) translateY(-1.1rem);
}

.figur-container {
    position: relative;
}

.service-package-silver {
    border-color: var(--silver-color);
    box-shadow: 0 0 0px 2px var(--silver-color) !important;
}

.service-package .card-body {
    padding: 1rem 0.75rem !important;
    /* padding-bottom: 0 !important; */
}


.service-package .card-header {
    background-color: transparent !important;
    border-bottom: none;
    color: var(--silver-color);
    padding-bottom: 0;
    background-repeat: no-repeat;
}

.service-package-gold .card-header {
    color: var(--gold-color);
}

.service-package-silver .card-header {
    color: var(--silver-color);

}

.service-package-bronze .card-header {
    color: var(--bronze-color);
}


.service-column {
    align-self: flex-end;
}

.service-col-gold, .service-col-bronze {
    /* padding-top: 1rem; */
}

.service-col-silver {
    z-index: 1;
}

.service-lead {
    /*height: 6em;*/
    /*overflow: hidden;*/
    font-size: 1rem !important;
	/* Nytt 240908:*/
    /*height: auto;*/
	max-height: none;
	overflow: visible;
	flex-grow: 1;
	white-space: normal;
}

.service-col-silver .figur-container {
    padding-bottom: 1rem;
}


.row-service {
    /* height: 2.5rem; */
    padding: 0.5rem;
    overflow: hidden;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    display: flex;
    align-items: center;
}

.service-col-subject {
    display: none;
}


.service-col-subjects {
    text-align: left;
    padding: 1rem;
    padding-right: 0;
    padding-left: 0;
    border-radius: 1rem 0 0 1rem;
    align-self: flex-end;
    overflow: hidden;
    margin-bottom: 1px;
    background-color: var(--service-color);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding-bottom: 0;
}

.service-col-subjects.service-right {
    border-radius: 0 1rem 1rem 0;
    width: 0.5rem;
}

.service-collection {
    margin-bottom: 1.5rem;
}

.service-collection-wrap {
    font-size: 0.9rem;
}

.service-odd {
    background-color: var(--service-color-light-light) !important;
}

.service-col-subjects .service-odd {
    background-color: var(--service-color-light) !important;
}


.service-col-subjects .row-service {
    color: #edeeee;
    padding-left: 1.9rem;
}


.service-header {
    height: 2rem;
    overflow: hidden;
    padding-left: 0.5rem;
    color: var(--service-color);
    font-weight: 600;
    /* margin-top: 2rem; */
}

.service-header a {
    color: var(--service-color);
}

.service-header.service-header-1 {
    margin-top: 0;
}

.service-col-subjects .service-header {
    color: #e4efef;
}

.service-col-subjects .service-header a {
    color: #e4efef;
}

/* .service-head {
    font-weight: bold;
    font-size: 2rem !important;
} */

.card-header .ribbon {
    width: 150px;
    height: 150px;
    position: absolute;
    top: -10px;
    left: -10px;
    overflow: hidden;
    font-weight: 300;
}

.card-header .ribbon::before,
.card-header .ribbon::after {
    position: absolute;
    content: "";
    z-index: -1;
    display: block;
    border: 7px solid var(--silver-color-dark);
    border-top-color: transparent;
    border-left-color: transparent;
}

.card-header .ribbon::before {
    top: 0px;
    right: 15px;
}

.card-header .ribbon::after {
    bottom: 15px;
    left: 0px;
}

.card-header .ribbon span {
    position: absolute;
    top: 30px;
    right: 0;
    transform: rotate(-45deg);
    width: 200px;
    background: var(--silver-color);
    padding: 10px 0;
    color: #fff;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}

.service-col-sel {
    height: 3rem;
    margin-top: 1rem;
}

.service-col-subjects {
    padding-bottom: 1rem;
}

@media screen and (max-width: 1399.98px) {
    .service-header {
        height: auto;
        padding-bottom: .2rem;
    }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

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

/* Medium devices (tablets, less than 992px) */
@media screen and (max-width: 991.98px) {
    .ribbon {
        transform-origin: top left;
        transform: scale(0.7);
    }

    .service-col-silver {
        /* margin-top: 1rem; */
    }

    .service-col-silver .figur-container {
        padding-bottom: 0;
    }

    .service-lead,
    .service-col-silver .service-lead {
        height: auto;
        padding-bottom: 0rem;
    }

    .service-header {
        border-bottom: none;
        margin-top: 0;
    }

    .service-collection {
        display: none;
    }
}

/* X-Large devices (large desktops, less than 1400px) */
@media screen and (min-width: 1399.98px) {
    .service-service-col-silver {
        min-width: 350px !important;
    }
}

/* @media screen and (max-width: 575.98px) { } */