/*================================================
DM Services Area CSS
=================================================*/
.dm-services-section-title {
    margin-bottom: 45px;
}
  
.dm-services-section-title .dm-services-title span {
    font-size: var(--fontSize);
    font-weight: 400;
    display: inline-block;
    margin-bottom: 15px;
    color: var(--optionalColor);
}

.dm-services-section-title .dm-services-title h2 {
    font-size: 42px;
    margin-bottom: 0;
}
  
.dm-services-section-title .dm-services-btn {
    text-align: end;
}

.dm-single-services {
    background-color: #faf0e3;
    padding: 35px 25px;
    margin-bottom: 25px;
}

.dm-single-services.style-one {
    margin-top: 25px;
}

.dm-single-services.style-two {
    background-color: #e5e5ff;
}

.dm-single-services.style-two .icon i {
    background: -webkit-gradient(linear, left top, right top, from(#391176), color-stop(#461293), color-stop(#5513b1), color-stop(#6311d0), to(#730def));
    background: linear-gradient(to right, #391176, #461293, #5513b1, #6311d0, #730def);
}

.dm-single-services.style-three {
    background-color: #dff4ff;
    margin-top: 25px;
}

.dm-single-services.style-three .icon i {
    background: linear-gradient(to right, #ff3a34, #ff4a33, #ff5832, #ff6532, #ff7033);
}

.dm-single-services.style-four {
    background-color: #e7f1ff;
}

.dm-single-services.style-four .icon i {
    background: -webkit-gradient(linear, left top, right top, from(#0164eb), color-stop(#007bf4), color-stop(#008ff9), color-stop(#00a2f9), to(#00b4f8));
    background: linear-gradient(to right, #0164eb, #007bf4, #008ff9, #00a2f9, #00b4f8);
}

.dm-single-services.bg-e5e5ff {
    background-color: #e5e5ff;
}

.dm-single-services.bg-e5e5ff .icon i {
    background: -webkit-gradient(linear, left top, right top, from(#391176), color-stop(#461293), color-stop(#5513b1), color-stop(#6311d0), to(#730def));
    background: linear-gradient(to right, #391176, #461293, #5513b1, #6311d0, #730def);
}

.dm-single-services.bg-dff4ff {
    background-color: #dff4ff;
}

.dm-single-services.bg-dff4ff .icon i {
    background: linear-gradient(to right, #ff3a34, #ff4a33, #ff5832, #ff6532, #ff7033);
}

.dm-single-services.bg-e7f1ff {
    background-color: #e7f1ff;
}

.dm-single-services.bg-e7f1ff .icon i {
    background: -webkit-gradient(linear, left top, right top, from(#0164eb), color-stop(#007bf4), color-stop(#008ff9), color-stop(#00a2f9), to(#00b4f8));
    background: linear-gradient(to right, #0164eb, #007bf4, #008ff9, #00a2f9, #00b4f8);
}

.dm-single-services.bg-fff3ed {
    background-color: #fff3ed;
}

.dm-single-services.bg-fff3ed .icon i {
    background: -webkit-gradient(linear, left top, right top, from(#f54096), color-stop(#e53d9b), color-stop(#d33b9f), color-stop(#c13ba2), to(#ad3ba4));
    background: linear-gradient(to right, #f54096, #e53d9b, #d33b9f, #c13ba2, #ad3ba4);
}

.dm-single-services.bg-ecf8ea {
    background-color: #ecf8ea;
}

.dm-single-services.bg-ecf8ea .icon i {
    background: -webkit-gradient(linear, left top, right top, from(#8500ff), color-stop(#9d00ff), color-stop(#b200ff), color-stop(#c600ff), to(#d800ff));
    background: linear-gradient(to right, #8500ff, #9d00ff, #b200ff, #c600ff, #d800ff);
}

.dm-single-services .icon {
    margin-bottom: 20px;
}

.dm-single-services .icon i {
    display: inline-block;
    height: 85px;
    width: 85px;
    line-height: 85px;
    background: linear-gradient(to right, #3c08ac, #2f26b4, #2238ba, #1546bf, #0e53c2);
    color: var(--whiteColor);
    font-size: 45px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    position: relative;
    z-index: 1;
}

.dm-single-services .icon i::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: linear-gradient(to right, #ff3a34, #ff4a33, #ff5832, #ff6532, #ff7033);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    border-radius: 50%;
}

.dm-single-services h3 {
    font-size: 22px;
    margin-bottom: 15px;
}

.dm-single-services h3 a {
    color: var(--blackColorDm);
}

.dm-single-services p {
    margin-bottom: 0;
}

.dm-single-services .dm-plus-btn {
    margin-top: 15px;
}

.dm-single-services .dm-plus-btn a i {
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    background: linear-gradient(to right, #3c08ac, #2f26b4, #2238ba, #1546bf, #0e53c2);
    color: var(--whiteColor);
    font-size: 25px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    position: relative;
    z-index: 1;
}

.dm-single-services .dm-plus-btn a i::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: linear-gradient(to right, #ff3a34, #ff4a33, #ff5832, #ff6532, #ff7033);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    border-radius: 50%;
}

.dm-single-services:hover .icon i::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
}

.dm-single-services:hover .dm-plus-btn a i::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
}

/* Max width 767px */
@media only screen and (max-width: 767px) {
    .dm-services-section-title {
        text-align: center;
    }
    .dm-services-section-title .dm-services-title h2 {
        font-size: 25px;
    }
    .dm-services-section-title .dm-services-btn {
        text-align: center;
        margin-top: 25px;
    }
    .dm-single-services.style-one {
        margin-top: 0;
    }
    .dm-single-services.style-three {
        margin-top: 0;
    }
    .dm-single-services .icon i {
        height: 65px;
        width: 65px;
        line-height: 65px;
        font-size: 32px;
    }
}
/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .dm-services-section-title {
        text-align: center;
    }
    .dm-services-section-title .dm-services-btn {
        text-align: center;
        margin-top: 25px;
    }
    .dm-single-services.style-one {
        margin-top: 0;
    }
    .dm-single-services.style-three {
        margin-top: 0;
    }
    .dm-single-services .icon i {
        height: 65px;
        width: 65px;
        line-height: 65px;
        font-size: 32px;
    }
}

/* Min width 992px to Max width 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dm-single-services {
        padding: 25px 20px;
    }
    .dm-single-services.style-one {
        margin-top: 0;
    }
    .dm-single-services.style-three {
        margin-top: 0;
    }
    .dm-single-services h3 {
        font-size: 18px;
    }
}