.jumpstar-section{
      padding: 92px 0;
      background-color: #FFFFFF;
      background-image: url('https://paroqa.ai/wp-content/uploads/2025/12/container-12.png');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: left top;
    }
    .jumpstar-section .jumpstar__container{
      max-width: 1136px;
      margin-left: auto;
      margin-right: auto;
    }
    .jumpstar-section .wapper-grid{
      display: flex;
      flex-wrap: wrap;
    }
    .jumpstar-section .wapper-grid .sqr-grid{
      max-width: 636px;
      flex: 1 0 636px;
      display: grid;
      gap: 20px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .jumpstar-section .wapper-grid .sqr-grid .item-brx{
      padding: 32px;
      border-radius: 12px;
      border: 1px solid #CBD5E1;
      box-shadow: 0px 10px 8px 0px #0000001A;
      background-color: #FFFFFF;
    }
    .jumpstar-section .wapper-grid .sqr-grid .item-brx h4{
      font-weight: 500;
      font-size: 24px;
      line-height: 36px;
      color: #060821;
      margin: 16px 0 8px;
    }
    .jumpstar-section .wapper-grid .sqr-grid .item-brx p{
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      color: #64748B;
      margin: 0;
    }
    .jumpstar-section .wapper-grid .sqr-grid .item-brx .icofy{
      box-shadow: 0px 1px 2px 0px #0000000D;
      background: #0F172A40;
      padding: 12px;
      border-radius: 12px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 52px;
      height: 52px;
    }
    .jumpstar-section .wapper-grid .sqr-grid .item-brx:nth-child(1) .icofy,
    .jumpstar-section .wapper-grid .sqr-grid .item-brx:nth-child(2) .icofy{
      background: #24838480;
    }

    .jumpstar-section .wapper-grid .sqr-grid .item-brx .icofy img{
      max-width: 100%;
    }
    .jumpstar-section .texr-arlts{
      max-width: 436px;
      flex: 0 0 436px;
      margin-left: auto;
    }
    .jumpstar-section .texr-arlts h2{
      font-weight: 500;
      font-size: 32px;
      line-height: 48px;
      color: #060821;
      margin: 0 0 24px;
    }
    .jumpstar-section .texr-arlts p{
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      color: #060821;
      margin: 0 0 40px;
    }
    .jumpstar-section .texr-arlts .linkup-grne{
      width: fit-content;
      display: block;
      border-radius: 8px;
      padding: 12px 24px;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #FFFFFF;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      background-color: #248384;
      letter-spacing: 0.4px;
    }
    @media (max-width: 1199px){
      .jumpstar-section .jumpstar__container{
        margin-left: 15px;
        margin-right: 15px;
      }
      .jumpstar-section .texr-arlts {
        max-width: 350px;
        flex: 0 0 350px;
      }
      .jumpstar-section .wapper-grid .sqr-grid {
        max-width: 560px;
        flex: 1 0 560px;
      }
    }
    @media (max-width: 991px){
      .jumpstar-section {
        padding: 64px 0;
        background-image: unset;
      }
      .jumpstar-section .texr-arlts {
        max-width: 680px;
        flex: 0 0 680px;
        margin-right: auto;
      } 
      .jumpstar-section .wapper-grid .sqr-grid {
        max-width: 700px;
        flex: 0 0 700px;
        order: 2;
        gap: 16px;
        margin: 48px auto 0;
      }
      .jumpstar-section .texr-arlts h2 {
        font-size: 28px;
        line-height: 42px;
      }
      .jumpstar-section .texr-arlts p {
        margin: 0 0 24px;
      }
    }
    @media (max-width: 820px){
      .jumpstar-section .texr-arlts {
        max-width: 544px;
        flex: 0 0 544px;
      } 
      .jumpstar-section .wapper-grid .sqr-grid {
        max-width: 600px;
        flex: 0 0 600px;
      }
    }
    @media (max-width: 767px){
      .jumpstar-section .texr-arlts {
        max-width: 100%;
        flex: 0 0 100%;
      }
      .jumpstar-section .wapper-grid .sqr-grid {
        max-width: 100%;
        flex: 0 0 100%;
        margin: 32px auto 0;
        grid-template-columns: repeat(1, minmax(0, 1fr));
      }
      .jumpstar-section .texr-arlts p {
        margin: 0 0 16px;
      }
      .jumpstar-section .wapper-grid .sqr-grid .item-brx {
        padding: 24px;
        width: 100%;
      }
      .jumpstar-section .texr-arlts .linkup-grne {
        width: 100%;
      }
    }