@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap');

* {
	font-family: 'Poppins', sans-serif;
	margin: 0 auto;
}

* a {
	text-decoration: none;
}

* a:hover {
	text-decoration: none;
}

body {
    background-image: url(../images/arkaplan.png);
}

.navbar-toggler {
	font-size: 28px;
	color: white;
	font-weight: 200;
	text-align: center;
}

.header-home {
	background-image: url(../images/bg.png);
	background-size: cover;
	min-height: 846px;
}

.header-page {
	background-image: url(../images/header-page.jpg);
	background-size: cover;
	min-height: 340px;
	z-index: 1;
}

.navbar {
	padding: 50px;
}

.nav-link {
	color: white;
}

.nav-link:hover {
	color: white;
}

.btn-giris-yap {
	border-radius: 50px;
	color: white;
	border: 2px solid #32FDCD;
	width: 148px;
}

.btn-giris-yap:hover {
	color: white;
}

.banner {
	margin-top: 50px;
}

.banner h1 {
	font-weight: 600;
	font-size: 70px;
	color: white;
}

.banner h1 span {
	color: #32FDCD;

}

.banner p {
	margin-top: 50px;
	color: white;
	font-weight: medium;
	font-size: 28px;
}

.banner p span {
	color: #32FDCD;
}

.btn-beni-boostla {
	margin-top: 50px;
	font-size: 20px;
	border: solid 3px #05F8CC;
	border-radius: 50px;
	padding: px;
	width: 250px;
	color: white;
	background-color: #05F8CC;
	background: rgb(5,248,204);
	background: linear-gradient(90deg, rgba(5,248,204,1) 10%, rgba(126,32,111,1) 90%);
}

.icerik img {
	width: 100%;
	margin-bottom: 50px;
}

.neden-biz {
	background-image: url(../images/neden-biz.jpg);
	background-size: cover;
	padding-top: 100px;
	text-align: center;
	color: white;
	min-height: 844px;
}

.neden-biz span {
	font-size: 200px;
	opacity: 20%;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	position: absolute;
	top: -100px;
	left: 0;
}

.neden-biz h3 {
	font-size: 50px;
	margin-bottom: 100px;
	text-align: center;
}

