.cs-banner-section {
  padding: 100px 0;
  background-image: radial-gradient(#ced4da 1px, #0000 0);
  background-size: 20px 20px;
  position: relative; }
  @media (max-width: 1100px) {
    .cs-banner-section {
      padding: 60px 0; } }
  .cs-banner-section:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(at center, #ffffff00, #fff); }
    .dark .cs-banner-section:before {
      background: radial-gradient(at center, #ffffff00, #03080e); }
  .dark .cs-banner-section {
    background-image: radial-gradient(rgba(206, 212, 218, 0.2) 1px, #0000 0); }
  .cs-banner-section .container {
    position: relative;
    z-index: 1; }
  .cs-banner-section .h1 {
    font-size: clamp(28px, 4.5vw, 80px);
    font-weight: 400; }
    @media (max-width: 1100px) {
      .cs-banner-section .h1 {
        font-size: 60px;
        padding-bottom: 16px; } }
    @media (max-width: 1024px) {
      .cs-banner-section .h1 {
        font-size: 48px; } }
    @media (max-width: 767px) {
      .cs-banner-section .h1 {
        font-size: 36px; } }
    .cs-banner-section .h1 strong {
      font-weight: 700; }
    .dark .cs-banner-section .h1 {
      color: #fff; }
  .cs-banner-section .cs-banner-text {
    font-size: 22px;
    max-width: 730px; }
    @media (max-width: 1300px) {
      .cs-banner-section .cs-banner-text {
        font-size: 20px;
        max-width: 640px; } }
    @media (max-width: 1100px) {
      .cs-banner-section .cs-banner-text {
        font-size: 18px; } }
    @media (max-width: 767px) {
      .cs-banner-section .cs-banner-text {
        font-size: 16px; } }
  .cs-banner-section .cs-banner-info {
    padding-top: 100px; }
    @media (max-width: 1300px) {
      .cs-banner-section .cs-banner-info {
        padding-top: 60px; } }
    @media (max-width: 767px) {
      .cs-banner-section .cs-banner-info {
        padding-top: 40px; } }
    .cs-banner-section .cs-banner-info ul {
      display: flex;
      flex-wrap: wrap; }
      @media (max-width: 767px) {
        .cs-banner-section .cs-banner-info ul {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 20px; } }
      .cs-banner-section .cs-banner-info ul li {
        padding: 0 30px;
        border-right: 1px solid #DEE2E6;
        display: flex;
        flex-direction: column;
        gap: 6px;
        font-size: 16px;
        font-weight: 600; }
        @media (max-width: 767px) {
          .cs-banner-section .cs-banner-info ul li {
            padding: 0;
            border: 0;
            font-size: 15px; } }
        .dark .cs-banner-section .cs-banner-info ul li {
          border-color: #343A40; }
        .cs-banner-section .cs-banner-info ul li:first-child {
          padding-left: 0; }
        .cs-banner-section .cs-banner-info ul li:last-child {
          border: 0; }
        .cs-banner-section .cs-banner-info ul li .caption {
          text-transform: uppercase;
          font-size: 13px;
          letter-spacing: 0.1em;
          font-weight: 400;
          color: #6C757D; }
        .cs-banner-section .cs-banner-info ul li p {
          margin-bottom: 0; }

/*# sourceMappingURL=cs-banner.css.map */