@charset "UTF-8";

input[type="checkbox"] ~ label { 
   padding-left: 0px;  
   display : flex;
}

input[type="checkbox"] ~ label:before { 
    display: none !important;
    left: 83px;
    top: 9.5px;  
    content: "\f00c";
    color: var(--white-color);
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

.toggle-label:checked::after {
    left: 60%;
}

.toggle-label span { 
    margin-left: 3px;
}

.spanactive {
    background: #a08ef1;
    border-radius: 18px; 
    color: white;
}
 
@media (max-width: 1199px) {
    .header-layout2 .header-button .th-btn {
        display: flex !important;   
		width: 10px !important;
		min-width: 100px;
		position: relative;
		top: -73px;
		left: 165px;
    }
	 
}