@media (max-width: 767px) {
      .row {
        padding-top: 25px;
      }
    }

    .optech-service-details-wrap h3 {
      font-size: 17px !important;
      font-weight: 700;
      margin-bottom: 15px;
    }
    .optech-service-details-wrap p {
      font-size: 14px !important;
      line-height: 1.6;
      color: #4a5568;
    }
    .optech-service-details-wrap .optech-icon-list ul li,
    .optech-service-details-wrap .optech-icon-list ul li a {
      font-size: 14px !important;
      margin-bottom: 6px;
    }
    .optech-service-details-wrap .optech-icon-list ul li i {
      font-size: 15px !important;
    }

    /* Modern Curved & Colorful Timeline */
    .modern-timeline-wrapper {
        position: relative;
        z-index: 1;
        padding-bottom: 60px;
        padding-top: 20px;
    }
    .timeline-svg-curve {
        position: absolute;
        top: 60px;
        left: 12.5%;
        width: 75%;
        height: 120px;
        z-index: 1;
    }
    .timeline-item {
        position: relative;
        z-index: 2;
    }
    @media (min-width: 768px) {
        .timeline-item.down {
            margin-top: 120px; 
        }
    }
    .timeline-icon-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 25px;
    }
    .timeline-icon {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        font-size: 28px;
        font-weight: 800;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        background-color: #fff;
        border: 4px solid #fff;
    }
    
    /* Multi-colors for each step */
    .step-1 .timeline-icon { 
        background: linear-gradient(135deg, #FF9A9E 0%, #FECFEF 100%); 
        color: #e91e63; 
        box-shadow: 0 10px 20px rgba(233, 30, 99, 0.2);
    }
    .step-1:hover .timeline-icon { transform: scale(1.15); box-shadow: 0 15px 30px rgba(233, 30, 99, 0.3); }
    
    .step-2 .timeline-icon { 
        background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%); 
        color: #673ab7; 
        box-shadow: 0 10px 20px rgba(103, 58, 183, 0.2);
    }
    .step-2:hover .timeline-icon { transform: scale(1.15); box-shadow: 0 15px 30px rgba(103, 58, 183, 0.3); }
    
    .step-3 .timeline-icon { 
        background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%); 
        color: #009688; 
        box-shadow: 0 10px 20px rgba(0, 150, 136, 0.2);
    }
    .step-3:hover .timeline-icon { transform: scale(1.15); box-shadow: 0 15px 30px rgba(0, 150, 136, 0.3); }
    
    .step-4 .timeline-icon { 
        background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%); 
        color: #ff5722; 
        box-shadow: 0 10px 20px rgba(255, 87, 34, 0.2);
    }
    .step-4:hover .timeline-icon { transform: scale(1.15); box-shadow: 0 15px 30px rgba(255, 87, 34, 0.3); }
    
    .timeline-content {
        padding: 0 15px;
    }
    .timeline-title {
        font-size: 15px;
        font-weight: 800;
        margin-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: .5px;
    }
    .step-1 .timeline-title { color: #e91e63; }
    .step-2 .timeline-title { color: #673ab7; }
    .step-3 .timeline-title { color: #009688; }
    .step-4 .timeline-title { color: #ff5722; }
    
    .timeline-desc {
        font-size: 14px;
        color: #4a5568;
        line-height: 1.6;
    }
    @media (max-width: 767px) {
        .timeline-item { margin-bottom: 50px; }
    }