@charset "utf-8";

/* Preserved from MemberShip_page.jsp; only responsive integration rules were added. */
.policy_container {
   background: #fff;
   border-radius: 8px;
   margin-top: 25px;
 }
 .policy_container h2 {
   margin-bottom: 18px;
 }
   .section {
   margin-bottom: 46px;
 }
   .items {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 18px 22px;
 }
   .section.one .item {
   min-height: 118px;
   padding: 24px 30px !important;
 }
 .section.one .item + .item {
   margin-top: 22px;
 }
 .section.one .member-rights-item {
 min-height: 100px;
 align-items: center;
 padding: 0px 30px 0px 30px !important;
 }
   .item {
   min-height: 150px;
   display: flex;
   align-items: center;
   padding: 18px 24px;
   border-radius: 8px;
   border: 1px solid #dcdcdc;
   box-sizing: border-box;
 }
   .item-icon {
   border: 1px solid #dcdcdc;
   width: 90px;
   height: 90px;
   border-radius: 50%;
   margin-right: 24px;
   flex: 0 0 90px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
   .item-text {
   text-align: left;
 }
   .item-text h3 {
   font-size: 16px;
   margin: 0;
   color: #444;
 }
   .item-text p {
   font-size: 15px;
   margin: 5px 0 0;
   color: #555555;
   line-height: 1.55;
 }

@media (max-width: 860px) {
  .items {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .item {
    align-items: flex-start;
    min-height: 0;
    padding: 18px;
  }

  .item-icon {
    width: 64px;
    height: 64px;
    flex-basis: 64px;
    margin-right: 16px;
  }

  .item-icon img {
    max-width: 44px;
    max-height: 44px;
  }
}