.ozel-div-purple > svg > g > g > path {
    fill: purple;
}

.ozel-div-red > svg > g > g > path {
    fill: red;
}

.ozel-div-04f7bf > svg > g > g > path {
    fill: #04f7bf;
}

.ozel-div-2652cf > svg > g > g > path {
    fill: #2652cf;
}

.bg-danger-border {
     margin-left: 1%;
    border: 1px solid #f2dede;

}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #f2dede;
}

.slider-res{
		    display: flex;
    margin-top: 20%;
	border-radius:10px;
		
	}
@media (min-width:768px) {
   
	
	.slider-res{
		    display: flex;
    margin-top: 15%;
	border-radius:10px;
		
	}
	.select-bax{
	    height: 50px;
    width: 50%;
    font-size: 16px;
    color: black;
    text-align: left;
    border-radius: 10px;

}
	
}
.mySlides{
	 border-radius: 10px;
	
}
.select-bax{
	    height: 50px;
    width: 50%;
    font-size: 16px;
    color: black;
    text-align: left;
    border-radius: 10px;

}
.select-bax:hover{
	
	border:1px solid black;
	
}