body{
   width:100%;margin:0;padding:0;background: #eef0f3;
   font-family: "Quicksand", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;

}
body::before{
   content:"WOOPZE";
   font-family: "Chakra Petch", sans-serif;
   font-weight: 700;
   font-size: 17vw;
   position: fixed;
   transform: rotate(
349deg);
   z-index: -1;
   color: #fff;
   text-shadow: 0px 37px 0px #d28fdb21;
   opacity: 0.4;
}
.fontChakra{
  font-family: "Chakra Petch", sans-serif;
  font-style: normal;
}
* {box-sizing:border-box}

.d-none{display:none !important}

.InputGroup{width:100%;display: flex;gap: 24px;}

.InputItem{width:100%;display: flex;margin: 14px 0px;flex-direction: column;}
.InputItem label{font-size: 12px;text-transform: uppercase;margin-bottom: 4px;position: relative;}
.InputItem .Info:empty{display:none}
.InputItem .Info{width:100%;font-size: 11px;margin-top: 4px;color: #cd9e11;}
.InputItem .Info.error{color: #ff0000;}
.InputItem .Input{width:100%;position: relative;}
.InputItem .Input>input{width:100%;border: 1px solid #dbdbdb;padding: 8px;border-radius: 2px;outline: none;}
.InputItem .Input>input:focus{
    border-color: #000;
    box-shadow: 2px 2px 0px 0px #000;
}
.InputItem .Input>input:not(:placeholder-shown){
    border-color: #000000;
    box-shadow: 2px 2px 0px 0px #000;
}
.InputItem .Input>input.is-invalid{
    border-color: #ff6a6a;
    box-shadow: none;
    color: #f00;
}
.InputItem .Input>.ViewBtn{position: absolute;right: 10px;top: 6px;cursor: pointer;}
.InputItem .Input>.ViewBtn>svg{display: none;height: 20px;}
.InputItem .Input>.ViewBtn>svg[x='View']{display: block;}
.InputItem .Input>.ViewBtn.show>svg[x='View']{display: none;}
.InputItem .Input>.ViewBtn.show>svg[x='Hide']{display: block;}

.InputItem .Input>.PasswordRule{width: 100%;display: none;flex-direction: column;padding: 12px;}
.InputItem .Input>.PasswordRule.show{display: flex}
.InputItem .Input>.PasswordRule .Item{width: 100%;display: flex;align-items: center;gap: 5px;font-size: 12px;}
.InputItem .Input>.PasswordRule .Item>span:nth-child(1){width: 7px;height: 7px;border-radius: 100%;background: #ccc;flex: none;}
.InputItem .Input>.PasswordRule .Item[S="0"]{color: #ff1100;}
.InputItem .Input>.PasswordRule .Item[S="1"]{color: #3aaf3f;}
.InputItem .Input>.PasswordRule .Item[S="0"]>span:nth-child(1){background: #ff4545;}
.InputItem .Input>.PasswordRule .Item[S="1"]>span:nth-child(1){background: #54de5a;}

.InputItem .PasswordControl{display: flex;position: absolute;right: 0;bottom: 4px;gap: 2px;}
.InputItem .PasswordControl>span{width: 6px;height: 6px;display: block;background: #bebebe;border-radius: 100%;}
.InputItem .PasswordControl[S="1"]>span:nth-child(1){background:#4CAF50}
.InputItem .PasswordControl[S="2"]>span:nth-child(1){background:#4CAF50}
.InputItem .PasswordControl[S="2"]>span:nth-child(2){background:#4CAF50}
.InputItem .PasswordControl[S="3"]>span:nth-child(1){background:#4CAF50}
.InputItem .PasswordControl[S="3"]>span:nth-child(2){background:#4CAF50}
.InputItem .PasswordControl[S="3"]>span:nth-child(3){background:#4CAF50}
.InputItem .PasswordControl[S="4"]>span:nth-child(1){background:#4CAF50}
.InputItem .PasswordControl[S="4"]>span:nth-child(2){background:#4CAF50}
.InputItem .PasswordControl[S="4"]>span:nth-child(3){background:#4CAF50}
.InputItem .PasswordControl[S="4"]>span:nth-child(4){background:#4CAF50}


section{width:100%;margin: 24px 0px;}
.Container{width:100%;max-width:1320px;margin: 0 auto;padding: 0 32px;}


.SlideArea{width:100%;display: flex;align-items: center;gap: 64px;}
.SlideAreaLeft{width:100%;display: flex;flex-direction: column;padding-right: 150px;}
.SlideAreaLeftTitle{width:100%;font-size: 22px;font-weight: 600;}
.SlideAreaLeftDesc{width:100%;font-size: 15px;margin: 5px 0px;}
.SlideAreaSearch{width:100%;margin-top: 24px;}
.SlideAreaSearch>input{width:100%;border: 1px solid #e5e5e5;border-radius: 4px;font-size: 15px;padding: 18px 16px;}
.SlideAreaSearch>.Btn{width:100%}
.SlideAreaRight{width:100%}
.SlideAreaRight>img{width:100%}

.Header{
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #bec7ff;
}
.Header .Logo{width: auto;}
.Header .Logo img{}
.Header .Navs{
    display: flex;
    gap: 20px;
}
.Header .Navs .Item{width: fit-content;text-transform: uppercase;font-weight: 500;cursor: pointer;text-shadow: 2px 3px #e4e4e4;text-decoration: none;color: inherit;}
.Header .Navs .Item:hover{color:#549aef}
.Header .UserNavs{
    display: flex;
    margin-left: auto;
    gap: 20px;
}
.Header .UserNavs .Item{width: fit-content;border: 1px solid #ebebeb;border-radius: 4px;padding: 12px;background: linear-gradient(45deg, #ffffff, transparent);font-size: 14px;cursor: pointer;transition: background 0.2s;}
.Header .UserNavs .Item.Packet{width: fit-content;border: 0;border-radius: 0;padding: 12px;background: transparent !important;font-size: 14px;cursor: default !important;transition: background 0.2s;color: #673AB7;font-weight: bold;}
.Header .UserNavs .Item:hover{background: linear-gradient(45deg, #f8ceff, #86c9ff);transition: background 1.2s;}

.Header .UserNavs .Item.Pan{
    background: linear-gradient(45deg, #f8ceff, #86c9ff);
    color: #000000;
    font-size: 12px
}

.LineBar{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 43px;
    margin-top: -10px;
    position: relative;
}
.LineBar .Woopze{
    display: flex;
    gap: 20px;
    align-items: center;
}
.LineBar .Woopze .LogoText{
    background: linear-gradient(45deg, #58b5f4, #fe8ba5);
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 0 3px;
    gap: 20px;
    font-family: "Chakra Petch", sans-serif;
}
.LineBar .Woopze .Slogan{
    display: flex;
    background: #bec7ff;
    color: #fff;
    width: max-content;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1px;
    font-weight: 100;
    padding: 0 12px;
    border-radius: 22px;
    font-family: sans-serif;
    line-height: 17px;
}
.LineBar .PacketInfo{
    display: flex;
    gap: 10px;
    background: #bec7ff;
    border-radius: 3px;
    padding: 3px 12px;
    align-items: center;
    margin-left: auto;
    position: absolute;
    right: 12px;
    bottom: 1px;
    font-size: 11px;
    font-weight: 300;
    text-transform: uppercase;
}
.LineBar .Bag{
    display: flex;
    gap: 10px;
    background: #fff;
    border-radius: 22px;
    padding: 8px 12px;
    align-items: center;
    margin-left: auto;
    position: absolute;
    right: 12px;
    bottom: -6px;
}
.LineBar .Bag>svg{
    height: 20px;
}
.LineBar .Bag>span{
    font-size: 12px;
    font-weight: bold;
}



.Mods{width:100%}
.ModsList{width:100%;display: flex;flex-wrap: wrap;gap: 24px;}
.ModsListItem{width:100%;max-width: calc(33.33% - 16px);background: linear-gradient(180deg, #ffffff, transparent);padding: 18px;border-radius: 10px;transition: all 0.3s;cursor: pointer;overflow: hidden;padding-bottom: 0;}
.ModsListItem:hover{background:#fff;box-shadow:0 0 10px 5px #dde5eb;transition: all 0.3s;}

.ModsListItemTitle{width:100%;font-size: 22px;font-weight: bold;text-align: center;margin-bottom: 6px;}
.ModsListItemText{width:100%;text-align: center;font-size: 13px;margin-bottom: 12px;}
.ModsListItemCategories{width:100%;display: flex;align-items: center;justify-content: center;gap: 12px;}
.ModsListItemCategories>a{color: #2196F3;font-size: 13px;}
.ModsListItemImage{width:100%;max-width: 80%;margin: 0 auto;margin-top: 48px;}
.ModsListItemImage>img{width:100%;box-shadow: 0 20.83px 22.92px #00000057;display: block;}



.PageInPopup{width: 100%;position: fixed;left: 0;top: 0;z-index: 111;height: 100%;display: flex;align-items: center;justify-content: center;}
.PageInPopup .PopupArea{background: #fff;position: relative;z-index: 2;padding: 0px;transition: all 0.2s;display: flex;flex-direction: column;border-radius: 4px;box-shadow: 0px 6px 17px -16px #000;}
.PageInPopup .Overflow{width:100%;height: 100%;position: absolute;top: 0;background: #00000026;z-index: 1;transition: all 0.2s;}
.PageInPopup .PopupArea .TitleBox{width:100%;padding: 24px;padding-bottom: 0px;}
.PageInPopup .PopupArea .TitleBox .Title{width:100%;font-size: 14px;color: #136BF8;}
.PageInPopup .PopupArea .TitleBox .Text{width:100%;font-size: 12px;color: #5A5E9A;margin-top: 8px;}
.PageInPopup .PopupArea .Content{width:100%;padding: 24px;overflow: auto;}
.PageInPopup .PopupArea .Footer{width:100%;padding: 24px;display: flex;background: #efefef;align-items: center;gap: 12px;}
.PageInPopup .PopupArea .Footer .Btn{background: #fff;border-radius: 2px;border: 1px solid #efefef;font-size: 14px;line-height: 20px;padding: 0 12px;cursor: pointer;}

.PageInPopup .PopupArea .TitleBox .Title:empty{display:none}
.PageInPopup .PopupArea .TitleBox .Text:empty{display:none}

.PageInPopup .PopContent{width:100%;min-width: 340px;}
.PageInPopup .PopContent .Closed{position: absolute;right: 10px;top: 10px;cursor: pointer;}
.PageInPopup .PopContent .Closed>svg{height: 18px;display: block;}
.PageInPopup .PopContent .Closed>svg>path{stroke:#747474}
.PageInPopup .PopContent .Closed:hover>svg>path{stroke:#000000}

.PageInPopup .PopContent .BtnList{width:100%;margin-top: 20px;}
.PageInPopup .PopContent .BtnList .Btn{width:100%;border: 1px solid #000;text-align: center;line-height: 35px;border-radius: 4px;font-weight: bold;cursor: pointer;}
.PageInPopup .PopContent .BtnList .Btn:hover{background: #000;color:#fff}


.PageInPopup.Fixed .PopupArea .Content{padding-bottom: 0;}
.PageInPopup.Fixed .PopContent .BtnList{position: sticky;bottom: 0;background: #fff;padding-bottom: 24px;padding-top: 12px;}

.PageInPopup .PopContent[x='Payment']{max-width: 270px;}
.PageInPopup .PopContent[x='Payment'] .PacketDetail{width:100%}
.PageInPopup .PopContent[x='Payment'] .PacketDetail .Head{width:100%;display: flex;align-items: center;border: 1px solid #e9e9e9;border-left: 0;border-right: 0;padding: 8px 0px;margin-top: 20px;cursor: pointer;}
.PageInPopup .PopContent[x='Payment'] .PacketDetail .Head .Text{width: 100%;align-items: baseline;font-weight: bold;text-transform: uppercase;font-size: 14px;}
.PageInPopup .PopContent[x='Payment'] .PacketDetail .Head .Icon{width: 24px;display: flex;align-items: center;}
.PageInPopup .PopContent[x='Payment'] .PacketDetail .Head .Icon>svg{display: none;height: 19px;}
.PageInPopup .PopContent[x='Payment'] .PacketDetail:not(.active) .Head .Icon>svg[x="Open"]{display:flex}
.PageInPopup .PopContent[x='Payment'] .PacketDetail.active .Head .Icon>svg[x="Close"]{display:flex}
.PageInPopup .PopContent[x='Payment'] .PacketDetail .Content{display:none;padding: 16px 0px 16px 0px;}
.PageInPopup .PopContent[x='Payment'] .PacketDetail.active .Content{display:flex;flex-direction: column;align-items: flex-start;}


.PageInPopup .PopContent[x='PhoneConfirm']{max-width: 270px;}
.PageInPopup .PopContent[x='PhoneConfirm'] .Title{width:100%;font-size: 18px;font-weight: 500;border-bottom: 1px solid #000;text-align: center;padding-bottom: 12px;}
.PageInPopup .PopContent[x='PhoneConfirm'] .Phone{width:100%;text-align: center;line-height: 48px;font-size: 22px;font-weight: bold;color: #404040;font-family: 'Chakra Petch';}
.PageInPopup .PopContent[x='PhoneConfirm'] .Text{width:100%;text-align: center;font-size: 14px;}


.PageInPopup.Mobil{left:0;width: 100%;display: flex;align-items: flex-end;}
.PageInPopup.Mobil.Query{pointer-events: none;}
.PageInPopup.Mobil .PopupArea{left:0;bottom: -100%;width: 100%;height: initial;z-index: 1;background: transparent linear-gradient(179deg,#042AE5 -121%,#a96bff 4%,#00188D 126%) 0% 0% no-repeat padding-box;border-radius: 20px 20px 0px 0px;}
.PageInPopup.Mobil.Active .PopupArea{bottom: 0;}
.PageInPopup.Mobil .PopupArea .Content{padding:0}

.PageInPopup .PopupArea .Footer .Btn.Register{background: linear-gradient(45deg, #2196F3, #66bbff);color: #fff;width: 100%;text-align: center;line-height: 40px;padding: 0 12px;}
.PageInPopup .PopupArea .Footer .Btn.Register:hover{background: #5eb8ff;}


.Market{width:100%;display: flex;}
.Market .Filters{width: 420px;flex: none;}
.Market .ModsList{width:100%;display: flex;flex-wrap: nowrap;gap: 8px;flex-direction: column;}
.Market .ModsList .ModsListItem{width:100%;max-width: 100%;box-shadow: 0px 0px 4px 0px #e6e6e6;padding: 12px;display: flex;align-items: flex-start;gap: 16px;background: linear-gradient(273deg, #ffffff, transparent);}
.Market .ModsList .ModsListItem:hover{background:#fff}
.Market .ModsList .ModsListItem .ModsListItemImage{padding:0;max-width: 220px;box-shadow: none;margin: 0;}
.Market .ModsList .ModsListItem .ModsListItemImage>img{box-shadow: none;}
.Market .ModsList .ModsListItem .ModsListItemInfo{max-width: 100%;height: 100%;}
.Market .ModsList .ModsListItem .ModsListItemInfo .ModsListItemTitle{padding:0;max-width: 100%;font-size: 14px;text-align: left;}
.Market .ModsList .ModsListItem .ModsListItemInfo .ModsListItemDesc{max-width: 100%;font-size: 12px;}
.Market .ModsList .ModsListItem .ModsListItemDetail{padding:0;width: 220px;height: 100%;box-shadow: none;margin: 0;flex: none;border-left: 1px solid #ebebeb;padding-left: 20px;display: flex;flex-direction: column;padding-top: 20px;}
.Market .ModsList .ModsListItem .ModsListItemDetail .ModsListItemPrice{width: 100%;text-align: center;font-weight: bold;}
.Market .ModsList .ModsListItem .ModsListItemDetail .ModsListItemRating{width: 100%;text-align: center;margin: 8px 0px;}
.Market .ModsList .ModsListItem .ModsListItemDetail .ModsListItemBtnList{width: 100%;display: flex;gap: 10px;margin-top: auto;}
.Market .ModsList .ModsListItem .ModsListItemDetail .ModsListItemBtnList .ModsListItemBtn{background: #fff;border: 1px solid #efefef;border-radius: 4px;font-size: 12px;text-align: center;padding: 4px 12px;display: flex;align-items: center;text-transform: capitalize;width: 100%;justify-content: center;}
.Market .ModsList .ModsListItem .ModsListItemDetail .ModsListItemBtnList .ModsListItemBtn:hover{background: #f3f3f3;border: 1px solid #d1d1d1;}
.Market .ModsList .ModsListItem .ModsListItemDetail .ModsListItemBtnList .ModsListItemBtn.Bag{display: flex;align-items: center;justify-content: center;padding: 6px;width: fit-content;}




.HomeTabText{width:100%;display: flex;flex-direction: column;margin-top: 120px;margin-bottom: 26px;}
.HomeTabText .Title{width:100%;display: block;text-align: center;font-size: 25px;margin-bottom: 16px;}
.HomeTabText .Text{width:100%;display: flex;text-align: center;}
.HomeTabList{width:100%;display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 24px;}
.HomeTabList .TabItem{width: calc( 20% - 7px );display: flex;background: #fff;border: 1px solid #ccc;border-radius: 4px;line-height: 32px;text-align: center;font-size: 13px;justify-content: center;align-items: center;cursor: pointer;}
.HomeTabList .TabItem.active{border-color: #009688;}
.HomeTabs{width:100%;display: flex;}
.HomeTabs .Filters{width: 420px;flex: none;}
.HomeTabs .ModsList{width:100%;display: flex;gap: 18px;flex-wrap: wrap;}
.HomeTabs .ModsList .ModsListItem{width:100%;max-width: calc(20% - 14.4px);box-shadow: 0px 0px 4px 0px #e6e6e6;padding: 12px;display: flex;align-items: flex-start;gap: 16px;background: #fff;flex-direction: column;padding: 0;}
.HomeTabs .ModsList .ModsListItem:hover{background:#fff}
.HomeTabs .ModsList .ModsListItem .ModsListItemImage{padding:0;max-width: 100%;margin: 0;}
.HomeTabs .ModsList .ModsListItem .ModsListItemImage>img{box-shadow: none;}
.HomeTabs .ModsList .ModsListItem .ModsListItemInfo{max-width: 100%;height: 100%;padding: 0 24px;}
.HomeTabs .ModsList .ModsListItem .ModsListItemInfo .ModsListItemTitle{padding:0;max-width: 100%;font-size: 14px;text-align: left;height: 40px;}
.HomeTabs .ModsList .ModsListItem .ModsListItemInfo .ModsListItemDesc{max-width: 100%;font-size: 12px;height: 30px;overflow: hidden;text-overflow: ellipsis;/* white-space: nowrap; */}
.HomeTabs .ModsList .ModsListItem .ModsListItemDetail{padding:0;width: 100%;box-shadow: none;margin: 0;flex: none;border: 0;display: flex;flex-direction: column;padding:  10px;}
.HomeTabs .ModsList .ModsListItem .ModsListItemDetail .ModsListItemPrice{width: 100%;text-align: left;font-weight: bold;}
.HomeTabs .ModsList .ModsListItem .ModsListItemDetail .ModsListItemRating{width: 100%;text-align: center;margin: 8px 0px;}
.HomeTabs .ModsList .ModsListItem .ModsListItemDetail .ModsListItemBtnList{width: 100%;display: flex;gap: 10px;margin-top: auto;align-items: center;justify-content: space-between;}
.HomeTabs .ModsList .ModsListItem .ModsListItemDetail .ModsListItemBtnList .ModsListItemBtn{background: #fff;border: 1px solid #efefef;border-radius: 4px;font-size: 12px;text-align: center;padding: 4px 12px;display: flex;align-items: center;text-transform: capitalize;width: 100%;justify-content: center;}
.HomeTabs .ModsList .ModsListItem .ModsListItemDetail .ModsListItemBtnList .ModsListItemBtn:hover{background: #f3f3f3;border: 1px solid #d1d1d1;}
.HomeTabs .ModsList .ModsListItem .ModsListItemDetail .ModsListItemBtnList .ModsListItemBtn.Bag{display: flex;align-items: center;justify-content: center;padding: 6px 20px;width: fit-content;}



.Price{width:100%}
.Price .Filters{width:100%;display: flex;justify-content: flex-start;background: #e9ecef;border-radius: 16px 0px 0px 0px;flex-direction: row;padding: 18px;gap: 18px;align-items: center;}
.Price .Filters>.Text{font-size: 14px;font-weight: 600;width: auto;}
.Price .Filters>.Search{display: flex;align-items: center;justify-content: flex-end;gap: 2px;min-width: 40%;position: relative;}
.Price .Filters>.Search>input{border-radius: 12px;border: 0;padding: 8px;width: 100%;outline: none;}
.Price .Filters>.Search>svg{height: 20px;position: absolute;right: 10px;}
.Price .Packet{width:100%;display: flex;align-items: center;justify-content: flex-end;gap: 2px;position: sticky;top: 0;background: linear-gradient(
330deg, #ffffff, #ffffff00);z-index: 11;border-radius: 24px 24px 0px 0px;}
.Price .Packet .PacketItem{width: 240px;flex: none;background: #fff;border-radius: 4px 4px 0px 0px;display: flex;flex-direction: column;font-size: 15px;line-height: 23px;padding: 6px;/* padding-bottom: 30px; */height: 100%;}
.Price .Packet .PacketItem .Name{width: 100%;font-size: 16px;font-weight: bold;margin-bottom: 6px;}
.Price .Packet .PacketItem .PriceOld{width: 100%;font-size: 15px;text-decoration: line-through;color: #ccc;font-weight: 400;line-height: 18px;}
.Price .Packet .PacketItem .PriceSale{width: 100%;font-size: 15px;color: #000;font-weight: 600;line-height: 18px;}
.Price .Packet .PacketItem .Btn{width: 100%;border: 1px solid #4CAF50;color: #39963c;font-weight: bold;padding: 5px;text-align: center;border-radius: 4px;margin-top: 30px;font-size: 11px;text-transform: uppercase;cursor: pointer;display: flex;flex-direction: column;line-height: 14px;}
.Price .Packet .PacketItem .Btn>span:nth-child(2){font-size: 10px;color: #f00;}
.Price .Packet .PacketItem .Btn>span:nth-child(3){font-size: 12px;}
.Price .Packet .PacketItem .Btn:hover{background: linear-gradient(
347deg, #4CAF50, #74e478);color: #fff;}
.Price .Properties{width:100%;display: flex;flex-direction: column;gap: 2px;}
.Price .Properties>.Item{width:100%}
.Price .Properties>.Item .Head{width:100%;background: #fff;display: flex;align-items: center;cursor: pointer;}
.Price .Properties>.Item .Head .Icon{width: 60px;height: 52px;flex: none;display: flex;align-items: center;justify-content: center;border-right: 2px solid #eef0f3;}
.Price .Properties>.Item .Head .Icon>svg{width:100%;display: none;}
.Price .Properties>.Item:not(.active) .Head .Icon>svg[x='Open']{display: block;}
.Price .Properties>.Item.active .Head .Icon>svg[x='Close']{display: block;}
.Price .Properties>.Item .Head .Name{width:100%;padding-left: 20px;font-weight: bold;}

.Price .Properties>.Item .Content{width:100%;display: none;flex-direction: column;gap: 2px;padding: 2px 0px;}
.Price .Properties>.Item.active .Content{display: flex}
.Price .Properties>.Item .Content .SubItem{width:100%;display: flex;gap: 2px;cursor: pointer;}
.Price .Properties>.Item .Content .SubItem .Text{width:100%;padding: 6px 6px;background: linear-gradient(45deg, #ffffff, transparent);}
.Price .Properties>.Item .Content .SubItem .Text .Title{width:100%;font-weight: bold;font-size: 13px;margin-bottom: 5px;}
.Price .Properties>.Item .Content .SubItem .Text .Desc{width:100%;font-size: 12px;}
.Price .Properties>.Item .Content .SubItem .Area{width: 240px;flex: none;background: linear-gradient(45deg, #ffffff, transparent);border-radius: 4px;display: flex;flex-direction: column;font-size: 15px;line-height: 23px;padding: 6px;}
.Price .Properties>.Item .Content .SubItem .Area>span{display: flex;justify-content: center;align-items: center;height: 100%;width: 100%;font-weight: 600;font-size: 12px;}

.Price .Properties>.Item .Content .SubItem:hover .Text{background: linear-gradient(111deg, #e9f5ff, #f3f3f375);}
.Price .Properties>.Item .Content .SubItem:hover .Area{background: linear-gradient(111deg, #e9f5ff, #f3f3f375);}