
.text-left-right{
   left: 7% !important;
    top: 12% !important;
}
 .service-section {
    background: linear-gradient(to right, #2b2d5e, #522d5b); /* Adjusted for the purple gradient effect */
    color: #9ddcf7;
  }

  .service-item {
    font-weight: 700;
    font-size: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1.4;
    color: #9ddcf7;
  }

  .service-item .plus {
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
  }

  .highlight {
    background-color: #0056d6;
    color: #fff;
    padding: 0 4px;
    display: inline-block;
  }
.toggle-header span:hover {
    color: yellow;
    cursor: pointer;
}
 .custom-divider {
        height: 1px;
        background-color: #ccc;
        margin: 1rem 0;
    }
.bg-color{
     color: yellow;
}

.bg-color-darker{
        background-color: black;
}
.text-custom-color{
    color:hsl(263.41,43.16%,62.75%)
}
.custom-btn {
    display: inline-block;
    padding: 12px 24px;
    color: var(--color-primary); /* Yellow text */
    border: 2px solid #ffc100; /* Yellow border */
    background-color: black;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: sans-serif;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

.custom-btn:hover {
    background-color:#ffc100;
    color: black;
}
.darkgray{
    background-color: gainsboro;
}

.custom-width{
    width: 75%;
}

.custom-margin-left{
    max-width: 900px; margin-left: auto;
}
.custom-aligh{
        text-align: center;
}

.custom-bg-light{
    color: #90def2;
}
