.news-alani-sayfa li {
	float:none;
	display: list-item;          /* This has to be "list-item"                                               */
    list-style-type: square;     /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
    list-style-position: inside; /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position */
	margin-bottom: 10px;
}

.news-alani-sayfa ul {
	margin-top:10px;
}

.ratoath li {
	float:none;
	display: list-item;          /* This has to be "list-item"                                               */
    list-style-type: square;     /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
    list-style-position: inside; /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position */
	margin-bottom: 10px;
	

  text-indent: -1.5em;
  padding-left: 1.5em;
}

.ratoath ul {
	margin-top:10px;
	  list-style-position: outside;
}

.ratoath a {
	text-decoration: underline;
	color: green;
}

p {
	margin-bottom:20px;
}

h3 {
	margin-bottom:20px;
}

.centered {
  max-width: 1000px;
  width: 75vw;
  margin: auto;
}

.button-prev1 {
	top: 70%;
}

.button-next1 {
	top: 70%;
}

.ratoathh2 {
	font-size:16pt !important;
	margin-bottom:20px;
}

.hizmetlerr-bolumu div .col-lg-8 {
	order: 1;
}

 .hizmetlerr-bolumu div .col {
	order: 2;
}

.tabloozellik {
	display:none;
} 

.ratoathContainer {
	display:flex;
}

.ratoathContainer .right {
	width:30%;
	max-width:200px;
}

.ratoathContainer .left {
	flex: 1
}

@media screen and (max-width: 768px) {
    .ratoathContainer {
        flex-direction: column;
		align-items: center;
    }

    .ratoathContainer .right {
        width: 200px;
        max-width: 200px; /* Allows the image/container to span the full width */
        margin-top: 20px; /* Optional: adds space between the text and the image */
    }
}