.tenant-Fr-5500101 [PageType=Support] {
   padding-bottom: 120px
}

.tenant-Fr-5500101 [PageType=Support] .SearchArea .SearchBox {
   width: 100%
}

.tenant-Fr-5500101 [PageType=Support] .Content .Categories .List .Box .Title svg {
   display: none
}

.tenant-Fr-5500101 [PageType=Support] {
   width: 100%;
   display: flex;
   flex-direction: column;
   position: relative
}

.tenant-Fr-5500101 [PageType=Support]::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top;
   z-index: -1;
   background-image: var(--bg-image);
   padding: 240px 0 540px
}

.tenant-Fr-5500101 [PageType=Support]>.Container {
   width: 100%;
   padding: 0 110px
}

.tenant-Fr-5500101 [PageType=Support] .SearchArea {
   width: 100%;
   position: relative;
   margin: 240px 0 540px
}

.tenant-Fr-5500101 [PageType=Support] .SearchArea .SeachList {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   margin-top: 30px
}

.tenant-Fr-5500101 [PageType=Support] .SearchArea .SeachList .Item {
   background: #fff;
   padding: 10px;
   cursor: pointer
}

.tenant-Fr-5500101 [PageType=Support] .SearchArea .SearchBox input {
   width: 100%;
   background: #fff;
   border: 0;
   line-height: 40px;
   padding: 0 12px;
   max-width: 70%;
   outline: 0
}

.tenant-Fr-5500101 [PageType=Support] .Content .Title {
   width: 100%;
   font-size: 14px;
   margin-bottom: 32px
}

.tenant-Fr-5500101 [PageType=Support] .Content .PopularQuestion {
   width: 100%;
   display: flex;
   gap: 8px
}

.tenant-Fr-5500101 [PageType=Support] .Content .PopularQuestion .Item {
   border: 1px solid #000;
   padding: 10px 10px 8px
}

.tenant-Fr-5500101 [PageType=Support] .Content .Categories {
   width: 100%;
   margin-top: 60px
}

.tenant-Fr-5500101 [PageType=Support] .Content .Categories .Title {
   width: 100%;
   font-size: 14px;
   line-height: 19px
}

.tenant-Fr-5500101 [PageType=Support] .Content .Categories>.List {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   gap: 22px
}

.tenant-Fr-5500101 [PageType=Support] .Content .Categories .List .Box {
   border: 1px solid #000;
   padding: 42px;
   width: calc(33.33% - 15px);
   max-width: 490px
}

.tenant-Fr-5500101 [PageType=Support] .Content .Categories .List .Box .Title {
   width: 100%;
   font-size: 15px;
   line-height: 20px;
   text-transform: uppercase;
   margin-bottom: 27px
}

.tenant-Fr-5500101 [PageType=Support] .Content .Categories .List .Box .List {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 14px;
   margin-bottom: 14px
}

.tenant-Fr-5500101 [PageType=Support] .Content .Categories .List .Box .List .Item {
   display: block;
   width: 100%;
   font-size: 13px;
   cursor: pointer
}
.tenant-Fr-5500101 [PageType=Support] .Content .Categories .List .Box .BtnMore {
   width: 100%;
   font-size: 11px;
   color: #383838;
   text-decoration: underline;
   cursor: pointer
}





@media(max-width: 1140px) {
    
    [PageType=Support] .Content .Categories .List .Box+.Box {
       border-top: 0
   }
   [PageType=Support] .Content .Categories .List .Box .Title svg {
       display: block
   }
   [PageType=Support] .Content .PopularQuestion .Item {
       font-size: 11px
   }
   [PageType=Support] .Content .Categories .List .Box {
       width: 100%;
       padding: 0
   }
   [PageType=Support] .SearchArea .SearchBox input,
    [PageType=Support] .SearchArea .SearchBox>input {
       max-width: 100%
   }
   [PageType=Support] .Content .Categories>.List {
       display: flex;
       flex-direction: column;
       gap: 0
   }
   [PageType=Support]>.Container {
       width: 100%;
       padding: 0 20px
   }

   [PageType=Support] .SearchArea {
       height: 100vh;
       margin: 0;
       padding-top: 140px
   }

   [PageType=Support]::before {
       padding: 0;
       height: 100vh
   }

   [PageType=Support] .Content {
       padding: 30px 0
   }

   [PageType=Support] .Content .PopularQuestion {
       display: flex;
       flex-direction: column;
       align-items: flex-start
   }

   [PageType=Support] .Content .Categories .List .Box .Title {
       margin: 0 0 -3px;
       font-size: 12px;
       display: flex;
       align-items: center;
       justify-content: space-between;
       padding: 12px
   }

   [PageType=Support] .Content .Categories .List .Box .List {
       display: none;
       padding: 0 12px
   }

   [PageType=Support] .Content .Categories .List .Box .List .Item {
       margin-top: 14px
   }

   [PageType=Support] .SearchArea .SeachList {
       gap: 6px
   }
     [PageType=Support] .Content .Categories .List .Box .BtnMore{
       display: none;
   }
   [PageType=Support] .SearchArea .SeachList .Item {
       font-size: 11px;
       padding: 6px 12px
   }
}

