section {
    scroll-margin-top: 70px;
}

/* icallsroKeyFeatures sec start */
.icallsroKeyFeaturessec .icalls-doc-section {
  padding: 40px 0;
}

.icallsroKeyFeaturessec .icalls-doc-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 6px;
}

.icallsroKeyFeaturessec .icalls-doc-subtitle {
  color: #6c757d;
  font-size: 14px;
}

.icallsroKeyFeaturessec .icalls-feature-card {
  display: flex;
  gap: 14px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  transition: all 0.2s ease;
}

.icallsroKeyFeaturessec .icalls-feature-card i {
  font-size: 22px;
  color: #0d6efd;
  margin-top: 4px;
}

.icallsroKeyFeaturessec .icalls-feature-card h6 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
}

.icallsroKeyFeaturessec .icalls-feature-card p {
  font-size: 13px;
  color: #6c757d;
  margin-bottom: 0;
}

.icallsroKeyFeaturessec .icalls-feature-card:hover {
  background: #f8f9fa;
  border-color: #dee2e6;
}







/* Supported Platforms section start */

.icalls-platform-card {
  background: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 20px;
  height: 100%;
}

.icalls-platform-card i {
  font-size: 26px;
  color: #0d6efd;
  display: inline-block;
  margin-bottom: 10px;
}

.icalls-platform-card h6 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

.icalls-platform-card ul {
  padding-left: 18px;
  margin-bottom: 0;
}

.icalls-platform-card ul li {
  font-size: 13px;
  color: #495057;
  margin-bottom: 6px;
}

.icalls-platform-note {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f8f9fa;
  border-left: 4px solid #0d6efd;
  padding: 12px 14px;
  border-radius: 6px;
  font-size: 13px;
  color: #495057;
}

.icalls-platform-note i {
  color: #198754;
  font-size: 16px;
}

/* Supported Platforms section end */





.icalls-workflow {
  max-width: 820px;
}

.icalls-workflow-step {
  display: flex;
  gap: 16px;
  padding-bottom: 24px;
  position: relative;
}

.icalls-workflow-step:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 16px;
  top: 40px;
  width: 2px;
  height: calc(100% - 40px);
  background: #dee2e6;
}

.icalls-step-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  background: #0d6efd;
  color: #ffffff;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icalls-step-content h6 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
}

.icalls-step-content p {
  font-size: 13px;
  color: #6c757d;
  margin-bottom: 6px;
}

.icalls-step-content ul {
  padding-left: 18px;
  margin-bottom: 0;
}

.icalls-step-content ul li {
  font-size: 13px;
  color: #6c757d;
}