.pre-built-sites {
    z-index: 9999;
  }
  .pre-built-sites .sites-show-button {
    background-color: #292C36;
  }
  .pre-built-sites .sites-show-button img {
    background: #48A133 !important;
  }
  .pre-built-sites .buynow-button {
    background: #C72424 !important;
  }
  .pre-built-sites .button-area {
    top: calc(50% - 100px);
  }
  .pre-built-sites .button-area button {
    writing-mode: vertical-rl;
  }
  .pre-built-sites .close-button-area {
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
  }
  .pre-built-sites .close-button-area.active {
    pointer-events: visible;
    opacity: 1;
  }
  .pre-built-sites .close-button-area button {
    width: 40px;
    min-width: 40px;
    height: 40px;
    background-color: #c72424;
  }
  .pre-built-sites .all-sites-container {
    height: 100vh;
    background-color: #000000;
    overflow-y: scroll;
    z-index: 999;
    width: 100px;
    height: 100px;
    top: 50%;
    transform: translate(85%, -50%) perspective(50px) rotateY(-25deg);
    transition: all ease-in-out 2s;
  }
  .pre-built-sites .all-sites-container.active {
    transform: translate(0%, -50%);
    width: 100%;
    height: 100%;
  }
  
  .prebuilt-websites .abs-area {
    white-space: nowrap;
    position: relative;
    -webkit-text-stroke: 1px rgba(var(--p1), 0.1);
    color: rgba(217, 217, 217, 0.02);
  }
  .prebuilt-websites .not-graddient {
    -webkit-text-fill-color: var(--text-white) !important;
    min-width: 150%;
  }
  .prebuilt-websites .abs-illus {
    left: 20%;
  }
  .prebuilt-websites .head-gradient {
    background: linear-gradient(107deg, rgb(68, 54, 255) 14%, rgb(254, 69, 232) 47%, rgb(78, 236, 155) 100%);
  }
  .prebuilt-websites .single-box {
    border-radius: 32px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.1);
    position: relative;
  }
  .prebuilt-websites .single-box::after, .prebuilt-websites .single-box::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: inherit;
    top: 0;
    left: 0;
    opacity: 0;
  }
  .prebuilt-websites .single-box::after {
    background: linear-gradient(#11131E, #11131E) padding-box, linear-gradient(to top left, #f79b91, #c82f97, #6a4ded) border-box;
    border: 1px solid transparent;
    z-index: -1;
  }
  .prebuilt-websites .single-box::before {
    background: linear-gradient(0deg, #000 -6.93%, rgba(0, 0, 0, 0) 94.81%);
    z-index: 1;
  }
  .prebuilt-websites .single-box .view-demo {
    opacity: 0;
  }
  .prebuilt-websites .single-box:hover::before, .prebuilt-websites .single-box:hover::after, .prebuilt-websites .single-box:hover .view-demo {
    opacity: 1;
  }
  .prebuilt-websites .single-box:hover .home-thumb {
    background-position: bottom;
  }
  .prebuilt-websites .single-box:hover .home-thumb.inner {
    background-position: top;
  }
  .prebuilt-websites .single-box .hot-tag {
    background-color: #F45939;
  }
  .prebuilt-websites .home-thumb {
    width: 100%;
    height: 450px;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    transition: all 7s ease;
    position: relative;
  }
  .prebuilt-websites .coming-soon {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #141A20;
  }
  .prebuilt-websites .coming-soon span {
    background: linear-gradient(90deg, #756ED5 14.48%, #E276D5 57.73%, #4EEC9B 99.98%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .prebuilt-websites.inner-website .abs-illus {
    left: initial !important;
    right: 22%;
  }
  .prebuilt-websites .tabLinks .nav-links.active {
    background: linear-gradient(#11131E, #11131E) padding-box, linear-gradient(to top left, #6a4ded, #c82f97, #f79b91) border-box;
    border: 1px solid transparent;
    z-index: -1;
  }