.services_heading_homepage{
    margin: 80px 0 70px;
    color: #474747;
    font-family: "Roboto", Sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 37.88px;
}

.systec-services-wrapper {
    /* padding: 80px 0; */
    text-align: center;
    padding-bottom: 50px;
}

.systec-service-card {
    position: relative;
    padding: 20px;
}

.systec-service-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px dotted #7fbf7f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    margin: 0 auto 20px;
    border-style: dotted;
    border-width: 3px 3px 3px 3px;
    border-color: #7F7514;
    border-radius: 35px;
    filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
    transition-duration: 0.3s;
}

.systec-service-title {
    font-weight: 700;
    margin-bottom: 15px;
}

.systec-service-desc {
    font-size: 15px;
    line-height: 1.6;
    min-height: 80px;
}

.systec-read-toggle {
    background: #1c7c43;
    color: #fff;
    border: none;
    padding: 8px 20px;
    border-radius: 6px;
    margin-top: 15px;
    cursor: pointer;
}

.systec-read-toggle:hover {
    background: #155f33;
}

.systec-service-icon img {


    width: 72px;
    height: 72px;
    object-fit: contain;
}


/*systec tree node*/
.systec-services-tree {
    position: relative;
    /* margin-bottom: 120px; */
    display: none;
}

@media (min-width: 768px) {
    .systec-services-tree {
        display: block;
    }
}

.systec-root-node {
    width: 266px;
    margin: 0 auto;
    background: #0a7c3b;
    color: #fff;
    text-align: center;
    padding: 23px 0;
    border-radius: 10px;
    font-size: 36px;
    font-weight: 400;
    position: relative;
    z-index: 2;
}

.systec-tree-svg {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    height: 220px;
    z-index: 1;
}

.systec-line {
    fill: none;
    stroke-width: 3;
    stroke-dasharray: 2,8;
}

.systec-line-orange { stroke: #f7931e; }
.systec-line-olive  { stroke: #8a8f2a; }
.systec-line-yellow { stroke: #c6d93b; }
.systec-line-green  { stroke: #2e8b57; }

.systec-services-row {
    /* margin-top: 160px; */
}

.systec-service-thumb {
    width: 45px;
    height: 45px;
    object-fit: contain;
}

@media (max-width: 769px){
    .services_heading_homepage {
        margin: 52px 0 20px;
    }
}



/*border path - home services*/

.services_figure_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.border_image_figure{
    width: 92%;
}

#border_path_img_home_services{
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-top: -63px;
}

@media (min-width: 769px){
    .systec-services-row{
        margin-top: -30px;
    }
}

@media(min-width: 1200px){
    .border_image_figure {
        width: 75%;
    }
}

@media(min-width: 1400px){
    .border_image_figure {
        width: 64%;
    }
}

.border_image_figure {
    width: 91%;
    max-width: 1140px; /* matches Bootstrap container */
    margin: 0 auto;
}

@media (min-width: 1400px){
    .border_image_figure {
        max-width: 1320px;
    }
}



