.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
   }
}