.pdm-numeric-points-list{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 3rem 1rem;
    position: relative;
}

.pdm-numeric-points-title{
    margin-bottom: 60px;
    text-align: center;
}

.pdm-numeric-points{
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.pdm-numeric-points li{
    list-style: none;
}

.pdm-numeric-points-carousel{
    width: 100%;
}

@media screen and (min-width: 769px) {
    .pdm-numeric-point{
        display: grid;
        grid-template-columns: 40px auto;
        align-items: start;
        gap: 1rem;
    }  
    
    .pdm-numeric-points-list::after{
        content: "";
        width: 300px;
        height: 300px;
        position: absolute;
        right: 103px;
        bottom: 144px;
        z-index: -1;
        border-radius: 50%;
        background: #82B1EF;
        background: radial-gradient(circle,rgba(130, 177, 239, 1) 0%, rgba(130, 177, 239, 1) 50%, rgba(255, 255, 255, 0) 100%);
        filter: blur(200px);
    }

    .pdm-numeric-points-list::before{
        content: "";
        width: 300px;
        height: 300px;
        position: absolute;
        left: 217px;
        top: 144px;
        z-index: -1;
        border-radius: 50%;
        background: #82B1EF;
        background: radial-gradient(circle,rgba(130, 177, 239, 1) 0%, rgba(130, 177, 239, 1) 50%, rgba(255, 255, 255, 0) 100%);
        filter: blur(200px);
    }
}

@media screen and (max-width: 768px) {
    .pdm-numeric-point{
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        gap: 1rem;
        width: 100%;
    }   

    .pdm-numeric-point .pdm-point-heading{
        color: #333;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 28px */
    }

    .pdm-numeric-point .pdm-point-description{
        color: #333;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 24px */
    }
}

.pdm-point-number{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #F5B82F;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
    text-transform: capitalize;
}

@media screen and (min-width: 769px) {
    .pdm-numeric-points li{
        width: calc(50% - 1rem);
    } 
}

@media screen and (max-width: 768px) {
    .pdm-numeric-points li{
        width: 100%;
    } 
}

.swiper-navigation{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}

.swiper-pagination_numeric-points{
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

@media screen and (max-width: 768px) {
    .pdm-numeric-point{
        display: flex;
        min-height: 360px !important;
        padding: 32px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
        border-radius: 16px;
        background: linear-gradient(0deg, rgba(245, 184, 47, 0.10) 0%, rgba(245, 184, 47, 0.10) 100%), #FFF;
    }  
}

.swiper-pagination-bullet{
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background-color: #82B1EF !important;
    border: 2px solid #82B1EF !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active{
    border-radius: 50%;
    background-color: transparent !important;
}

.swiper-buttons{
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 1rem;
}

.swiper-button-disabled{
    opacity: 0.3;
    pointer-events: none;
}