body .boxes {
    border-radius: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 85px;
    max-height:85px;
   
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.25s all ease-out;
    transition: 0.25s all ease-out;
    font-size: 0.8vw;
}
body .w-100{
    width:100%;
}
.boxes.yellow {
    background-color: #ffdb4a;
}
.boxes.orange {
    background-color: #ffa64a;
}

body .p-box {
    background-color: #22c65b;
    color: #fff;
}

body .s-box {
    background-color: #ffdb4a;
    color: #fff;
}

body .i-box {
    background-color: #ed35d6;
    color: #fff;
}

body .c-box {
    background-color: #1496ed;
    color: #fff;
}

body .boxes:hover, body .boxes:active, body .boxes:focus {
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

    body .boxes .icon {
        color: #fff;
        font-size: 40px;
        min-width: 85px;
        min-height: 85px;
        position: relative;
    }

        body .boxes .icon i {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    body .boxes span:last-child {
        margin-left: 20px;
        font-size: 2rem;
        color: #fff;
        font-weight: 600;
    }

    body .boxes.default {
        background-color: #ffdb4a;
        border-radius: 4px;
    }

   

        body .boxes.default .icon {
            position: absolute;
            bottom: 52px;
            left: 88px;
            font-size: 10em;
            opacity: 0.5;
        }

        body .box.default span:last-child {
            color: inherit;
        }
.grid {
    display: grid;
}

.grid-col-three {
    grid-template-columns: repeat(3, 1fr);   
}
.checkbox-wp .boxes{
    border-radius:0px;
}

@media (max-width: 1300px) {
    body .boxes {
        font-size: 15px;
    }

}
@media (max-width: 1080px){
    span.checkbox-i {
        font-size: 1.1rem !important;
        margin-left: -5px !important;
    }

}
/***/
body .p-subtitle {
    font-size: 1.5rem;
    font-weight: lighter;
}

body .h-title {
    font-size: 2rem;
}



body .is-width {
    max-width: 70%;
    margin: auto;
}
.margin-0-a{
    margin:0 auto;
}


html {
    scroll-behavior: smooth;
}