.middle_d_container {
    padding:4em;
    background-color: #f6ede8;
}

@media only screen and (max-width: 520px) {
    .middle_d_container {
        padding:2em;
        padding-top:0.2em;
    }
}

@media only screen and (max-width: 1024px) {
    .middle_d_container {
        padding-top:1em;
    }
}

.middle_d_container > .pk-title {
    text-align: center;
    font-size: 40px;
    font-family: 'GothamBold';
    font-weight: bolder; 
    word-wrap: break-word;
    color:#545BA9;
    margin-bottom:1rem;
}

@media only screen and (max-width: 800px) {
    .middle_d_container > .pk-title {
        font-size: 30px;
    }
}

@media only screen and (max-width: 520px) {
    .middle_d_container > .pk-title {
        font-size: 21px;
    }
}

.middle_d_container > .pk-desc {
    text-align: center;
    margin-bottom:2.5rem;
    font-size: 26px;
    font-family: Gotham;
    font-weight: 325;
    word-wrap: break-word
}

.middle_d_container > .pk-desc > b {
    color: black;
    font-size: 26px;
    font-family: GothamBold;
    font-weight: 400;
    word-wrap: break-word
}

@media only screen and (max-width: 520px) {
    .middle_d_container > .pk-desc {
        font-size: 14px;
        margin-bottom:1rem;
    }

    .middle_d_container > .pk-desc > b {
        font-size: 14px;
    }
}

.middle_d_container > .pk-list {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    column-gap:3ch;
    row-gap: 1.5rem;
    justify-content: center;
    max-width: 100%;
}

.box-pk {
    width:500px;
    border-radius: 30px;
    border: 5px solid #545BA9;
    background: rgba(255, 255, 255, 0.62);
    padding: 20px;
}

@media only screen and (max-width: 1200px) {
    .box-pk {
        width:300px;
    }
}

@media only screen and (max-width: 750px) {
    .box-pk {
        width:100%;
    }
}

.box-pk > div {
    margin-bottom:1rem;
}

.box-pk > div:last-child {
    margin-bottom:0;
}

.box-pk > .bp-title {
    color: #545BA9;
    font-size: 24px;
    font-family: Gotham;
    font-weight: 325;
    word-wrap: break-word;
    margin-bottom:0.2rem;
}

.box-pk > .bp-title > b {
    color: #545BA9;
    font-size: 25px;
    font-family: GothamBold;
    font-weight: 400;
    word-wrap: break-word
}

.box-pk > .bp-desc {
    color: black;
    font-size: 20px;
    font-family: Gotham;
    font-weight: 325;
    word-wrap: break-word
}

.box-pk > .bp-feat-list > ul {
    list-style-type: "\2705";
    padding-left: 1.45rem;
}

.box-pk > .bp-feat-list > ul > li.forbide {
    list-style-type: "\274C";
}

.box-pk > .bp-feat-list > ul > li {
    padding:0.2rem;
    padding-left:0.3rem;
    margin-bottom:0.4rem;
    font-size: 17px;
}

.box-pk > .bp-bottom-desc {
    color: black;
    font-size: 24px;
    font-family: GothamBold;
    font-weight: 400;
    word-wrap: break-word
}

@media only screen and (max-width: 520px) {
    .box-pk > .bp-title > b {
        font-size: 20px;
    }

    .box-pk > .bp-desc {
        font-size: 17px;
    }

    .box-pk > .bp-feat-list > ul {
        padding-left: 1.15rem;
    }

    .box-pk > .bp-feat-list > ul > li {
        font-size: 14px;
        padding-left:0.4rem;
    }

    .box-pk > .bp-bottom-desc {
        font-size: 17px;
    }
}

.bp-button {
	text-align: center;
}

.bp-button > button {
	all:unset;
	background: #F85860;
	border-radius: 20px;
	cursor:pointer;
	height: 54px;
	width:100%;
	color: white;
	font-size: 25px;
	font-family: Gotham;
	font-weight: 400;
	text-align:center;
}

@media only screen and (max-width: 520px) {
	.bp-button {
		margin-top:1em;
	}

	.bp-button > button {
		width:100%;
		font-size:20px;
		height: 50px;
	}
}