.neden-biz h4 {
	font-size: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.neden-biz p {
	font-size: 16px;
	font-weight: 200;
}

.neden-biz .hr {
	border-right: 1px solid #05F8CC;
	max-height: 330px;
}

.sss {
	margin-top: -200px;
	padding-top: 100px;
	text-align: center;
	color: white;
	min-height: 844px;
}

.sss span {
	font-size: 130px;
	opacity: 20%;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	position: absolute;
	top: -80px;
	left: 0;
}

.sss h3 {
	font-size: 50px;
	margin-bottom: 100px;
	text-align: center;
}

.boost-satin-al-bg {
	background-image: url(../images/bg2.png);
	background-size: cover;
	min-height: 844px;
	margin-top: -200px;
}

.boost-satin-al img {
	width: 100%;
	margin-top: 200px;
}

.boost-satin-al-icerik {
	margin-top: -20%;
}

.boost-satin-al-icerik h5 {
	color: white;
	font-size: 30px;
	font-weight: 600;
}

.boost-satin-al-icerik button {
	margin-top: 50px;
	background-color: white;
	padding: 15px;
	width: 250px;
	border-radius: 50px;
	font-size: 24px;
}

footer {
	min-height: 479px;
	background-image: url(../images/footer-bg.png);
	background-size: cover;
}

footer h5 {
	margin-top: 100px;
	margin-bottom: 20px;
	color: white;
	font-size: 30px;
	font-weight: 600;
}

footer a {
	font-size: 24px;
	font-weight: 300;
	color: white;
	text-decoration: none;
}

footer a:hover {
	color: white;
	text-decoration: none;
}

footer a i {
	font-size: 30px;
	margin-bottom: 15px;
	font-weight: 300;
}

.footer-alt {
	padding-top: 100px;
	text-align: right;
}

.footer-alt p {
	font-size: 18px;
	color: white;
	font-weight: 300;
	text-align: right;
}

.footer-alt img {
	max-width: 100%;
	float: left;
}

.valorant-boost {
	margin-top: 50px;
}

.valorant-boost span {
	color: white;
	font-size: 150px;
	opacity: 20%;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	text-align: center;
}

.vb-background {
	margin-top: -100px;
	max-width: 60%;
	height: 112px;
	border-radius: 10px;
	background-color: #03866E;
	color: white;
	font-size: 70px;
	font-weight: 800;
	opacity: 1;
	text-align: center;
	display:flex;
	justify-content:center;
	align-items: center;
	margin-bottom: 25px;
}

.vb-icerik {
	font-size: 28px;
	color: white;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 20px;
}

.vb-form {
	padding-bottom: 50px;
	border-radius: 23px;
	background-image: url(../images/bo-pg.png);
	background-size: cover;
	margin-bottom: 100px;
}

.vb-form h2 {
	color: white;
	font-size: 45px;
	font-weight: 500;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 75px;
}

.vb-form form {
	margin: 30px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
	font-weight: 800;
}

.vb-form form .form-row {
	margin-top: 25px;
}

.vb-form form .form-row .col {
	margin-left: 15px;
	margin-right: 15px;
}

.vb-form form .form-row img {
	float: left;
}

.vb-form form select {
	width: 100%;
	background-color: #3F1E3A;
	border: none;
	color: white;
	padding:20px;
	border-radius: 10px;
}

.vb-form form select option {
	border: none;
	border-radius: 10px;
}

.vb-form form .form-check {
	width: 100%;
	background-color: #3F1E3A;
	color: white;
	text-align: left;
	padding: 20px;
	border-radius: 10px;
}

.vb-form form .form-check-button {
	float: right;
}

.vb-form form input[type="checkbox"] {
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
 }

.vb-form form p {
	margin-top: 50px;
	margin-bottom: 50px;
	color: white;
	text-align: left;
	font-size: 20px;
}

.vb-form form label {
	color: white;
	text-align: left;
}

.vb-form .alt input {
	background-color: #3F1E3A;
	width: 100%;
	border: none;
	border-radius: 10px;
	padding: 20px;
}

.vb-alt {
	color: white;
}

.vb-alt h3 {
	font-size: 45px;
}

.vb-alt button {
	width: 80%;
	padding: 20px;
	background-color: transparent;
	border: 2px solid white;
	border-radius: 10px;
	color: white;
	font-size: 48px;
	margin-top: -25px;
}

.vb-tamamla {
	margin-top: 25px;
	margin-bottom: 100px;
}

.vb-tamamla button {
	width: 100%;
	font-size: 45px;
	color: white;
	background-color: #03866E;
	border-radius: 10px;
	border: none;
	padding-top: 25px;
	padding-bottom: 25px;
	font-weight: 800;
}

.booster-ol {
	margin-top: 50px;
	text-align: center;
}

.booster-ol span {
	color: white;
	font-size: 150px;
	opacity: 20%;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
}

.bo-background {
	margin-top: -100px;
	max-width: 60%;
	height: 112px;
	border-radius: 10px;
	background-color: #03866E;
	color: white;
	font-size: 70px;
	font-weight: 800;
	opacity: 1;
	text-align: center;
	display:flex;
	justify-content:center;
	align-items: center;
	margin-bottom: 25px;
}

.bo-bg {
	background-image: url(../images/bo-bg.png);
	background-size: cover;
}

.bo-icerik {
	text-align: left;
	margin-top: 100px;
	margin-bottom: 100px;
}

.bo-icerik-ort {
	display:flex;
	justify-content:center;
	align-items: center;
}

.bo-icerik h2 {
	font-size: 60px;
	color: white;
}

.bo-icerik h3 {
	font-size: 50px;
	color: #05F8CC;
}

.bo-icerik p {
	color: white;
	font-size: 24px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.bo-icerik button {
	font-size: 24px;
	color: #3F1E3A;
	padding: 20px;
	width: 300px;
	border-radius: 40px;
	border: none;
}

.bo-icerik-hr {
	width: 85%;
	border: 0.5px solid white;
	opacity: 0.3;
	margin-top: 50px;
}

.bo-form {
	color: white;
	margin: 0 auto;
}

.bo-form h4 {
	font-size: 60px;
	text-align: center;
}

.bo-form-bg {
	background-image: url(../images/bo-bg.png);
	background-size: cover;
	height: 1615px;
	margin-top: 100px;
	margin-bottom: 200px;
	border-radius: 25px;
}

.bo-form form {
	margin: 0 auto;
	font-weight: 800;
}

.bo-form form .col {
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 25px;
}

.bo-form form label {
	color: white;
}

.bo-form .alt input {
	background-color: #3F1E3A;
	width: 100%;
	border: none;
	border-radius: 10px;
	padding: 20px;
	color: white;
	font-weight: 800;
}

.bo-form .alt input:hover {
	outline: none;
}

.bo-form .alt input:focus {
	outline: none;
}

.bo-form .alt input::selection {
  background: #ffb7b7; 
}

.bo-form .alt textarea {
	background-color: #3F1E3A;
	width: 100%;
	border: none;
	border-radius: 10px;
	padding: 20px;
	color: white;
	font-weight: 800;
}

.bo-form .alt textarea:hover {
	outline: none;
}

.bo-form .alt textarea:focus {
	outline: none;
}

.bo-form .alt textarea::selection {
  	background: #ffb7b7; 
}

.bo-form form button {
	background-color: #03866E;
	opacity: 85%;
	width: 100%;
	margin-top: 50px;
	padding: 30px;
	border:none;
	color: white;
	font-size: 45px;
	font-weight: 800;
	border-radius: 10px;
}

.iletisim {
	margin-top: 50px;
	text-align: center;
}

.iletisim span {
	color: white;
	font-size: 150px;
	opacity: 20%;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
}

.iletisim-background {
	margin-top: -100px;
	max-width: 60%;
	height: 112px;
	border-radius: 10px;
	background-color: #03866E;
	color: white;
	font-size: 70px;
	font-weight: 800;
	opacity: 1;
	text-align: center;
	display:flex;
	justify-content:center;
	align-items: center;
	margin-bottom: 25px;
}

.iletisim-icerik {
	text-align: left;
	margin-top: 100px;
}

.iletisim-icerik h2 {
	font-size: 48px;
	color: white;
}

.iletisim-form-bg {
	background-image: url(../images/bo-bg.png);
	background-size: cover;
	height: 915px;
	margin-top: 100px;
	margin-bottom: 200px;
	border-radius: 25px;
}

.iletisim-form form {
	margin: 0 auto;
	font-weight: 800;
}

.iletisim-form form .col {
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 25px;
}

.iletisim-form form label {
	color: white;
}

.iletisim-form .alt input {
	background-color: #3F1E3A;
	width: 100%;
	border: none;
	border-radius: 10px;
	padding: 20px;
	color: white;
	font-weight: 800;
}

.iletisim-form .alt input:hover {
	outline: none;
}

.iletisim-form .alt input:focus {
	outline: none;
}

.iletisim-form .alt input::selection {
  background: #ffb7b7; 
}

.iletisim-form .alt textarea {
	background-color: #3F1E3A;
	width: 100%;
	border: none;
	border-radius: 10px;
	padding: 20px;
	color: white;
	font-weight: 800;
}

.iletisim-form .alt textarea:hover {
	outline: none;
}

.iletisim-form .alt textarea:focus {
	outline: none;
}

.iletisim-form .alt textarea::selection {
  	background: #ffb7b7; 
}

.iletisim-form form button {
	background-color: #03866E;
	opacity: 85%;
	width: 100%;
	margin-top: 50px;
	padding: 30px;
	border:none;
	color: white;
	font-size: 45px;
	font-weight: 800;
	border-radius: 10px;
}

.iletisim-bg {
	background-image: url(../images/bo-bg.png);
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 100px;
}

.neden-biz-hakkimizda {
	padding-top: 100px;
	text-align: center;
	color: white;
	min-height: 844px;
}

.neden-biz-hakkimizda span {
	font-size: 200px;
	opacity: 20%;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	position: absolute;
	top: -100px;
	left: 0;
}

.neden-biz-hakkimizda h3 {
	font-size: 50px;
	margin-bottom: 100px;
	text-align: center;
}

.neden-biz-hakkimizda h4 {
	font-size: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.neden-biz-hakkimizda p {
	font-size: 16px;
	font-weight: 200;
}

.neden-biz-hakkimizda .hr {
	border-right: 1px solid #05F8CC;
	max-height: 330px;
}

.alt-sayfa {
	margin-top: 50px;
	text-align: center;
}

.alt-sayfa span {
	color: white;
	font-size: 150px;
	opacity: 20%;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
}

.alt-sayfa-background {
	margin-top: -100px;
	max-width: 60%;
	height: 112px;
	border-radius: 10px;
	background-color: #03866E;
	color: white;
	font-size: 70px;
	font-weight: 800;
	opacity: 1;
	text-align: center;
	display:flex;
	justify-content:center;
	align-items: center;
	margin-bottom: 25px;
}

.alt-sayfa2 {
	margin-top: 50px;
	text-align: center;
}

.alt-sayfa2 span {
	color: white;
	font-size: 130px;
	opacity: 20%;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
}

.alt-sayfa2-background {
	margin-top: -100px;
	max-width: 60%;
	height: 112px;
	border-radius: 10px;
	background-color: #03866E;
	color: white;
	font-size: 70px;
	font-weight: 800;
	opacity: 1;
	text-align: center;
	display:flex;
	justify-content:center;
	align-items: center;
	margin-bottom: 25px;
}

.alt-sayfa2-icerik {
	margin-top: 100px;
	margin-bottom: 100px;
	color: white;
	text-align: center;
}

.kayit-form-bg {
	background-image: url(../images/bo-bg.png);
	background-size: cover;
	padding-top: 100px;
	padding-bottom: 50px;
	overflow: hidden;
	z-index: 5;
}

.kayit-form-bg-2 {
	background-image: url(../images/arkaplan.png);
	background-size: cover;
	padding-top: 100px;
	border-radius: 25px;
}

.kayit-form h2 {
	font-size: 36px;
	font-weight: 800;
}

.kayit-form form {
	margin: 0 auto;
	font-weight: 800;
	padding-bottom: 100px;
}

.kayit-form form .col {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 25px;
}

.kayit-form form label {
	color: white;
}

.kayit-form .alt input {
	background-color: #3F1E3A;
	width: 100%;
	border: none;
	border-radius: 10px;
	padding: 20px;
	color: white;
	font-weight: 800;
}

.kayit-form .alt input:hover {
	outline: none;
}

.kayit-form .alt input:focus {
	outline: none;
}

.kayit-form .alt input::selection {
  background: #ffb7b7; 
}

.kayit-form form button {
	background-color: white;
	opacity: 85%;
	width: 100%;
	margin-top: 50px;
	padding: 10px;
	border:none;
	color: #3F1E3A;
	font-size: 45px;
	font-weight: 800;
	border-radius: 10px;
}

.kayit-form-img {
	position: absolute;
	right: -200px;
	margin-top: -300px;
	z-index: 2;
}

.hemen-uye-ol-bg {
	background-image: url(../images/arkaplan.png);
	background-size: cover;
	width: 103%;
	height: 486px;
	margin-bottom: 150px;
	display:flex;
	justify-content:center;
	align-items: center;
	text-align: center;
	border-radius: 25px;
	margin-top: 100px;
}

.hemen-uye-ol-bg img {
	position: absolute;
	left: -150px;
	top: -400px;
}

.hemen-uye-ol-bg h3 {
	color: white;
	font-size: 40px;
}

.hemen-uye-ol-bg button {
	background-color: white;
	border: none;
	font-size: 24px;
	color: #3F1E3A;
	padding: 20px;
	border-radius: 50px;
	width: 300px;
	margin-top: 50px;
}

.hemen-uye-ol-bg2 {
	background-image: url(../images/hemen-uye-ol-bg2.png);
	background-size: cover;
	width: 103%;
	height: 486px;
	margin-bottom: 150px;
	display:flex;
	justify-content:center;
	align-items: center;
	text-align: center;
	border-radius: 25px;
	margin-top: 100px;
}

.hemen-uye-ol-bg2 img {
	position: absolute;
	left: -150px;
	top: -400px;
}

.hemen-uye-ol-bg2 h3 {
	color: white;
	font-size: 40px;
}

.hemen-uye-ol-bg2 button {
	background-color: white;
	border: none;
	font-size: 24px;
	color: #3F1E3A;
	padding: 20px;
	border-radius: 50px;
	width: 300px;
	margin-top: 50px;
}

.modal {
	background-image: url(../images/alisveris-sonucu-bg.png);
	background-size: cover;
}

.modal-dialog {
	background-image: url(../images/bo-bg.png);
}

.modal-content {
	background-image: url(../images/alisveris-sonucu.png);
	background-size: cover;
	width: 400px;
	border-radius: 35px;
	margin-top: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.modal-sol {
	position: absolute;
	left: -150px;
	top: -50px;
}

.modal-sag {
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 300px;
}

.modal-sag img {
	margin-top: 50px;
	margin-bottom: 50px;
}

.modal-sag h5 {
	color: white;
	font-size: 50px;
}

.modal-sag p {
	color: white;
	font-size: 30px;
}

.modal-sag span {
	font-size: 24px;
}


.giris-yap-bg {
	background-image: url(../images/bo-bg.png);
	background-size: cover;
	padding-top: 100px;
	padding-bottom: 50px;
	overflow: hidden;
	z-index: 5;
}

.giris-yap-bg-2 {
	background-image: url(../images/bg2.png);
	background-size: cover;
	padding-top: 100px;
	border-radius: 25px;
}

.giris-yap h2 {
	font-size: 36px;
	font-weight: 800;
}

.giris-yap form {
	margin: 0 auto;
	font-weight: 800;
	padding-bottom: 100px;
}

.giris-yap form .col {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 25px;
}

.giris-yap form label {
	color: white;
}

.giris-yap .alt input {
	background-color: #3F1E3A;
	width: 100%;
	border: none;
	border-radius: 10px;
	padding: 20px;
	color: white;
	font-weight: 800;
}

.giris-yap .alt input:hover {
	outline: none;
}

.giris-yap .alt input:focus {
	outline: none;
}

.giris-yap .alt input::selection {
  background: #ffb7b7; 
}

.giris-yap form button {
	background-color: white;
	opacity: 85%;
	width: 100%;
	margin-top: 30px;
	padding: 10px;
	border:none;
	color: #3F1E3A;
	font-size: 45px;
	font-weight: 800;
	border-radius: 10px;
}

.giris-yap .giris-yap-btn {
	background-color: #03866E;
	color: white;
}

.giris-yap-img {
	position: absolute;
	right: -200px;
	margin-top: -300px;
	z-index: 2;
}

.siparislerim {
	color: white;
	font-weight: 600;
	background-color: #3F1E3A;
	padding: 20px;
	border-radius: 10px;
	margin-left: 50px;
	margin-right: 50px;
}

.siparislerim .col-md-2 {
	border-right: 1px solid white;
}

.siparislerim .col-md-3 {
	border-right: 1px solid white;
}

.siparislerim-bilgi {
	color: #3F1E3A;
	font-weight: 600;
	background-color: white;
	padding: 20px;
	border-radius: 10px;
	margin-top: 25px;
	margin-left: 50px;
	margin-right: 50px;
}

.siparislerim-bilgi .col-md-2 {
	border-right: 1px solid black;
}

.siparislerim-bilgi .col-md-3 {
	border-right: 1px solid black;
}

.siparislerim-icerik {
	color: #3F1E3A;
	font-weight: 600;
	background-color: white;
	padding: 20px;
	border-radius: 10px;
	margin-top: 25px;
	margin-left: 50px;
	margin-right: 50px;
}

.siparislerim-icerik .si-sol {
	max-width: 50%;
	float: left;
	text-align: left;
}

.siparislerim-icerik .si-sag {
	max-width: 50%;
	float: right;
	text-align: right;
}

.siparislerim-icerik button {
	padding: 10px;
	background-color: #03866E;
	opacity: 85%;
	border-radius: 5px;
	border: none;
	color: white;
	width: 235px;
}

.destek-talepleri {
	color: white;
	font-weight: 600;
	background-color: #3F1E3A;
	padding: 20px;
	border-radius: 10px;
	margin-top: 25px;
	margin-left: 50px;
	margin-right: 50px;
}

.destek-talepleri .col-md-3 {
	border-right: 1px solid white;
}

.destek-talepleri-bilgi {
	color: #3F1E3A;
	font-weight: 600;
	background-color: white;
	padding: 20px;
	border-radius: 10px;
	margin-top: 25px;
	margin-left: 50px;
	margin-right: 50px;
}

.destek-talepleri-bilgi .col-md-1 {
	border-right: 1px solid black;
}

.destek-talepleri-bilgi .col-md-3 {
	border-right: 1px solid black;
}

.destek-talepleri-bilgi .col-md-8 {
	border-right: 1px solid black;
}

.destek-talepleri-icerik {
	color: #3F1E3A;
	font-weight: 600;
	background-color: white;
	padding: 20px;
	border-radius: 10px;
	margin-top: 25px;
	margin-left: 50px;
	margin-right: 50px;
}


.modal-hesabim {
	background-image: url(../images/bo-bg.png);
	background-size: cover;
	margin: 0 auto;
}

.modal-hesabim-dialog {
	background-image: url(../images/bo-bg.png);
	background-size: cover;
}

.modal-content2 {
	background-image: url(../images/bo-bg.png);
	background-size: cover;
	width: 556px;
	border-radius: 25px;
	position: absolute;
	padding-bottom: 50px;
}

.modal-header2 img {
	margin-top: 50px;
	margin-bottom: 30px;
	border: 5px solid #3F1E3A;
	border-radius: 100%;
}

.modal-header2 {
	color: white;
	text-align: center;
}

.modal-header2 button {
	width: 80%;
	border: none;
	border-radius: 15px;
	padding: 1px;
	display:flex;
	justify-content:center;
	align-items: center;
	margin-top: 20px;
}

.modal-header2 button i {
	float: left;
}

.modal-header2 button p {
	float: left;
	font-size: 24px;
	padding-top: 20px;
	text-align: left;
}

.cikis-yap {
	background-color: white;
	width: 80%;
	border: none;
	border-radius: 15px;
	padding: 1px;
	display:flex;
	justify-content:center;
	align-items: center;
	margin-top: 20px;
	padding: 20px;
	color: black;
}

.cikis-yap i {
	float: left;
}

.cikis-yap p {
	font-size: 24px;
}

.sosyal-icon {
	float: right;
}

.navbar-collapse i {
	margin: 0;
	color: white;
	padding-left: 5px;
}

.modal-content3 {
	background-image: url(../images/bo-bg.png);
	background-size: cover;
	height: 486px;
	width: 1095px;
	border-radius: 25px;
	position: absolute;
	top: 150px;
	left:-250px;
}

.modal-sol3 {
	position: absolute;
	top: 50px;
	left: 50px;
}

.modal-sag3 {
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 600px;
}

.modal-sag3 img {
	margin-bottom: 50px;
	margin-top: -10px;
}

.modal-sol3 {
	margin-left: 50px;
}

.modal-sol3 h5 {
	color: white;
	font-size: 36px;
	font-weight: 800;
	padding-top: 50px;
}

.modal-sol3 p {
	color: white;
	font-size: 24px;
	padding-top: 20px;
	padding-bottom: 30px;
}

.modal-sol3 span {
	font-size: 24px;
}

.sss-icerik {
	padding-bottom: 150px;
	z-index: 0;
}

.accordion-hr {
	border: 1px solid white;
	margin-bottom: 50px;
	opacity: 0.4;
}

.accordion {
  background-color: #03866E;
  color: white;
  cursor: pointer;
  padding:30px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-top: 25px;
  border-radius: 25px;
  font-size: 24px;
  font-weight: 800;
}

.panel {
  padding: 0 18px;
  background-color: #03866E;
  color: white;
  display: none;
  overflow: hidden;
  text-align: left;
  padding: 30px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  margin-top: -25px;
  font-size: 24px;
}

.hesabim-modal .form-group button {
	min-width: 100%;,
	background-color: white;
	border: none;
	border-radius: 15px;
	padding: 20px;
	width: 300px;
	color: #3F1E3A;
	font-weight: 800;
	text-align: left;
}

.hesabim-modal .form-group button i {
	font-size: 18px;
}

.hesabim-modal .modal-body img {
	border-radius: 100px;
	border: 5px solid #3F1E3A;
}

.hesabim-modal .modal-body h3 {
	margin-top: 20px;
	color: white;
}

.hesabim-modal .modal-body p {
	margin-top: 10px;
	color: white;
}

.sifre-modal .modal-content {
	background-image: url(../images/arkaplan.png);
	background-size: cover;
	height: 486px;
	width: 1095px;
	border-radius: 25px;
	position: absolute;
	top: 100px;
	left:-250px;
}

.sifre-modal form input {
	padding: 20px;
	width: 100%;
	background-color: #3F1E3A;
	border: none;
	border-radius: 10px;
	color: white;
}

.sifre-modal form input:selection {
	outline: none;
}

.sifre-modal form input:hover {
	outline: none;
}

.sifre-modal form input:focus {
	outline: none;
}

.sifre-modal form button {
	position: absolute;
	margin-left: -60px;
	margin-top: 5px;
	font-size: 24px;
	color: white;
}

.sifre-modal form button:hover {
	color: white;
}