@media screen and (min-width: 701px) {
  #kf.cs-section {
    padding: 54px 40px 58px !important;
    color: #172428;
    background: #f5f7f2;
  }

  #kf .cs-container {
    width: min(100%, 1500px) !important;
  }

  #kf .cs-header {
    margin-bottom: 26px !important;
  }

  #kf .cs-eyebrow {
    margin-bottom: 13px !important;
    color: #0b6f7d !important;
    font-size: 10px !important;
    letter-spacing: 0 !important;
  }

  #kf .cs-eyebrow::before,
  #kf .cs-eyebrow::after {
    background: #7fb9bf !important;
  }

  #kf .cs-title {
    margin-bottom: 13px !important;
    color: #172428 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 40px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  #kf .cs-subtitle {
    color: #607176 !important;
    font-size: 14px !important;
  }

  #kf .cs-grid {
    gap: 18px !important;
  }

  #kf .cs-card {
    overflow: hidden !important;
    border: 1px solid #d5e1e2 !important;
    border-radius: 2px !important;
    background: #fff !important;
  }

  #kf .cs-card::before {
    height: 3px !important;
    background: #0b6f7d !important;
  }

  #kf .cs-card:hover,
  #kf .cs-card.is-active {
    border-color: rgba(11, 111, 125, 0.48) !important;
    box-shadow: 0 16px 34px rgba(23, 36, 40, 0.1) !important;
  }

  #kf .cs-photo {
    background: #e5eeee !important;
  }

  #kf .cs-status,
  #kf .cs-contact,
  #kf .cs-contact-row,
  #kf .cs-copy,
  #kf .cs-quick-contact,
  #kf .cs-copy-toast {
    border-radius: 4px !important;
  }

  #kf .cs-status {
    color: #345960 !important;
  }

  #kf .cs-contact-row:hover,
  #kf .cs-quick-email {
    background: #eaf2f2 !important;
  }

  #kf .cs-contact-row:hover .cs-contact-icon,
  #kf .cs-quick-email:hover {
    color: #fff !important;
    background: #004050 !important;
  }

  #kf .cs-name {
    color: #172428 !important;
  }

  #kf .cs-contact-label,
  #kf .cs-title,
  #kf .cs-name,
  #kf .cs-contact-value,
  #kf .cs-subtitle,
  #kf .cs-eyebrow {
    letter-spacing: 0 !important;
  }

  #online_qq_tab #floatShow,
  .livechat-girl .girl {
    background: #004050 !important;
  }

  .progress-wrap svg.progress-circle path {
    stroke: #7fb9bf !important;
  }

  .progress-wrap::after {
    color: #004050 !important;
  }

  @media screen and (max-width: 1100px) {
    #kf.cs-section {
      padding: 48px 24px 52px !important;
    }

    #kf .cs-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
}