body{
    background-color: #f2f2f2 !important;
}

.ki-price-block{
    padding-top: 74px;
}
.ki-price-block h2{
    font-weight: 700;
    font-size: 48px;
    line-height: 64px;
    text-align: center;
    text-transform: capitalize;
    color: #0D0D0D;
    margin-bottom: 30px;
}

.ki-price-block .list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.ki-price-block .list .item{
    background-color: #FFFFFF;
    border: 1px solid #E0DEDD;
    border-radius: 10px;
    padding: 42px 44px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.ki-price-block .list .item h3{
    font-family: Montserrat;
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    vertical-align: middle;
    color: #1CA67F;
    margin: 0px;
    border-bottom: 1px solid #0D0D0D;
    padding-bottom: 10px;
}

.ki-price-block .list .item .pre-description{
    font-family: Montserrat;
    font-weight: 700;
    font-size: 15px;
    line-height: 150%;
    vertical-align: middle;
    color: #0D0D0D;
    padding: 0px;
}

.ki-price-block .list .item .features{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ki-price-block .list .item .features li{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;

    /* padding-left: 28px;
    background: var(--sdx-icon-list-check) left center no-repeat;
    background-size: 18px; */
}

.ki-price-block .list .item p{
    font-family: Montserrat;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    vertical-align: middle;
}

.ki-price-block .list .item .btn{
    margin-top: auto;
    color: #FFFFFF;
    background-color: #1CA67F;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    /* text-transform: capitalize; */
    padding: 15px 40px;
    border-radius: 8px;
    width: 100%; /* auto Fit content */
    align-self: flex-start; /* Prevent stretching to full width */
}

.ki-what-we-need{
    display: flex;
    flex-direction: row;
    background-color: #1CA67F;
    border-radius: 0px 8px 8px 0px;
    margin: 74px 0px;
}

.ki-what-we-need > img{
    width: 60%;
}

.ki-what-we-need .right{
    padding: 40px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}

.ki-what-we-need .right h3{
    font-family: Inter;
    font-weight: 800;
    font-size: 32px;
    line-height: 36px;
    color: #FFFFFF;
}

.ki-what-we-need .right p.pre-description{
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #D1D5DB;
}

.ki-what-we-need .right ul{
    display: flex;
    flex-direction: column;
    gap: 15px
}

.ki-what-we-need .right ul li{
    font-family: Montserrat;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    text-align: justify;
    color: white;
    display: flex;
    flex-direction: row;
    gap: 10px;

    padding-left: 28px;
    background: url('/wp-content/plugins/scoredex/assets/img/white-ticked.svg') left center no-repeat;
    background-size: 18px;
}

.ki-what-we-need .right .more-des{
    font-family: Montserrat;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    text-align: justify;
    color: white;
    gap: 20px;
}

.ki-information{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    margin: 74px 0px;
}

.ki-information .box{
    background-color: white;
    display: flex;
    flex-direction: column;
}

.ki-information .box > img{
    max-width: 100%;
    border-radius: 10px 10px 0px 0px;
}

.ki-information .box .wrap-content{
    padding: 30px;
    font-size: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}

.ki-information .box .wrap-content h4{
    margin: 0px;
    padding: 0px;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 32px;
    line-height: 36px;
    padding-bottom: 30px;
    word-break: break-word;
    text-align: justify;
}

.ki-information .box .wrap-content .pre-description{
    color: #000000;
    font-weight: 700;
}

.ki-information .box .wrap-content ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ki-information .box .wrap-content ul li{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding-left: 28px;
    /* background: var(--sdx-icon-list-check) left center no-repeat;
    background-size: 18px;
    word-break: break-all; */
}

.ki-information .box .wrap-content .btn{
    margin-top: auto;
    color: #FFFFFF;
    background-color: #1CA67F;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    text-transform: capitalize;
    padding: 15px 40px;
    border-radius: 8px;
    width: 100%; /* Fit content */
    align-self: flex-start; /* Prevent stretching to full width */
}

.ki-checking-provider{
    border-radius: 12px;
    background: url('/wp-content/themes/scoredex/static/images/checking-provider.png') no-repeat center center;
}

.ki-checking-provider .wrap-content{
    padding: 50px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 48px;
}

.ki-checking-provider h2{
    font-family: "Jost", sans-serif;
    font-weight: 800;
    font-size: 45px;
    line-height: 55px;
    color: white;
    width: max-content;
}

.ki-checking-provider p{
    color: white;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: justify;
    max-width: 90%;
}

.ki-checking-provider .btn{
    font-family: Jost;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    border-radius: 6px;
    padding-top: 9px;
    padding-right: 17px;
    padding-bottom: 9px;
    padding-left: 17px;
    background-color: #1CA67F;
    width: max-content;
}

.ki-note {
    font-size: 24px;
    line-height: 30px;
    font-family: Jost;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 48px;
}

.ki-note p{
    text-align: justify;
}
.ki-note p.title{
    font-weight: 700;
    text-align: left;
}

@media (max-width: 1010px) {
    .ki-price-block .list{
        display: flex;
        flex-direction: column;
    }

    .ki-price-block .list .item{
        padding: 30px;
    }

    .ki-what-we-need .right h3{
        text-align: justify;
    }

    .ki-what-we-need{
        flex-direction: column;
    }

    .ki-what-we-need > img{
        width: 100%;
    }

    .ki-what-we-need .right{
        padding: 30px 30px;
    }

    .ki-information{
        display: flex;
        flex-direction: column;
    }

    .ki-checking-provider{
        background-size: cover;
    }

    .ki-checking-provider h2{
        font-size: 30px;
        line-height: 35px;
        width: auto;
        text-align: justify;
    }

    .ki-checking-provider p{
        max-width: 100%;
    }
}

.addon-section3 .pre-description{
    font-weight: 700;
    font-size: 15px;
    line-height: 150%;
    color: #000000;
}

.analysis-differ{
    margin-bottom: 74px;
}

.analysis-differ.mobile{
    display: none;
}

.analysis-differ h2{
    font-family: Montserrat;
    font-weight: 700;
    font-size: 32px;
    line-height: 64px;
    text-align: center;
    margin-bottom: 30px;
    word-break: break-word;
}

.analysis-differ .table{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.analysis-differ .table .row{
    display: grid;
    grid-template-columns: 66.66% 33.33%;
    gap: 20px;
    min-height: 60px;
}

.analysis-differ .table .row .blue-item{
    background-color: #23D9A5;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    border-radius: 11px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.analysis-differ .table .row .black-item{
    background-color: #1C1C1C;
    color: white;
    text-align: center;
    border-radius: 11px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.analysis-differ .table .row .white-item{
    background-color: #FFFFFF;
    border-radius: 11px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 102%;
    font-size: 20px;
}

.analysis-differ .table .row .left-item{
    display: grid;
    grid-template-columns: 44% 56%;
}

button.btn-white-arrow{
    background-color: white;
    color: #1CA67F;
    border: none;
    padding: 12px 25px;
    border-radius: 8.8px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    gap: 10px;
}

.who-interesting-for{
    display: flex;
    gap: 36px;
    align-items: center;
    margin-bottom: 96px;
}

.who-interesting-for h2{
    display: block;
    color: #34233F;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
}

.who-interesting-for ul{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.who-interesting-for ul li{
    min-height: 18px;
    padding-left: 28px;
    background: var(--sdx-icon-list-check) left center no-repeat;
    background-size: 18px;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-align: justify;
}

.who-interesting-for .wrapper{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.who-interesting-for .pre-description{
    text-align: justify;
}

.how-it-works{
    margin-bottom: 96px;
}

.how-it-works .item{
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.how-it-works h2{
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    padding-left: 42px;
}

.how-it-works .item .step-dot{
    width: 94px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .how-it-works .item .step-dot{
    width: 94px;
    position: relative;
    display: flex;
    justify-content: center;
} */

.how-it-works .item:first-child .step-dot img{
    z-index: 1;
}

.how-it-works .item .step-dot img{
    z-index: 1;
    width: 24px;
    height: 24px;
}

.how-it-works .item:first-child .step-dot .line{
    position: absolute;
    width: 2px;
    height: 50%;
    background: #23D9A5;
    top: 50%;
}

.how-it-works .item .step-dot .line{
    position: absolute;
    width: 2px;
    height: 100%;
    background: #23D9A5;
    top: 0px;
}

.how-it-works .item .wrapper{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.how-it-works .item .wrapper > img{
    padding: 40px;
}

.how-it-works .item .text{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.how-it-works .item .text h3{
    font-size: 32px;
    line-height: 38px;
    word-break: break-all;
}

.how-it-works .item .text p{
    word-break: break-all;
    text-align: justify;
    font-size: 15px;
}

.how-it-works .note{
    padding-left: 42px;
    max-width: 936px;
    margin: 40px 0px;
    text-align: justify;
}

.how-it-works > button{
    background-color: white;
    color: #1CA67F;
    border: none;
    padding: 12px 25px;
    border-radius: 8.8px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    gap: 10px;
    margin-left: 42px;
}

.ask-to-deep-research{
    background-color: #23D9A5;
    color: #141516;
    border-radius: 24px;
    padding: 80px;
    margin: 60px 0px;
}

.ask-to-deep-research h2{
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    text-transform: capitalize;
    padding-bottom: 40px;
}

.ask-to-deep-research p{
    text-align: center;
    max-width: 800px;
    margin: 0px auto;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}


.scoredex-deep-research{
    margin-bottom: 96px;
}

.scoredex-deep-research .header{
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    margin-bottom: 60px;
}

.scoredex-deep-research .header h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
}

.scoredex-deep-research .header p{
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    max-width: 800px;
}

.scoredex-deep-research .body{
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.scoredex-deep-research .body .item{
    background-color: #D7D7D9;
    display: flex;
    justify-content: space-between;
    padding: 40px;
    border-radius: 8px;
    gap: 60px;
}

.scoredex-deep-research .body .item > img{
    max-height: 578px;
    width: 470px;
    object-fit: cover;
    border-radius: 8px;
}

.scoredex-deep-research .body .item .text-wrapper{
    max-width: 650px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}

.scoredex-deep-research .body .item .text-wrapper h3{
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 30px;
}

.scoredex-deep-research .body .item .text-wrapper > div{
    text-align: justify;
}

.ki-modal .box .content{
    display: flex;
    flex-direction: column;
    gap: 30px;
    overflow: scroll;
    max-height: 90vh;
}

.ki-modal .box .content .sdx-modal-close{
    position: absolute;
    right: 15px;
    cursor: pointer;
}

.ki-modal .box{
    max-width: 807px;
    padding: 10px;
}

.ki-modal .box .title{
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    /* padding: 40px 0px; */
    color: #246B7D;
    line-height: 36px;
}

.ki-modal .footer{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ki-modal .footer .btn-main{
    font-size: 18px;
    padding: 26px;
}

.ki-modal .gray-box{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
    background-color: #F2F2F2;
    padding: 20px;
    border-radius: 12px;
    color: #246B7D;
    font-weight: 500;
    cursor: pointer;
    font-size: 15px;
}

.header-top .content .addon-header-content{
    position: relative;
}
.header-top .content .addon-header-content-wrapper{
    z-index: 2;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    padding: 80px 0px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
}

.header-top .content .addon-header-content-wrapper > p{
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
} 
.header-top .content .addon-header-content-wrapper h1{
    font-weight: 700;
    font-size: 45px;
    line-height: 49px;
}

.header-top .content .addon-header-content-wrapper h1 span{
    font-weight: 400;
    display: block;
}
.header-top .content .addon-header-content-wrapper .addon-header-features{
    display: flex;
    justify-content: center;
    gap: 20px;
}

.header-top .content .addon-header-content-wrapper .addon-header-features li{
    color: white;
    background-color: #f9f9f966;
    padding: 11px 24px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.header-top .content .addon-header-content-wrapper .group-2{
    display: flex;
    flex-direction: column;
    max-width: 100%;
}

.header-top .content .addon-header-content-wrapper .list-features{
    display: flex;
    gap: 30px;
    margin: 0px auto;
    margin-top: 40px;
}

.header-top .content .addon-header-content-wrapper .list-features button{
    background-color: white;
    color: #1CA67F;
    border: none;
    padding: 12px 25px;
    border-radius: 8.8px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    gap: 10px;
}

/* .header-top .content .addon-header-content-wrapper .group-buttons{
    display: flex;
    gap: 10px;
    margin-top: 20px;
    background-color: white;
    border-radius: 12px;
    padding: 9px 12px;
    border-radius: 12px;
} */

/* .header-top .content .addon-header-content-wrapper .group-buttons input{
    border: none;
    padding: 10px;
    border-radius: 12px;
    flex-grow: 1
} */

/* .header-top .content .addon-header-content-wrapper .group-buttons select{
    border: 0px;
    border-radius: 10px;
    padding: 10px;
    background: white url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8"%3F%3E%3Csvg width="60" height="64" fill="none" version="1.1" viewBox="0 0 60 64" xmlns="http://www.w3.org/2000/svg"%3E%3Crect y="-1.0112e-7" width="60" height="64" fill="%231ca67f" stroke-width="6.8532"/%3E%3Cpath d="M38.75 28.25L30 37L21.25 28.25" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/%3E%3C/svg%3E%0A');
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    border: 1px solid #f4f4f4;
} */

/* .header-top .content .addon-header-content-wrapper .group-buttons button{
    background-color: #1CA67F;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
} */

.addon-header-content a.kostenfrei-registrieren{
    font-weight: 400;
    font-size: 18px;
    line-height: 49px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #FFFFFF;
}

.addon-header-content a.kostenfrei-registrieren:hover{
    color: #FFFFFF;
    opacity: 1;
}

.addon-section3{
    background-color: var(--sdx-color-gray-lightest);
    padding-bottom: 96px;
}

.addon-section3 .content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 36px;
}

.addon-section3 .content .text{
    flex: 1;
}

.addon-section3 .content .text h2{
    display: block;
    color: #34233F;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 30px;
}

.addon-section3 .content .text div.subtitle{
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 28px;
}

.addon-section3 .content .text .features{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.addon-section3 .content .text .features li{
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    background: var(--sdx-icon-list-check) left center no-repeat;
    min-height: 23px;
    padding-left: 32px;
    background-size: 23px;
    text-align: justify;
}

.addon-section3 .content .images{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.addon-section3 .content .images img{
    max-width: 100%;
    border-radius: 12px;
}

.addon-section3 .content .images .group-2{
    display: flex;
    flex-direction: row;
    gap: 28px;
}

.addon-section3 .content .images .group-2 .image{
    flex: 1;
}

ul.features{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

ul.features li{
    min-height: 18px;
    padding-left: 28px;
    background: var(--sdx-icon-list-check) left center no-repeat;
    background-size: 18px;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    word-break: break-word;
}

.what-you-get .text{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 1010px) {

    .header-top .content .addon-header-content-wrapper{
        padding: 30px;
    }

    .header-top .content .addon-header-content-wrapper h1{
        word-break: break-all;
        font-size: 35px;
        line-height: 40px;
    }
    
    .header-top .content .addon-header-content-wrapper .addon-header-features{
        flex-direction: column;
    }

    /* .header-top .content .addon-header-content-wrapper .group-buttons{
        flex-direction: column;
    } */

    .header-top .content .addon-header-content-wrapper .list-features{
        flex-direction: column;
    }

    .addon-section3 .content {
        flex-direction: column;
        align-items: center;
    }

    .addon-section3 .content .text,
    .addon-section3 .content .images {
        flex: none;
        width: 100%;
    }

    /* .addon-section3 .content .images .group-2 {
        flex-direction: column;
    } */

    .ask-to-deep-research{
        padding: 20px;
    }

    .ask-to-deep-research p,  .ask-to-deep-research h2{
        text-align: justify;
    }

    .scoredex-deep-research .header p{
        text-align: justify;
    }

    .ki-price-block h2,
    .ask-to-deep-research h2, 
    .how-it-works h2, 
    .scoredex-deep-research .header h2{
        font-size: 32px;
        font-weight: 600;
        line-height: 40px;
    }

    .scoredex-deep-research .header h2{
        text-align: center;
    }

    .who-interesting-for{
        flex-direction: column;
    }

    .who-interesting-for img{
        max-width: 100%;
    }

    .how-it-works .item .text h3,
    .ki-price-block .list .item h3
    {
        font-size: 20px;
        line-height: 35px;
        text-align: justify;
    }

    .ki-price-block .list .item .pre-description{
        text-align: justify;
    }

    .how-it-works .item .wrapper{
        flex-direction: column;
        margin-bottom: 40px;
    }

    .how-it-works h2{
        margin-bottom: 30px;
    }

    .how-it-works h2, .how-it-works .note, .how-it-works > button{
        padding-left: 0px;
        margin-left: 0px;
    }

    .scoredex-deep-research .body .item{
        flex-direction: column;
        gap: 20px;
    }

    .scoredex-deep-research .body .item > img{
        max-width: 100%;
    }

    .scoredex-deep-research .body .item .text-wrapper h3{
        font-size: 25px;
    }

    .how-it-works .item .wrapper > img{
        padding: 10px;
        max-width: 100%;
    }

    .analysis-differ h2{
        font-size: 26px;
        line-height: 40px;
    }

    .analysis-differ .table .row{
        grid-template-columns: 100%;
    }

    .analysis-differ .table .row .left-item{
        grid-template-columns: 50% 50%;
    }

    .analysis-differ .table .row .blue-item, .analysis-differ .table .row .white-item, .analysis-differ .table .row .black-item{
        min-height: 60px;
    }

    .how-it-works .item .step-dot{
        width: 40px;
    }

    .scoredex-deep-research .body .item{
        padding: 30px
    }

    .ki-checking-provider .wrap-content{
        padding: 30px;
        gap: 30px;
    }

    .analysis-differ .table .row .black-item{
        display: none;
    }

    .analysis-differ.mobile .table .row .black-item{
        display: block;
        padding: 10px 10px;
    }

    .analysis-differ .table .row .white-item{
        font-size: 15px;
        text-align: center;
    }

    .analysis-differ.mobile{
        display: block;
    }
}

.normal-text{
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}

.justify-text{
    text-align: justify;
}