.pkd-demo-btns {    display: flex;    flex-direction: column;    gap: 10px;    right: 0px;    top: 150px;    position: fixed;    z-index: 99999;    transform: translateX(-6px);    transition: all .5s;}.pkd-float-wrap.pkd-container.pkd-active .pkd-demo-btns {    transform: translateX(-660px);}.btn-float {    padding: 10px 12px;    background-color: #fff;    color: #070707;    border-radius: 4px 0 0 4px;    display: flex;    align-items: center;    justify-content: center;    gap: 5px;    border: 1px solid #070707;    font-size: 12px;    text-decoration: none;    text-align: center;    cursor: pointer;    font-family: Inter, sans-serif;    line-height: 20px;}a.btn-float svg {    fill: #070707;}a.btn-float:hover svg {    fill: #3B43FF;}a.btn-float:hover {    color: #3B43FF;    background-color: #EAF2FF;}.btn-float.pkd-more-demo-btn, .btn-float.pkd-more-demo-close-btn {    color: #ffffff;    background-color: #1F66FF;}.btn-float.pkd-more-demo-btn:hover, .btn-float.pkd-more-demo-close-btn:hover {    color: #FFFFFF;    background-color: #3B43FF;}.btn-float.pkd-more-demo-btn svg, .btn-float.pkd-more-demo-close-btn svg {    fill: #ffffff;}.pkd-more-demo-close-btn, .pkd-more-demo-btn {    display: none;}.pkd-more-demo-close-btn.pkd-active, .pkd-more-demo-btn.pkd-active {    display: flex;}.pkd-more-container {    background-color: #ffffff;    top: 0;    right: 0;    position: fixed;    width: 660px;    height: 100%;    transform: translateX(660px);    transition: all .5s;    padding: 50px 40px;    box-sizing: border-box;    box-shadow: 0px 0px 20px 2px rgb(0 0 0 / 29%);}.pkd-more-container.pkd-active {    z-index: 999999;    transform: translateX(0px);    overflow-x: hidden;}.pkd-more-container.pkd-active::-webkit-scrollbar {    background-color: transparent;    width: 5px;    border-radius: 0;}.pkd-more-container.pkd-active:hover::-webkit-scrollbar  {    width: 5px;    border-radius: 0;    transition: 400ms;    height: 3px;}.pkd-more-container.pkd-active:hover::-webkit-scrollbar-thumb {    border-radius: 0;    width: 5px;    background-color: #3482f6;}.pkd-starter-title {    color: #070707;    font-size: 24px;    font-weight: 700;    margin-bottom: 24px;}.pkd-site-data {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 24px;}.pkd-site-item {    border: 1px solid #BACAEE;    border-radius: 4px;    text-decoration: none;}.pkd-site-bg {    border-radius: 4px;    height: 250px;    width: 100%;    max-width: 100%;    background-size: cover;    background-repeat: no-repeat;}.pkd-site-title {    color: #070707;    padding: 6px 0;    text-align: center;    font-size: 13px;    font-weight: 500;    margin-top: 5px;    border-top: 1px solid #BACAEE;}.pkd-site-item:hover , .pkd-site-item:hover .pkd-site-title {    border-color: #070707;    transition: 500ms;}@media only screen and (min-width: 621px) and (max-width: 930px) {	.pkd-more-container {        width: 420px;    }    .pkd-site-data {        grid-template-columns: repeat(1, 1fr);    }    .pkd-float-wrap.pkd-container.pkd-active .pkd-demo-btns {        transform: translateX(-420px);    }}@media only screen and (max-width: 620px) {	.pkd-more-container {        width: 290px;    }    .pkd-site-data {        grid-template-columns: repeat(1, 1fr);    }    .pkd-float-wrap.pkd-container.pkd-active .pkd-demo-btns {        transform: translateX(-290px);    }    .pkd-label {        display: none;    }    .pkd-site-bg {        height: 180px;    }}