@media (max-width: 768px) {
.tenant-Fr-5500101 [PageType=Support] .Content .Categories .List .Box{width:100%!important}
  body[page="SUPPORT"],
  body:has(.support-page) {
    overflow-x: hidden;
  }

  body[page="SUPPORT"] section[L="VIEW"],
  body:has(.support-page) section[L="VIEW"] {
    width: 100%;
    overflow-x: hidden;
  }

  .Page[pagetype="SUPPORT"],
  .Page.support-page {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .Page[pagetype="SUPPORT"],
  .Page[pagetype="SUPPORT"] *,
  .Page.support-page,
  .Page.support-page * {
    box-sizing: border-box;
  }

  .Page[pagetype="SUPPORT"] .Container,
  .Page[pagetype="SUPPORT"] > .Container,
  .Page.support-page .Container,
  .Page.support-page > .Container {
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .Page[pagetype="SUPPORT"] .Content,
  .Page[pagetype="SUPPORT"] .ContentArea,
  .Page[pagetype="SUPPORT"] .QuestionArea,
  .Page[pagetype="SUPPORT"] .AnswerArea,
  .Page[pagetype="SUPPORT"] .Categories,
  .Page.support-page .Content,
  .Page.support-page .ContentArea,
  .Page.support-page .QuestionArea,
  .Page.support-page .AnswerArea,
  .Page.support-page .Categories {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .Page[pagetype="SUPPORT"] .Content > *,
  .Page[pagetype="SUPPORT"] .ContentArea > *,
  .Page[pagetype="SUPPORT"] .QuestionArea > *,
  .Page[pagetype="SUPPORT"] .AnswerArea > *,
  .Page[pagetype="SUPPORT"] .Categories > *,
  .Page.support-page .Content > *,
  .Page.support-page .ContentArea > *,
  .Page.support-page .QuestionArea > *,
  .Page.support-page .AnswerArea > *,
  .Page.support-page .Categories > * {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .Page[pagetype="SUPPORT"] .Categories .List,
  .Page.support-page .Categories .List {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .Page[pagetype="SUPPORT"] .Categories .Box,
  .Page.support-page .Categories .Box {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .Page[pagetype="SUPPORT"] .Categories .Box > .Title,
  .Page.support-page .Categories .Box > .Title {
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 21px;
  }

  .Page[pagetype="SUPPORT"] details.Item,
  .Page.support-page details.Item {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
  }

  .Page[pagetype="SUPPORT"] details.Item > summary.Question,
  .Page.support-page details.Item > summary.Question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0;
    line-height: 20px;
    cursor: pointer;
    list-style: none;
    word-break: break-word;
  }

  .Page[pagetype="SUPPORT"] details.Item > summary.Question::-webkit-details-marker,
  .Page.support-page details.Item > summary.Question::-webkit-details-marker {
    display: none;
  }

  .Page[pagetype="SUPPORT"] details.Item > summary.Question::after,
  .Page.support-page details.Item > summary.Question::after {
    content: "+";
    flex: none;
    font-size: 18px;
    line-height: 1;
  }

  .Page[pagetype="SUPPORT"] details.Item[open] > summary.Question::after,
  .Page.support-page details.Item[open] > summary.Question::after {
    content: "-";
  }

  .Page[pagetype="SUPPORT"] details.Item > .Answer,
  .Page.support-page details.Item > .Answer {
    width: 100%;
    padding: 0 0 14px;
    line-height: 20px;
    word-break: break-word;
  }

  .Page[pagetype="SUPPORT"] img,
  .Page[pagetype="SUPPORT"] iframe,
  .Page[pagetype="SUPPORT"] video,
  .Page[pagetype="SUPPORT"] table,
  .Page.support-page img,
  .Page.support-page iframe,
  .Page.support-page video,
  .Page.support-page table {
    max-width: 100%;
  }

  .Page[pagetype="SUPPORT"] table,
  .Page.support-page table {
    display: block;
    overflow-x: auto;
  }

  .Page[pagetype="SUPPORT"] input,
  .Page[pagetype="SUPPORT"] textarea,
  .Page[pagetype="SUPPORT"] select,
  .Page[pagetype="SUPPORT"] .Btn,
  .Page.support-page input,
  .Page.support-page textarea,
  .Page.support-page select,
  .Page.support-page .Btn {
    max-width: 100%;
  }
}