@import url('satoshi.css');
  @import url('styles.css');
  /* === Style For Desktop=== */

.privacy-section {
    width: 100%;
    padding: 60.34px 135px 106.66px 135px;
    display: flex;
    background-color: #131A21;
  }
  .privacy-container {
    width: 770px;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .privacy-header {
    font-family: 'Satoshi-Regular';
    font-size: var(--text-70);
    line-height: 105px;
    color:var(--white_700);
  }
  .privacy-desc {
    font-family: 'Satoshi-Regular';
    font-size: var(--text-18);
    line-height: 27px;
    color:var(--white_700);
  }

  .privacy-policy-section {
    width: 100%;
    background-color: var(--white_700);
    padding: 65px 72px 66px 72px;
    display: flex;
  }

  .privacy-policy-container {
     width: 100%;
     padding-left: 99px;
     padding-right: 99px;
     color: #000000;
     display: flex;
     flex-direction: column;
     gap: 32px
  }
  .policy-info {
    display: flex;
    flex-direction: column;
  }
   
  .policy-head,.policy-head-sp {
    font-family: 'Satoshi-Bold';
    font-size: var(--text-24);
    line-height: 36px;
  }
  .policy-head-sp { margin-bottom: 32px; }
  .policy-title{
     font-family: 'Satoshi-Regular';
     font-size: var(--text-18);
     line-height: 27px;
  }
  .policy-list {
     display: flex;
     flex-direction: column;
  }
  .policy-list .policy-li {
     font-family: 'Satoshi-Regular';
     font-size: var(--text-18);
     line-height: 27px;
  }

  .policy-list .policy-li span{
     font-family: 'Satoshi-Bold';
     font-size: var(--text-18);
     line-height: 27px;
  }




/* === Responsive Styles for Tablet Screen (744px to 1024px) === */
@media (min-width: 744px) and (max-width: 1024px) {
  .privacy-section { padding: 55px 50px 127px 50px; }
  .privacy-container { width: 100%; }
  .privacy-header { font-size: var(--text-42); line-height: 63px; }

  .privacy-policy-section   { padding: 65px 40px 66px 40px; }
  .privacy-policy-container { padding-left: 0; padding-right: 0; }

}

/* === Responsive Styles for Tablet Screen (744px to 1024px) === */
@media (min-width: 320px) and (max-width: 744px) {
  .privacy-section { padding: 39px 62px 54px 22px; }
  .privacy-container { width: 100%; }
  .privacy-header { font-size: var(--text-32); line-height: 48px; }
  .privacy-desc   { font-size: var(--text-14); line-height: 21px; }

  .privacy-policy-section   { padding: 32px 20px 32px 20px; }
  .privacy-policy-container { padding-left: 0; padding-right: 0; }
  .policy-head-sp { margin-bottom: 0px; }

}