*,
::after,
::before {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #333;
  text-align: left;
  background-color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 0.2rem;
}
a {
  color: #333;
  text-decoration: none;
  transition: all 0.3s;
}
a:hover {
  color: #4175df;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  font-size: 2rem;
}
h2 {
  font-size: 1.8rem;
}
h3 {
  font-size: 1.4rem;
}
h4 {
  font-size: 1.1rem;
}
h5 {
  font-size: 0.9rem;
}
h6 {
  font-size: 0.8rem;
}
header {
  width: 100%;
  font-size: 0.85rem;
  position: absolute;
  z-index: 999;
  background-color: #111f3aad;
}
header a {
  color: #999;
}
section {
  display: block;
}
.container {
  display: flex;
  flex-wrap: wrap;
  max-width: 70rem;
  margin: auto;
  padding: 2.5rem 1.3rem 0 1.3rem;
}
.footer-alt {
  padding: 0.3rem 1.3rem;
}
.kutular {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: auto;
}
.fullwidth {
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  padding: 2.5rem 0;
  margin: auto;
}
.logo {
  margin: 0.25rem 0 0 0;
}
.enust {
  display: flex;
  margin: auto;
  color: #777;
  transition: all 0.3s;
  max-width: 70rem;
}
.enust a {
  color: #777;
}
.ust1,
.ust2,
.ust3 {
  padding: 0.5rem;
  background-color: #ffffff0d;
}
.ust3 {
  background-color: #4175dfd9;
  padding: 0.8rem 0;
}
.enust-sol {
  display: flex;
}
.enust-sag {
  display: flex;
}
.ustsolek {
  width: 80%;
  color: #a2b2c3;
}
.ustsolek a {
  color: #a2b2c3;
}
.ustsagek {
  width: 20%;
}
.enust-orta {
  display: flex;
}
.ust-logo {
  margin-top: auto;
  margin-bottom: auto;
}
.altbslk {
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.276rem;
}
.ust-icn2 {
  width: 0.9rem;
  height: 0.9rem;
  margin: 0 0.1rem 0.17rem 0;
  vertical-align: middle;
  filter: invert(78%) sepia(8%) saturate(638%) hue-rotate(170deg)
    brightness(91%) contrast(86%);
}
.enustalt-sag {
  display: inline-block;
  margin: auto;
}
.enustalt-sag nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mns-kpn,
.ustadres,
.usttel {
  margin-right: 1.5rem;
}
.mns-ssy {
  width: 100%;
  text-align: right;
  font-size: 0;
}
.mnspylsm2 {
  width: 1rem;
  height: 1rem;
  margin: 0.15rem 1rem 0 0;
}
.facebookrenk {
  filter: invert(78%) sepia(8%) saturate(638%) hue-rotate(170deg)
    brightness(91%) contrast(86%);
}
.twitterrenk {
  filter: invert(78%) sepia(8%) saturate(638%) hue-rotate(170deg)
    brightness(91%) contrast(86%);
}
.instagramrenk {
  filter: invert(78%) sepia(8%) saturate(638%) hue-rotate(170deg)
    brightness(91%) contrast(86%);
}
.youtuberenk {
  filter: invert(78%) sepia(8%) saturate(638%) hue-rotate(170deg)
    brightness(91%) contrast(86%);
}
.linkedinrenk {
  filter: invert(78%) sepia(8%) saturate(638%) hue-rotate(170deg)
    brightness(91%) contrast(86%);
}
.ustsol {
  width: 35%;
}
.ustsag {
  width: 65%;
}
.mns-icn {
  width: 1.7rem;
  height: 1.7rem;
  color: #00a0e3;
  margin: 0.2rem;
  background-color: #333;
  padding: 0.35rem;
  border-radius: 0.2rem;
  transition: all 0.3s;
}
.mns-icn:hover {
  color: #000;
  background-color: #00000050;
}
.bzryn {
  display: flex;
  margin-right: 4rem;
  margin-left: auto;
}
.bzryn1 {
  letter-spacing: -0.02rem;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9rem;
  margin-top: 1.6rem;
  color: #b0cbec;
}
.bzryn1 a {
  letter-spacing: -0.04rem;
  text-transform: uppercase;
  font-size: 1.93rem;
  display: block;
  margin-top: -0.8rem;
  transition: all 0.3s;
  font-weight: 700;
  color: #4086f4;
}
.header-nav {
  flex-direction: column;
  padding-left: 0;
  list-style: none;
}
.secili {
  background-color: #204d90;
  color: #fff !important;
}
.enustmn {
  margin: 0;
  padding: 0;
}
.fkt4 {
  border-radius: 0.1rem;
  padding: 0.3rem 0.8rem 0.4rem 0.5rem;
}
.fkt4:hover {
  background-color: #204d90;
  color: #fff;
}
.icnmenuok {
  width: 1.2rem;
  height: 1.2rem;
  margin-top: 0.1rem;
  margin-bottom: -0.1rem;
  filter: invert(81%) sepia(3%) saturate(4938%) hue-rotate(190deg)
    brightness(99%) contrast(105%);
}
.dropdown {
  display: inline-block;
  margin: 0 0.5rem 0 0;
}
.dropdown2,
.dropdown3,
.dropdown4 {
  width: 100%;
  display: inline-block;
  transition-duration: 0.5s;
}
.dropdown a,
.dropdown2 a,
.dropdown3 a,
.dropdown4 a {
  font-size: 1.05rem;
  text-transform: uppercase;
  box-sizing: border-box;
  transition: all 0.3s;
  letter-spacing: -0.02rem;
  font-weight: 500;
  color: #fff;
}
.dropdown2 a,
.dropdown3 a,
.dropdown4 a {
  display: block;
  font-size: 0.875rem;
  color: #000;
  padding: 0.4rem 1rem 0.4rem 1.4rem;
}
.dropdown2 a:hover,
.dropdown3 a:hover,
.dropdown4 a:hover {
  color: #4086f4;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown2:hover .dropdown-content2 {
  display: block;
  z-index: 1;
}
.dropdown3:hover .dropdown-content3 {
  display: block;
  z-index: 1;
}
.dropdown:first-child a {
  color: #fff;
  z-index: 1;
  position: relative;
}
.dropdown:first-child:after {
  content: "";
  position: relative;
  display: block;
  margin-top: -1.8rem;
  height: 2.1rem;
  background-color: #4086f4;
  border-radius: 0.1rem;
  margin-bottom: -1.6rem;
}
.dropdown-content,
.dropdown-content2,
.dropdown-content3 {
  display: none;
  background: #fff;
  width: 16rem;
  position: absolute;
  z-index: 999;
  border-bottom: solid 0.3rem #4086f4;
  padding: 0.2rem 0 0.2rem 0 !important;
  box-shadow: 0 0 1rem 1rem #00000020;
  border-radius: 0.2rem;
}
.dropdown-content2,
.dropdown-content3 {
  width: 20rem;
  right: -20rem;
  margin-top: -2.15rem !important;
}
.active {
  display: block;
}
.ust-tel {
  position: absolute;
  padding: 0.4rem 0.8rem;
  width: 9rem;
  background-color: transparent;
  margin-left: -10.9rem;
  margin-top: 0.7rem;
  border-radius: 0.2rem;
  border: solid 0.1rem #04518c;
  font-size: 1rem;
  transition: all 0.3s ease-in-out;
  color: #04518c;
  font-weight: 500;
  text-align: center;
}
.ust-tel-span {
  color: #fff;
  letter-spacing: 0.08rem;
}
.ust-tel:hover {
  background-color: #000;
  border: solid 0.1rem #000;
  color: #04518c;
}
.manset {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #000;
}
.manset-ic {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  overflow: hidden;
  opacity: 0.5;
  filter: blur(5px);
}
.manset-ic2 {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  position: absolute;
  top: 0;
  overflow: hidden;
}
.mnsbg {
  background-color: #222429;
}
.manset-orta {
  position: absolute;
  width: 100%;
  top: 23rem;
}
.manset-yazi {
  max-width: 70rem;
  margin: auto;
  text-align: center;
}
.rsmek {
  max-height: 12rem !important;
}
.myazidis {
  display: inline-block;
  transform: skew(15deg);
  background: #0072ff3d;
  box-shadow: 0 1rem 2rem 0 #1e2f52;
}
.myazi1 {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.03rem;
  color: #fff;
  margin: auto;
  padding: 0.7rem 1.7rem 0.8rem 1.7rem;
  display: inline-block;
  transform: skew(-15deg);
}
.myazi2 {
  margin: auto;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  width: 100%;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
  text-shadow: 0 9px 1rem #0a1a31;
  max-width: 60rem;
  padding-bottom: 1.2rem;
  letter-spacing: -0.1rem;
}
.myazi3 {
  margin: auto;
  font-size: 1.2rem;
  line-height: 1.33;
  color: #fff;
  max-width: 50rem;
  text-shadow: 0 0.5rem 1rem #19233c;
  padding: 2rem 0;
  letter-spacing: -0.03rem;
}
.online-randevu {
  margin-top: 2rem;
}
.online-randevu-ust {
  margin-top: 2.5rem;
  color: #fff;
}
.saga {
  text-align: right;
}
.gizle {
  display: none;
}
.darkbg {
  padding: 4rem 6rem 1rem 6rem;
}
.darkbg2 {
  padding: 3rem 6rem 4rem 6rem;
}
.softbg {
  margin-top: -60px;
  padding: 0.5rem 6rem 6rem 6rem;
  background-color: #e4eeff;
}
.softbg2 {
  padding: 0.5rem 6rem 6rem 6rem;
}
footer {
  width: 100%;
  background-color: #091d35;
  background-image: linear-gradient(to bottom right, #091d35, #154279);
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #fff;
}
.foot1 {
  width: 30%;
}
.foot2 {
  width: 70%;
}
.foot3 {
  width: 25%;
}
.foot4 {
  width: 25%;
}
.footust {
  padding: 4rem 0 0.3rem 0;
  font-size: 0.85rem;
}
.fbaslik {
  font-size: 1.1rem;
  font-weight: 500;
  margin: 0.7rem 1rem 1.4rem 1rem;
  text-transform: uppercase;
  color: #fff;
}
.fbgovde {
  margin: 0 1rem;
}
.altmenu {
  margin: 0;
  padding: 0;
}
.altmenu li {
  list-style: none;
  margin: 0.5rem 0;
}
.altmenu li a {
  font-size: 1rem;
  font-weight: 400;
  color: #c4d1ff;
  transition: all 0.2s ease-in-out;
}
.altmenu li a:hover {
  color: #fff;
}
.footyazi {
  color: #c4d1ff;
  margin: 0 3rem 1rem 1rem;
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.footaltust {
  text-align: center;
  padding-top: 4rem;
}
.altadres,
.altmail,
.alttel {
  margin: 0 1rem 0 1rem;
  display: inline-block;
}
.altadres,
.altmail a,
.alttel a {
  font-size: 0.85rem;
  color: #9cb6dc;
  transition: all 0.2s ease-in-out;
}
.altadres:hover,
.altmail a:hover,
.alttel a:hover {
  color: #fff;
}
.foo-icn2 {
  filter: invert(82%) sepia(4%) saturate(3006%) hue-rotate(194deg)
    brightness(100%) contrast(102%);
  vertical-align: middle;
  margin-right: 0.1rem;
}
.footalt {
  color: #fff;
  font-size: 0.8rem;
  padding: 0 0 1rem 0;
}
.footalt a {
  color: #fff;
  transition: all 0.2s ease-in-out;
  font-size: 0;
}
.footalt a:hover {
  color: #fff;
  font-weight: 500;
}
.fooczg {
  border-top: solid 0.02rem #517188;
}
.foo-icn {
  width: 2.2rem;
  height: 2.2rem;
  color: #999;
  margin: 0.3rem;
  background-color: #000;
  padding: 0.55rem;
  border-radius: 0.3rem;
  transition: all 0.3s;
}
.foo-icn:hover {
  color: #fff;
  background-color: #00a0e3;
}
.imza {
  text-align: right;
  margin-left: -10rem;
  margin-top: -0.1rem;
}
.imza-logo {
  position: absolute;
  width: 5rem;
}
#yuk {
  position: fixed;
  bottom: 0.6rem;
  right: 0.8rem;
  z-index: 1;
  outline: 0;
  background-color: #4086f4;
  color: #fff;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  width: 2.2rem;
  height: 2.2rem;
}
#yuk:hover {
  background-color: #1f4dad;
}
#yuk:hover .fa-arrow-up {
  filter: invert(98%) sepia(10%) saturate(10%) hue-rotate(266deg)
    brightness(116%) contrast(100%);
}
.yukicn {
  margin-top: 0.45rem;
  margin-left: 0.54rem;
  filter: invert(100%) sepia(0) saturate(24%) hue-rotate(114deg)
    brightness(108%) contrast(108%);
}
.iconnav {
  width: 1rem;
  height: 1rem;
  filter: invert(100%) sepia(0) saturate(24%) hue-rotate(114deg)
    brightness(108%) contrast(108%);
}
.icncls {
  width: 1.5rem;
  height: 1.5rem;
  filter: invert(42%) sepia(74%) saturate(879%) hue-rotate(160deg)
    brightness(101%) contrast(106%);
}
.icnaryn {
  width: 2.9rem;
  margin-right: 0.6rem;
  filter: invert(50%) sepia(62%) saturate(3241%) hue-rotate(199deg)
    brightness(97%) contrast(98%);
}
.icniltsm {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  filter: invert(42%) sepia(97%) saturate(2831%) hue-rotate(207deg)
    brightness(94%) contrast(85%);
}
.ortaust {
  text-align: center;
  width: 100%;
  padding: 1rem 1rem 2.3rem 1rem;
  background-color: #4175df;
  transform: skewY(-2deg);
  top: -2rem;
  position: relative;
  box-shadow: 0 1rem 2rem 0 #6ebbfd73;
}
.govdeust {
  display: flex;
  flex-wrap: wrap;
  max-width: 80rem;
  margin: auto;
  padding: 2.5rem 1.3rem 0 1.3rem;
}
.govde-sol {
  width: 25%;
}
.govde-sag {
  width: 25%;
}
.govde {
  width: 50%;
}
.govde-img {
  width: 100%;
  height: auto;
  padding: 3rem;
}
.bassyz {
  font-size: 1rem;
  line-height: 1.4;
  color: #888;
}
.yeniicn {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0.2rem 0.7rem 0 0;
  filter: invert(37%) sepia(86%) saturate(1026%) hue-rotate(199deg)
    brightness(93%) contrast(88%);
}
.ucluek {
  padding: 1rem;
  text-align: center;
  margin-bottom: 2rem;
}
.ucluek2,
.ucluek22,
.ucluek23 {
  transition: all 0.3s;
  display: flex;
  margin-bottom: 4rem;
}
.ucluek2 {
  margin-right: -2rem;
  margin-left: 2rem;
}
.ucluek23 {
  margin-left: -2rem;
  margin-right: 2rem;
}
.yenicnust {
  transition: all 0.3s;
}
.kutubass,
.kutubass2 {
  transition: all 0.3s;
  font-weight: 600;
  font-size: 1.3rem;
}
.alanno {
  color: #fff;
}
.altili {
  display: flex;
  flex-wrap: wrap;
  width: 16.66%;
  transition: all 0.3s ease-in-out;
}
.besli {
  display: flex;
  flex-wrap: wrap;
  width: 20%;
  transition: all 0.3s ease-in-out;
}
.dortlu {
  display: flex;
  flex-wrap: wrap;
  width: 25%;
  transition: all 0.3s ease-in-out;
}
.uclu {
  display: flex;
  flex-wrap: wrap;
  width: 33.33%;
  transition: all 0.3s ease-in-out;
}
.ikili {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  transition: all 0.3s ease-in-out;
}
.uciki {
  width: 66.66%;
  transition: all 0.3s ease-in-out;
}
.ucbir {
  width: 33.33%;
  transition: all 0.3s ease-in-out;
}
.iletisimyeni .ucbir {
  text-align: right;
}
.mobilmenu {
  display: none;
}
.closebtn {
  display: none;
}
.ortabaslik {
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  text-align: center;
  color: #333;
  text-transform: uppercase;
  margin-top: 5rem;
  margin-bottom: -1rem;
}
.kutu1 {
  width: 100%;
  border-radius: 0.5rem;
  margin: 0.8rem;
  transition: all 0.3s;
  background: #ebf5ff;
  border-bottom: solid 0.3rem #cadbf7;
}
.kutu1-dty {
  padding-left: 0.8rem;
  border-radius: 0.7rem;
  transition: all 0.3s;
}
.kutu1:hover {
  background: #2757b7;
  border-bottom: solid 0.3rem #0005;
}
.kutu1-dty h3 {
  transition: all 0.3s;
  font-size: 1.05rem;
  text-transform: uppercase;
  font-weight: 500;
  color: #333;
  padding: 0.3rem 0.3rem 0.1rem 0.3rem;
}
.kutu1:hover h3 {
  color: #fff;
}
.kutu1-img {
  width: 100%;
  border-radius: 0.5rem 0.5rem 0 0;
  transition: all 0.3s;
}
.kutu1-icn {
  transition: all 0.3s;
  filter: invert(82%) sepia(20%) saturate(290%) hue-rotate(181deg)
    brightness(103%) contrast(94%);
  margin-top: 0.2rem;
  margin-bottom: -0.13rem;
  margin-left: 0.2rem;
}
.kutu2 {
  border: solid 0.02rem #e5f4ff;
  width: 100%;
  border-radius: 0.5rem;
  margin: 0.8rem;
  transition: all 0.3s;
  background: #fff;
  border-bottom: solid 0.3rem #e5f4ff;
}
.kutu2:hover {
  border-bottom: solid 0.3rem #3d6ccc;
}
.kutu2-dty {
  padding: 0.2rem 0.7rem;
}
.kutu2-dty h3 {
  transition: all 0.3s;
  font-size: 0.95rem;
  text-transform: uppercase;
  color: #3d6ccc;
  text-align: center;
  letter-spacing: -0.05rem;
}
.kutu2-dty span {
  color: #000;
  transition: all 0.3s;
}
.kutu2-img {
  width: 100%;
  border-radius: 0.5rem 0.5rem 0 0;
  transition: all 0.3s;
}
.kutu3 {
  width: 100%;
  border-radius: 0.5rem;
  margin: 0.8rem;
  transition: all 0.3s;
  background: #fff;
  text-align: center;
}
.kutu3-img {
  border-radius: 0.5rem;
  transition: all 0.3s;
}
.kutu3-dty {
  transition: all 0.3s;
}
.kutu3-trh {
  color: #586777;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-weight: 400;
  background-color: #fff;
  box-shadow: 0 0 1.5rem 0.5rem #00000020;
  padding: 0.3rem 2rem 0.35rem 2rem;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  top: -1.5rem;
  font-size: 0.8rem;
}
.kutu3-icn {
  width: 0.8rem;
  height: 0.8rem;
  vertical-align: middle;
  margin-right: 0.2rem;
  color: #cc1f1a;
}
.kutu3-icn2 {
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  margin-right: 0.2rem;
  margin-top: 1rem;
  filter: invert(86%) sepia(5%) saturate(5%) hue-rotate(324deg) brightness(96%)
    contrast(90%);
}
.kutu3-dty h3 {
  margin-top: -0.5rem;
  font-weight: 500;
  letter-spacing: 0.04rem;
  font-size: 1.1rem;
}
.kutu3-dty p {
  font-size: 1.25rem;
  line-height: 1.45rem;
  letter-spacing: 0.07rem;
  margin-top: 1rem;
  color: #777;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.altlogo {
  margin: 0 3rem 1rem 1rem;
}
.altlogo a {
  color: #fff !important;
}
.logolar {
  width: 12.5%;
  text-align: center;
  margin: auto;
}
.logolar-ic {
  background-color: rgb(255 255 255);
  box-shadow: 0 0 0.5rem 0.2rem #e7eef7;
  border-radius: 0.3rem;
  padding: 0.7rem;
  margin: 0.5rem;
  height: 3.5rem;
  overflow: hidden;
  transition: all 0.3s;
}
.logolar-ic img {
  width: 100%;
  height: 100%;
}
.dpdestek {
  box-shadow: rgba(0, 0, 0, 0.1) 0 0.75rem 1.5rem 0;
  width: 20rem;
  height: 19.4rem;
  border-radius: 0.7rem;
  background-color: #fff;
  margin-bottom: 6rem;
  position: fixed;
  bottom: 0;
  left: 0;
  right: auto;
  margin-left: 1.25rem;
  font-size: 0.9rem;
  transition: opacity 0.3s ease 0s, margin 0.3s ease 0s, visibility 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
}
.dpdestekhead {
  width: 20rem;
  height: 5.25rem;
  background: #095e54;
  color: #fff;
  border-radius: 0.625rem 0.625rem 0 0;
}
.dpdestekavatar {
  height: 3.2rem;
  width: 3.2rem;
  border-radius: 50%;
  float: left;
  margin: 1.13rem 0.9rem 00 1.25rem;
}
.dpdestekavatar img {
  height: 3.2rem;
  width: 3.2rem;
  border-radius: 50%;
}
.dpdestekkim {
  margin-top: 1.2rem;
  height: 3.2rem;
  float: left;
}
.dpdestekisim {
  font-size: 1.1rem;
  font-weight: 500;
}
.dpdestekunvan {
  font-size: 0.85rem;
  margin-top: 0.25rem;
}
.dpdestekmesaj {
  background-color: #e6ddd4;
  height: 9.25rem;
}
.dpdestekmesajic {
  background-image: url(../img/wbg.webp);
  opacity: 0.08;
  height: 9.25rem;
}
.dpdestekyazi {
  position: absolute;
  z-index: 2;
  padding: 0.35rem 0.85rem;
  margin: 1.5rem 1.25rem;
  background-color: #fff;
  border-radius: 0 0.5rem 0.5rem;
  box-shadow: rgba(0, 0, 0, 0.13) 0 0.1rem 0.05rem;
  width: 11.5rem;
  height: 5.9rem;
  animation-name: dpgelenyazi;
  animation-duration: 3s;
}
@keyframes dpgelenyazi {
  0% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.dpdestekyaziok {
  position: absolute;
  background-image: url(../img/wbln.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  top: 0;
  left: -0.75rem;
  width: 0.75rem;
  height: 1.2rem;
}
.dpdestekyaziisim {
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.12rem;
  color: rgba(0, 0, 0, 0.4);
}
.dpdestekyazimesaj {
  margin-top: 0.125rem;
}
.dpdestekyazimesaj p {
  font-size: 0.85rem;
  line-height: 1.2rem;
  margin: 0.25rem 0 0 0;
  color: #000;
}
.sanliyazisaat {
  font-size: 0.75rem;
  text-align: right;
  color: rgba(0, 0, 0, 0.5);
  margin-right: -0.5rem;
}
.dpdestekbuton {
  padding: 1.25rem;
}
.dpdestekbuton a {
  text-align: center;
  font-size: 0.9rem;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  text-decoration: none;
}
.wpbuton {
  height: 2.2rem;
  z-index: 3;
  background-color: #4fce5d;
  border-color: #4fce5d;
  padding: 0.5rem 0.75rem;
  border-radius: 1.25rem;
  transition: all 0.3s ease 0s;
}
.wpbuton:hover {
  background-color: #32b441;
  border-color: #32b441;
}
.wpbutonorta {
  width: 8.25rem;
  margin: auto;
}
.butonbaslik {
  float: left;
}
.dpdestekicon {
  width: 1.25rem;
  height: 1.25rem;
  float: left;
  margin-right: 0.32rem;
}
.dpdesteknokta {
  top: 3.5rem;
  left: 3.5rem;
  width: 0.75rem;
  height: 0.75rem;
  box-sizing: border-box;
  background-color: #4ad504;
  display: block;
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  border: 0.12rem solid #095e54;
}
.dpdestekalt {
  width: 4rem;
  height: 4rem;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0.2rem 0.75rem;
  border-radius: 50%;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
}
.dpdestekalticon {
  text-align: center;
  margin-top: 0.9rem;
}
.dpdestekalticon a img {
  width: 2.2rem;
  height: 2.2rem;
}
.dpdestekkapat {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  opacity: 0.4;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  outline: transparent;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.dpdestekkapat:hover {
  opacity: 0.8;
}
.dpdestekkapat::before {
  transform: rotate(45deg);
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 0.125rem;
  background-color: #fff;
  display: block;
  border-radius: 0.125rem;
}
.dpdestekkapat::after {
  transform: rotate(-45deg);
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 0.125rem;
  background-color: #fff;
  display: block;
  border-radius: 0.125rem;
}
.dpdestekkapa {
  opacity: 1;
  visibility: inherit;
  transition: opacity 0.3s ease 0s, margin 0.3s ease 0s, visibility 0.3s ease 0s;
}
.destekwrite {
  background-color: #fff;
  width: 3.32rem;
  height: 2rem;
  border-radius: 1rem;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin-left: 0.63rem;
  transition: all 0.1s ease 0s;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.13) 0 0.1rem 0.05rem;
  position: absolute;
  margin-top: 1.5rem;
  margin-left: 1.25rem;
  animation-name: dpgelenyazink;
  animation-duration: 3s;
}
@keyframes dpgelenyazink {
  0% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.destekwriteic {
  position: relative;
  display: flex;
}
.desteknokta1 {
  height: 0.32rem;
  width: 0.32rem;
  margin: 0 0.13rem;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  top: 0;
  background-color: #9e9da2;
  animation-name: dpnokta1;
}
.desteknokta2 {
  height: 0.32rem;
  width: 0.32rem;
  margin: 0 0.13rem;
  background-color: #b6b5ba;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  top: 0;
  animation-name: dpnokta2;
}
.desteknokta3 {
  height: 0.32rem;
  width: 0.32rem;
  margin: 0 0.13rem;
  background-color: #b6b5ba;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  top: 0;
  animation-name: dpnokta3;
}
@keyframes dpnokta1 {
  0% {
    background-color: #b6b5ba;
  }
  15% {
    background-color: #111;
  }
  25% {
    background-color: #b6b5ba;
  }
}
@keyframes dpnokta2 {
  15% {
    background-color: #b6b5ba;
  }
  25% {
    background-color: #111;
  }
  35% {
    background-color: #b6b5ba;
  }
}
@keyframes dpnokta3 {
  25% {
    background-color: #b6b5ba;
  }
  35% {
    background-color: #111;
  }
  45% {
    background-color: #b6b5ba;
  }
}
.logoalt {
  width: 12rem;
  margin: 1rem 3rem 1rem 1rem;
}
.hizli-ara {
  display: none;
}
.iltbnr {
  display: flex;
  position: relative;
  background-color: #4175df;
  background: url(/site/img/iltbg.webp);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  padding: 3rem 5rem;
  margin: auto;
  overflow: hidden;
  flex-wrap: wrap;
}
.iletisimyeni {
  width: 100%;
  max-width: 60rem;
  margin: auto;
  display: flex;
}
.iltbtn {
  padding: 0.6rem 2.1rem 0.7rem 2.1rem;
  border-radius: 0.3rem;
  font-size: 1.1rem;
  color: #fff;
  background-color: #274175;
  position: relative;
  z-index: 999;
  display: inline-block;
  margin-top: 1rem;
  margin-left: 2rem;
  font-weight: 600;
}
.iltbtn:hover {
  color: #111;
  background-color: #fff;
  box-shadow: 0 0.5rem 0.5rem 0.5rem #00000020;
}
.iltbslk {
  font-size: 2.1rem;
  line-height: 1.2;
  color: #d9f3ff;
  letter-spacing: -0.1rem;
  font-weight: 300;
}
.iltbslk span {
  font-weight: 800;
  color: #fff;
  text-shadow: 0 0.7rem 0.4rem #14244255;
  letter-spacing: 0;
}
.ilt-rsm1,
.ilt-rsm2 {
  position: absolute;
  top: 0;
  right: 0;
}
.btn-ozl {
  position: relative;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  background: #3d6ccc;
  color: #fff;
  border-radius: 0.3rem;
  overflow: hidden;
  transition: all 0.3s ease;
  font-weight: 500;
  margin-top: 1rem;
}
.btn-ozl-ic {
  position: absolute;
  right: -1rem;
  top: 0;
  width: 1.7rem;
  height: 100%;
  background: #1d2730;
  opacity: 0.2;
  z-index: 0;
  transform: skewX(-22deg);
  transition: all 0.5s ease;
}
.btn-bslk {
  position: relative;
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: #000 !important;
  padding: 0.4rem 2rem 0.5rem 1.5rem;
  z-index: 1;
  background: #fff;
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 0.2rem;
  transition: all 0.3s ease;
}
.btn-bslk:hover {
  color: #fff !important;
  background: #4175df !important;
}
.btn-bslk:hover .mnsrand {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(276deg)
    brightness(106%) contrast(102%);
}
.btn-ozl:hover {
  background: #fff;
  color: rgb(255 255 255);
}
.btn-ozl:hover .btn-ozl-ic {
  opacity: 1;
  right: 0;
  width: 100%;
  transform: skewX(0);
}
.hrkt-bslk {
  font-size: 2.5rem;
  line-height: 1.1;
  color: #fff;
  font-weight: 700;
  margin-top: 1rem;
  letter-spacing: -0.05rem;
}
.hrkt-ackl {
  font-size: 1rem;
  color: #fff;
  max-width: 40rem;
  margin: auto;
}
.hrkt-ackl a {
  color: #00a0e3;
}
.nkt {
  color: #00a0e3;
  font-size: 3.5rem;
}
.hrktlbg {
  position: relative;
  border-radius: 0.3rem;
  overflow: hidden;
  transition: all 0.5s ease;
  margin: 1rem;
}
.hrktlbg-bslk {
  position: relative;
  display: block;
  font-size: 2.4rem;
  padding: 1rem 3rem 0.7rem 3rem;
  z-index: 1;
}
.hrktlnm {
  width: 50%;
  font-size: 3rem;
  color: #5887b6;
}
.hrktlicn {
  text-align: right;
}
.desci {
  width: 3.5rem;
  height: 4rem;
  margin-right: 0.7rem;
  float: left;
  filter: invert(64%) sepia(0) saturate(263%) hue-rotate(197deg) brightness(97%)
    contrast(83%);
}
.hrktlbg p {
  font-size: 0.95rem;
  line-height: 1.4;
}
.kutubas {
  font-weight: 700;
  font-size: 1.1rem !important;
  margin-bottom: 0.5rem;
  line-height: 1.3 !important;
  color: #333;
}
.solek {
  display: block;
  background-color: #f2f2f2;
  margin: 1rem 3rem 1rem 0;
  padding: 1.2rem 2.5rem;
  border-radius: 2rem 0 2rem 0;
  border-bottom: solid 0.7rem #04518c;
  transition: 0.3s;
  box-shadow: 0 1rem 1rem 0.5rem rgba(228, 228, 228, 0.333);
}
.solek:hover {
  margin-top: -1rem;
  margin-bottom: 3rem;
  box-shadow: 0 2rem 1rem 0.5rem rgba(199, 199, 199, 0.333);
}
.tabust {
  display: none;
  width: 100%;
}
.tabbslk {
  overflow: hidden;
  border-radius: 0.3rem 0.3rem 0 0;
  margin: auto;
}
.tablink {
  font-size: 0.9rem;
  color: #fff;
  float: left;
  background-color: #4175df;
  border: none;
  outline: 0;
  cursor: pointer;
  padding: 0.5rem 1.7rem;
  transition: 0.3s;
  box-shadow: 0.3rem 0.3rem 2rem #000;
  text-transform: uppercase;
  font-weight: 600;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.mnspylsm {
  width: 1rem;
  height: 1rem;
  margin: 0 0 0.5rem 0.9rem;
  filter: invert(100%) sepia(11%) saturate(7455%) hue-rotate(200deg)
    brightness(112%) contrast(106%);
}
.mnsrand {
  width: 1rem;
  height: 1rem;
  margin-top: 0.2rem;
  margin-bottom: -0.1rem;
  margin-right: 0.1rem;
  transition: 0.3s;
  filter: invert(0) sepia(99%) saturate(1%) hue-rotate(32deg) brightness(93%)
    contrast(100%);
}
.mnsrand2 {
  width: 1rem;
  height: 1rem;
  margin-top: 0.2rem;
  margin-bottom: -0.1rem;
  transition: 0.3s;
  filter: invert(98%) sepia(0) saturate(0) hue-rotate(331deg) brightness(101%)
    contrast(104%);
}
.iltbtn:hover .mnsrand2 {
  filter: invert(0) sepia(47%) saturate(3039%) hue-rotate(27deg)
    brightness(103%) contrast(105%);
}
.tab {
  padding: 1rem;
  max-width: 100%;
  margin-bottom: 2rem;
  border-radius: 0.5rem;
  background-color: #fff;
  box-shadow: 0 1rem 1rem 0.5rem #9995;
}
.tab-1 {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}
.tab-2 {
  margin-bottom: 1rem;
  flex: 0 0 25%;
  max-width: 25%;
  position: relative;
  width: 100%;
  min-height: 0.05rem;
}
.tab-3 {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.tab-4 {
  flex: 1 1 auto;
  margin: 0.5rem 0.5rem 0 0.5rem;
  border-radius: 0.2rem;
  border: solid 0.188rem #f5f5f5;
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-align: center;
}
.tab-4:hover {
  border: solid 0.188rem #4175df;
}
.tab-4 a {
  transition: all 0.3s ease 0s;
}
.tab-5 {
  text-align: center;
}
.tab-5a {
  max-width: 100%;
  max-height: 8rem;
}
.tab-6 {
  min-height: 1rem;
  background-color: #f5f5f5;
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.tab-6a {
  text-align: center;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.5rem;
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  color: #222;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0;
  padding: 0.2rem 0;
}
.tab-6m {
  min-height: 1rem;
}
.tab-6m h4 {
  font-size: 0.85rem;
}
.tab-1::-webkit-scrollbar-track {
  border-radius: 0.625rem;
  background-color: #f5f5f5;
}
.tab-1::-webkit-scrollbar {
  width: 0.75rem;
  background-color: #f5f5f5;
}
.tab-1::-webkit-scrollbar-thumb {
  border-radius: 0.63rem;
  background-color: #4175df;
}
.tb-blg1 {
  border: none;
  border-bottom: solid 0.2rem #ddd;
  background: #eee;
}
.tb-blg1:hover {
  border: none;
  border-bottom: solid 0.2rem #1d4799;
  background: #4175df;
}
.tb-blg1:hover .tab-6a {
  color: #fff !important;
}
.tab-4:hover .tab-6 {
  background-color: #4175df;
}
.tab-4:hover .tab-6a {
  color: #fff;
}
.tab-plk {
  position: absolute;
  left: 0;
  margin-left: 2rem;
  color: #fff;
}
.tb-mrk {
  max-width: 12.5rem;
  max-height: 3.125rem;
  margin: 0.5rem 0;
}
.tb-secili {
  background-color: #0c3588;
  color: #fff;
}
.blg-icn {
  color: #f4f4f4;
  margin-top: 0.2rem;
}
.ortali {
  margin: auto;
}
@media only screen and (max-width: 87.5rem) {
  .altili {
    width: 33.33%;
    transition: all 0.3s ease-in-out;
  }
  .manset-orta {
    top: 17rem;
  }
  .manset-yazi {
    padding-left: 3rem;
  }
  .myazi2 {
    font-size: 4rem;
    line-height: 4.5rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  .mns-kpn {
    display: none;
  }
}
@media only screen and (max-width: 71.87rem) {
  .enustalt-sol {
    width: 50%;
  }
  .enustalt-sag {
    width: 50%;
    text-align: right;
  }
  .enustalt-sag nav ul {
    padding: 0;
    margin: 0;
  }
  .mobilmenu {
    display: inline;
    font-size: 1.4rem;
    cursor: pointer;
    border: solid 0.1rem #4c72bf;
    color: #fff;
    background-color: #4c72bf;
    border-radius: 0.2rem;
    padding: 0.1rem 0.6rem 0.3rem 0.6rem;
    margin-right: 1rem;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 4rem;
    text-align: center;
  }
  .sidenav a {
    padding: 1rem 1rem 1rem 5rem;
    text-decoration: none;
    color: #222;
    display: block;
    transition: 0.3s;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.4rem;
    color: #04518c;
  }
  .dropdown {
    padding: 0;
    margin: 0;
    text-align: left;
    width: 100%;
    border-bottom: solid 0.02rem #eee;
  }
  .dropdown a {
    padding: 0.5rem 0.5rem 0.4rem 1.3rem;
  }
  .dropdown:first-child:after {
    background-color: #fff;
  }
  .dropdown-content,
  .dropdown-content2,
  .dropdown-content3 {
    width: 100%;
    position: inherit;
    border-radius: 0;
    margin-top: 0 !important;
  }
  .dropdown2 a {
    font-size: 0.85rem !important;
  }
  .tab-2 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .enust {
    padding: 0 1rem;
  }
  .govde {
    display: none;
  }
  .govde-sag,
  .govde-sol {
    width: 50%;
  }
  .ucluek2 {
    margin-left: 0;
    margin-right: 3rem;
  }
  .ucluek23 {
    margin-left: 0;
    margin-right: 3rem;
  }
}
@media only screen and (max-width: 62.31rem) {
  .dortlu {
    width: 50%;
    transition: all 0.3s ease-in-out;
  }
  .uclu {
    width: 50%;
    transition: all 0.3s ease-in-out;
  }
  .ikiliek {
    width: 100%;
    transition: all 0.3s ease-in-out;
  }
  .foot1 {
    width: 50%;
  }
  .foot2 {
    width: 50%;
  }
  .foot3 {
    width: 50%;
  }
  .foot4 {
    width: 50%;
  }
}
@media only screen and (max-width: 56.25rem) {
  .logolar {
    width: 33.33%;
    text-align: center;
  }
  .altili {
    width: 50%;
    transition: all 0.3s ease-in-out;
  }
  .mns-rsm2,
  .mns-rsm3 {
    display: none;
  }
  .btn-bslk,
  .ustadres {
    display: none;
  }
  .ustsag,
  .ustsagek,
  .ustsol,
  .ustsolek {
    width: 50%;
  }
}
@media only screen and (max-width: 47.93em) {
  .uciki {
    width: 100%;
  }
  .ucbir {
    width: 100%;
  }
  .imza-logo {
    position: inherit;
    width: 8rem;
  }
  .imza {
    text-align: center;
    margin-left: 0;
    margin-top: 0;
    width: 43% !important;
  }
  .mblorta {
    width: 57% !important;
    text-align: center;
  }
  .foo-icn {
    width: 1.2rem;
    height: 1.2rem;
    padding: 0;
    background-color: transparent;
    color: #00a0e3;
    border-radius: 0;
    margin-top: 0.65rem;
  }
  .enustalt-sol {
    width: 50%;
    margin-top: 0.3rem;
  }
  .enustalt-sag {
    width: 50%;
  }
  .logo {
    width: 11rem;
    margin: 0.5rem 0;
  }
  .enust-sol {
    padding: 0.3rem 0 0.35rem 0;
  }
  .manset-yazi {
    margin-top: 2.5rem;
    padding: 0 1.5rem;
    text-align: center;
  }
  .manset-orta {
    margin-top: auto;
    margin-bottom: auto;
    top: 8rem;
  }
  .myazi1 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    padding: 0.7rem 0.5rem 0.8rem 0.5rem;
  }
  .myazi2 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 2rem;
    line-height: 1.2;
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
  .myazi3 {
    width: 100%;
    text-align: center;
    font-size: 1rem;
    display: none;
  }
  .logolar {
    width: 33.33%;
    text-align: center;
  }
  .ikili {
    width: 100%;
  }
  .dpdestek {
    width: 18.75rem;
    margin-bottom: 10rem;
    opacity: 0;
    display: none;
  }
  .dpdestekkapa {
    opacity: 1;
  }
  .dpdestekalt {
    margin-bottom: 5rem;
    display: none;
  }
  .dpdestekhead {
    width: 18.75rem;
  }
  .mns-kpn,
  .mns-rsm1,
  .mns-ssy {
    display: none;
  }
  .ortabaslik {
    font-size: 1.3rem;
    margin-top: 2rem;
  }
  .nkt {
    font-size: 3.5rem;
  }
  .logolar-ic {
    box-shadow: 0 0 1rem 0.3rem #00000010;
  }
  .softbg,
  .softbg2 {
    padding: 1rem 0 0 0;
  }
  .darkbg {
    padding: 0;
  }
  .hrkt-bslk {
    font-size: 2rem;
    line-height: 2rem;
  }
  .hrkt-ackl {
    font-size: 1rem;
  }
  .hrktlbg h4 {
    font-size: 1.2rem;
  }
  .tab-2 {
    flex: 0 0 100%;
    max-width: 50%;
  }
  .tab-2a {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .tab-4a {
    margin: 0.2rem 0.3rem 0 0.3rem;
  }
  .tb-mrk {
    height: 1.5rem;
    width: 100%;
  }
  .tab-6b {
    font-size: 0.85rem;
    line-height: 1rem;
  }
  .tablink {
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
  }
  .kutu1-dty h3 {
    font-size: 0.9rem;
  }
  .ust1 {
    display: none;
  }
  .bzryn {
    display: none;
  }
  .ust3 {
    background-color: transparent;
    position: absolute;
    z-index: 999;
    border-bottom: none;
    right: 0;
    top: 0.2rem;
  }
  .enust {
    border-bottom: none;
  }
  .dropdown:first-child a {
    color: #222 !important;
  }
  .govde-sag,
  .govde-sol {
    width: 100%;
  }
  .ucluek2 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .ucluek2,
  .ucluek22,
  .ucluek23 {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 29.93rem) {
  .dortlu {
    width: 100%;
  }
  .uclu {
    width: 100%;
  }
  .ikili {
    width: 100%;
  }
  .uciki {
    width: 100%;
  }
  .ucbir {
    width: 100%;
  }
  .foot1 {
    width: 100%;
  }
  .foot2 {
    width: 100%;
  }
  .foot3 {
    width: 100%;
  }
  .foot4 {
    width: 100%;
  }
  .fbaslik {
    margin: 1.5rem 1rem;
  }
  .logolar {
    width: 50%;
    text-align: center;
  }
  .enust-sag {
    display: none;
  }
  .altili {
    width: 100%;
    transition: all 0.3s ease-in-out;
  }
  #yuk {
    display: none;
  }
  .logolar-img {
    width: 90%;
  }
  .hzmt-img {
    min-width: 18rem;
  }
  .hizli-ara {
    display: flex;
    flex-wrap: wrap;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #000b;
    box-shadow: 0 -0.5rem 1rem #00000050;
  }
  .hizli-ara-yan {
    width: 50%;
  }
  .hizli-whatsapp {
    width: 50%;
  }
  .hizli-ara-icn {
    width: 1rem;
    margin: 0.1rem 0.3rem 0.3rem 0;
    vertical-align: middle;
    filter: invert(98%) sepia(10%) saturate(10%) hue-rotate(266deg)
      brightness(116%) contrast(100%);
  }
  .hzlrmek {
    width: 1.3rem;
    margin-bottom: 0;
    margin-top: -0.2rem;
  }
  .hzlrbt1,
  .hzlrbt2 {
    margin: 0.5rem;
    background-color: #4381ff;
    padding: 0.5rem 0.5rem 0.35rem 0.5rem;
    border-radius: 0.2rem;
    text-align: center;
  }
  .hzlrbt2 {
    background-color: #16be37;
    margin: 0.5rem 0.5rem 0.5rem 0;
  }
  .hzlrbt3 {
    width: 100%;
    display: block;
    font-size: 1rem;
    font-weight: 600;
  }
  .hzlrbt4 {
    width: 100%;
    display: block;
    font-size: 1rem;
    font-weight: 600;
  }
  .hzlrm-icn1,
  .hzlrm-icn2 {
    margin: 0.1rem 0.3rem 0.3rem 0;
    vertical-align: middle;
    filter: invert(100%) sepia(0) saturate(24%) hue-rotate(114deg)
      brightness(108%) contrast(108%);
  }
  .hzlrm-icn1 {
    width: 1.2rem;
    height: 1.2rem;
  }
  .hzmt {
    margin: auto;
    margin-bottom: 2rem;
  }
  .imza {
    height: 7rem;
  }
  .dropdown-content2,
  .dropdown-content3 {
    margin-top: 0 !important;
  }
  .iltbnr {
    padding: 2.5rem;
  }
  .iltbslk {
    font-size: 1.7rem;
    line-height: 2.2rem;
  }
  .iltbtn {
    display: inline-block;
    padding: 0.5rem 2rem;
    margin-top: 1rem;
  }
  .kutu1 {
    text-align: center;
  }
  .kutu1-img {
    width: 17.5rem;
    height: 9.625rem;
  }
  .kutu2 {
    text-align: center;
  }
  .kutu2-img {
    width: 17.5rem;
    height: 9.625rem;
  }
  .iletisimyeni {
    display: block;
  }
  .iltbtn {
    width: 100%;
    margin-left: 0;
    text-align: center;
    position: initial;
  }
  .ucluek {
    width: 50%;
  }
  .ustsol {
    width: 90%;
  }
  .ustsag {
    width: 10%;
  }
  .altbslk {
    font-size: 0.77rem;
  }
  .manset {
    height: 85vh;
  }
  .myazi1 {
    color: #fff;
  }
  .sbslk-ic {
    font-size: 1.8rem !important;
  }
  h1 {
    font-size: 1.6rem;
  }
  h2 {
    font-size: 1.4rem;
  }
  h3 {
    font-size: 1.3rem;
  }
  h4 {
    font-size: 1.1rem;
  }
  h5 {
    font-size: 0.875rem;
  }
  h6 {
    font-size: 0.7rem;
  }
  .softbg {
    margin-top: -40px;
  }
  .tab-6a {
    font-size: 0.6rem;
  }
}
@media screen and (max-height: 28.12rem) {
  .sidenav {
    padding-top: 3rem;
  }
  .sidenav a {
    font-size: 1.3rem;
  }
}