.switch {
    width: 47px;
    height: 25px;
    border-radius: 20px;
    background-color: rgb(52 113 210);
    position: relative;
}

.flicker {
    width: 20px;
    height: 21px;
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 2px;
    right: 2px;
    transition: 0.3s;
    box-shadow: inset 4px 4px 4px rgb(255, 255, 255), inset -4px -4px 4px rgb(195 193 198 / 90%);
}
.moon {
    width: 15px;
    height: 16px;
    border-radius: 10px;
/*     box-shadow: -4px 4px 0px 0 rgb(255 255 255); */
    position: absolute;
    top: 0px;
    right: 22px;
}
.dark .flicker {
    transform: translateX(-23px);
}
/* .dark .moon {
    box-shadow: -4px 4px 0px 0 rgb(52 113 210);
} */
.switch::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    right: 4px;
    width: 15px;
    height: 14px;
    background: url(https://footageland.ir/wp-content/uploads/2024/05/sun.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
}
.switch::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left: 6px;
    width: 15px;
    height: 14px;
    background: url(https://footageland.ir/wp-content/uploads/2024/11/moon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
}
.dark .switch::after{
	background: url(https://footageland.ir/wp-content/uploads/2024/11/dmoon.svg);
	 background-repeat: no-repeat;
}
.dark .switch::before{
	background: url(https://footageland.ir/wp-content/uploads/2024/11/dsun.svg);
	 background-repeat: no-repeat;
}
/* dark mode */
.dark {
    background-color: #504f4f !important;
    color: #fff;
    transition: 0.3s;
}
.home.dark{
    background-image: unset !important;
}
.dark > * {
    color: rgb(255, 255, 255);
}
.dark :is(a , p , span , h1 , h2 , h3 , h4 , h5 , h6 , td , .jet-switcher__label-text) {
    color: rgb(244, 244, 244) !important;
}
.dark :is( .jet-ajax-search-icon path , .main-header path){
    color: rgb(244, 244, 244) !important;
    fill: rgb(244, 244, 244) !important;
}
.dark :is(.main-header  , footer){
    background:#282828 !important;
}
.dark .main-header {
    box-shadow: 3px 0px 20px #282828;
}
.dark :is(.tabletarefe tr:not(.row-1 , .row-2 , tr:last-child) td:not(td:first-child , td:nth-child(4))) {
    background-color: #504f4f !important;
}
.dark :is(.tabletarefe .column-1:not(.row-1 td , .row-2 td):hover , .freepick) {
    background-color: #504f4f !important;
    color: #ffffff !important;
}
.dark :is(.tabletarefe :is(.row-1 , .row-2) td span:not(td.column-4 span , td.column-1 span)) {
    color: #dddddd !important;
}