@font-face {
    font-family: 'DM Sans';
    src: url('../fonts/DMSans-light.woff2') format('woff2'),
        url('../fonts/DMSans-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


.pricing-cta-box-grey {
    background-color: #2E2E2E;
    color: #FFFFFF;
    padding: 97px 0;
}

.pricing-cta-box-grey h2,
.pricing-cta-box-grey p {
    color: #FFFFFF;
    margin-bottom: 23px;
    margin-top: 0;
    text-align: center;
}

.pricing-cta-box-grey p {
    max-width: 420px;
    margin: 0 auto 40px auto;
}

.pricing-cta-box-grey a {
    padding: 13px 20px;
    background: #fff;
    border-radius: 8px;
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    text-decoration: none;
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.presite-credits h1 {
    text-align: center;
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    font-size: 46px;
    line-height: 58px;
}

.presite-credits-table-wrapper {
    max-width: 865px;
    margin: auto;
    margin-bottom: 60px;
}

.presite-credits-table-single {
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid rgba(34, 83, 78, 0.16);
    box-shadow: 3px 3px 0px rgba(34, 83, 78, 0.08);
    border-radius: 14px;
}

.presite-credits-table-title {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    color: #000001;
    margin-bottom: 20px;
}

.presite-credits-table-credit strong{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 33px;
    line-height: 22px;
    color: #000001;
}

.presite-credits-table-credit {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000001;
    margin-top: 0;
    margin-bottom: 13px;    
}

.presite-credits-table-siteplans {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 0;
    margin-bottom: 5px;
}

.presite-credits-table-content {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000001;
    padding: 15px 0;
    border-top: 1px solid rgba(0, 0, 1, 0.12);
    border-bottom: 1px solid rgba(0, 0, 1, 0.12);
    margin-top: 0;
}

.presite-credits-table-mf span{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 27px;
    color: #000001;
}

.presite-credits-table-mf {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
    color: #000001;
    margin-top: 12px;
}

.presite-credits-footer {
    margin-bottom: 80px;
}

.presite-credits-footer p {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.presite-credits-footer-button a {
    position: relative;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 22px;
    color: #000000;
    text-decoration: none;
}

.presite-credits-footer-button a::after,
.presite-credits-footer-button a::before {
    position: absolute;
    content: '';
}

.presite-credits-footer-button a::after {
    background-image: url('data:image/svg+xml,<svg width="27" height="28" viewBox="0 0 27 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5006 2.58203C11.331 2.58203 9.21023 3.23244 7.40634 4.45101C5.60245 5.66957 4.19648 7.40157 3.36624 9.42797C2.536 11.4544 2.31877 13.6842 2.74203 15.8354C3.16528 17.9866 4.21 19.9626 5.74409 21.5136C7.27817 23.0645 9.23272 24.1207 11.3606 24.5486C13.4884 24.9765 15.6939 24.7569 17.6983 23.9176C19.7027 23.0782 21.4159 21.6568 22.6212 19.8331C23.8265 18.0093 24.4699 15.8652 24.4699 13.6719C24.4668 10.7316 23.3101 7.91268 21.2536 5.8336C19.1972 3.75452 16.4089 2.58514 13.5006 2.58203ZM18.3165 14.2754L14.9413 17.6877C14.783 17.8477 14.5683 17.9377 14.3443 17.9377C14.1204 17.9377 13.9057 17.8477 13.7474 17.6877C13.589 17.5276 13.5001 17.3105 13.5001 17.0841C13.5001 16.8578 13.589 16.6407 13.7474 16.4806L15.6828 14.5249H9.28159C9.05781 14.5249 8.84318 14.4351 8.68494 14.2751C8.5267 14.1151 8.4378 13.8981 8.4378 13.6719C8.4378 13.4456 8.5267 13.2286 8.68494 13.0687C8.84318 12.9087 9.05781 12.8188 9.28159 12.8188H15.6828L13.7474 10.8632C13.589 10.7031 13.5001 10.486 13.5001 10.2596C13.5001 10.0332 13.589 9.81614 13.7474 9.65607C13.9057 9.496 14.1204 9.40608 14.3443 9.40608C14.5683 9.40608 14.783 9.496 14.9413 9.65607L18.3165 13.0683C18.395 13.1476 18.4572 13.2416 18.4997 13.3452C18.5421 13.4488 18.564 13.5598 18.564 13.6719C18.564 13.784 18.5421 13.895 18.4997 13.9985C18.4572 14.1021 18.395 14.1962 18.3165 14.2754Z" fill="black"/></svg>');
    top: 50%;
    transform: translateY(-50%);
    right: -37px;
    width: 27px;
    height: 28px;

}

.presite-credits-footer-button a::before {
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 2px;
    background-color: rgba(34, 83, 78, 0.4);
}

.presite-credits-footer-button {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.presite-plans-inner {
    max-width: 860px;
    margin: auto;
    padding: 70px 0;
    border-top: 1px solid #E6E6EE;
    border-bottom: 1px solid #E6E6EE;

}

.presite-plans-header {
    margin-right: auto;
    margin-left: auto;
    max-width: 840px;
}

.presite-plans-header p {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.4);
    margin-top: 0;
    margin-bottom: 25px;
}

.presite-plans-header h2 {
    font-family: 'GT Super Normal';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 46px;
    color: #000001;
    margin-top: 0;
    margin-bottom: 60px;
    max-width: 740px;
}

.presite-plans-list {
    max-width: 840px;
    margin: auto;
}

.presite-plans-single {
    display: flex;
}

.presite-plans-single img{
    height: fit-content;
    margin-right: 10px;
}

.presite-plans-single h3{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-top: 0;
    margin-bottom: 10px;
}

.presite-plans-single p{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.7);
    margin-top: 0;
    margin-bottom: 0;
}

.site-pricing .pricing-table-wrapper table tr td {
    color: #000001;
}

@media (max-width: 768px) {
    .presite-credits h1 {
        font-size: 38px;
        line-height: 45px;
        text-align: left;
    }
}