/* service section css start */


section.services {
    position: relative;
    padding-top: 140px;
}

.main-head {
    text-align: center;
    padding-bottom: var(--p40);
}

.main-head h2 {
    color: var(--heading-color);
    font-size: var(--f40);
    font-weight: 700;
    background: linear-gradient(90deg, #ff6ec4, #7873f5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: var(--p10);
}

.main-head p {
    /* color: gray; */
}

.row.service-row {
    gap: 40px;
}

.service-col {
    /* background: linear-gradient(145deg, #1f0935, #10062426);
    border: 1px solid #9810fa96; */
    border-radius: 20px;
    padding: var(--p40) var(--p60) !important;
    color: var(--heading-color);
    width: 31.3% !important;
    background: white;
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.07);
}


.icon-block {
    display: flex;
    align-items: center;
    gap: 30px;
    padding-bottom: var(--p20);
}

.servimg {
    background: linear-gradient(135deg, #7b2ff7, #5c6bc0);
    padding: var(--p15);
    border-radius: 15px;
}

.servimg img {
    width: 36px;
    height: 36px;
}

.service-head h4 {
    margin: 0;
    font-size: var(--f20);
    font-weight: 700;
}

a.case-studies {
    text-decoration: none;
    color: #fb8704;
}

a.case-studies i {
    margin-left: var(--m3);
}