.sidebar_give {
	width: 100%;
	max-width: 360px;
	@media (max-width: 1024px) {
		max-width: 100%;
	}

	h3.widget-title {
		margin: 0 0 15px 0;
		font-family: var(--primary-font);
	    font-size: 22px;
	}
}

#give-sidebar-left {
	width: 100%!important;
	position: sticky;
	position: -webkit-sticky;
	top: 90px;
	float: right;
	@media (max-width: 1024px) {
		position: static;
	}
	.widget {
	    padding: 30px;
	    background-color: #f3f4f7;
	    @media (max-width: 460px) {
    		padding: 30px 20px;
    	}
	    ul {
	    	margin: 0;
	    	li {
	    		-webkit-transition: all .4s ease;
			    -o-transition: all .4s ease;
			    transition: all .4s ease;
				position: relative;
				margin: 0;
				padding: 2px 0;
				border: none;
			    &:before {
			    	content: none;
			    }
			    a {
			    	-webkit-transition: all .4s ease;
			    	-o-transition: all .4s ease;
		    	    transition: all .4s ease;
		    	    position: relative;
				    font-size: 16px; 
				    padding: 0 22px;
				    font-weight: 400;
				    &:before {
			    	    transition: 0.4s;
					    position: absolute;
					    content: '';
					    top: 8px;
					    left: 0;
					    width: 7px;
					    height: 7px;
					    border-radius: 50%;
					    background-color: var(--primary);
					    opacity: 1;
				    }
				    &:hover {
				    	color: var(--primary);
				    }
			    }
	    	}
	    }
	}
	
}

.rtl {
	#give-sidebar-left {
		.widget {
		    ul {
		    	li {
				    a {
					    &:before {
						    left: unset;
						    right: 0;
					    }
				    }
		    	}
		    }
		}
		
	}
}