@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Outfit:wght@100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Hubot+Sans:ital,wght@0,200..900;1,200..900&family=Mona+Sans:ital,wght@0,200..900;1,200..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root {
    --bs-c500: #ff6600;
}

.margin5 {margin-top:5px;}
.margin10 {margin-top:10px;}
.margin15 {margin-top:15px;}
.margin20 {margin-top:20px;}
.margin24 {margin-top:24px;}
.margin25 {margin-top:25px;}
.margin30 {margin-top:30px;}
.margin32 {margin-top:32px;}
.margin40 {margin-top:40px;}
.margin48 {margin-top:48px}
.margin50 {margin-top:50px;}
.margin60 {margin-top:60px;}
.margin70 {margin-top:20px;}
.margin80 {margin-top:80px;}
.margin90 {margin-top:90px;}
.margin100 {margin-top:100px;}
.temiz {clear: both;}
.temiz2 {clear: both;}
.center {text-align: center;}
.bold {font-weight:500;}
.bold2 {font-weight: 500;}
.thin {font-weight: 300;}
.tright {text-align: right;}
.tleft {text-align: left;}

.cnavy {color: #00124F;}
.c800{color: #0521C6;}
.c700{color: #0627F2;}
.c600{color: #1533F8;}
.c500{color: #375AF8;}
.c400{color: #6B8EFA;}
.c300{color: #9DB9FB;}
.c200{color: #C7D9FD;}
.c100{color: #E1EAFE;}
.c50{color: #EFF6FE;}
.cprimary{color: #081C9E;}
.csecondary{color: #6B72B8;}
.cfourly{color: #E1E4EB;}
.cnavygri{color: #8D93A5;}
.cred50 {color:#FEE1E4;}
.cred100 {color:#B55B6E}
.corange {color:#FF9035}
.cgreen {color:#49A684}

.title-text20 {font-size:24px;}
.title-text16 {font-size:20px;}


.bg-white {width: 100%;  padding:72px; margin-top:-20px}

a {text-decoration: none !important}

.bg-header2 {background: rgb(38,59,178); background: linear-gradient(184deg, rgba(38,59,178,1) 0%, rgba(106,123,206,1) 92%); height:120px;}
.bg-header {background: rgb(38,59,178);background: linear-gradient(180deg, rgba(38,59,178,1) 0%, rgba(106,123,206,1) 33%, rgba(210,213,229,1) 70%, rgba(244,242,235,1) 100%);}
.bg-header3 {background: rgb(38,59,178); background: linear-gradient(184deg, rgba(38,59,178,1) 0%, rgba(106,123,206,1) 92%); height:400px;}

header {width: 100%; height:auto;}
header h1 {font-size:48px; margin-top:36px; -webkit-font-smoothing: antialiased; color:#000; font-weight:500;  text-align: center; line-height:4.4rem}
header p{ font-size:20px; line-height: 2.6rem;-webkit-font-smoothing: antialiased; }
header h2 span {opacity: .4; font-style: italic;}

.modal-footer {border:none;}

.btn100 {width: 100%; display: inline-block; padding:16px 12px;border:none; font-weight: 500; font-size:13px; text-align: center; border-radius: 100px; background-color:var(--bs-100); color: var(--bs-800);}
.btn100:hover {background-color:var(--bs-700); color:var(--bs-white); transition: .4s}
.btnwhite {width: 100%;  padding:16px 32px; font-weight: 500; font-size:12px; text-align: center; border-radius: 100px; background-color:var(--bs-white); color: var(--bs-navy);}
.btnwhite:hover {background-color:var(--bs-700); color:var(--bs-white); transition: .4s}
.btn200 {width: 100%; display: inline-block; padding:16px 12px; font-weight: 500; font-size:13px; text-align: center; border-radius: 100px; background-color:var(--bs-200); color: var(--bs-800);}
.btn200:hover {background-color:var(--bs-700); color:var(--bs-white); transition: .4s}

.btnnavy {width: 100%; display: inline-block; padding:16px 12px; font-weight: 500; font-size:13px; text-align: center; border-radius: 100px; background-color:var(--bs-navy); color: var(--bs-white);}
.btnnavy:hover {background-color:var(--bs-700); color:var(--bs-white); transition: .4s}

.btn800 {width: 100%; display: inline-block; border:none; padding:16px 12px; font-weight:500 !important; font-size:13px; text-align: center; border-radius: 100px; background-color:var(--bs-800); color: var(--bs-white);}
.btn800:hover {background-color:var(--bs-200); color:var(--bs-800); transition: .4s}

.btnform2 {width: 100%; display: inline-block; padding:16px 12px; font-weight:400; font-size:14px; text-align: center; border-radius:8px; background-color:var(--bs-white); color: var(--bs-navy);}
.btnform2:hover {color:var(--bs-500); transition: .4s}

.btnform {width: 100%; display: inline-block; padding:20px 12px; font-weight:500; font-size:16px; text-align: center; border-radius:8px; background-color:var(--bs-100); color: var(--bs-800);}
.btnform:hover {background-color:var(--bs-700); color:var(--bs-white); transition: .4s}

.btnform3 {width: 100%; display: inline-block; padding:16px 12px; font-weight:500; font-size:13px; text-align: center; border-radius:8px; background-color:var(--bs-100); color: var(--bs-800);}
.btnform3:hover {background-color:var(--bs-700); color:var(--bs-white); transition: .4s}

.btnform4 {width: 100%; display: inline-block; padding:16px 12px; font-weight:500; font-size:13px; text-align: center; border-radius:8px; background-color:var(--bs-body-bg); color: var(--bs-navy);}
.btnform4:hover {background-color:var(--bs-700); color:var(--bs-white); transition: .4s}


.btngrey {padding:16px 24px; font-weight: 500; font-size:13px; text-align: center; border-radius: 100px; background-color:var(--bs-50); color: var(--bs-navy);}
.btngrey:hover {background-color:var(--bs-200); color:var(--bs-navy); transition: .4s}
.btngrey svg {margin-right: 4px; margin-top:-2px}

.tabbtn {width: 100%; box-shadow: none; border:none; display: inline-block; padding:16px 48px !important; font-weight:500; font-size:13px; text-align: center; border-radius: 100px; border:2px solid var(--bs-100); background-color:var(--bs-white); color: var(--bs-800);}
.tactive {background-color: var(--bs-white) !important; border:2px solid #E1EAFE !important; color: var(--bs-navy) !important;}
.tabbtn:hover {border:2px solid var(--bs-100); background-color: var(--bs-100); transition: .3s}

.hust {width: 94%; margin:0 auto; padding-top:32px;display: flex; justify-content: space-between; align-items: center;}

.hust1 { display:flex; flex-wrap:wrap;align-items: center; }
.hust2 {}



.logo {text-align: left; color:var(--bs-white); font-size:24px; font-weight: 500}
.menu {margin-left:32px;}
.menu ul {width: 100%; padding:0px; margin:0px;}
.menu ul li {list-style: none; float: left}
.menu ul li a {padding:16px;  text-decoration: none; font-size:14px; color:var(--bs-white); opacity: .5; }
.menu ul li a:hover {opacity: 1}
.msag {float: right; width: 30%; text-align: right;}
.girisbtn {padding:16px 32px; border:1px solid rgba(255, 255, 255, 0.13); background-color:transparent; border-radius: 100px; font-size:14px; color:var(--bs-white); }
.kayitbtn {padding:16px 32px; background: rgba(255, 255, 255, 0.13); font-size:14px; border-radius: 100px; margin-left:16px; color:var(--bs-white); }
.girisbtn:hover {border:1px solid #fff; transition: .4s}
.kayitbtn:hover {background-color:var(--bs-white); color: var(--bs-navy); transition: .4s}
.horta {width:64%; margin:0 auto; margin-top:8%; text-align: center;}
.horta h1 {color:var(--bs-white);}
.huzman {padding:20px 32px; background:rgba(255, 255, 255, 0.13); color:#fff; font-size:12px;letter-spacing: 2px; font-weight: 400; border-radius: 100px;}
.huzman svg {margin-right: 10px}
.hsearch {width: 100%; background-color: #fff; border-radius:20px; padding:16px 24px; margin-top:24px; display: flex; gap: 12px;}
.hsearch1 {width:45%; display: flex; align-items: center; gap:6px}
.hsearch2 {width:46%; border-left:1px solid #f1f1f1; padding-left:3%; gap:6px; display: flex; align-items: center;}
.hsearch3 {width:10%;}
.hsearch3 button {border:none; background-color: var(--bs-navy); width: 100%; padding:10px; color:var(--bs-white); border-radius: 32px; font-size:24px}
.hsearch3 button:hover {background-color: var(--bs-700); transition: .4s}
.hsearch3 button span {display: none;}

.hsearch4 {width:60%; display: flex; align-items: center; gap:6px}
.hsearch5 {width:40%;}
.hsearch5 button {border:none; background-color: var(--bs-navy); width: 100%; padding:20px 0px; color:var(--bs-white); border-radius: 32px; font-size:13px}
.hsearch5 button:hover {background-color: var(--bs-700); transition: .4s}



.hders {width: 100%; margin-top:60px; }
.hders h2 {text-align: center; font-size:20px; font-weight: 300}
.hders b {font-weight:500}
.hders1 {width: 100%; margin-top:24px; overflow-y: auto; }
.hders1 ul {margin:0; padding:0;  gap:16px; width:1720px; display: inline-block; padding-top:12px; margin-bottom:16px !important}
.hders1 ul li {list-style: none; background-color:#fff; float: left;  margin:0px 6px; text-align: center; border-radius: 12px;}
.hders1 ul li a {display: inline-block;padding:36px 24px; width:164px }
.hders1 ul li:hover {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; transition: .5s; margin-top:-6px}
.hders1 ul li svg {margin-bottom:16px; margin-top:8px}
.hders1-1 {font-size:15px; font-weight: 400; line-height: 1.8rem}
.hders1-2 {font-size:13px; font-weight: 300}


.ozelders {width: 100%; margin-top:64px}
.ozelders h2 {width: 100%; text-align: center; font-size:32px}


.odlist {width: 100%; gap:2%; display: flex;flex-wrap: wrap;}
.ozdbox {width:32%; float: left; margin-top:2%; background-color:#fff;padding:24px 24px; border-radius:12px; display: flex; flex-direction: column; justify-content: space-between;}
.ozdbox:hover { box-shadow: rgba(149, 157, 165, 0.1) 0px 22px 24px;}
.ozdbox:hover a {background-color:var(--bs-700); color:var(--bs-white); transition: .4s}

.ozdb1 {width: 100%;}
.ozdb1-1 {width:20%; float: left;}
.ozdb1-1 img {border-radius: 100%; width:64px; height: 64px; object-fit: cover;}
.ozdb1-2 {width:50%; float: left; margin-left:4%; margin-top:6px; font-size:16px !important; font-weight: 500; color:#00124F; line-height: 1.25rem;}
.ozdb1-2 span {font-size:13px; font-weight: 300}
.ozdb1-3 {width:26%; float: right; text-align: right; margin-top:24px}
.populer {padding:8px 16px; font-size:11px; font-weight: 500; background-color:#FEE1E4; color:#B55B6E; border-radius: 100px;}
.normaluser {padding:8px 16px; font-size:11px; font-weight: 500; background-color:#EFEFEF; color:#8D93A5; border-radius: 100px;}
.ozdb2 {width: 100%; font-size:14px; margin-top:12px; color:var(--bs-navygri);  margin-bottom:8px;}
.ozdb3 {width: 100%; font-size:14px;border-top:1px solid #f1f1f1; padding-top:20px;}

.ozdb3-1 {width:45%; float: left; margin-top:2px}
.ozdb3-2 {width:55%; float: right;}

.ozdb3-11 {font-weight:500; font-size:16px;}
.ozdb3-11 span {color:var(--bs-navygri); font-size:11px; font-weight: 400}
.ozdb3-12 svg {margin-right:3px; width:12px; margin-top: -2px}
.ozdb3-12 i {margin-right:3px; width:12px; margin-top: -2px}
.ozdb3-12 {font-weight: 500}
.ozdb3-12 span {font-weight: 300}
.odlistall {text-align: center; margin-top:48px;}
.letter2 {letter-spacing: 1px}

.nasilcalisir {width: 100%; padding:64px 0px; margin-top:48px; display: inline-block; background-color:var(--bs-white);}
.nasilcalisir h2 {width: 100%; font-weight: 300; text-align: center; font-size:32px}
.nasilcalisir h2 b {font-weight:500}
.ns {width: 100%; margin-top:48px;}
.ns1 {width:55%; float: left; margin-top:24px}
.ns2 {width:40%; float: right;}
.ns2 img {width: 100%; height: auto;}

.ns1 h2 {font-weight:500; font-size:20px; text-align: left}
.ns1 ul {margin:0; padding:0;}
.ns1 ul li {border:1px solid #E1EAFE; padding:24px; margin-top:24px; display:flex; flex-direction: row;border-radius:12px;}
.ns1 ul li:hover {background-color:#E1EAFE; transition: .4s;}
.ns1-2 span {display: inline-block; margin-bottom:8px; font-size:16px !important}
.ns1-2 {color:var(--bs-navygri); font-size:12px; }
.ns1-2 a {color:var(--bs-navy); text-decoration: underline !important;}
.ns1-1 { display: inline-block; text-align: center;margin-right:24px; }
.ns1-1 span {width:72px; height: 72px; padding-top:18px; display: inline-block;background-color: var(--bs-50); color:var(--bs-700); font-size:24px; font-weight:500; border-radius: 100% }

.nasiltab {width:auto; display: flex; margin-top:32px; justify-content: center;}

.bluebg {background: rgb(38,59,178);
background: linear-gradient(180deg, rgba(38,59,178,1) -4%, rgba(106,123,206,1) 16%, rgba(210,213,229,1) 78%, rgba(244,242,235,1) 100%);  width: 100%; height: auto; padding-top:78px;}

.ogretmenol {width:100%;  color:#fff; display: flex;justify-content: space-between; padding-bottom:48px; border-bottom:1px solid #C7D9FD;}
.ogrt1 {width:50%;}
.ogrt1 p {color:var(--bs-fourly); font-size:17px}
.ogrt1 a {color:#fff !important;  text-decoration: underline !important;}
.ogrt1 h2 {font-size:32px; font-weight:500; line-height: 3rem}
.ogrt1 h3 {font-size:24px; font-weight: 300;}
.ogrt2 {width:26%; align-content: center;}



.yorumlar {width: 114%; margin-top:64px; display: flex;align-items: center;  }
.yorum1 {width:22%; color:var(--bs-white) !important;}
.yorum1 h2 {font-size:32px; line-height: 3rem}
.yorum1 p {font-size:16px; margin-bottom:32px}

.yorum2 {width:70%; display: flex; gap: 16px; margin-left:6%; overflow-y: auto; padding-bottom:16px; flex-wrap: nowrap; flex-direction: row;}
.yobox {padding:24px; background-color:var(--bs-white); color: var(--bs-navy); border-radius: 12px; display: flex; flex-direction: column; justify-content: space-between;}
.yobox:hover {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; transition: .5s; margin-top:-6px}
.stars {width: 320px;}
.stars i {margin-right:2px; color: var(--bs-yellow);}
.ymesaj { width:320px; margin-top:24px; height:176px; font-weight: 400; font-size:15px;}
.ymesaj b {font-weight:500;}

.ykullanici {width: 100%; margin-top:12px; display: flex; align-items: center; padding-top:24px; border-top:1px solid #f1f1f1 }
.yk1 img {border-radius: 100px; width: 54px; height: 54px; object-fit: cover;}
.yk2 {margin-left:20px; font-size:16px; font-weight:500; line-height: 1.35rem;}
.yk2 span {color:var(--bs-navygri); font-size:13px; font-weight: 300}


.sonuye {width: 100%; margin-top:64px;}
.sonbaslik {width: 100%; display: flex; align-items: center; justify-content: space-between; color:var(--bs-navy);}
.sonbaslik a {font-size:12px; color: var(--bs-navy); font-weight:400}
.sonbaslik a:hover {color:var(--bs-500) !important;}

.sonuyelist {width: 100%; display: flex;    justify-content: space-between;flex-direction: row; gap:16px;margin-top:32px}
.sobox {padding:32px 12px 32px 12px; width: 16%; background-color:var(--bs-white); color:var(--bs-navy); border-radius: 12px; text-align: center; }
.sobox:hover {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; transition: .5s; }
.sobox a {display: inline-block; color: var(--bs-navy);}
.sonphoto img {border-radius: 100px !important; height: 64px; width: 64px;}
.sonphoto {width:100%; height: auto; text-align: center;}
.sonwho {font-size:16px; color:var(--bs-navy); margin-top:16px}
.sonwho span {font-size:13px;}
.sonprice {width: 100%; font-weight:500; margin-top:6px}
.sonprice span {font-size:13px; color:var(--bs-navygri); font-weight: 400; margin-left: 2px}
.sontype {width: 100%; margin-top:20px;}
.sontype span {padding:12px 16px; font-size:12px; background-color:var(--bs-100); color: var(--bs-800) !important; border-radius: 100px}


.blog {width:100%; margin-top:64px;}
.blogbaslik {width: 100%; display: flex; align-items: center; justify-content: space-between; color:var(--bs-navy);}
.blogbaslik a {font-size:12px; color: var(--bs-navy); font-weight:400}
.blogbaslik a:hover {color:var(--bs-500) !important;}

.blogbaslik h3 {line-height: 2.7rem; }
.blogbaslik h4 {font-size:20px; font-weight:400;margin:0px; padding:0px }
.bloglist {width: 100%; display: flex; justify-content: space-between;flex-direction: row; gap:26px;margin-top:32px}
.bloglistana {width: 100%; display: flex; justify-content: space-between;flex-direction: row; gap:26px;margin-top:32px}
.blogbox {background-color:var(--bs-white); border-radius:16px;}
.blogboxone {background-color:var(--bs-white); border-radius:16px;}
.blgphotoone {width: 100%; border-radius: 16px;}
.blgphotoone img {width: 100%; height:260px; object-fit: cover; border-radius: 16px}

.blgphoto {width: 100%; border-radius: 16px;}
.blgphoto img {width: 100%; height:260px; object-fit: cover; border-radius: 16px}
.blgbox2 {padding:24px;}
.blgbox2ana {padding:24px;}
.blgcategory {width: 100%; font-weight: 500; font-size:12px;}
.blgcategory a {color: var(--bs-navygri); letter-spacing: 1px}
.blgtitle {width: 100%; margin-top:8px}
.blgtitle a { font-size:18px; font-weight: 400; color:var(--bs-navy);}
.blgtitle a:hover {color:var(--bs-500) !important;}

.blgdesc {width: 100%; font-size:13px;  margin-top:8px;font-weight: 300; color:var(--bs-navygri);}
.blgdescone {width: 100%; font-size:13px;  margin-top:8px;font-weight: 300; color:var(--bs-navygri);}
.blgwho {width: 100%; margin-top:12px; font-size:12px; color: var(--bs-navygri);}

.anablogimg {height:370px !important}
.blogone {background-color:var(--bs-white); border-radius:16px; display: flex; margin-top:32px}
.blogtwo {background-color:var(--bs-white); border-radius:16px; display: flex;}
.blgphoto1 {width:60%; border-radius: 16px;}
.blgphoto1 img {width: 100%; height:260px; object-fit: cover; border-radius: 16px}
.blgbox2-1 {padding:24px; margin-left:24px;display: flex;flex-direction: column;justify-content: center;}
.blogbanner2 {width: 100%; border-radius: 12px; background-color: var(--bs-white); padding:48px; margin-top:32px; font-size:15px; font-weight: 300; line-height: 1.7rem}
.blogbanner2 p {font-size:20px; font-weight: 300; margin-top:12px}
.blgphoto2 {width:65%; border-radius: 16px;}
.blgphoto2 img {width: 100%; height:180px; object-fit: cover; border-radius: 16px}
.blgbox2-2 {padding:16px 20px;display: flex;flex-direction: column;justify-content: center;}


.blogbanner3 {width: 100%; border-radius: 12px;align-items: center; display: flex; background-color: var(--bs-white);margin-top:32px; font-size:15px; font-weight: 300; line-height: 1.7rem}
.blogbanner3 img {border-radius: 24px; height: 300px; object-fit: cover}
.blgpd {padding:36px}

.blogbanner1 {width: 100%; height: 320px;align-items: center; background:url(enbanner.png); margin:40px 0px 32px 0px; flex-direction: column;justify-content: center; text-align: center; border-radius: 24px; text-align: center; color: var(--bs-white); font-size:24px; display: flex;}
.blogbanner1 a {padding:16px 32px; background-color: var(--bs-white); border-radius: 100px; font-size:12px; letter-spacing: .5px; display: inline-block; margin-top:24px}

.blogcategory {width: 100%; margin-top:24px;}
.blogcategory-title {display: flex;justify-content: space-between;    align-items: center;}
.blogcategory-title h3 {font-size:18px; font-weight: 400}
.blogcategory ul {margin:0; padding:0; display:flex; gap:8px; margin-top:32px }
.blogcategory ul li {list-style: none;}
.blogcategory ul li a {padding:14px 18px; border-radius: 100px; font-size:13px; background-color: var(--bs-white); color: var(--bs-navy);}
.blogcategory ul li:hover a {background-color: var(--bs-primary); color: var(--bs-white); transition: .4s}
.blogsearch {padding:16px; width:280px; background-color: var(--bs-white); border:none; font-size:12px; border-radius: 100px; box-shadow: none;}

.bldleft {width:47.5%; float: left;}
.bldright {width:51%; float: right;display: flex;flex-direction: column;justify-content: space-between;gap: 8px;}
.blogdetay {margin-top:32px}

.siksorulansorular {width: 100%; margin-top:64px;}
.sssbaslik {color: var(--bs-navy); font-weight: 500; font-size:32px; line-height: 2.5rem; padding-right:32%}
.sssbaslik p {font-size:16px; line-height:1.7rem; font-weight: 400; margin-bottom:24px; margin-top:16px}
.accordion-item {background-color: var(--bs-white); margin-top:6px; border:none !important;}
.accordion-button {background-color: var(--bs-white); padding:24px !important; }
.accordion-button:not(.collapsed) {background-color: var(--bs-white) !important;}
.siksorulansorular h2 button {font-size:14px !important}


.fobilgi {width: 100%; background-color: var(--bs-white); padding:50px 0px; margin-top:64px;}
.fobilgi1 {padding-right:4%; border-right:1px solid #f1f1f1;}
.fobilgi1 p {font-size:12px; line-height: 1.3rem}
.fobilgi2 {padding-left:4%; }
.fobilgi1-1 {font-size:16px; line-height: 1.6rem; font-weight: 500; margin-top:10px}
.fobul1 {float: left; width:45%; margin-top:16px}
.fobul2 {float: right; width:45%; margin-top:16px}

.fobblink {margin-top:12px;}
.fobblink span {font-size:12px; letter-spacing: 1px; color: var(--bs-navygri); display: inline-block; width: 100%; height: 24px}
.fobblink a {font-size:13px; color: var(--bs-navy); margin-right:6px; font-weight: 500; padding:6px 0px !important;display: inline-block;}
.fobblink a:hover {color:var(--bs-500) !important;}


.filterbutton {width: 100%; margin-top:24px; display: flex; gap: 12px; align-items: center;}
.filtbtn {padding:16px; width:45%; font-size:14px; color: var(--bs-navy); text-decoration: underline !important;}
.filtbtn2 {padding:20px 24px; text-align: center; border-radius: 8px; width: 55%; font-size:14px; background-color: var(--bs-100); color: var(--bs-primary);}


footer {padding-top:12px; background-color:var(--bs-white); color: var(--bs-navy); margin-top:1px}
.foottext {font-size:13px; color: var(--bs-navygri); padding-bottom:48px; margin-top:24px; border-bottom:1px solid #f1f1f1}
.foottext h3 {color:var(--bs-navy); margin-bottom:12px; font-size:24px}
.foottext a {color:var(--bs-navy); text-decoration: underline !important;}
.foottext a:hover {color:var(--bs-500) !important;}

.foottext2 {font-size:13px; color: var(--bs-navygri);}
.foottext2 h3 {color:var(--bs-primary); margin-bottom:12px; font-size:20px}
.foottext2 p {font-size:16px; color: var(--bs-navy);}

.footlink {margin-top:24px; margin-bottom:24px}
.footlink h3 {color:var(--bs-primary); margin-bottom:12px; font-size:20px}


.fomenu {width: 100%; padding-top:24px; padding-bottom:24px; display: flex; flex-wrap: nowrap; justify-content: space-between}
.fomenu ul {margin:0; padding:0;}
.fomenu ul li {list-style: none;}
.fomenu ul li a {color: var(--bs-navy); font-size:12px; padding:14px 0px}
.fomenu ul li a:hover {color:var(--bs-500) !important;}
.fomenubold {font-weight: 500 !important}

.fowho {width:100%; padding:24px 0px; display: flex;    justify-content: space-between; align-items: center;flex-wrap: nowrap; justify-content: space-between; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;}
.fowho1 {width:70%; display: flex; flex-wrap: nowrap;align-items: center; justify-content: space-between}
.foadres {width:50%; font-size:13px; padding-right: 2%; display: flex; align-items: center;}
.foadres svg {margin-right: 6px;}
.fotel svg {margin-right: 6px;}
.fomail svg {margin-right: 6px;}
.fotel { align-items: center;}
.fomail { align-items: center;}
.popmodal2 {padding:0px 24px 24px 24px}
.fosocial {}
.fosocial ul {margin:0; padding:0; display: flex; gap: 12px;}
.fosocial ul li {list-style: none;}
.fosocial ul li svg {width: 42px; height: 42px;}


.foalt {width: 100%; padding:16px 0px; display: flex;justify-content: space-between; align-items: center;}
.foalt1 {width:16%;}
.foalt1 img {width: 100%; height: auto;}
.foalt2 {color: var(--bs-navygri); font-size:13px;}
.foalt3 a {color:var(--bs-navy); font-size:13px; margin-left:12px; font-weight: 400; text-decoration: underline !important;}
.foalt3 a:hover {color:var(--bs-500) !important;}



.gform {width:560px; margin:0 auto;}
.gform h1 {color:var(--bs-primary); font-weight:500 !important; font-size:32px}
.gform p {color: var(--bs-navy); height:64px; margin-top:16px}

.gf1 {margin-top:16px;}
.glabel {font-size:12px; letter-spacing: .3px; color: var(--bs-navy); font-weight: 500; display: inline-block;}
.ginput {width: 100%; display: inline-block; border-radius:8px; border:1px solid #E1E4EB; padding:16px 16px; font-size:12px; margin-top:12px}
.ginput placeholder {}

.gcenter {width: 100%; text-align: center; margin-top:24px; font-size:16px; font-weight: 400}
.gcenter a {text-decoration: underline !important; color: var(--bs-800) !important; font-weight: 500}
.gf2 {display: flex; width: 100%; justify-content: space-between; margin-top:24px; }
.gf2 a {text-decoration: underline !important; color: var(--bs-navy) !important; font-weight: 500}
.gf3 {font-size:24px; color:var(--bs-secondary); font-weight:500; text-align: center; margin-top:32px; margin-bottom:16px !important;}

.form-check-input {background-color:#fff; padding:8px; margin-right:10px !important; }
.text14 {font-size:14px; font-weight: 400}

.gf4 {display:flex; gap: 16px;}
.gf4 input {font-size:32px; text-align: center;}

.almcntr {width:160px; margin:0 auto;margin-top:24px; }


.sepet-bg {width: 100%; height: 100vh; background-color:var(--bs-white); padding:24px; display: flex; flex-wrap: nowrap;}
.sepet-bg3 {width: 100%; height: 100vh; background-color:var(--bs-white); padding:24px; display: flex; flex-wrap: nowrap;}
.sepleft {width:65%; padding:24px 48px 48px 24px; color: var(--bs-navy); height: 100%; overflow-y: auto}
.sepright {padding:48px 64px; background-color: var(--bs-body-bg); width: 50%; border-radius: 24px; height: 100%;}
.sepleft3 {width:50%; padding:24px 48px 48px 24px; color: var(--bs-navy); height: 100%; overflow-y: auto}
.sepright3 {padding:48px 64px; background-color: var(--bs-body-bg); width: 50%; border-radius: 24px; height: 100%;}
.sepright2 {background-color: var(--bs-body-bg); width: 35%; border-radius: 24px; height: 100%; display: flex;justify-content: space-between;flex-direction: column;}
.sepright2 img {border-radius: 24px; width: 100%; height: auto;}
.sepbasik {font-weight:500; font-size:24px; color:var(--bs-navy);}
.sepbasik2 {font-weight:400; font-size:16px; color:var(--bs-navy); margin-top:12px}
.seprightic1 {padding:48px;color:var(--bs-navy);}
.seprightic1 h3 {font-weight:500; font-size:24px; }
.seprightic1 p {font-weight:400; font-size:18px; color:var(--bs-navy); margin-top:12px}

.sepetim {width: 100%; padding:24px 24px 6px 24px; background-color: var(--bs-white); margin-top:24px; border-radius: 12px;}
.sepdetay {width: 100%; display: flex; margin-bottom:24px; margin-top:4px; flex-wrap: wrap; justify-content: space-between;}
.sepd1 {width:50%; display: flex; flex-wrap: nowrap; align-items: center;}
.sepd1x {width:50%; display: flex; flex-wrap: nowrap; align-items: center;}
.sepd1-2 {margin-left:16px; font-weight:500; color: var(--bs-800);}
.sepd1-2 span {color: var(--bs-navygri); font-weight: 300 !important; font-size:13px}
.sepprice {font-size:24px; font-weight:500}

.sepd2 {display: flex; flex-wrap: wrap; width: 50%;     justify-content: flex-end;}
.sdiscount {color:var(--bs-orange); font-size:13px}
.tunderline {text-decoration: line-through; font-size:14px; font-weight: 400}

.sepd2-1 {text-align: right; color: var(--bs-primary); line-height:1.35rem }

.sepd2-2 {display: flex; margin-left:24px; padding:8px; height:60px;align-items: center; border-radius: 100px;border:1px solid #f1f1f1;}
.sepd2-2 input { border:none; text-align:center !important; width:48px; font-weight:500; background-color:#fff; color:#000; height:32px; }
.sepd2-2 button {height: 32px; border:none; background-color: #fff !important;}
.sepdetay1 {width: 100%; border-top:1px solid #f1f1f1; padding:20px 0px; clear: both; color: var(--bs-navy); display: flex; align-items: center;justify-content: space-between}
.kdvdahil {font-size:12px; font-weight: 400; color: var(--bs-navygri);}
.sedprice {font-weight:500; font-size:24px; color: var(--bs-primary); line-height:1.2rem}

.sepdindirim {width: 100%; margin-top:24px;}
.sepdindirim label { color:var(--bs-navy); font-weight:500; font-size:14px; }
.sepdindirim input {width: 100%; font-size:12px; background-color: #fff; color: var(--bs-navy); border-radius: 8px; padding:16px 16px; border:none; margin-top:12px}

.sepdcenter {width: 100%; margin-top:24px; text-align: center; color: var(--bs-navy); font-size:16px; line-height:1.8rem}
.sepdcenter a {color: var(--bs-navy);}
.sepdcenter b {font-weight: 500 !important}



.spheader {display: flex; justify-content: space-between; align-items: center; padding-bottom:20px; border-bottom:1px solid #f1f1f1}
.spheader3 {display: flex; justify-content: space-between; align-items: center; padding-bottom:20px; border-bottom:1px solid #f1f1f1}
.spheader2 {display: none; justify-content: space-between; align-items: center; padding-bottom:20px;}
.splogo {height:60px}
.spslogo {font-size:22px; font-weight:500; line-height:1.2rem; text-align: right;}
.spslogo span {font-size:12px; font-weight: 400; color: var(--bs-navygri);}

.spproses {margin-top:32px;}
.spbaslik {font-size:24px; font-weight: 500; color: var(--bs-navy); margin-top:32px; line-height: 1.8rem}
.spbaslik span {font-size:14px; font-weight: 400; color: var(--bs-navygri);}
.spform {width: 100%; margin-top:32px;}
.kpform {width: 100%; margin-top:32px;}
.kpformb {font-weight:400; font-size:16px; color: var(--bs-primary);}

.spform ul {margin:0; padding:0; display: flex; flex-wrap: wrap; gap:2%;}
.spform ul li {list-style: none; width:23%; margin-top:2%; text-align: center; font-weight: 500; line-height:1.4rem; border:2px solid var(--bs-body-bg); padding:24px 6px 18px 6px; border-radius:8px;}
.spform ul li span {font-size:12px; color: var(--bs-navygri); font-weight: 300}
.spform ul li svg {margin-bottom:16px; height:32px; width: 32px}
.spform ul li:hover {border:2px solid var(--bs-700); transition: .4s}

.wd50 {width: 100%; display: flex; gap: 16px; margin-top:16px }
.wd50 div {width: 50%}
.wd50 input {width: 100%;}
.wd100 {width: 100%; margin-top:16px;}
.wd100-32 {width: 100%; margin-top:32px;}

.spsyontem {width:100%; display: flex;color: var(--bs-navy) !important; margin-top:16px;justify-content: space-between; align-items: center; padding:30px; border:2px solid var(--bs-body-bg); border-radius:12px}
.spsyontem2 {width:100%; display: flex;color: var(--bs-navy) !important; margin-top:16px;justify-content: space-between; align-items: center; padding:20px; border:2px solid var(--bs-body-bg); border-radius:12px}
.spsyontem4 {width:100%; display: flex;color: var(--bs-navy) !important; margin-top:16px;justify-content: space-between; align-items: center; padding:20px; border:2px solid var(--bs-body-bg); border-radius:12px}
.spsyontem3 {width:100%; display: flex;color: var(--bs-navy) !important; margin-top:12px;justify-content: space-between; align-items: center; padding:16px; border:2px solid var(--bs-body-bg); border-radius:10px}
.spsyontem4:hover {border:2px solid var(--bs-800); transition: .3s;}
.spsyontem4:hover button {background-color:var(--bs-800); color: var(--bs-white);}
.spsy1 {display: flex; justify-content: space-between; align-items: center;}
.spsy2 {display: flex; justify-content: space-between; align-items: center;}
.spsy2button {background-color: var(--bs-100); color: var(--bs-primary); border:none;padding:10px 16px; border-radius: 6px; font-size:13px; font-weight: 500}
.spsy2button i {font-size:20px; display: none;}
.spsy2button span {display: inline-block;}

.spdprice {margin-right:16px; font-size:20px; color: var(--bs-navy); font-weight: 500}
.spdprice span {font-size:16px; margin-left:2px; }
.spsy1-1 {margin-right:20px; }
.spsy1-2 {font-weight: 500; font-size:16px}
.spsy1-3 {font-weight: 400; font-size:13px}
.spsy1-2 span {font-size:13px; font-weight: 300}
.spsyontem:hover {border:2px solid var(--bs-primary); color: var(--bs-primary) !important;}
.spsyontem3:hover {border:2px solid var(--bs-primary); color: var(--bs-primary) !important;}
.spsyontem2:hover {border:2px solid var(--bs-primary); color: var(--bs-primary) !important;}
.spsyontem2:hover button {background-color: var(--bs-700) !important; color: var(--bs-white); transition: .4s}

.bank {display: flex; justify-content: space-between; padding:24px; border:1px solid var(--bs-body-bg); border-radius: 12px}
.bank1 {font-size:16px; color:var(--bs-navy);}
.bank1 span {color: var(--bs-navygri); letter-spacing: 1px; font-size:13px;}
.bank1 div {margin-top:6px}
.banktext {font-size:12px; font-weight: 300; margin-top:24px}
.spsonu {width:70%; margin:0 auto; text-align: center; margin-top:10%}
.spsonu h3 {margin-top:24px; padding:0px 5%}
.spsonu p {font-size:14px; margin-top:12px; margin-bottom:24px}

.haftaningunleri {width: 100%; margin-top:24px; margin-bottom:24px}
.haftaningunleri ul {margin:0; padding:0; display: flex; gap:16px;}
.haftaningunleri ul li {padding:16px 24px; border:1px solid var(--bs-body-bg); font-weight: 500;  border-radius: 8px; list-style: none}
.haftaningunleri ul li a {color: var(--bs-navy) !important;}
.haftaningunleri ul li:hover  a {color: var(--bs-700) !important;}
.haftaningunleri ul li:hover {border:1px solid var(--bs-700);}

.kayitp {font-weight:300; margin-top:16px; color: var(--bs-navygri); font-size:14px; line-height:1.2rem}


.kpoption2 {width:auto; margin-top:14px; padding-bottom:16px; display: flex; gap:8px;}
.optbtn2 {border:1.4px solid var(--bs-body-bg); padding:10px 20px; color: var(--bs-navy); font-size:13px}
.optbtn3 {border:1.4px solid var(--bs-body-bg); width:84px; height: 84px; padding:15px 20px; color: var(--bs-navy); font-size:12px}
.optbtn3 i {font-size:20px; margin-bottom:6px}
.filtroverflow {width: 100%; overflow-y: auto;}




.kpoption {width: 100%; margin-top:24px; display: flex; gap:16px;}
.optbtn {border:1.4px solid var(--bs-body-bg); padding:12px 24px; color: var(--bs-navy);}

.kpw100 {width: 100%; display: flex; gap: 16px; margin-top:20px}
.kselect {font-size:13px; padding:16px; background-color: var(--bs-white);}
.kptextarea {font-size:13px; padding:16px; height: 200PX; background-color: var(--bs-white); display: inline-block;}
.kptextarea2 {font-size:13px; padding:16px; height:150px; width: 100%; margin-top:12px; background-color: var(--bs-white); display: block !important;}
.gdbutton {width: 100%; margin-top:20px;}
.gdbutton a {padding:20px; border-radius: 10px; font-size:16px}

.derstalebi {width: 100%; display: flex; gap: 16px; justify-content: space-between; margin-top:24px}
.derst1 {display: flex; gap: 12px; align-items: center; width: 100%}
.derst1-1 img {border-radius: 100px; height: 96px; width: 96px}
.derst-adi {font-weight: 500; color: var(--bs-navy); font-size:20px;}
.derst-ucret {color:var(--bs-800); font-size:16px;}
.derst-bilgi {color: var(--bs-navy); font-size:13px;}
.derst-bilgi svg {margin-right:2px}

.derst2 {text-align: right; color: var(--bs-orange); display: flex; justify-content: flex-end;align-items: center;}
.derst2-2 {margin-left:12px; margin-top:-6px }
.derst2-1 {line-height:1.2rem; font-size:20px; font-weight: 500}
.derst2-1 span {font-size:12px; text-decoration: underline; font-weight: 300}

.derstdiger {width: 100%; text-align: center; margin-top:32px; margin-bottom:12px;}
.derstdiger h3 {font-size:16px; font-weight: 400; }
.derstdiger ul {margin:0; padding:0; display: flex; gap:3%; margin-bottom: 32px}
.derstdiger ul li {list-style: none; display: inline-block; cursor: pointer; padding:32px 12px 28px 12px; width: 24%; margin-top:24px; border:2px solid var(--bs-body-bg); border-radius: 12px; line-height:1.4rem }
.derstdiger ul li:hover {border:2px solid var(--bs-800); transition: border 0.5s;}
.derstdiger ul li span {font-size:12px; color: var(--bs-navygri);}
.derstdiger ul li svg {margin-bottom:12px}
.derstdiger ul li i { width:48px; height: 48px; border-radius: 100px; font-size:32px; color: var(--bs-700); background-color: var(--bs-50);}


.kpformac {font-size:13px; font-weight: 300; margin-top:16px}

.hakkimizda1 {font-size:24px; font-weight: 200 !important; line-height: 2.6rem; width:76%; margin:0 auto;margin-top:24px; margin-bottom:24px; color: var(--bs-white);}
.hakkimizda img {margin:24px 0px; border-radius: 12px; width:100%; }
.hakkimizda {text-align: center; width: 100%; color: #fff !important; margin-top:64px}
.hakkimizda ol li { color:var(--bs-white) !important; }
.hakkimizda ol li a {color: var(--bs-200);}
.hakkimizda h1 {color: var(--bs-white); font-size:32px;}
.hakkimizda1 b {font-weight: 500 !important}


.hakkimizda2 {width:76%; margin:0 auto; color: var(--bs-navy);}
.genelbasari {width: 100%; margin:32px 0px; background-color: var(--bs-white); padding:64px 0px}
.genelbasari h3 {width: 100%; text-align: center; font-weight: 300}
.genelbasari b {font-weight: 500;}
.genelbasari ul {margin:0; padding:0; display: flex; gap: 2%; margin-top:32px}
.genelbasari ul li {list-style: none; width: 23%; border:1px solid #f1f1f1;justify-content: center; display: flex; flex-direction: column; padding:48px 16px; border-radius:12px; text-align: center; font-size:24px; font-weight: 500;}
.genelbasari ul li span {font-size:16px; font-weight: 300;}
.genelbasari1 {width: 100%; text-align: center; margin-top:36px;}
.genelbasari1 a {font-weight: 500 !important; display: inline; padding:16px 48px; letter-spacing: 1px}

.hakbilgi {width: 100%; padding:32px;}
.hakbilgi h3 {font-size:32px; line-height:4rem; font-weight:300;}
.hakbilgi h3 b {font-weight: 500;}

.hakbilgi ul {margin:0; padding:0; display: flex; gap: 2%; margin-top:64px}
.hakbilgi ul li {list-style: none; width: 33.3%;background-color:var(--bs-white);  padding:48px; line-height: 1.6rem;  font-size:14px; font-weight: 300;}
.hakbilgi ul li span {font-size:13px; font-weight: 300;}
.hakbilgi ul li h4 {font-size:24px; line-height: 3.5rem; font-weight:400;}

.cart {position: fixed; right: 0; top:20%;}
.cart a {padding:24px; background-color: var(--bs-800); color: var(--bs-white); font-weight: 400; font-size:16px; border-top-left-radius:54px; border-bottom-left-radius:54px}
.cart a i {font-size:20px; margin-right: 8px}

.iletisim {width: 100%; margin-top:48px; display: flex; gap:2%}
.iletsag {background-color: var(--bs-white); padding:32px; width:50%; border-radius:12px;}
.iletsag h3 {font-weight: 500; font-size:18px; border-bottom:1px solid #f1f1f1; padding-bottom:16px;}
.iletsol {width:50%;}

.whitebox {width:100%; height: auto; padding:24px; background-color: var(--bs-white); border-radius: 12px;}
.wharita {width: 100%; height:280px; margin-bottom:24px; background-color: #f1f1f1; border-radius: 12px}
.wh1 {width: 100%; display:flex; gap:24px;}

.whbilgi2 span {font-size: 14px; opacity: .6}
.whbilgi2 b {font-weight:500}
.whbilgi {display: flex; flex-direction: column; justify-content: center; font-size:24px}
.whbilgi span {font-size: 14px; opacity: .6}
.whbilgi b {font-weight:500}


.dersalmak-title {width: 100%; margin-top:32px;}
.dersalmak-title h1 {font-size:32px; font-weight: 400}
.dersalmak-title2 {font-size:20px; font-weight: 400; line-height: 3rem; margin-top:16px}
.dersalmak-title2 h1 {font-size:24px; font-weight: 500; line-height: 3rem; margin-top:16px}
.dersalmak-title3 p {font-size:16px;}

.dersalmak-title3 {font-size:14px; font-weight: 300;}
.dersalmak-white {width: 100%; padding:16px; margin-top:24px; text-align: center; font-weight: 300; border-radius: 12px; background-color: var(--bs-white);}
.dersalmak-white a {font-weight: 500; color: var(--bs-navy); text-decoration: underline !important;}

.dersalmak-purble {width: 100%; padding:32px; display: flex; justify-content: space-between;align-items: center; margin-top:24px; font-weight: 300; border-radius: 12px; background-color: var(--bs-100); color: var(--bs-primary);}

.d-purble1 {font-size:20px; font-weight:400;}
.d-purble1 span {font-size:14px; font-weight: 300}
.d-purble2 a {padding:16px 32px; background-color: var(--bs-primary); color:var(--bs-white); border-radius: 100px; font-size:13px; font-weight: 400;}


.dersalmak-title4 {width: 100%; margin-top:32px; display: flex;    align-items: center;    justify-content: space-between;}
.dersalmak-h1 h1{font-size:20px; font-weight: 500;}
.dersalmak-but { display:flex; gap:24px }

.btn-white-s {padding:16px 24px; background-color:var(--bs-white); border-radius: 100px; font-size:13px; color: var(--bs-navy);}
.btn-primary-s {padding:16px 24px; background-color:var(--bs-700); border-radius: 100px; font-size:13px; color: var(--bs-white);}
.btn-white-s svg {margin-right:6px; margin-top:-2px}
.btn-primary-s svg {margin-right:6px;}
.btn-white-s:hover {background-color: var(--bs-200); transition: .4s}
.btn-primary-s:hover {background-color: var(--bs-navy); color: var(--bs-white); transition: .4s}
.btn-primary-lr {padding:16px 32px; letter-spacing: 0.6px; background-color:var(--bs-700); border-radius: 100px; font-size:13px; color: var(--bs-white);}
.btn-primary-lr svg {margin-left:4px; margin-top:-4px}


.btn-50-s {padding:12px 24px; background-color:var(--bs-50); border-radius: 100px; display: flex; gap:6px; align-items: center; font-size:13px; color: var(--bs-navy);}
.btn-50-s svg {margin-right:6px}
.btn-50-s i {font-size:20px}
.btn-50-s:hover {background-color: var(--bs-200); transition: .5s}


.btn-100-s {padding:16px 32px; background-color:var(--bs-100); border-radius: 100px; font-size:14px; color: var(--bs-primary);}
.btn-100-s:hover {background-color: var(--bs-200); transition: .5s}



.dlistbox {width: 100%; padding:32px;color: var(--bs-navy); margin-top:16px; gap:24px; border-radius:16px; display: flex; background-color: var(--bs-white); display: flex;}
.dlistleft img {border-radius:12px; object-fit: cover; width: 176px; height: 176px;}

.dlist1 {display: flex; justify-content: space-between}
.dlistname {font-size:20px; font-weight: 500; margin-top:4px }
.dlistname svg {margin-top:-4px}
.dlistname span {font-size:16px; font-weight: 300; color: var(--bs-secondary); margin-left:6px;}
.dlistw {width: 100%; display: flex; gap: 16px; font-size:13px; margin-top:6px}
.dlisttext {font-size:14px; color: var(--bs-navygri); margin-top:12px; font-weight: 300; line-height: 1.5rem}
.dlistw svg {margin-top:-2px}
.dlist1-2 { gap: 12px; display: flex; flex-direction: row; align-items: center;}

.pagination-list {width: 100%; margin-top:24px;}
.pagination { justify-content: center !important;}
.pagination ul li { background-color: var(--bs-white) !important;}

.eniyi h3 {text-align: center;}
.eniyi {margin-top:64px;}
.enbox {width: 100%; display: flex; gap:24px; margin-top:48px}
.enbox1 {padding:24px; width: 33.3%; border:1px solid #f1f1f1; border-radius:12px;}
.enbox1:hover {border:1px solid var(--bs-navy); transition: .6s}
.eniyi1 {width: 100%; display: flex; gap: 24px; align-items: center;}
.eniyi1-1 span {padding:16px 20px; border-radius: 6px; background-color: var(--bs-secondary); color: var(--bs-white);}
.eniyi2 {margin-top:24px; border-top:1px solid #f1f1f1; padding-top:32px; text-align: center;}
.eniyi3 {font-size:12px; color: var(--bs-navygri); font-weight: 300; margin-top:32px}
.eniyi1-2 {font-weight: 400; font-size:18px}
.eniyi1-3 {font-weight: 400; font-size:16px; height:50px; display: flex;flex-direction: column; justify-content: center}
.encenter {width: 100%; text-align: center; margin-top:48px;}




.kayitekrani {width: 100%; margin-top:78px; display: flex; gap:48px;}
.kayitbox {border:1px solid var(--bs-white); width: 33.3%; display: flex; justify-content: space-between;flex-direction: column; height:420px; border-radius:12px; padding:32px 40px; color: var(--bs-white); background-color:rgba(999,999, 999, 0.1); text-align: center;}
.kayitbox h2 {font-size:20px; line-height: 2rem}
.kayitbox p {font-size:14px; line-height:1.6rem; margin-top:24px}
.kytb2 a {display: inline-block; width: 100%; border-radius:8px}

.kayit-bilgi {width: 100%; margin-top:64px; display: flex; gap:48px;}
.kytbimg {width:30%;}
.kytbtext {width:60%; margin-top:32px}
.kytbimg img {width: 100%; height: auto;}
.kyttext2 {width: 100%; display: flex; gap: 48px}
.kytbox {width:50%; font-size:12px; padding:0px 24px 24px 24px}
.kytbox svg {margin-bottom:32px}
.kytbtext p {font-size:16px; font-weight: 300}
.kytbox a {border-radius: 8px}


.onlineakademi {width: 100%; margin-top:36px; display: flex; gap: 32px;justify-content: space-between}
.onlak1 h1 {font-size:40px;text-align:left; color: var(--bs-white); padding-right:4%}
.onlak1 ul {margin:0; padding:0;}
.onlak1 {width:46%;}
.onlak1 span {color: var(--bs-100);}
.onlak1 ul li {list-style: none; font-size:16px; color: var(--bs-white); padding:4px 0px}
.onlak2 img {width: 100%; margin-top:24px}
.onlak2 {width:40%; text-align: right;}
.onlak1 ul li i {margin-right: 4px}

.onlak4 {width: 80%; margin:0 auto; margin-top:76px;}
.onlak4 ul {margin:0; padding:0; display: flex; gap: 24px;}
.onlak4 ul li {list-style: none; width:20%; padding:24px; font-size:14px; background-color: var(--bs-white); border-radius: 12px; text-align: center;}
.onlak4 ul li:hover {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; transition: .5s; margin-top:-6px}
.onlak4 ul li svg {display: inline-block; margin-bottom:16px}


.onlyak {width: 100%; display:flex; margin-top:64px; justify-content: space-between;align-items: center}
.onlyimg {width:50%; float: left}
.onlyimg img {width:100%; border-radius: 12px}
.onlytext {width: 46%; float: right;}

.onlyic {margin-top:64px; padding-bottom:20px}
.onlineak {width:100%; display: flex; gap:32px;}
.onlineak-title {width:50%; font-size:27px; font-weight: 300;}
.onlineak-main {width: 100%;}
.onlineakm {display: flex; width: 100%; margin-bottom:32px}
.onlm1 { width:48px; height:48px; }
.onlm1 div {width:48px; height: 48px;text-align: center;display: flex; font-weight: 500; justify-content: center;align-items: center;border-radius: 100px; background-color: var(--bs-100); color: var(--bs-700);}

.onlm2 {margin-left:24px; font-size:13px;}
.onlm2 h4 {font-size:16px}


.dersalani-nav ul {margin:0; padding:0; display:flex; gap:8px; margin-top:32px }
.dersalani-nav ul li {list-style: none;}
.dersalani-nav ul li a {padding:14px 18px; border-radius: 100px; font-size:13px; background-color: var(--bs-white); color: var(--bs-navy);}
.dersalani-nav ul li:hover a {background-color: var(--bs-primary); color: var(--bs-white); transition: .4s}

.dersalani {width: 100%; margin-top:32px; display: flex;flex-wrap: wrap; gap:2%;}
.dersalani2 {width: 100%; margin-top:32px; display: flex;flex-wrap: wrap; gap:2%;}
.ds-box {width:31.3%; margin-top:2%; background: var(--bs-white); border-radius: 12px;}
.dimgbox {}
.dimgb1 {width: 100%; height:340px; position: relative;}
.dimgb2 {width: 100%; height:340px; position: relative; z-index: 99; margin-top:-340px; padding:24px 16px; display: flex; flex-direction: column;justify-content: space-between}
.dimgb1 img{width: 100%; height: 100%; object-fit: cover; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.dcontentbox {padding:24px; font-size:12px;}
.dcont-title {font-weight: 500; font-size:16px;}
.dcont-content {margin-top:12px;min-height:70px;}

.dcont-bilg {width:100%; margin-top:16px; display: inline-block; border-radius: 100px; background-color:#FFF5E9; color:#F2825A; padding:12px; text-align:center; }

.dbasari {padding:10px 16px; font-size:12px; background-color:#EDECFF; color:var(--bs-800); border-radius: 100px;}
.dkampanya {padding:10px 16px; font-size:12px; background-color:#FEE1E4; color:#B55B6E; border-radius: 100px}
.dyildiz {padding:10px 16px; font-size:12px; background-color:#fff; color:#FFA435; border-radius: 100px}
.dyildiz2 {padding:10px 16px; font-size:12px; background-color:#FCF8EC; color:#FFA435; border-radius: 100px}
.dfire {padding:10px 16px; font-size:12px; background-color:#FFF5F4; color:#E7593C; border-radius: 100px}
.dgreen {padding:10px 16px; font-size:12px; background-color:#EFFFF5; color:#64A381; border-radius: 100px}



.dcont-center {width: 100%; margin-top:20px; display: flex;gap:16px}
.dcont-incele {width: 40%;}
.dcont-ekle {width:55%;}



.d-nasil {width: 40%; margin:0 auto; text-align: center; margin-top:72px;}
.d-nasil h2 {font-weight: 300;font-size:24px; line-height: 2.5rem}
.d-nasilbox {width: 100%; margin-top:32px;}
.d-nasilbox ul {margin:0; padding:0; display: flex; gap:32px;}
.d-nasilbox ul li {background-color:var(--bs-white); width:33.3%; font-size:12px; font-weight: 300; border-radius: 12px; padding:32px; list-style: none; text-align: center;}
.d-nasilbox ul li svg {margin-bottom:16px; width:78px}
.d-nasilbox ul li h5 {font-weight: 400; font-size:16px; color: var(--bs-700);}


.ogth3 {margin-top:64px; font-size:24px; color: var(--bs-navy);}

.gorusyaz {width: 100%; border-radius: 12px; background-color: var(--bs-white); padding:32px; color: var(--bs-navy); margin-top:48px; display: flex; align-items: center;gap: 24px}
.gorusyaz1 {width:45%; font-size:26px;}
.gorusyaz2 {width:30%; text-align: right;}
.gorusyaz2 i {font-size:40px; color:#FFA435; margin:0px 4px;}
.gorusyaz3 {width:25%}
.gorusyaz3 a {border-radius: 12px}


.dersdetay {width: 100%; padding:32px; border-radius: 16px; display: flex; gap: 5%; background-color: var(--bs-white); color: var(--bs-navy);}
.dersdetay-left {width:45%;}
.dersdetay-right {width:50%;}
.uphoto {width: 100%;}
.uphoto img {width: 100%; border-radius:12px; height: 480px; object-fit: cover;}
.uphoto-all {width: 100%; display: flex; margin-top:3%; gap:3%;}
.uphoto-all img {width:22.75%; border-radius:8px}


.ud-who {width: 100%; margin-top:8px;}
.ud-title {width: 100%; font-size:24px; margin-top:24px; font-weight:500}
.ud-who2 {margin-top:20px; width: 100%;}
.ud-desc {width: 100%; margin-top:24px;}
.ud-desc ul {margin:0; padding:0; padding-left:16px;}
.ud-desc ul li {list-style:circle; font-size:14px; padding:3px 0px}

.ud-price {width: 100%; border-radius: 12px; padding:24px;align-items: center; background-color: var(--bs-50); margin-top:24px; display: flex;}
.ud-price1 {width:60%; font-size:32px; font-weight: 500 !important; line-height:1.2rem; padidng-top:6px}
.ud-sepet {width:40%}
.ud-sepet a {font-weight: 400 !important; font-size:16px !important; border-radius:10px !important}

.d-under {font-size:16px; color:#aaa; font-weight: 400 !important; text-decoration: line-through;}
.d-discount {font-size:13px; font-weight: 400}

.ud-features {width: 100%; display: flex; gap: 1.5%; margin-top:24px;}
.ud-feabox {width:16%; text-align: center; font-size:12px; background-color:var(--bs-white); font-weight: 300; padding:24px 16px; border-radius:16px;}
.ud-ftitle {font-size:14px; color: var(--bs-primary); font-weight: 500; margin-bottom:8px}
.ud-feabox svg {width:64px; margin-bottom:12px;}

.ud-tab {width: 100%; margin-top:24px;}
.detaytab-who {width: 100%; display: flex; gap:16px; margin-bottom:24px; margin-top:12px}
.dtywho1 {padding:16px 32px 16px 16px; border:1px solid var(--bs-100); color: var(--bs-navy);display: flex;align-items: center; gap:20px; border-radius: 12px}
.dtywho1:hover {background-color: var(--bs-100); transition: .3s; }
.dtywho3 {font-weight: 500; line-height: 1.3rem}
.dtywho3 span {font-size:12px; font-weight: 300; letter-spacing: .3px}
.accordion-body {font-size:14px; font-weight: 300}


.ud-example {width: 100%; margin-top:24px; display: flex; flex-wrap: wrap; gap:2%;}
.ud-exambox { background-color:var(--bs-white); width: 32%; display: inline-block; margin-top:2%; padding:24px; border-radius:12px; text-align: center;}
.ud-exambox img {width: 100%; height:180px; object-fit: cover; border-radius: 12px; margin-bottom:16px;}

.ders-icerikleri {background-color:var(--bs-white); margin-top:24px; border-radius: 12px; padding:32px; color: var(--bs-navy);}
.ders-icerikleri nav {padding:12px 24px !important; font-size:13px;}
.ders-icerikleri h3 {margin-bottom:32px}
.ders-icerikleri ul li button {padding:16px 24px !important; }

.ders-icerikleri2 ul {margin:0; padding:0; display: flex; flex-wrap: wrap; padding-left:24px; margin-top:24px}
.ders-icerikleri2 ul li {list-style: circle; width:50%; padding:4px 0px}


.blogdetay {width:100%; display: flex; gap:2%;}
.blog-left {width:30%;  position:sticky; position:sticky; top:0; height: 70vh}
.blog-right {width:70%;}
.bd-title {width: 100%;}
.bd-title h1 {font-size:1.7rem}
.bd-title p {font-size:1.25rem}
.bd-img {margin-top:24px;}
.bd-img img {width: 100%; height:380px; object-fit: cover; border-radius: 12px !important;}
.blog-content {margin-top:24px; font-size:.9rem; }
.bd-ogretmen {width: 100%; border-radius: 12px; background-color: var(--bs-50); padding:32px;}
.bd-ogretmen h3 {font-size:1.4rem; text-align: center; font-weight: 300; line-height: 2.5rem}
.bd-oglist {margin-top:24px; width: 100%; display: flex; gap: 16px;overflow-y: auto;}
.bdog-box {width:25%; padding:24px; border-radius: 12px; background-color: var(--bs-white); text-align: center;}
.bdog-box a {color: var(--bs-navy);}
.bdog-img {width:100%; height: auto; text-align: center;}
.bdog-img img {width: 64px; height:64px; border-radius: 100px; object-fit: cover;}
.bdog-name {margin-top:8px; font-size:1rem; font-weight: 400;}
.bdog-brans {width: 100%; font-size:12px; font-weight: 300; color:var(--bs-navygri);}
.bdog-price {font-size:14px; font-weight: 500; color: var(--bs-800); margin-top:8px}
.bdog-price span {color: var(--bs-navygri); font-size:12px; font-weight: 300 !important}
.bdog-star {padding:8px 12px; background-color:#FFF8EF; font-size:12px; color:#FF9035; margin-top:8px; border-radius: 100px}
.bd-info {width: 100%; margin-top:24px; font-size:14px; border-radius: 12px; line-height: 1.4rem; text-align: center; background-color: var(--bs-50); color: var(--bs-navy); padding:32px;}
.bd-info svg {margin-bottom:24px;}
.bd-info h4 {font-size:24px; color: var(--bs-primary);}
.bd-denden {font-size:22px; margin-top:24px; font-weight: 200; line-height: 2.2rem;}
.bd-denden svg {margin-bottom:12px}
.bd-denname {font-size:12px; display: inline-block; font-weight: 500;}
.bd-banner {width: 100%;}
.bd-banner img {border-radius: 12px; width: 100%;}
.bd-bannertext {z-index: 99; margin-top:-120px;}
.bd-banner2 {width: 100%; display: flex; margin-top:16px; gap: 2%;}
.bd-banbox {width: 32%; border-radius: 12px; padding:24px; background-color: var(--bs-white);}
.bd-banbox1 {font-size:24px; color: var(--bs-primary); font-weight: 500;}
.bd-banbox1 span {font-size:16px; font-weight: 400;}
.bd-banbox2 {margin-top:12px; font-size:14px; color: var(--bs-navy);}
.bd-banbox3 {margin-top:12px;}
.bd-banbox3 a {padding:12px 24px; width: 100%; display: inline-block; background-color: var(--bs-primary);}

.bd-share {width: 100%; padding:32px; background-color: var(--bs-white); color: var(--bs-navy); border-radius: 12px; margin-top:24px;}
.bd-share h4 {text-align: center; font-size:20px; font-weight: 400;}
.bd-share ul {margin:0; padding:0; margin-top:32px; margin-bottom:12px; display: flex; gap:16px;justify-content: center;}
.bd-share ul li {list-style: none;}
.bd-share ul li a {padding:12px 24px; background-color: var(--bs-body-bg); font-weight: 400; border-radius: 100px; color: var(--bs-navy); font-size:13px;}
.bd-share ul li a svg {margin-right:6px; margin-top:-2px}
.bd-share ul li a:Hover {background-color: var(--bs-100); transition: .4s}

.bd-who {width: 100%; padding:24px; background-color: var(--bs-white); border-radius: 12px; margin-top:24px;}
.bd-who1 {width:100%; display:flex;justify-content: space-between; align-items: center;}
.bd-who1-1 {display: flex; gap: 16px; align-items: center;}
.bd-who1-11 {background-color: var(--bs-800); border-radius:8px;padding:16px; font-size:14px; color: var(--bs-white);}
.bd-who1-12 {font-size:16px; line-height: 1.4rem}
.bd-who1-12 span { font-size:12px }
.bd-who1-2 a {display: inline; width: auto; padding:12px 20px; margin-left:16px}
.bd-who1-2 {font-size:14px;}
.bd-who2 {width: 100%; margin-top:16px; font-size:14px;}
.bd-who3 {width: 100%; margin-top:16px; font-size:16px; text-align: center; padding-top:12px;}
.bd-who3 a {font-weight:500; color: var(--bs-primary);}
.bd-comment {width: 100%; margin-top:32px;}
.bd-comment h3 {font-size:24px; color: var(--bs-primary); text-align: center;}
.bdstar {margin-top:-4px}
.bdstar i {font-size:16px; margin-right: 2px; color: orange;}
.bd-center {width: 100%; margin-top:24px; text-align: center; }
.bd-center a {font-size:14px; font-weight: 500; text-decoration: underline !important; color: var(--bs-primary) !important;}


.bd-write {width: 100%; padding:44px 32px 32px 32px; background-color: var(--bs-white); border-radius: 12px; margin-top:32px;}
.bd-write2 {width: 100%; padding:0px 32px 32px 32px;  margin-top:32px;}
.bd-write h3 {font-size:24px; font-weight: 400; color: var(--bs-primary); text-align: center;}
.bd-write2 h3 {font-size:24px; font-weight: 400; color: var(--bs-primary); text-align: center;}
.bd-wstar {width: 100%; text-align: center;margin-top:12px; }
.bd-wstar i{ font-size:40px; margin:0px 4px; color:orange }
.bd-wstar svg {width:40px; margin:0px 4px}

.bd-left1 {width: 100%; margin-top:20px}
.bd-left1 h3 {font-size:20px; margin-bottom:12px}
.bd-left1 ul {margin:0; padding:0; padding-left:12px}
.bd-left1 ul li {list-style: decimal; font-size:12px; padding:4px 0px; color: var(--bs-800);}
.bd-left1 ul li a {font-size:12px !important; color: var(--bs-navy);}

.bd-yazar {width: 100%; padding-bottom:20px; border-bottom:1px solid var(--bs-fourly);}
.bd-yazarbox {width: 100%; gap:16px; display: flex;}
.bd-yaz1 {padding:16px; background-color: var(--bs-primary); border-radius: 10px; color: var(--bs-white); font-size:12px;}
.bd-yaz1 a {color: var(--bs-white);}
.bd-yaz2 a {color: var(--bs-navy);}
.bd-yaz2 {font-size:14px; line-height: 1.3rem; margin-top:6px}
.bd-yaz2 span {font-size:12px; color: var(--bs-navygri);}

.blg-product {width: 100%; padding:24px; background-color:var(--bs-white); border-radius: 12px; margin-top:24px}
.dty-product {width: 100%; padding:24px; background-color:var(--bs-white); border-radius: 12px; margin-top:24px}
.dty-product2 {width: 100%; display: none; padding:24px; background-color:var(--bs-white); border-radius: 12px; margin-top:24px}
.blgp-img {width: 100%;}
.blgp-img img {width: 100%; height:172px; border-radius:16px; object-fit:cover; }
.blgp-pop {padding:12px; margin-top:16px; background-color:#FFF1E2; color:#E7593C; border-radius: 12px; display: flex !important; gap:12px; align-items: center; font-size:13px}
.blgp-who {width: 100%; display: flex;margin-top:24px; align-items: center}
.blgp-price {width: 50%; display: flex;align-items: center; gap:12px; line-height: 1.3rem; color: var(--bs-primary); font-weight: 500}
.blgp-price span {font-size:12px; color:#aaa; font-weight: 300}
.blgp-comment {width: 50%; display: flex;align-items: center; gap:12px; color:#FF9035; font-size:12px;}
.blgp-comment span {font-size:18px; font-weight: 500}
.blgp-btn1 {margin-top:24px}
.blgp-btn2 {margin-top:12px}

.blgtable1 {width: 100%; display: flex;justify-content: space-between; background-color: var(--bs-navy); color: var(--bs-white); font-size:13px; padding:12px 24px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.blgtable2 {width: 100%; display: flex;justify-content: space-between; font-size:13px; padding:12px 24px;}
.bt1 {width:10%;}
.bt2 {width:25%; text-align: center;}
.bt3 {width:25%; text-align: center;}
.bt4 {width:20%; text-align: center;}
.bt5 {width:20%; text-align: center;}


.detay {width: 100%; display: flex;justify-content: space-between; margin-top:0px; padding-top:0px;}
.detay-left {width:68%;}
.detay-right {width:30%; position:sticky; position:sticky; top:0; height: 50vh}
.dr-who {width:100%; margin-top:12px;}
.dr-w1 {width: 100%; margin-top:12px; font-size:12px; display: flex; align-items: center;}
.dr-w1 svg {margin-right:6px;}
.dr-w1 i {font-size:16px; margin-right: 6px}
.blgp-price i {font-size:20px; margin-right: 6px}
.blgp-comment i {font-size:20px; margin-right: 6px}
.blgp-pop i {font-size:20px;}

.dtbox {width: 100%; padding:24px; border-radius: 12px; color: var(--bs-navy); background-color: var(--bs-white); margin-top:24px}
.dtbox-title1 {font-size:32px; font-weight: 500; color: var(--bs-primary);}
.dtbox-title2 {font-size:24px; font-weight: 500; color: var(--bs-primary);}
.dtbox-title3 {font-size:20px; font-weight: 500; color: var(--bs-primary);}
.dtbox-title4 {font-size:16px; font-weight: 500; color: var(--bs-primary);}
.dtbox-p {font-size:14px; font-weight:300; line-height: 1.3rem; margin-top:16px}

.uzmanogretmen {width: 100%; display: flex; align-items: center; gap: 24px; font-size:14px;}
.uzmanogretmen span {font-size:20px; font-weight: 500; color: var(--bs-primary);}

.derskonum {width: 100%; display: flex; align-items: center; justify-content: space-between; padding:12px 0px 24px 0px; border-bottom:1px solid #f1f1f1;}
.derskonum svg {margin-right: 8px}
.derskonum a {color: var(--bs-primary); margin-left:6px; text-decoration: underline !important;}
.derskonum a:hover {color: var(--bs-500);}
.derskonum i {font-size:16px; color: var(--bs-800);}

.dersucreti { width: 100%;display: flex;flex-wrap: wrap;}
.dersuc1 {display: flex; width: 50%; align-items: center; gap: 16px; font-size:13px; color:var(--bs-navy);margin-top:16px;}
.dersuc1 span {font-weight: 400; color: var(--bs-primary); font-size:16px;}
.dersuc1 i {font-size:20px; color: var(--bs-800);}
.rating {width: 100%;margin-top:16px; display: flex; gap:24px; align-items: center;}
.rat1 {width:30%; background-color: var(--bs-50); text-align: center; border-radius: 12px; padding:40px 24px 32px 24px; line-height:1.6rem;}
.rat1 span {font-size: 32px; font-weight: 500;}
.rat1 svg {margin:12px 0px}
.rat1 i {font-size:18px; margin:16px 1px; color: orange}



.rat2 {width:70%; }
.rat3 {width:100%; display: flex; margin-top:12px; align-items: center; justify-content: space-between;}
.rat3-1 {width:68%;}
.rat3-2 {width:28%; font-size:14px}
.rat3-2 svg {margin:-3px 0px 0px 0px}
.rat3-2 i {font-size:16px;margin:-3px 0px 0px 0px; color: var(--bs-gray-200);}


.detays {width: 100%; display: flex; gap: 24px;}
.detay-photo {width:28%;}
.detay-photo img {width: 100%; border-radius: 12px; height:220px;object-fit: cover;object-position: top;}
.detay-who {width:70%;}

.dtyw1 {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.dtyw1-11 {font-size:24px; font-weight: 500;}
.dtyw1-11 i {color: var(--bs-800); font-size:22px; margin-top:-8px;}
.dtyw1-12 {font-size:16px; color: var(--bs-secondary);}
.dtyw1-11 svg {margin-top:-6px;}
.dtyw1 {padding-bottom:20px; border-bottom:1px solid #EDECFF}
.dtyw1-2 {gap:12px; display: flex;}
.dtyw1-2 a {padding:12px; display: flex; align-items: center;justify-content: center; font-size:16px; color: var(--bs-navy); background-color: var(--bs-body-bg); border-radius: 100px; width:48px; height: 48px; text-align: center;}
.dtyw1-2 a:hover {background-color: var(--bs-100); transition: .4s; color: var(--bs-800);}
.dtyw2 {width: 100%; margin-top:8px; font-size:13px; gap: 4px; align-items: center; display: flex;}
.dtyw2-1 {width: 100%; margin-top:8px; font-size:13px; gap: 4px; align-items: center; display: flex;}


.dtyw2 a {color: var(--bs-navy); text-decoration: underline !important;}
.dtyw2-1 a {color: var(--bs-navy); text-decoration: underline !important;}
.dtyw2 svg {margin-right:8px; margin-top:-2px}
.dtyw2 i {font-size:16px; margin-right:6px}
.dtyw2-1 i {font-size:16px; margin-right:6px}
.dty-who3 {margin-top:16px; font-size:14px}
.dty-who4 {margin-top:12px; display: flex; width: 100%; align-items: center; gap:16px;}
.dty-who5 { padding:12px 16px; width:30%; text-align: center; border-radius: 8px; background-color:var(--bs-50); color:var(--bs-primary); font-size:13px }
.dty-who6 { padding:12px 16px; width:70%; text-align: center; border-radius: 8px; background-color:#FFF5F4; color:#E7593C; font-size:13px;}
.dty-who5 svg {margin-right:8px}
.dty-who6 svg {margin-right:8px}
.dty-who6 i {font-size:16px; margin-right: 8px}
.dty-who5 i {font-size:16px; margin-right: 8px}


.listeleme-title {display: flex; width: 100%; margin-top:32px; align-items: center; justify-content: space-between;}
.lselect { font-size:13px; display: inline-block; width:200px; background-color:var(--bs-white); border:none; padding:12px; }



.listeleme { display: flex;gap: 2%;flex-direction: row;flex-wrap: wrap;}
.listbox {width: 31.3%; margin-top:2%; background-color:var(--bs-white);border-radius: 16px; padding-bottom:16px}
.listbox-photo {width: 100%;}
.listbox-content {padding:6px 20px 20px 20px;}
.listbox-price {padding:20px;margin-top:12px;  display: flex; justify-content: space-between; align-items: center;}
.price {font-size:20px; font-weight: 500;}
.price span {font-size:14px; font-weight: 400 !important; color: var(--bs-navygri);}
.campain {width: 100%; padding:0px 20px; text-align: center; color:#ED6645}
.spbutton {padding:18px 32px; border-radius: 100px; font-size:13px; font-weight: 400; border:none; background-color: var(--bs-primary); color: var(--bs-white);}

.l-tag {padding:12px 0px 16px 0px; display: flex; gap: 8px; border-bottom:1px solid #EDECFF;}
.l-uni {font-size:12px; color: var(--bs-primary); padding:12px 0px; border-bottom:1px solid #EDECFF;}
.l-ders {font-size:12px; color: var(--bs-navy); padding:12px 0px; border-bottom:1px solid #EDECFF;}
.l-cont {font-size:12px; font-weight: 300; color: var(--bs-navygri);padding:12px 0px; border-bottom:1px solid #EDECFF;}
.l-ders a {color: var(--bs-navy); text-decoration: underline !important;}
.l-ders a:hover {color: var(--bs-700); transition: .4s}
.l-ders svg {margin-right: 4px}
.l-uni svg {margin-right: 4px}
.l-ders i {margin-right: 4px}
.l-uni i {margin-right: 4px}


.tnavy {background-color:var(--bs-fourly); color: var(--bs-navy); padding:12px 24px 12px 20px; border-radius: 100px; font-size:13px; font-weight: 400;}
.tpurble {background-color:#EDECFF; color: var(--bs-primary); padding:12px 24px 12px 20px; border-radius: 100px; font-size:13px; font-weight: 400;}
.tred {background-color:#FEE1E4; color:#B55B6E; font-size:13px; font-weight: 400;padding:12px 24px 12px 20px; border-radius: 100px;}
.l-tag svg {margin-right:4px}
.l-tag i {margin-right:4px}

.lp1 {width: 100%; height:336px;}
.lp1 img {width: 100%; height: 100%; object-fit: cover; border-top-left-radius: 16px; border-top-right-radius: 16px;}
.lp2 {width: 100%; height:336px; padding:28px 20px 16px 20px; margin-top:-336px; z-index: 9; display: flex;flex-direction: column; justify-content: space-between; position: relative; background: rgb(28,39,76); background: linear-gradient(184deg, rgba(28,39,76,0) 0%, rgba(28,39,76,1) 100%);}

.lp3 {width: 100%;}
.lp3-1 {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.lp3-1 span {display: flex;}
.lp3-1 a {font-size:16px; border-radius: 100px; margin:0px 4px; background-color:#F4F2EB; color: var(--bs-navy); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center}
.lp4 {width: 100%; display: flex; justify-content: space-between;align-items: flex-end}

.lp5 {color: var(--bs-white);}
.lp6 {color: var(--bs-yellow); text-align: right; font-size:14px; font-weight: 300}
.lp6 span {font-size:16px; font-weight: 400}

.lp5-1 {font-size:16px; font-weight: 500;}
.lp5-2 {font-size:13px; font-weight: 300 !important; padding:2px 0px; letter-spacing: .1px}
.lp5-3 {font-size:13px;}
.lp5-3 span {margin-right:8px}
.lp5-3 svg {margin-right:4px}
.lp5-3 i {margin-right:4px}

.derst3 {display: flex; width: 100%; justify-content: space-between; align-items: center;}

.dlist-mbl1 {display: none;}

.mm-header {width: 100%; padding:24px; display: flex; color: var(--bs-navy); justify-content: space-between; align-items: center;}
.mm-header h5 {margin:0px}
.mm-header button {background-color: var(--bs-100); color: var(--bs-primary); border:none; border-radius: 100px; font-size:12px; padding:12px 24px}
.mm-header button i {margin-right: 4px}
.offcanvas-body ul {padding:0px; margin:0px; margin-bottom:24px}
.offcanvas-body ul li {list-style: none;}
.offcanvas-body ul li a {font-size: 16px; color: var(--bs-navy); padding:20px 0px; width: 100%; display: inline-block; border-bottom:1px solid #f1f1f1;}
.offcanvas {background-color:var(--bs-white) !important;}
.mgiris {margin-top:16px; width: 100%;}
.girisyap {width: 100%; text-align: center; display: inline-block; border-radius: 100px; padding:20.5px 12px; border:2px solid var(--bs-800); color: var(--bs-800); font-weight:400;}
.kayitol {width: 100%; text-align: center; display: inline-block; border-radius: 100px; padding:20px 12px;  border:2px solid var(--bs-100); border:none; background-color: var(--bs-100); color: var(--bs-800); font-weight:400;}
.kayitol i {margin-right: 4px; font-size:20px}

.mmenu {padding:16px 20px; border-radius: 100px; display: flex; gap:8px; border:none; color: var(--bs-white); font-size:13px; background: rgba(255, 255, 255, 0.13)}
.mobilmenu {display: none}
.mobil-yazar {display: none}

.mclose {display:inline; width: 100%;}
.mopen {display: none;}

.mwho {width: 100%; display:none; padding-bottom:24px; padding-top:8px; border-bottom:1px solid #f1f1f1; margin-bottom:16px}
.mwho div {width: 33.3%; text-align: center;}
.mwho div span {font-weight:500; line-height: 2rem; font-size:20px; color: var(--bs-navy);}


.mphoto {width: 100%; height:336px; display: none; margin-bottom:-30px}
.mp1 {width: 100%; height: 336px;}
.mp1 img {width: 100%; height: 100%; object-fit: cover; border-top-left-radius: 16px; border-top-right-radius: 16px;}
.mp2 {width: 100%; height:322px; border-top-left-radius:12px; border-top-right-radius: 12px; padding:0px 20px 16px 20px; margin-top:-322px; z-index: 9; display: flex;flex-direction: column; justify-content: space-between; position: relative; background: rgb(28,39,76); background: linear-gradient(184deg, rgba(28,39,76,0) 0%, rgba(28,39,76,1) 100%);}


.dtyw2-1 span {font-weight: 500}
.blogmbltm {width: 100%; text-align: center; margin-top:24px; display: none}
.blogmbltm a {font-weight: 400; color: var(--bs-navy);}
.footlink ul {margin:0; padding:0; display: flex; gap:16px 8px;flex-wrap: wrap; margin-bottom:24px}
.footlink ul li {list-style: none; margin-top:12px}
.footlink ul li .items {font-size:13px; padding:10px 16px; background: var(--bs-body-bg) !important; color: var(--bs-navy); border-radius:6px;}
.footlink ul li .items i {margin-left:6px}
.footlink {margin-bottom:32px}
.fotacilir {margin-top:12px;}
.fotacilir a {padding:6px 8px; color: var(--bs-primary);}
.fotacilir a:hover {color: var(--bs-c500);}



.selbox {width: 100%; padding:24px 32px; position: relative; display: flex; background-color: var(--bs-white); margin-top:64px; border-radius:20px; box-shadow: rgba(0, 0, 0, 0.045) 0px 8px 24px;}
.selboxleft {width:85%}
.selboxright {width:15%; display: flex;flex-direction: column;justify-content: center}
.selboxright span {padding:16px 24px;text-align: center; background-color:#F1F1F1; border-radius: 100px}


.selbox-up {width: 100%; display: flex; padding-bottom:16px; border-bottom:1px solid #f1f1f1; gap: 12px;}
.selbox-down {width: 100%; display: flex; margin-top:16px; gap:12px}
.selbox1 {width:50%;align-items: center; display: flex;}
.selboxleft i {font-size:20px; margin-right:8px}
.selboxleft svg {width:26px; height: 26px; margin-right:8px}

.selbox2 {width:25%;align-items: center; display: flex;}
.selbox3 {width:25%;align-items: center; display: flex;}
.selbox4 {width:25%;align-items: center; display: flex;}
.selbox5 {width:25%;align-items: center; display: flex;}
.selbox6 {width:25%;align-items: center; display: flex;}
.selbox7 {width:25%;align-items: center; display: flex;}


.sd100 {width: 100% !important}
.sd100 label {background-color: transparent !important; border:none !important}

.form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after {background: none !important}
.linput {width: 100%; display: inline-block; font-size:14px; background-color: #fff !important; border:none !important;}
.label {background-color: transparent !important}
.hlisteleme {width: 100%; color: var(--bs-white) !important; border-top:1px solid rgba(255, 255, 255, .2); margin-top:44px}
.hlisteleme h1 {font-size:24px; color: var(--bs-white); text-align: left; line-height: 2rem}
.hlisteleme p {font-size:16px; line-height: 1.6rem}
.hlisteleme a {color:#fff !important}
.hlisteleme nav {color:#fff !important}
.selistbox {margin-top:-166px; position: relative; height: auto; width: 100%;}

.filtreler {width: 100%; margin-top:48px; display: flex; gap:48px}
.filtreler ul {margin:0; padding:0; display: flex; gap: 12px;}
.filtreler ul li {list-style: none;}
.filtreler ul li a {padding:12px 16px; color:#fff; background-color: var(--bs-800); border-radius: 8px;}
.filtreler ul li a i {margin-left:6px;}

.mobilesearch {width: 100%; display: none; gap:12px}
.mblse1 {width:100%;}
.mblse2 {width:auto;}
.mblse2 a {width:auto; height: 60px; color:var(--bs-navy) !important; border-radius: 8px; background-color:#fff; padding:12px 16px; display: inline-block; font-size:24px}


.popmodal {text-align:center; width: 100%; padding:0px 32px;}
.popmodal h3 {margin-bottom:16px; line-height: 2.4rem; color: var(--bs-primary);}
.popmodal p {color: var(--bs-navy);margin:0px}
.popmodal svg {margin-bottom:16px}
.modal-footer {padding:24px;}





.hsearchwi {width: 100%; height: auto; position: relative;}

.tosearch {width: 448px; display: none; position: absolute; transform: translate3d(0px, 72px, 0px); margin:0px;inset: 0px auto auto 0px; padding:24px; background-color: var(--bs-white); box-shadow: rgba(0, 0, 0, 0.045) 0px 8px 24px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
.tosearch2 {width: 440px; display: none;position: absolute; transform: translate3d(0px, 72px, 0px); margin:0px; inset: 4px auto auto 345px; padding:24px; background-color: var(--bs-white); box-shadow: rgba(0, 0, 0, 0.045) 0px 8px 24px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
.tosearch3 {width: 440px; display: none; position: absolute; z-index: 99; transform: translate3d(0px, 72px, 0px); margin:0px;inset: 0px auto auto 0px; padding:24px; background-color: var(--bs-white); box-shadow: rgba(0, 0, 0, 0.045) 0px 8px 24px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
.tosearch4 {width:auto; z-index: 99; display: none;position: absolute; transform: translate3d(0px,172px, 0px); margin:0px; inset: 4px auto auto 0px; padding:24px; background-color: var(--bs-white); box-shadow: rgba(0, 0, 0, 0.045) 0px 8px 24px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
.tosearch5 {width: 440px; display: none;position: absolute; transform: translate3d(0px, 78px, 0px); z-index: 99; margin:0px; inset: 4px 250px auto auto; padding:24px; background-color: var(--bs-white); box-shadow: rgba(0, 0, 0, 0.045) 0px 8px 24px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
.tosearch6 {width: 350px; display: none;position: absolute; transform: translate3d(0px, 78px, 0px); z-index: 99; margin:0px; inset: 4px 90px auto auto; padding:24px; background-color: var(--bs-white); box-shadow: rgba(0, 0, 0, 0.045) 0px 8px 24px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}

.mps1 {width: 100%;}
.mps1 a {color: var(--bs-navy);width: 100%; text-align: left; padding:12px 0px;font-size:13px; border-bottom:1px solid #f1f1f1; display: inline-block;}
.mps1 i {margin-right: 6px}
.mps1 a:Hover {border-bottom:1px solid var(--bs-navy); color: var(--bs-navy);}

.tosearch.active {display: inline-block !important;}
.tosearch2.active {display: inline-block !important;}
.tosearch3.active {display: inline-block !important;}
.tosearch4.active {display: inline-block !important;}
.tosearch5.active {display: inline-block !important;}
.tosearch6.active {display: inline-block !important;}

.ozkate {width: 100%; display: flex; align-items: center; justify-content: center; margin-top:24px}
.ozkate button {background:rgba(0, 0, 0, .1) !important; margin:0px 6px !important; border-radius: 100px !important; padding:14px 24px !important; color: var(--bs-navy) !important;}
.ozkate button.active {background-color: var(--bs-navy) !important; color: var(--bs-white) !important;}


@media (max-width: 990px) {

.ozkate {overflow-y: auto;}
.ozkate ul {width: auto; display: flex; flex-wrap: nowrap;}
.hsearch {flex-direction: column;}
.hsearch1 {width: 100%;}
.hsearch2 {width: 100%; padding-left:0px; border-left:none;border-top:1px solid #f1f1f1; padding-top:12px}
.hsearch3 {width: 100%;}
.hders {margin-top:32px}
.tosearch2 {width: 100%;display: none; transform: translate3d(0px, 164px, 0px); inset: 4px auto auto 0px;}
.tosearch {width: 100%;transform: translate3d(0px, 72px, 0px); inset: 4px auto auto 0px; z-index: 999999;}
.hsearch3 button span {display: inline-block; margin-left:12px;}
.hsearch3 button {font-size:16px; padding:16px 0px}
.hsearch3 {margin-top:6px}
.bg-header3 {background: rgb(38,59,178); height: 650px; background: linear-gradient(180deg, rgba(38,59,178,1) 0%, rgba(106,123,206,1) 33%, rgba(210,213,229,1) 70%, rgba(244,242,235,1) 100%);}

.hlisteleme {margin-top:12px}
.bg-header2 {height: auto !important}
.mobilesearch {display: flex;}
.selistbox {display: none;}
.filtreler {flex-direction: column; gap:12px; margin-top:-190px}
.filtrediv {overflow-y: auto}
.filtreler ul {flex-wrap: wrap; width: 960px; margin-bottom:16px;}
.filtreler ul li {margin:12px 0px}
.listeleme {flex-direction: column; gap: 12px; margin-top:16px}
.listeleme-title select {display: none}
.sonuye {margin-top:32px}
.siksorulansorular {margin-top:32px}
.blogbaslik a {display: none;}
.blogmbltm {display: inline-block;}
.bloglistana {overflow-y: auto; padding-bottom:20px; margin-top:16px}
.blgbox2ana {width:320px}
.ozelders h2 {font-size:20px; margin-bottom:20px;}
.hders1 ul li:hover {box-shadow: none; margin-top: 0px; transition: none}
.ozelders {margin-top:32px}
.fobblink a {font-size:12px; padding:2px 0px !important; font-weight:400}
.title-text20 {font-size:14px}
.fobul1 {width: 100%; margin-top:0px}
.fobul2 {width: 100%; margin-top:0px}
.fobilgi1 p {font-size:12px;}
.fobilgi1-1 {font-size:15px;}
.foottext h3 {font-size:16px; line-height: 1.7rem}
.foottext {margin-top:12px; padding-bottom:24px;}
.horta {width: 100%;}
.siksorulansorular button {font-size:13px !important;}
header h1 {font-size:24px; line-height: 2.8rem}
.huzman {padding:12px 20px; letter-spacing:.3px}
.hders1 {background-color: #fff; padding:6px; border-radius: 12px}
.hders1 ul {padding-top:0px; padding-bottom:6px; gap:0px; margin-bottom:0px !important; overflow-y: auto; display: flex; width: auto}
.hders1 ul li a {padding:6px 0px; width:114px}
.hders1-1 {font-size:13px;}
.hders1-2 {font-size:12px}
.hders1 ul li svg {width:49px; height: 40px}
.ozdbox {width: 100%;}
.odlist {flex-direction: column;}
.sonuyelist {overflow-y: auto; margin-top:12px; padding-bottom:20px}
.ogretmenol {flex-direction: column}
.blogbaslik h3 {font-size:16px;line-height: 1.6rem}
.blogbaslik {flex-direction: column; text-align: center;}
.ogrt1 h2 {font-size:24px;}
.ogrt1 h3 {font-size:20px}
.ogrt1 p {font-size:14px}
.yorumlar {margin-top:32px}
.yorum2 {padding-bottom:20px}
.ogrt1 {width: 100%;}
.ogrt2 {width: 100%;}
.sobox {width: 100%;}
.sontype {width:182px}
.blogbanner1 {margin-top:-20px}
.blogone {flex-direction: column;}
.blogdetay {margin-top:12px !important}
.anablogimg {height: 240px !important}
.blgbox2-1 {margin-left:0px}
.blgphoto1 {width: 100%;}
.blgphoto1 img {height: 240px}
.hakkimizda {margin-top:32px}
.blgbox2-1 {padding:16px}
.mwho {display: flex;}
.mphoto {display: inline-block;}
.almcntr {width:100%; text-align: center; margin-bottom:12px; margin-top:36px; }
.mopen {width:100%; display: inline-block;}
.dtyw2 b {display: inline-block;}
.detay-who {width: 100%;}
.dtyw2-1 span {font-weight: 500}
.dtyw2-1 {margin-top:12px}
.detay {display: inline-block;}
.detay-left {width:100%;}
.detay-right {width: 100%; position: fixed; height: auto !important; bottom:0; top:auto; right: 0}
.mclose {display: none;}
.blgp-btn1 {margin-top:12px}
.dty-product {box-shadow: rgba(149, 157, 165, 0.5) 0px 8px 24px; padding:1px 16px 16px 16px; border-radius: 0px}
.dty-product2 {display: inline-block;}
.dtyw1 {display: none;}
.dtyw2 {width: 100%;}
.detay-photo {display: none;}
.detays {width: 100%; display: inline-block;}
.dtbox {padding:16px}
.dty-who5 {width: 100%;}
.dty-who6 {width: 100%;}
.dty-who4 {flex-direction: column}
.uzmanogretmen svg {width:48px}
.uzmanogretmen span {font-size:16px;}
.uzmanogretmen {font-size:12px; gap:12px}
.dty-who3 {font-size:12px}
.bd-who2 {font-size:12px;}
.bd-who3 {font-size:13px;}

.dtbox-title3 {font-size:16px;}
.dtbox-title2 {font-size:18px;}
.dtbox-title1 {font-size:20px;}
.dtbox-p {font-size:12px}
.hakkimda button {padding:16px 0px !important; font-size:13px}
.accordion-body {padding:16px 16px}
.derskonum {flex-direction: column; align-items: normal; gap: 12px;}
.dersucreti {flex-direction: column; margin-top:16px; align-items: normal; gap: 12px;}
.dersuc1 {width: 100%;}

.rating {flex-direction: column; gap:12px;}
.rat1 {width: 100%;}
.rat2 {width: 100%;}
.rat3 {margin-top:8px}
.rat3-1 {width:60%;}
.rat3-2 {width: 40%; text-align: end}
.bd-wstar i {font-size:28px}
.dersalani2 {flex-wrap: nowrap; width: 820px; }
.dersalani3 {overflow-y: auto}
.mobilmenu {display: inline-block;}
.whicon svg {width:48px; height: 48px}
.wh1 {align-items: center;}
.whbilgi {font-size:16px}
.whbilgi2 {font-size:13px}
.iletisim {margin-top:24px}
.hakkimizda1 {width: 100%; font-size:15px; line-height: 1.5rem; margin-top:16px;}
.hakkimizda img {width: 100%; margin:12px 0px 0px 0px}
.hakkimizda2 {width: 100%; font-size:13px}
.genelbasari h3 {font-size:18px}
.genelbasari ul li {width:48%; margin-top:4%; background-color: var(--bs-white); border:none;}
.genelbasari ul {flex-wrap: wrap; gap:4%; margin-top:0px;}
.genelbasari {background-color: var(--bs-body-bg); padding:16px 0px}
.hakbilgi h3 {font-size:18px; line-height: 1.9rem}
.hakbilgi ul {flex-direction: column; margin-top:0px}
.hakbilgi ul li {width: 100%; margin-top:12px}
.hakbilgi {padding:0px; margin-top:16px}


.bg-white {margin-top:0px}
.bg-header2 {height: auto; }
.hust {padding:20px 0px;}

.sepd2 {display: flex; flex-direction: row; justify-content: space-between; width: 100%;}

.spheader3 {display: none;}
.spheader2 {display: flex;}

.sepet-bg3 {flex-direction: column-reverse; overflow-y:scroll; padding:24px 16px}
.sepright3 {width: 100%; padding:24px 16px; border-radius: 12px}
.sepleft3 {width: 100%; overflow-y: unset; padding:0px; margin-top:24px}

.sepleft {width: 100%; height: auto; overflow-y: unset !important; padding:0px;}
.sepright2 {display: none;}
.sepdcenter {display: none;}
.sepright {display: none;}
.sepd1x {width: 100%; margin-bottom:12px; text-align: center;}
.sepd1-1 {display: none}
.sepd1-2 {width: 100%; margin-left:0px;}
.tunderline {font-size:12px;}
.sepprice {font-size:20px;}
.sdiscount {font-size:12px;}
.sedprice {font-size:16px;}
.sepdetay1 {font-size:12px; padding:12px 0px}
.sepbasik {font-size:20px}

.bd-yazar {padding:0px !important; border:none !important;}
.bd-img img {height: 240px}

.blgdesc {display: none;}
.blgphoto img {height: 160px !important}
.blgphoto2 img {height:130px}
.blgtitle {line-height: 1.1rem}
.mobil-yazar {display: inline-block;}
.derstdiger {margin:0px;}
.kpform {padding-bottom:24px; margin-top:0px}
.sepleft p {font-size:12px;}
.derstalebi {width: 100%; display: inline-block; margin-top:16px}
.derst-ucret {font-size:12px;}
.derst-bilgi {font-size:12px; line-height: 1rem}
.derst-adi {font-size:16px;}
.dd100 {width: 100%; overflow-y: auto;}
.derstdiger ul {width:600px}
.derstdiger h3 {text-align: left;}
.derstdiger {margin-top:8px}
.derst3 {flex-direction: column;align-items: flex-start;}
.derst2 {flex-direction: row-reverse; text-align: left; gap:6px; margin-top:6px}
.temiz2 {display: none;}
.derst2-1 {font-size:13px}
.derst2-1 span {margin-left:2px; font-size:13px}
.derst2-2 {margin-left:0px;}
.kpformb {margin-top:16px;}

.kpw100 {flex-wrap: wrap}
.kpoption {flex-wrap: wrap}
.wd50 {flex-wrap: wrap;}
.wd50 div {width: 100%;}
.form-check-input {margin-right: 0px;}
.spsonu {width: 100%;}
.spsonu p {margin-bottom:24px}
.bg-white {padding:32px 16px 16px 16px;}
.gform {width: 100%;}
.spsyontem4 {flex-direction: column;align-items: normal;}
.fobilgi {padding:30px 0px}
.spsy1-1 {display: none;}
.spsy2 {margin-top:12px}
.spsy2button i {display: inline-block;}
.spsy2button span {display: none !important;}
.spbaslik {font-size:18px}
.haftaningunleri ul {flex-wrap: wrap;}
.spform ul li {width: 31.3%}
.bank {flex-direction: column-reverse}
.iletisim {flex-direction: column;}
.iletsol {width: 100%;}
.iletsag {width: 100%; margin-top:24px}
.foalt1 {display: none;}
.foalt {flex-direction: column; margin-top:12px}
.fomenu {flex-wrap: wrap}
.fomenu ul {width: 48%; margin-top: 12px}
.foalt3 {margin-top:6px}
.fowho {flex-direction: column; width: 100%; padding-bottom:32px}
.fosocial {width: 100%; margin-top:32px;}
.fowho1 {width: 100%;flex-wrap: wrap; gap:16px;justify-content: flex-start;}
.foadres {width: 100%; margin-bottom:8px}
.fosocial ul {justify-content: center}

.onlyic {margin-top:40px !important}
.onlineakademi {flex-direction: column; width: 100%;align-items: center}
.onlak1 {width: 100%;}
.onlak2 {width: 72%;}
.onlak4 {width: 100%;margin-top:48px}
.yorum1 h2 {font-size:20px; }
.yorum1 p {font-size:14px;font-weight: 300}
.onlak4 ul {gap:16px;flex-wrap: wrap;}
.onlak4 ul li {width: 48%;}
.onlineak {flex-wrap: wrap; width: 100%;}
.onlineak-title {width: 100%; font-size:18px}
.onlyak {flex-direction: column; width: 100%; margin-top:16px}
.onlyimg {width: 100%; float: none; margin-top:16px}
.onlytext {width: 100%; float: none; margin-top:16px;}

.kayitekrani {flex-direction: column; gap: 24px; margin-top:32px;}
.kayitbox {width: 100%; height: auto}
.kayit-bilgi {flex-direction: column;}
.kytbimg {width: 100%;}
.kytbtext {width: 100%; text-align: center;}
.kyttext2{flex-direction: column;}
.kytbox {width: 100%; text-align: left; padding-bottom:0px}
.tabbtn {padding:16px 24px !important}
.ns1 {width: 100%; float: none;}
.ns2 {width: 100%; float: none; margin-top:24px}
.nasilcalisir h2 {font-size:18px}
.sssbaslik {padding:0px; text-align: center; margin-bottom:20px}
.yorumlar {flex-direction: column; width: 100%; padding:16px; }
.yorum1 {width: 100%;}
.yorum2 {width: 100%; overflow-y: auto; margin-left:0px; margin-top:32px}
.ns1 ul li {padding:16px;}
.ns1-1 span {width:60px; height:60px; font-size:18px; padding-top:17px}
.ns1-1 {margin-right:16px;}
.hakkimizda h1 {font-size:24px;}
.hakkimizda ol li a {font-size:12px}
.hakkimizda ol li {font-size:12px;}
.bldleft {width: 100%; margin-bottom:24px}
.bldright {width: 100%;}
.blogdetay {flex-direction: column;}
.blgtitle a {font-size:12px;}
.blgbox2-2 {padding:16px 12px}
.bloglist {    flex-direction: column; gap:16px;}
.blogbox {display: flex;}
.blgbox2 {padding:16px;}
.blgmn {width: 100%; overflow-y: auto;}
.blogcategory ul {width:1260px;height:64px}
.blogbanner3 {flex-direction: column;}
.blogbanner2 {padding:20px; font-size:12px; line-height: 1.3rem}
.blogbanner2 p {font-size:14px;}
.blogbanner2 h3 {font-size:16px;}
.blgpd {padding:24px; font-size:12px; line-height: 1.2rem;}
.blgpd h3 {font-size:16px;}
.blogbanner3 img {margin-top:12px; width: 100%;}
.blgcategory {display: none}
.blog-left {display: none;}
.blog-right {width: 100%;}
.bd-oglist {overflow-y: auto;}
.bdog-box {width: 100%; padding:16px}
.bdog-star {width:160px}
.bd-ogretmen h3 {font-size:18px; line-height: 1.5rem}
.bd-ogretmen {padding:24px 16px;}
.bd-info {padding:20px; font-size:12px; line-height: 1.2rem}
.bd-info h4 {font-size:18px}
.bd-denden {font-size:18px; line-height:1.7rem; margin-bottom:24px}
.bd-denden svg {margin-bottom:24px}
.bd-banbox {width: 100%;}
.bd-banner2 {flex-direction: column; gap: 12px;}
.bd-share {padding:24px;}
.bd-share ul li span {display: none}
.bd-share ul li a svg {margin:0px}
.bd-who1 {flex-direction: column; align-items: normal;}
.bd-who1-2 {display: flex;justify-content: space-between;align-items: center; margin-top:12px}
.bd-comment h3 {font-size:20px}
.bd-write {padding:24px;}
.bd-write h3 {font-size:20px}
.bd-wstar svg {width:32px}
.onlak1 h1 {font-size:32px; line-height: 2.5rem}
.menu {display: none;}
.msag {display: none}
.breadcrumb-item {font-size:12px;}
.breadcrumb ol li a {font-size:12px;}
.bd-title p {font-size:16px;}
.bd-title h1 {font-size:24px;}

.dersalani-nav {overflow-y: auto;}
.dersalani-nav ul {width:1250px; height: 64px;}
.dersalmak-title3 p {font-size:13px;}
.dersalmak-title2 h1 {font-size:20px; line-height: 2rem}
.ds-box {width:49%;}
.dcont-incele {width: 100%;}
.dcont-ekle {width: 100%;}
.dcont-center {flex-direction: column; gap:12px; margin-top:12px;}
.dcontentbox {padding:16px 12px 20px 12px}
.dcont-bilg {font-size:11px; border-radius: 12px;}

.dimgb1 {height: 240px;}
.dimgb2 {height: 240px; margin-top:-240px}
.dimgb2-1 {display: flex; flex-wrap: wrap; gap: 6px}
.dkampanya {padding:8px 12px;}
.dbasari {padding:8px 12px;}
.yorumlar {padding:0px}
.d-nasil {width: 100%; margin-top:36px;}
.d-nasilbox ul {gap:16px;flex-direction: column;}
.d-nasilbox ul li {width: 100%;}
.d-nasilbox {width: 100%;}
.bluebg {padding-top:48px}
.enbox1 {width: auto;}
.enbox {overflow-y: auto; margin-top:24px}
.stars {width: 280px}
.btnnavy {display: inline; padding:16px 32px !important; font-weight: 400;}
.dersdetay {padding:24px;flex-direction: column}
.dersdetay-left {width: 100%;}
.dersdetay-right {width: 100%; margin-top:16px;}
.ud-who {display: flex;flex-wrap: wrap;}
.ud-who2 {display: flex;flex-wrap: wrap; gap:8px}
.ud-desc ul li {font-size:13px}
.ud-desc {margin-top:16px;}
.ud-price1 {font-size:24px;}
.ud-features{overflow-y: auto; gap:16px;}
.ud-feabox {width: 100%; display: flex;flex-direction: column }
.ud-feabox svg {width: 180px}
.nav-link {padding:16px 24px}
.dersalmak-title2 {font-size:18px; line-height: 2rem}
.dersalmak-white {font-size:13px; padding:12px}
.d-purble2 {margin-top:24px;}
.dersalmak-purble {flex-direction: column; align-items:normal}
.dersalmak-title4 {flex-direction: column;}
.dersalmak-but { gap: 12px; margin-top:16px }
.dlistbox {padding:16px;}
.dlistleft img {width:80px; height: 80px; border-radius: 100px}
.dlistleft {display: none;}
.dlistbrans a {font-size:12px;}
.dlistname {font-size:16px; margin-top:0px;}
.ud-exambox {width: 100%;}
.ders-icerikleri2 ul {justify-content: space-between;padding-left:16px}
.ders-icerikleri2 ul li {width:44%;}
.uphoto img {height: 300px}
.detaytab-who {flex-wrap: wrap}
.dlistname span {font-size:13px}
.dlistw {flex-wrap: wrap}
.dlistright {width: 100%;}
.dlist1 {flex-direction: column;}
.dlist1-1 {display: flex; gap:12px}
.dlist-mbl1 img {width: 72px; height: 72px; border-radius: 100px; object-fit: cover}
.dlist-mbl1 {display: inline-block;}
.dlist1-2 {margin-top:12px}
.dlist1-2 a {padding:12px 20px}
.dlist1-2 a i {font-size:16px}
.dlistw {gap:8px}
.dlisttext {font-size:12px;}
.gorusyaz {flex-direction: column; padding:20px;}
.gorusyaz1 {width: 100%; text-align: center;}
.gorusyaz2 {width: 100%; text-align: center;}
.gorusyaz3 {width: 100%;}




}

@media only screen and (min-width:576px) and (max-width:767px) {



}

@media only screen and (min-width:768px) and (max-width:990px) {
.bldleft {width: 100%; margin-bottom:24px}
.bldright {width: 100%;}
.blogdetay {flex-direction: column;}

.bldleft {width: 100%; margin-bottom:24px}
.bldright {width: 100%;}
.blogdetay {flex-direction: column;}
.blgtitle a {font-size:12px;}
.blgbox2-2 {padding:16px 12px}
.bloglist {    flex-direction: column; gap:16px;}
.blogbox {display: flex;}
.blgbox2 {padding:16px;}
.blgmn {width: 100%; overflow-y: auto;}
.blogcategory ul {width:1260px;height:64px}
.blogbanner3 {flex-direction: column;}
.blogbanner2 {padding:20px; font-size:12px; line-height: 1.3rem}
.blogbanner2 p {font-size:14px;}
.blogbanner2 h3 {font-size:16px;}
.blgpd {padding:24px; font-size:12px; line-height: 1.2rem;}
.blgpd h3 {font-size:16px;}
.blogbanner3 img {margin-top:12px; width: 100%;}
.blgcategory {display: none}

.kpformb {margin-top:16px;}
.derstdiger {margin:0px;}
.kpform {padding-bottom:24px; margin-top:0px}
.sepleft p {font-size:12px;}

.sepleft {width: 100%; height: auto; overflow-y: unset !important; padding:0px;}
.sepright2 {display: none;}
.sepright {display: none;}

.derstalebi {width: 100%; display: inline-block; margin-top:16px}
.derst-ucret {font-size:12px;}
.derst-bilgi {font-size:12px; line-height: 1rem}
.derst-adi {font-size:16px;}
.dd100 {width: 100%; overflow-y: auto;}
.derstdiger ul {width:600px}
.derstdiger h3 {text-align: left;}
.derstdiger {margin-top:8px}
.derst3 {flex-direction: column;align-items: flex-start;}
.derst2 {flex-direction: row-reverse; text-align: left; gap:6px; margin-top:6px}
.temiz2 {display: none;}
.derst2-1 {font-size:13px}
.derst2-1 span {margin-left:2px; font-size:13px}
.derst2-2 {margin-left:0px;}
.blogbanner3 {flex-direction: column}
.blgmn {overflow-y: auto;}
.blogcategory ul {width:1260px; height:64px}
.blogbanner1 {margin-top:-24px}
.blgphoto2 {width:40%;}
.blgphoto {width:50%}
.yorumlar {width: 100%;}
.filtreler {flex-direction: column; gap:12px; margin-top:-240px}
.filtrediv {overflow-y: auto}
.filtreler ul {flex-wrap: wrap; width: 960px; margin-bottom:16px;}
.filtreler ul li {margin:12px 0px}
.enbox1 {width: auto;}
.enbox {overflow-y: auto; margin-top:24px}

}

@media only screen and (min-width:991px) and (max-width:1140px) {
    .sepleft {width: 100%; height: auto; overflow-y: unset !important; padding:0px;}
    .sepright2 {display: none;}
    .sepright {display: none;}
    .menu {display: none;}
    .msag {display: none;}
    .mobilmenu {display: inline-block;}
    .blgmn {overflow-y: auto;}
    .blogcategory ul {width:1260px; height:64px}
    .yorumlar {width: 100%;    flex-direction: column;}
    .yorum1 {width: 100%;}
    .yorum2 {width: 100%; margin-left:0px; margin-top:48px}
    .filtreler {flex-direction: column; gap:12px;}
    .filtrediv {overflow-y: auto}
    .filtreler ul {flex-wrap: wrap; width: 960px; margin-bottom:16px;}
    .filtreler ul li {margin:12px 0px}
    .selboxright {display: none;}
    .selboxleft {width: 100%;}
    .enbox1 {width: auto;}
    .enbox {overflow-y: auto; margin-top:24px}
    .dersalani-nav {overflow-y: auto;}
    .dersalani-nav ul {width:1250px; height: 64px;}
    .gorusyaz2 i {font-size:28px}
    .d-purble2 {margin-top:24px;}
    .dersalmak-purble {flex-direction: column; align-items:normal}
    .horta {width:84%}

}

@media only screen and (min-width:1141px) and (max-width:1200px) {
.menu {display: none;}
.msag {display: none;}
.mobilmenu {display: inline-block;}
.blgmn {overflow-y: auto;}
.blogcategory ul {width:1260px; height:64px}
.yorumlar {width: 104%;}
.filtreler {flex-direction: column; gap:12px;}
.filtrediv {overflow-y: auto}
.filtreler ul {flex-wrap: wrap; width: 960px; margin-bottom:16px;}
.filtreler ul li {margin:12px 0px}
.selboxright {display: none;}
.selboxleft {width: 100%;}
.horta {width: 84%}
}

@media only screen and (min-width:1201px) and (max-width:1400px) {
.blgmn {overflow-y: auto;}
.blogcategory ul {width:1260px; height:64px}
.yorumlar {width: 104%;}
.tosearch2 { width:395px; inset:4px auto auto 320px }

}

@media only screen and (min-width:1401px) and (max-width:1600px) {
.yorumlar {width: 104%;}

}

@media only screen and (min-width:1601px) and (max-width:1800px) {


}

@media only screen and (min-width:1801px) and (max-width:2000px) {

}

@media only screen and (min-width:2001px) and (max-width:2200px) {

}

@media only screen and (min-width:2201px) and (max-width:2560px) {

}