/* Styles for the list items */
.service-list {
    min-height: 228px;
    list-style-type: none;
    /* Remove default bullet points */
    padding-left: 20px;
    /* Add left padding for the list */
}

.service-list li {

    position: relative;
    /* Position relative for pseudo elements */
    margin-bottom: 10px;
    /* Spacing between list items */
}

/* Styles for engineering list items */
.service-list .engineering::before {
    content: "\2022";
    /* Bullet point character (unicode) */
    color: #4CAF50;
    /* Green color */
    font-weight: bold;
    font-size: 1.2em;
    position: absolute;
    left: -20px;
    /* Position left of list item */
}

/* Styles for non-technical list items */
.service-list .non-technical::before {
    content: "\2022";
    color: #FF9800;
    /* Orange color */
    font-weight: bold;
    font-size: 1.2em;
    position: absolute;
    left: -20px;
}


.service-list .comprehensive::before {
    content: "\2022";
    /* Bullet point character (unicode) */
    color: #7b8cde;
    /* Green color */
    font-weight: bold;
    font-size: 1.2em;
    position: absolute;
    left: -20px;
    /* Position left of list item */
}

/* Styles for non-technical list items */
.service-list .assistance::before {
    content: "\2022";
    color: #df9fec;
    /* Orange color */
    font-weight: bold;
    font-size: 1.2em;
    position: absolute;
    left: -20px;
}

/* Additional styles for list items */
.service-list li ul {
    margin-top: 5px;
    /* Margin above nested lists */
    list-style-type: none;
    /* Remove default bullet points for nested lists */
}

.service-list li ul li {
    position: relative;
    padding-left: 5px;
    /* Adjust spacing for nested list items */
}

/* Responsive design adjustments (optional) */
@media (max-width: 768px) {

    .service-list .engineering::before,
    .service-list .non-technical::before {
        left: -15px;
        /* Adjust position for smaller screens */
    }
}
.hide-cursor {
    border-right: none !important;
}
/* Styles for the list items */
.service-list {
    list-style-type: none;
    /* Remove default bullet points */
    padding-left: 20px;
    /* Add left padding for the list */
}

.service-list li {
    position: relative;
    /* Position relative for pseudo elements */
    margin-bottom: 10px;
    /* Spacing between list items */
    line-height: 1.5;
    /* Adjust line height for better readability */
}

/* Styles for engineering list items */
.service-list .engineering::before {
    content: "\2022";
    /* Bullet point character (unicode) */
    color: #4CAF50;
    /* Green color */
    font-weight: bold;
    font-size: 1.2em;
    position: absolute;
    left: -20px;
    /* Position left of list item */
}

/* Additional styles for list items */
.service-list .engineering {
    margin-left: 30px;
    /* Add space between bullet point and text */
}

.service-list {
    list-style-type: none;
    padding-left: 20px;
    /* Adjust as needed */
}

.service-list li {
    position: relative;
    padding-left: 20px;
    /* Space between dot and text */
    margin-bottom: 10px;
    /* Adjust as needed */
    line-height: 1.5;
    /* Adjust line height */
}

/* Define different colors for dots */
.service-list li:nth-child(1)::before {
    content: "●";
    /* Bullet character or custom content */
    color: #ff6347;
    /* Coral */
    position: absolute;
    left: 0;
    top: -4px;
}

.service-list li:nth-child(2)::before {
    content: "●";
    color: #4682b4;
    /* Steel Blue */
    position: absolute;
    left: 0;
    top: -4px;
}

.service-list li:nth-child(3)::before {
    content: "●";
    color: #32cd32;
    /* Lime Green */
    position: absolute;
    left: 0;
    top: -4px;
}

.service-list li:nth-child(4)::before {
    content: "●";
    color: #800080;
    /* Purple */
    position: absolute;
    left: 0;
    top: -4px;
}

.service-list li:nth-child(5)::before {
    content: "●";
    color: #ff8c00;
    /* Dark Orange */
    position: absolute;
    left: 0;
    top: -4px;
}

.service-list li:nth-child(6)::before {
    content: "●";
    color: #4169e1;
    /* Royal Blue */
    position: absolute;
    left: 0;
    top: -4px;
}

.service-list li:nth-child(7)::before {
    content: "●";
    color: #ff69b4;
    /* Hot Pink */
    position: absolute;
    left: 0;
    top: -4px;
}

/** ADD YOUR AWESOME CODES HERE **/

.crm{
    float: right;
    color: white;
    position: relative;
    top: 5px;
    display: flex;
}
.crm:hover{
background-color: #c0cdf3 !important;
color: black !important;
font-weight: 600;
}
.fa-whatsapp{
    color: green;
    font-weight: bolder;
}
.dmtop {
    background: transparent;
    border: none;
}