.home-container {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.home-main {
  top: 0px;
  left: 0px;
  width: 600px;
  height: 798px;
  margin: auto;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.home-back-container {
  top: 0px;
  left: 0px;
  width: 600px;
  filter: saturate(200%);
  height: 798px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-end;
  border-color: rgba(254, 214, 255, 0.44);
  border-style: outset;
  border-width: 5px;
  border-radius: var(--dl-radius-radius-radius4);
  backdrop-filter: blur(10px);
  justify-content: flex-start;
  background-image: linear-gradient(135deg, rgba(45, 45, 45, 0.71) 0.00%,rgba(0, 0, 0, 0.49) 94.00%);
  -webkit-backdrop-filter: blur(10px);
}
 
.home-background {
  width: 937px;
  object-fit: cover;
}
 
.home-dd1 {
  
  top: 90px;
  flex: 0 0 auto;
  left: 4.5px;
  width: 591px;
  height: 138px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0.21);
}
 
.home-dd2 {
  top: 229px;
  flex: 0 0 auto;
  left: 35px;
  width: 530px;
  filter: saturate(350%);
  height: 371px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 1px;
  mix-blend-mode: multiply;
  background-image: linear-gradient(90deg, rgba(76, 78, 79, 0.33) 0.00%,rgba(68, 68, 39, 0.44) 100.00%);
}
 
.home-small-back {
  top: 225px;
  flex: 0 0 auto;
  left: 34.5px;
  width: 531px;
  height: 376px;
  margin: auto;
  display: flex;
  position: absolute;
  box-shadow: 5px 5px 18px 0px #000000;
  align-items: flex-start;
  border-color: #2f2d2c;
  border-style: ridge;
  border-width: 6px;
}
 
.home-sbv {
  top: 230px;
  flex: 0 0 auto;
  left: 39px;
  width: 522px;
  height: 88px;
  margin: auto;
  display: flex;
  position: absolute;
  box-shadow: 5px 5px 18px 0px #000000;
  align-items: flex-start;
  border-color: #6f6f6f;
  border-style: inset;
  border-width: 4px;
}
 
.home-top-b1 {
  top: 237px;
  left: 46px;
  border-color: #7c6348;

}
 
.home-t-in-b1 {
  border-color: #7d6346;
}
 
.home-ic1 {
  color: #928464;
  transition: 0.3s;
}
 
.home-ic1:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic1:active {
  color: #6ebbff;
}
 
.home-top-b2 {
  top: 237px;
  left: 119px;
  border-color: #6f6b67;
}
 
.home-t-in-b2 {
  border-color: #65615c;
}
 
.home-ic2 {
  color: #b8d4a6;
  transition: 0.3s;
}
 
.home-ic2:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic2:active {
  color: #6ebbff;
}
 
.home-top-b3 {
  top: 237px;
  left: 192px;
  border-color: #6f6b67;
}
 
.home-t-in-b3 {
  border-color: #65615c;
}
 
.home-ic3 {
  color: #c7c7c7;
  transition: 0.3s;
}
 
.home-ic3:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic3:active {
  color: #6ebbff;
}
 
.home-top-b4 {
  top: 237px;
  left: 265px;
  border-color: #6f6b67;
}
 
.home-t-in-b4 {
  border-color: #65615c;
}
 
.home-ic4 {
  color: #299A0B;
  transition: 0.3s;
}
 
.home-ic4:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic4:active {
  color: #6ebbff;
}
 
.home-top-b5 {
  top: 237px;
  right: 192px;
  border-color: #6f6b67;
}
 
.home-t-in-b5 {
  border-color: #65615c;
}
 
.home-ic5 {
  color: #c7c7c7;
  transition: 0.3s;
}
 
.home-ic5:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic5:active {
  color: #6ebbff;
}
 
.home-top-b61 {
  top: 237px;
  right: 119px;
  border-color: #6f6b67;
}
 
.home-t-in-b61 {
  border-color: #65615c;
}
 
.home-ic6 {
  color: #ffffff;
  transition: 0.3s;
}
 
.home-ic6:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic6:active {
  color: #6ebbff;
}
 
.home-top-b62 {
  top: 237px;
  right: 48px;
  border-color: #584f46;
}
 
.home-t-in-b62 {
  border-color: #7d6346;
}
 
.home-ic7 {
  color: #716956;
  transition: 0.3s;
}
 
.home-ic7:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic7:active {
  color: #6ebbff;
}
 
.home-sbl {
  top: 320px;
  flex: 0 0 auto;
  left: 39px;
  width: 150px;
  height: 277px;
  display: flex;
  position: absolute;
  box-shadow: 5px 5px 18px 0px #000000;
  align-items: flex-start;
  border-color: #000000;
  border-style: inset;
  border-width: 4px;
}
 
.home-left-b1 {
  top: 324px;
  left: 43px;
  border-color: #7d6346;

}






.home-ic8 {
  color: #72ada4;
  transition: 0.3s;
}
 
.home-ic8:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic8:active {
  color: #6ebbff;
}
 
.home-left-b2 {
  top: 324px;
  left: 114px;
  border-color: #645d55;
}
 
.home-ic9 {
  color: #6bc7b9;
  transition: 0.3s;
}
 
.home-ic9:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic9:active {
  color: #6ebbff;
}
 
.home-left-b3 {
  top: 392px;
  left: 43px;
  border-color: #434343;
}
 
.home-ic10 {
  color: #b38e50;
  transition: 0.3s;
}
 
.home-ic10:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic10:active {
  color: #6ebbff;
}
 
.home-left-b4 {
  top: 392px;
  left: 114px;
  border-color: #434343;
}
 
.home-ic11 {
  color: #8b7ec5;
  transition: 0.3s;
}
 
.home-ic11:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic11:active {
  color: #6ebbff;
}
 
.home-left-b5 {
  left: 43px;
  bottom: 273px;
  border-color: #434343;
}
 
.home-ic12 {
  color: #b38e50;
  transition: 0.3s;
}
 
.home-ic12:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic12:active {
  color: #6ebbff;
}
 
.home-left-b6 {
  left: 114px;
  bottom: 273px;
  border-color: #434343;
}
 
.home-ic13 {
  color: #b38e50;
  transition: 0.3s;
}
 
.home-ic13:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic13:active {
  color: #6ebbff;
}
 
.home-ic14 {
  left: 48px;
  color: #aa77c5;
  bottom: 211px;
  transition: 0.3s;
}
 
.home-ic14:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic14:active {
  color: #6ebbff;
}
 
.home-ic15 {
  left: 119px;
  color: #acac7d;
  bottom: 212px;
  transition: 0.3s;
}
 
.home-ic15:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic15:active {
  color: #6ebbff;
}
 
.home-sbr {
  top: 320px;
  flex: 0 0 auto;
  right: 38px;
  width: 150px;
  height: 277px;
  display: flex;
  position: absolute;
  box-shadow: 5px 5px 18px 0px #000000;
  align-items: flex-start;
  border-color: #000000;
  border-style: inset;
  border-width: 4px;
}
 
.home-right-b1 {
  top: 324px;
  right: 119px;
  border-color: #7d6346;
}
 
.home-ic29 {
  color: #72ada4;
  transition: 0.3s;
}
 
.home-ic29:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic29:active {
  color: #6ebbff;
}
 
.home-right-b2 {
  top: 324px;
  right: 48px;
  border-color: #645d55;
}
 
.home-ic30 {
  color: #6bc7b9;
  transition: 0.3s;
}
 
.home-ic30:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic30:active {
  color: #6ebbff;
}
 
.home-right-b3 {
  top: 392px;
  right: 119px;
  border-color: #434343;
}
 
.home-ic31 {
  color: #b38e50;
  transition: 0.3s;
}
 
.home-ic31:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic31:active {
  color: #6ebbff;
}
 
.home-right-b4 {
  top: 392px;
  right: 48px;
  border-color: #434343;
}
 
.home-ic32 {
  color: #8b7ec5;
  transition: 0.3s;
}
 
.home-ic32:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic32:active {
  color: #6ebbff;
}
 
.home-right-b5 {
  right: 119px;
  bottom: 273px;
  border-color: #434343;
}
 
.home-ic33 {
  color: #b38e50;
  transition: 0.3s;
}
 
.home-ic33:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic33:active {
  color: #6ebbff;
}
 
.home-right-b6 {
  right: 48px;
  bottom: 273px;
  border-color: #434343;
}
 
.home-ic34 {
  color: #b38e50;
  transition: 0.3s;
}
 
.home-ic34:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic34:active {
  color: #6ebbff;
}
 
.home-ic35 {
  color: #6777e1;
  right: 121px;
  bottom: 211px;
  transition: 0.3s;
}
 
.home-ic35:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic35:active {
  color: #6ebbff;
}
 
.home-ic36 {
  color: #75c495;
  right: 50px;
  bottom: 212px;
  transition: 0.3s;
}
 
.home-ic36:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic36:active {
  color: #6ebbff;
}
 
.home-middle-b1 {
  top: 327px;
  left: 278px;
}
 
.home-ic21 {
  color: #ffcd9b;
  transition: 0.3s;
}
 
.home-ic21:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic21:active {
  color: #6ebbff;
}
 
.home-middle-b2 {
  top: 327px;
  right: 197px;
}
 
.home-ic22 {
  color: #ffffff;
  transition: 0.3s;
}
 
.home-ic22:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic22:active {
  color: #6ebbff;
}
 
.home-middle-b3 {
  top: 395px;
  left: 278px;
}
 
.home-ic23 {
  color: #757575;
  transition: 0.3s;
}
 
.home-ic23:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic23:active {
  color: #6ebbff;
}
 
.home-middle-b4 {
  top: 395px;
  right: 197px;
}
 
.home-ic24 {
  color: #757575;
  transition: 0.3s;
}
 
.home-ic24:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic24:active {
  color: #6ebbff;
}
 
.home-middle-b5 {
  left: 278px;
  bottom: 272px;
}
 
.home-ic25 {
  color: #757575;
  transition: 0.3s;
}
 
.home-ic25:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic25:active {
  color: #6ebbff;
}
 
.home-middle-b6 {
  right: 197px;
  bottom: 272px;
}
 
.home-ic26 {
  color: #757575;
  transition: 0.3s;
}
 
.home-ic26:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic26:active {
  color: #6ebbff;
}
 
.home-middle-b7 {
  left: 194px;
  width: 72px;
  bottom: 205px;
}
 
.home-m-in-b7 {
  width: 68px;
}
 
.home-ic20 {
  color: #757575;
  transition: 0.3s;
}
 
.home-ic20:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic20:active {
  color: #6ebbff;
}
 
.home-middle-b8 {
  left: 278px;
  bottom: 207px;
}
 
.home-ic27 {
  color: #757575;
  transition: 0.3s;
}
 
.home-ic27:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic27:active {
  color: #6ebbff;
}
 
.home-middle-b9 {
  right: 197px;
  bottom: 207px;
}
 
.home-ic28 {
  color: #757575;
  transition: 0.3s;
}
 
.home-ic28:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic28:active {
  color: #6ebbff;
}
 
.home-sbml {
  top: 323px;
  flex: 0 0 auto;
  left: 192px;
  width: 74px;
  height: 203px;
  display: flex;
  position: absolute;
  box-shadow: 5px 5px 18px 0px #000000;
  align-items: flex-start;
  border-color: #000000;
  border-style: inset;
  border-width: 2px;
}
 
.home-ic16 {
  top: 10px;
  left: 0px;
  right: 0px;
  width: 39px;
  height: 35px;
  margin: auto;
  position: absolute;
  transition: 0.3s;
}
 
.home-ic16:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic16:active {
  color: #6ebbff;
}
 
.home-ic17 {
  left: 0px;
  right: 0px;
  width: 33px;
  bottom: 108px;
  height: 36px;
  margin: auto;
  position: absolute;
  transition: 0.3s;
}
 
.home-ic17:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic17:active {
  color: #6ebbff;
}
 
.home-ic18 {
  left: 0px;
  right: 0px;
  width: 39px;
  bottom: 64px;
  height: 35px;
  margin: auto;
  position: absolute;
  transition: 0.3s;
  color: #9c6eff
}
 
.home-ic18:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic18:active {
  color: #6ebbff;
}
 
.home-ic19 {
  left: 0px;
  right: 0px;
  width: 33px;
  bottom: 11px;
  margin: auto;
  position: absolute;
  transition: 0.3s;
}
 
.home-ic19:hover {
  color: #d7ff00;
  cursor: pointer;
}
 
.home-ic19:active {
  color: #6ebbff;
}
 
.home-bottom-b1 {
  left: 51px;
  bottom: 115px;
  border-color: #ff7200;

}



 
.home-bbb1 {
  background-color: #e89b2a;
}
 
.home-bottom-b2 {
  left: 137px;
  bottom: 115px;
  border-color: #ffdb00;
  
}


 
.home-bbb2 {
  background-color: #ffdb00;
}
 
.home-bottom-b3 {
  left: 221px;
  bottom: 115px;
  border-color: #00d4ff;
}
 
.home-bbb3 {
  background-color: #00d4ff;
}
 
.home-bottom-b4 {
  left: 308px;
  bottom: 115px;
  border-color: #9e00ff;
}
 
.home-bbb4 {
  background-color: #9e00ff;
}
 
.home-bottom-b5 {
  left: 394px;
  bottom: 115px;
  border-color: #8469ff;
}
 
.home-bbb5 {
  background-color: #8469ff;
}
 
.home-bottom-b6 {
  right: 59px;
  bottom: 115px;
  border-color: #c1ff69;
}
 
.home-bbb6 {
  background-color: #c1ff69;
}


.home-bottom-b1:hover, .home-bottom-b2:hover, .home-bottom-b3:hover, .home-bottom-b4:hover, .home-bottom-b5:hover, .home-bottom-b6:hover {
  border-color: #484848;
  cursor: pointer;
}

.home-bottom-b1:active, .home-bottom-b2:active, .home-bottom-b3:active, .home-bottom-b4:active, .home-bottom-b5:active, .home-bottom-b6:active {
  border-color: #333333;
}
 
.home-top-cc1 {
  top: 16px;
  left: 18px;
}
 
.home-top-cc2 {
  top: 16px;
  left: 43px;
}
 
.home-top-cc3 {
  top: 16px;
  left: 68px;
}
 
.home-text-code {
  top: 112px;
  left: 61px;
  position: absolute;
  font-family: "Courier New";
  font-weight: 400;
  line-height: 1.3;
}
 
.home-text16 {
  color: #dd9bff;
}
 
.home-text18 {
  color: #ffc794;
}
 
.home-text20 {
  color: #dd9bff;
}
 
.home-text22 {
  color: #ffc794;
}
 
.home-text-code-duplicate {
  top: 112px;
  left: 61px;
  position: absolute;
  font-family: "Courier New";
  font-weight: 400;
  line-height: 1.3;
}
 
.home-text32 {
  color: #dd9bff;
}
 
.home-text34 {
  color: #ffc794;
}
 
.home-text36 {
  color: #dd9bff;
}
 
.home-text38 {
  color: #ffc794;
}
 
.home-numbers {
  top: 112px;
  left: 33px;
  position: absolute;
  font-family: "Courier New";
  font-weight: 400;
  line-height: 1.3;
}
 
.home-divider {
  top: 89px;
  flex: 0 0 auto;
  left: 21px;
  width: 558px;
  height: 2px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
  background-image: linear-gradient(270deg, rgba(145, 117, 161, 0.85) 3.00%,rgb(145, 117, 161) 100.00%);
}
 
.home-text-h1 {
  top: 54px;
  left: 85px;
  color: rgb(214, 214, 214);
  position: absolute;
  font-size: 18px;
  font-style: normal;
  font-family: "Courier New";
  font-weight: 700;
}

.home-text-h1:hover {
  color: #bbff00;
  cursor: pointer;
}
 
.home-text-h1:active {
  color: #00aeff;
}
 
.home-text-h2 {
  top: 54px;
  left: 278px;
  color: rgb(214, 214, 214);
  position: absolute;
  font-size: 18px;
  font-style: normal;
  font-family: "Courier New";
  font-weight: 700;
}
 
.home-text-h3 {
  top: 54px;
  color: rgb(214, 214, 214);
  right: 85px;
  position: absolute;
  font-size: 18px;
  font-style: normal;
  font-family: "Courier New";
  font-weight: 700;
}

.home-text-h3:hover {
  color: #bbff00;
  cursor: pointer;
}
 
.home-text-h3:active {
  color: #00aeff;
}

 
.home-text-chat-box {
  left: 36px;
  width: 531px;
  bottom: 41px;
  height: 57px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
  border-color: #d0d0d0;
  border-style: solid;
  border-width: 1px;
  justify-content: center;
}
 
.home-send-ic {
  top: 0px;
  fill: var(--dl-color-theme-neutral-dark);
  color: #dfdfdf;
  right: 1px;
  width: 53px;
  bottom: 0px;
  height: 42px;
  margin: auto;
  position: absolute;
}
 
.home-tth {
  top: 13px;
  left: 13px;
  position: absolute;
  font-size: 12px;
  font-family: "Inter";
  font-weight: 400;
  line-height: 1.3;
}
 
.home-tt-ip {
  left: 12px;
  color: #b5b5b5;
  bottom: -1px;
  position: absolute;
  font-size: 10px;
  font-family: "Inter";
  font-weight: 400;
  line-height: 1.3;
}
 
.home-aichat {
  top: 109px;
  left: 35px;
  width: 528px;
  height: 495px;
  display: flex;
  position: absolute;
  box-shadow: 1px 1px 10px 0px #3600ff;
  align-items: center;
  border-color: #0059ff;
  border-width: 2px;
  backdrop-filter: blur(10px);
  justify-content: flex-start;
  background-image: linear-gradient(180deg, rgba(17, 61, 81, 0.58) 0.00%,rgba(49, 13, 255, 0.4) 94.00%);
  -webkit-backdrop-filter: blur(10px);
  display: none;
}

.home-orange-aichat {
  top: 109px;
  left: 35px;
  width: 528px;
  height: 495px;
  display: flex;
  position: absolute;
  box-shadow: 1px 1px 10px 0px #3600ff;
  align-items: center;
  border-color: #ff8500;
  border-width: 2px;
  backdrop-filter: blur(10px);
  justify-content: flex-start;
  background-image: linear-gradient(180deg, rgba(93, 79, 69, 0.58) 0.00%,rgba(255, 146, 13, 0.4) 94.00%);
  -webkit-backdrop-filter: blur(10px);
  display: none;
}
 

.home-yellow-aichat {
  top: 109px;
  left: 35px;
  width: 528px;
  height: 495px;
  display: flex;
  position: absolute;
  box-shadow: 1px 1px 10px 0px #3600ff;
  align-items: center;
  border-color: #fdff00;
  border-width: 2px;
  backdrop-filter: blur(10px);
  justify-content: flex-start;
  background-image: linear-gradient(180deg, rgba(93, 88, 69, 0.58) 0.00%,rgba(255, 245, 13, 0.4) 94.00%);
  -webkit-backdrop-filter: blur(10px);
  display: none;
}

.home-blue-aichat {
  top: 109px;
  left: 35px;
  width: 528px;
  height: 495px;
  display: flex;
  position: absolute;
  box-shadow: 1px 1px 10px 0px #3600ff;
  align-items: center;
  border-color: #00faff;
  border-width: 2px;
  backdrop-filter: blur(10px);
  justify-content: flex-start;
  background-image: linear-gradient(180deg, rgba(69, 93, 88, 0.58) 1.00%,rgba(13, 255, 255, 0.49) 94.00%);
  -webkit-backdrop-filter: blur(10px);
  display: none;
  
}

.home-pink-aichat {
  top: 109px;
  left: 35px;
  width: 528px;
  height: 495px;
  display: flex;
  position: absolute;
  box-shadow: 1px 1px 10px 0px #3600ff;
  align-items: center;
  border-color: #df57ff;
  border-width: 2px;
  backdrop-filter: blur(10px);
  justify-content: flex-start;
  background-image: linear-gradient(180deg, rgba(83, 69, 93, 0.58) 1.00%,rgba(228, 13, 255, 0.49) 94.00%);
  -webkit-backdrop-filter: blur(10px);
  display: none;
}
 

.home-purple-aichat {
  top: 109px;
  left: 35px;
  width: 528px;
  height: 495px;
  display: flex;
  position: absolute;
  box-shadow: 1px 1px 10px 0px #3600ff;
  align-items: center;
  border-color: #8957ff;
  border-width: 2px;
  backdrop-filter: blur(10px);
  justify-content: flex-start;
  background-image: linear-gradient(180deg, rgba(76, 69, 93, 0.58) 2.00%,rgba(92, 13, 255, 0.49) 94.00%);
  -webkit-backdrop-filter: blur(10px);
  display: none;
}

.home-green-aichat {
  top: 109px;
  left: 35px;
  width: 528px;
  height: 495px;
  display: flex;
  position: absolute;
  box-shadow: 1px 1px 10px 0px #3600ff;
  align-items: center;
  border-color: #c6ff57;
  border-width: 2px;
  backdrop-filter: blur(10px);
  justify-content: flex-start;
  background-image: linear-gradient(180deg, rgba(77, 93, 69, 0.58) 1.00%,rgba(142, 255, 13, 0.49) 94.00%);
  -webkit-backdrop-filter: blur(10px);
  display: none;
}



.home-aih {
  top: 10px;
  left: 8px;
  color: rgb(214, 214, 214);
  position: absolute;
  font-size: 13px;
  font-style: normal;
  font-family: "Courier New";
  font-weight: 700;
}
 

 

 
.home-ai-close {
  top: 4px;
  color: #8c8c8c;
  right: 6px;
  position: absolute;
  align-self: flex-start;
  transition: 0.3s;
}
 
.home-ai-close:hover {
  color: #ff8500;
  cursor: pointer;
}
 
.home-ai-close:active {
  color: #ff1300;
}

.home-orange-close {
  top: 4px;
  color: #8c8c8c;
  right: 6px;
  position: absolute;
  align-self: flex-start;
  transition: 0.3s;
}

.home-orange-close:hover {
  color: #ff8500;
  cursor: pointer;
}
 
.home-orange-close:active {
  color: #ff1300;
}

.home-yellow-close {
  top: 4px;
  color: #8c8c8c;
  right: 6px;
  position: absolute;
  align-self: flex-start;
  transition: 0.3s;
}

.home-yellow-close:hover {
  color: #ff8500;
  cursor: pointer;
}
 
.home-yellow-close:active {
  color: #ff1300;
}

.home-blue-close {
  top: 4px;
  color: #8c8c8c;
  right: 6px;
  position: absolute;
  align-self: flex-start;
  transition: 0.3s;
}

.home-blue-close:hover {
  color: #ff8500;
  cursor: pointer;
}
 
.home-blue-close:active {
  color: #ff1300;
}

.home-pink-close {
  top: 4px;
  color: #8c8c8c;
  right: 6px;
  position: absolute;
  align-self: flex-start;
  transition: 0.3s;
}

.home-pink-close:hover {
  color: #ff8500;
  cursor: pointer;
}
 
.home-pink-close:active {
  color: #ff1300;
}

.home-purple-close {
  top: 4px;
  color: #8c8c8c;
  right: 6px;
  position: absolute;
  align-self: flex-start;
  transition: 0.3s;
}

.home-purple-close:hover {
  color: #ff8500;
  cursor: pointer;
}
 
.home-purple-close:active {
  color: #ff1300;
}


.home-green-close {
  top: 4px;
  color: #8c8c8c;
  right: 6px;
  position: absolute;
  align-self: flex-start;
  transition: 0.3s;
}

.home-green-close:hover {
  color: #ff8500;
  cursor: pointer;
}
 
.home-green-close:active {
  color: #ff1300;
}






.L-C-1 {
  background-image: linear-gradient(315deg, rgb(84, 105, 119) 0.00%,rgb(255, 255, 255) 98.00%);
  border-color: #ffffff;
}

.L-C-2 {
  background-image: linear-gradient(315deg, rgb(84, 105, 119) 0.00%,rgb(255, 58, 225) 98.00%);
  border-color: #cb63e2;
}

.L-C-3 {
  background-image: linear-gradient(315deg, rgb(84, 105, 119) 0.00%,rgb(78, 29, 255) 98.00%);
  border-color: #7d1adf;
}

.L-C-5 {
  background-image: linear-gradient(315deg, rgb(84, 105, 119) 0.00%,rgb(255, 29, 29) 98.00%);
  border-color: #eb0a0a;
}

.L-C-6 {
  background-image: linear-gradient(315deg, rgb(84, 105, 119) 0.00%,rgb(0, 165, 38) 98.00%);
  border-color: #3cff00;
}


.X-1 {
  background-image: linear-gradient(315deg, rgb(84, 105, 119) 0.00%,rgb(193, 183, 191) 98.00%);
  border-color: #a4a4a4;
}

.X-2 {
  background-image: linear-gradient(315deg, rgb(84, 105, 119) 0.00%,rgb(58, 196, 255) 98.00%);
  border-color: #63c4e2;
}

.X-3 {
  background-image: linear-gradient(315deg, rgb(84, 105, 119) 0.00%,rgb(58, 255, 74) 98.00%);
  border-color: #63e298;
}

.X-4 {
  background-image: linear-gradient(315deg, rgb(84, 105, 119) 0.00%,rgb(193, 183, 191) 98.00%);
  border-color: #787878;
}

.X-5 {
  background-image: linear-gradient(315deg, rgb(84, 105, 119) 0.00%,rgb(255, 147, 58) 98.00%);
  border-color: #e26363;
}

.X-6 {
  background-image: linear-gradient(315deg, rgb(84, 105, 119) 0.00%,rgb(137, 58, 255) 98.00%);
  border-color: #6374e2;
}

.X-7 {
  right: 19px;
  bottom: 14px;
}

.X-8 {
  background-image: linear-gradient(315deg, rgb(84, 105, 119) 0.00%,rgb(255, 19, 2) 98.00%);
  border-color: #e26363;
}

.X-9 {
  background-image: linear-gradient(315deg, rgb(84, 105, 119) 0.00%,rgb(208, 0, 255) 98.00%);
  border-color: #d400ff;
}



.home-left-b1:hover,
.home-left-b2:hover, 
.home-left-b3:hover, 
.home-left-b4:hover,
.home-left-b5:hover, 
.home-left-b6:hover 

{
 box-shadow:
 inset 0 0 60px rgb(8, 15, 214),
 inset 20px 0 80px rgb(255, 0, 242),
 inset -20px 0 80px rgb(0, 187, 255),
 inset 20px 0 300px #f0f,
 inset -20px 0 300px rgb(153, 0, 255),
 0 0 50px #4800ff,
 -10px 0 80px #f0f,
 10px 0 80px rgb(2, 65, 238);
}



.home-top-b1:hover,
.home-top-b2:hover,
.home-top-b3:hover,
.home-top-b4:hover,
.home-top-b5:hover,
.home-top-b61:hover,
.home-top-b62:hover


{
  box-shadow:
  inset 0 0 60px rgb(41, 9, 245),
  inset 20px 0 80px rgb(255, 0, 242),
  inset -20px 0 80px rgb(0, 187, 255),
  inset 20px 0 300px #f0f,
  inset -20px 0 300px rgb(153, 0, 255),
  0 0 50px #4800ff,
  -10px 0 80px #f0f,
  10px 0 80px rgb(2, 65, 238);
}

.home-right-b1:hover,
.home-right-b2:hover, 
.home-right-b3:hover, 
.home-right-b4:hover,
.home-right-b5:hover, 
.home-right-b6:hover 


{
  box-shadow:
  inset 0 0 60px rgb(41, 9, 245),
  inset 20px 0 80px rgb(255, 0, 242),
  inset -20px 0 80px rgb(0, 187, 255),
  inset 20px 0 300px #f0f,
  inset -20px 0 300px rgb(153, 0, 255),
  0 0 50px #4800ff,
  -10px 0 80px #f0f,
  10px 0 80px rgb(2, 65, 238);
}

.home-middle-b1:hover,
.home-middle-b2:hover,
.home-middle-b3:hover,
.home-middle-b4:hover,
.home-middle-b5:hover,
.home-middle-b6:hover,
.home-middle-b7:hover,
.home-middle-b8:hover,
.home-middle-b9:hover

{
  box-shadow:
  inset 0 0 60px rgb(41, 9, 245),
  inset 20px 0 80px rgb(255, 0, 242),
  inset -20px 0 80px rgb(0, 187, 255),
  inset 20px 0 300px #f0f,
  inset -20px 0 300px rgb(153, 0, 255),
  0 0 50px #4800ff,
  -10px 0 80px #f0f,
  10px 0 80px rgb(2, 65, 238);
}
.home-error1 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 234px;
  bottom: var(--dl-space-space-halfunit);
  cursor: not-allowed;
  filter: saturate(130%);
  height: 68px;
  margin: auto;
  z-index: 19;
  box-shadow: 1px 1px 10px 0px #8c00ff;
  border-color: #9500ff;
  border-width: 2px;
  background-image: linear-gradient(180deg, rgba(56, 17, 81, 0.58) 1.00%,rgba(84, 20, 170, 0.79) 100.00%);
  display: none;
}
 
