.dashboard-wrapper {
    margin: -20px;
}

.pTools-dashboard, .pTools-dashboard *, .pTools-dashboard *:before, .pTools-dashboard *:after {
    box-sizing: border-box;
}

.pTools-dashboard {
    background-image: url(../img/bg_red.jpg);
    background-size: cover;
    background-position: center;
    overflow: auto;
    padding: 30px 40px
}

.pTools-dashboard-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pTools-dashboard-logo {
    width: 169px;
    height: 49px;
    background-image: url(../img/ptools_white.svg);
    background-size: 169px 49px;
}

.pTools-dashboard-user {
    font-size: 24px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 2.8125C12.5895 2.8125 10.2332 3.52728 8.22899 4.86646C6.22477 6.20564 4.66267 8.10907 3.74022 10.336C2.81778 12.563 2.57643 15.0135 3.04668 17.3777C3.51694 19.7418 4.67769 21.9134 6.38214 23.6179C8.08659 25.3223 10.2582 26.4831 12.6223 26.9533C14.9865 27.4236 17.437 27.1822 19.664 26.2598C21.8909 25.3373 23.7944 23.7752 25.1335 21.771C26.4727 19.7668 27.1875 17.4105 27.1875 15C27.1841 11.7687 25.899 8.67076 23.6141 6.3859C21.3292 4.10104 18.2313 2.81591 15 2.8125ZM8.68126 23.1445C9.35946 22.0838 10.2938 21.211 11.398 20.6063C12.5023 20.0017 13.741 19.6848 15 19.6848C16.259 19.6848 17.4977 20.0017 18.602 20.6063C19.7062 21.211 20.6406 22.0838 21.3188 23.1445C19.5121 24.5496 17.2887 25.3124 15 25.3124C12.7113 25.3124 10.4879 24.5496 8.68126 23.1445ZM11.25 14.0625C11.25 13.3208 11.4699 12.5958 11.882 11.9791C12.294 11.3624 12.8797 10.8818 13.5649 10.598C14.2502 10.3141 15.0042 10.2399 15.7316 10.3846C16.459 10.5292 17.1272 10.8864 17.6517 11.4108C18.1761 11.9353 18.5333 12.6035 18.6779 13.3309C18.8226 14.0583 18.7484 14.8123 18.4646 15.4976C18.1807 16.1828 17.7001 16.7685 17.0834 17.1805C16.4667 17.5926 15.7417 17.8125 15 17.8125C14.0054 17.8125 13.0516 17.4174 12.3484 16.7141C11.6451 16.0109 11.25 15.0571 11.25 14.0625ZM22.7063 21.8449C21.6607 20.3298 20.1905 19.1576 18.4805 18.4758C19.399 17.7523 20.0693 16.7606 20.398 15.6385C20.7268 14.5165 20.6978 13.3199 20.3149 12.2151C19.9321 11.1103 19.2145 10.1523 18.262 9.47425C17.3094 8.7962 16.1692 8.43185 15 8.43185C13.8308 8.43185 12.6906 8.7962 11.738 9.47425C10.7855 10.1523 10.0679 11.1103 9.68507 12.2151C9.30223 13.3199 9.27319 14.5165 9.60196 15.6385C9.93074 16.7606 10.601 17.7523 11.5195 18.4758C9.80956 19.1576 8.33934 20.3298 7.29376 21.8449C5.97255 20.3592 5.109 18.5232 4.80709 16.558C4.50518 14.5928 4.77779 12.5823 5.5921 10.7685C6.4064 8.95465 7.72767 7.4149 9.39681 6.33461C11.0659 5.25433 13.0118 4.67959 15 4.67959C16.9882 4.67959 18.9341 5.25433 20.6032 6.33461C22.2723 7.4149 23.5936 8.95465 24.4079 10.7685C25.2222 12.5823 25.4948 14.5928 25.1929 16.558C24.891 18.5232 24.0275 20.3592 22.7063 21.8449Z' fill='white'/%3E%3C/svg%3E");
    padding: 5px 38px 5px 0;
}

.pTools-dashboard-body {
    margin-top: 30px;
    /*    padding-left: 40px;
    padding-right: 40px;*/
}

    .pTools-dashboard-body h2 {
        color: #fff;
        margin-bottom: 30px;
        font-weight: 700
    }

.pTools-dashboard-card-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
}

.pTools-dashboard-card-item {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
 
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
}
@media (min-width: 768px) {
    .pTools-dashboard-card-item {
        width: 50%;
    }
    }

@media (min-width: 1101px) {
    .pTools-dashboard-card-item {
        //width: 100%;
    }
}

@media (min-width: 1200px) {
    .pTools-dashboard-card-item {
        width: 33.33333333%;
    }
}

/*   width: 33.33333333%;*/

.pTools-dashboard-card-link {
    height: 100%;
    display: block;
    background-color: #fff;
    border-radius: 5px;
    display: block;
    text-decoration: none;
    padding: 30px;
}

    .pTools-dashboard-card-link:hover {
        text-decoration: none;
    }

        .pTools-dashboard-card-link:hover .pTools-dashboard-card-title {
            text-decoration: underline
        }

        .pTools-dashboard-card-link:hover .pTools-dashboard-card-img {
            transform: translateY(-5px)
        }

.pTools-dashboard-card-img {
    transition: ease-in-out .2s;
    margin-bottom: 10px;
}

.pTools-dashboard-card-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 16px;
    line-height: 1.3;
}

.pTools-dashboard-card-text {
    color: #454545;
    line-height: 1.6;
    padding-right: 50px;
}



.latest-blogs, .latest-blogs *, .latest-blogs *:before, .latest-blogs *:after {
    box-sizing: border-box;
}

.latest-blogs {
    margin-top: 30px;
    margin-bottom: 50px;
    padding-left: 40px;
    padding-right: 40px;
}

    .latest-blogs h2 {
        margin-bottom: 30px;
        font-weight: 700
    }

.latest-blog-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
}

.latest-blog-item {
    flex: 0 0 auto;
    max-width: 100%;
    width: 33.33333333%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
}


.latest-blog-link, .latest-blog-link:hover {
    text-decoration: none
}

    .latest-blog-link:hover .latest-blog-title {
        text-decoration: underline
    }

.latest-blog-img {
    position: relative;
    aspect-ratio: 16 / 9;
}

    .latest-blog-img img {
        position: absolute;
        object-fit: cover;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-position: center;
    }

.latest-blog-body {
    background-color: #fff;
    padding: 20px;
}

.latest-blog-date {
    position: absolute;
    background-color: #da020e;
    color: #fff;
    padding: 5px 10px;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    bottom: 0;
    left: 0;
}

.latest-blog-category {
    color: #da020e;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
}

.latest-blog-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 16px;
    line-height: 1.3;
}