.home-error1:hover {
  box-shadow: 1px 1px 10px 0px #ff0008;
}

.home-error2 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 234px;
  bottom: var(--dl-space-space-halfunit);
  cursor: not-allowed;
  filter: saturate(130%);
  height: 68px;
  margin: auto;
  z-index: 19;
  box-shadow: 1px 1px 10px 0px #ff0000;
  border-color: #ff0000;
  border-width: 2px;
  background-image: linear-gradient(180deg, rgba(56, 17, 81, 0.58) 1.00%,rgba(170, 20, 63, 0.79) 100.00%);
  display: none;
}
 
.home-error2:hover {
  box-shadow: 1px 1px 10px 0px #ff0008;
}


.home-error-hd1 {
  top: 11px;
  left: 10px;
  color: rgb(255, 255, 255);
  width: 160px;
  font-size: 11px;
}
 
.home-error-bd1 {
  top: 30px;
  left: 10px;
  color: rgba(255, 255, 255, 0.55);
  width: 210px;
  font-size: 9px;
}
 
.home-error-close1 {
  fill: #ba34f5;
  transition: 0.3s;
}
 
.home-error-close1:hover {
  fill: #00aeff;
}
 
.home-error-close1:active {
  fill: #4734f5;
}





.home-error-close2 {
  fill: #f5347e;
  transition: 0.3s;
}
 
.home-error-close2:hover {
  fill: #00aeff;
}
 
.home-error-close2:active {
  fill: #4734f5;
}