@charset "UTF-8";
/* Reset CSS */
/* Box Sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Typography */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
  margin: 0;
  padding: 0;
}

html, body {
  min-height: 100vh;
  background-color: var(--white);
}

body {
  font-size: 16px;
  line-height: 17px;
  font-family: "Baloo 2", serif;
  font-weight: 400;
  font-style: normal;
}
body::-webkit-scrollbar {
  background-color: transparent;
  width: 0;
}
body::-webkit-scrollbar-thumb {
  background-color: transparent;
  width: 0;
  /* Chrome, Safari, Edge ve Opera için */
}
body::-webkit-scrollbar-track {
  background-color: transparent;
  width: 0;
  /* Chrome, Safari, Edge ve Opera için */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-weight: normal;
}

/* Links */
a {
  text-decoration: none;
  color: inherit;
}

/* Lists */
ul,
ol {
  list-style: none;
}

/* Forms */
input,
button,
textarea,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* Reset Image */
img {
  max-width: 100%;
  height: auto;
  overflow: clip;
  overflow-clip-margin: content-box;
}

/* Reset Table */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Misc */
button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* Responsive Embeds */
embed,
iframe,
object,
video {
  max-width: 100%;
}

/* Clear Floats */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

@font-face {
  font-family: "customFont";
  src: url("../../font/customFont/customFont.eot?u0c48x");
  src: url("../../font/customFont/customFont.eot?u0c48x#iefix") format("embedded-opentype"), url("../../font/customFont/customFont.ttf?u0c48x") format("truetype"), url("../../font/customFont/customFont.woff?u0c48x") format("woff"), url("../../font/customFont/customFont.svg?u0c48x#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "customFont" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-user-robot:before {
  content: "\e92a";
}

.icon-book-heart:before {
  content: "\e92b";
}

.icon-member-search:before {
  content: "\e92c";
}

.icon-notebook:before {
  content: "\e92d";
}

.icon-linkedin:before {
  content: "\e928";
}

.icon-whatsapp:before {
  content: "\e929";
}

.icon-notepad:before {
  content: "\e925";
}

.icon-robot:before {
  content: "\e926";
}

.icon-person-search:before {
  content: "\e927";
}

.icon-arrow-alt-circle-up:before {
  content: "\e924";
}

.icon-chevron:before {
  content: "\e923";
}

.icon-close:before {
  content: "\e910";
}

.icon-arrow-middle-left:before {
  content: "\e900";
}

.icon-blood-test-tube:before {
  content: "\e901";
}

.icon-bubble-discussion:before {
  content: "\e902";
}

.icon-calendar .path1:before {
  content: "\e903";
  color: rgb(0, 0, 0);
  opacity: 0.991;
}

.icon-calendar .path2:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.995;
}

.icon-circle-check:before {
  content: "\e905";
}

.icon-computer:before {
  content: "\e906";
}

.icon-degree-credential:before {
  content: "\e907";
}

.icon-download:before {
  content: "\e908";
}

.icon-earth-americas:before {
  content: "\e909";
}

.icon-employee-man-alt:before {
  content: "\e90a";
}

.icon-envelope:before {
  content: "\e90b";
}

.icon-facebook:before {
  content: "\e90c";
}

.icon-graduation-cap:before {
  content: "\e90d";
}

.icon-headset:before {
  content: "\e90e";
}

.icon-heart:before {
  content: "\e90f";
}

.icon-instagram-color:before {
  content: "\e911";
}

.icon-instagram-outline:before {
  content: "\e912";
}

.icon-journal-alt:before {
  content: "\e922";
}

.icon-marker:before {
  content: "\e913";
}

.icon-megaphone:before {
  content: "\e914";
}

.icon-newspaper:before {
  content: "\e915";
}

.icon-phone-retro-2 .path1:before {
  content: "\e916";
  color: rgb(0, 0, 0);
  opacity: 0.987;
}

.icon-phone-retro-2 .path2:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.992;
}

.icon-phone-retro-2 .path3:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.982;
}

.icon-question-square:before {
  content: "\e919";
}

.icon-search:before {
  content: "\e91a";
}

.icon-share:before {
  content: "\e91b";
}

.icon-star:before {
  content: "\e91c";
}

.icon-student:before {
  content: "\e91d";
}

.icon-teddy-bear:before {
  content: "\e91e";
}

.icon-twitter:before {
  content: "\e91f";
}

.icon-user:before {
  content: "\e920";
}

.icon-youtube:before {
  content: "\e921";
}

.icon-facebook {
  font-size: 22px;
}

.icon-twitter {
  font-size: 16px;
}

.icon-youtube {
  font-size: 20px;
}

.icon-search {
  font-size: 20px;
}

.icon-teddy-bear {
  font-size: 27px;
}
@media screen and (max-width: 991.98px) {
  .icon-teddy-bear {
    font-size: 22px;
  }
}

.icon-computer {
  font-size: 26px;
}
@media screen and (max-width: 991.98px) {
  .icon-computer {
    font-size: 22px;
  }
}

.icon-blood-test-tube {
  font-size: 32px;
}
@media screen and (max-width: 991.98px) {
  .icon-blood-test-tube {
    font-size: 26px;
  }
}

.icon-graduation-cap {
  font-size: 28px;
}
@media screen and (max-width: 991.98px) {
  .icon-graduation-cap {
    font-size: 22px;
  }
}

.icon-headset {
  font-size: 56px;
}
@media screen and (max-width: 991.98px) {
  .icon-headset {
    font-size: 30px;
  }
}

:root {
  --white: #fff;
  --white-2: #ecedf0;
  --black: #000000;
  --primary: #fe6845;
  --secondary: #ffa046;
  --third: #6aa564;
  --fourth: #3e85f0;
  --fifth: #002a46;
  --sixth: #002446;
  --success: #146c43;
  --text: #191919;
  --text-2: #5c5c5c;
  --text-3: #c6c6c6;
  --light-gray: #fafafa;
  --gray: #f3f3f3;
}

/*Custom Color ve background class*/
.border-primary {
  border-color: #fe6845 !important;
}

.border-secondary {
  border-color: #ffa046 !important;
}

.border-third {
  border-color: #6aa564 !important;
}

.border-fourth {
  border-color: #3e85f0 !important;
}

.border-fifth {
  border-color: #002a46 !important;
}

.border-sixth {
  border-color: #002446 !important;
}

.border-success {
  border-color: #146c43 !important;
}

.border-light-gray {
  border-color: #fafafa !important;
}

.border-gray {
  border-color: #f3f3f3 !important;
}

.border-dark {
  border-color: #000000 !important;
}

.border-light {
  border-color: #ffffff !important;
}

.bg-primary {
  background-color: #fe6845 !important;
}

.bg-secondary {
  background-color: #ffa046 !important;
}

.bg-third {
  background-color: #6aa564 !important;
}

.bg-fourth {
  background-color: #3e85f0 !important;
}

.bg-fifth {
  background-color: #002a46 !important;
}

.bg-sixth {
  background-color: #002446 !important;
}

.bg-success {
  background-color: #146c43 !important;
}

.bg-light-gray {
  background-color: #fafafa !important;
}

.bg-gray {
  background-color: #f3f3f3 !important;
}

.bg-dark {
  background-color: #000000 !important;
}

.bg-light {
  background-color: #ffffff !important;
}

.text-primary {
  color: #fe6845 !important;
}

.text-secondary {
  color: #ffa046 !important;
}

.text-third {
  color: #6aa564 !important;
}

.text-fourth {
  color: #3e85f0 !important;
}

.text-fifth {
  color: #002a46 !important;
}

.text-sixth {
  color: #002446 !important;
}

.text-success {
  color: #146c43 !important;
}

.text-light-gray {
  color: #fafafa !important;
}

.text-gray {
  color: #f3f3f3 !important;
}

.text-dark {
  color: #000000 !important;
}

.text-light {
  color: #ffffff !important;
}

.button-primary {
  background-color: #fe6845 !important;
  border: 1px solid #fe6845 !important;
}
.button-primary input {
  width: 100%;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  color: #ffffff !important;
  padding: 0 !important;
}
@media screen and (max-width: 991.98px) {
  .button-primary:hover {
    color: var(--white);
  }
}
@media screen and (min-width: 992px) {
  .button-primary:not(.disabled):hover {
    color: #fe6845;
  }
  .button-primary:not(.disabled):hover input {
    color: #fe6845 !important;
  }
  .button-primary:hover input {
    color: #fe6845 !important;
  }
}
.button-primary.disabled {
  border-color: var(--gray-2) !important;
  background-color: var(--gray-2) !important;
  color: var(--gray-5) !important;
  pointer-events: none;
}
.button-primary.disabled:after {
  display: none;
}
.button-primary.disabled input {
  color: var(--gray-5) !important;
}
.button-primary.disabled:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  position: absolute;
}

.button-secondary {
  background-color: #ffa046 !important;
  border: 1px solid #ffa046 !important;
}
.button-secondary input {
  width: 100%;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  color: #ffffff !important;
  padding: 0 !important;
}
@media screen and (max-width: 991.98px) {
  .button-secondary:hover {
    color: var(--white);
  }
}
@media screen and (min-width: 992px) {
  .button-secondary:not(.disabled):hover {
    color: #ffa046;
  }
  .button-secondary:not(.disabled):hover input {
    color: #ffa046 !important;
  }
  .button-secondary:hover input {
    color: #ffa046 !important;
  }
}
.button-secondary.disabled {
  border-color: var(--gray-2) !important;
  background-color: var(--gray-2) !important;
  color: var(--gray-5) !important;
  pointer-events: none;
}
.button-secondary.disabled:after {
  display: none;
}
.button-secondary.disabled input {
  color: var(--gray-5) !important;
}
.button-secondary.disabled:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  position: absolute;
}

.button-third {
  background-color: #6aa564 !important;
  border: 1px solid #6aa564 !important;
}
.button-third input {
  width: 100%;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  color: #ffffff !important;
  padding: 0 !important;
}
@media screen and (max-width: 991.98px) {
  .button-third:hover {
    color: var(--white);
  }
}
@media screen and (min-width: 992px) {
  .button-third:not(.disabled):hover {
    color: #6aa564;
  }
  .button-third:not(.disabled):hover input {
    color: #6aa564 !important;
  }
  .button-third:hover input {
    color: #6aa564 !important;
  }
}
.button-third.disabled {
  border-color: var(--gray-2) !important;
  background-color: var(--gray-2) !important;
  color: var(--gray-5) !important;
  pointer-events: none;
}
.button-third.disabled:after {
  display: none;
}
.button-third.disabled input {
  color: var(--gray-5) !important;
}
.button-third.disabled:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  position: absolute;
}

.button-fourth {
  background-color: #3e85f0 !important;
  border: 1px solid #3e85f0 !important;
}
.button-fourth input {
  width: 100%;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  color: #ffffff !important;
  padding: 0 !important;
}
@media screen and (max-width: 991.98px) {
  .button-fourth:hover {
    color: var(--white);
  }
}
@media screen and (min-width: 992px) {
  .button-fourth:not(.disabled):hover {
    color: #3e85f0;
  }
  .button-fourth:not(.disabled):hover input {
    color: #3e85f0 !important;
  }
  .button-fourth:hover input {
    color: #3e85f0 !important;
  }
}
.button-fourth.disabled {
  border-color: var(--gray-2) !important;
  background-color: var(--gray-2) !important;
  color: var(--gray-5) !important;
  pointer-events: none;
}
.button-fourth.disabled:after {
  display: none;
}
.button-fourth.disabled input {
  color: var(--gray-5) !important;
}
.button-fourth.disabled:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  position: absolute;
}

.button-fifth {
  background-color: #002a46 !important;
  border: 1px solid #002a46 !important;
}
.button-fifth input {
  width: 100%;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  color: #ffffff !important;
  padding: 0 !important;
}
@media screen and (max-width: 991.98px) {
  .button-fifth:hover {
    color: var(--white);
  }
}
@media screen and (min-width: 992px) {
  .button-fifth:not(.disabled):hover {
    color: #002a46;
  }
  .button-fifth:not(.disabled):hover input {
    color: #002a46 !important;
  }
  .button-fifth:hover input {
    color: #002a46 !important;
  }
}
.button-fifth.disabled {
  border-color: var(--gray-2) !important;
  background-color: var(--gray-2) !important;
  color: var(--gray-5) !important;
  pointer-events: none;
}
.button-fifth.disabled:after {
  display: none;
}
.button-fifth.disabled input {
  color: var(--gray-5) !important;
}
.button-fifth.disabled:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  position: absolute;
}

.button-sixth {
  background-color: #002446 !important;
  border: 1px solid #002446 !important;
}
.button-sixth input {
  width: 100%;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  color: #ffffff !important;
  padding: 0 !important;
}
@media screen and (max-width: 991.98px) {
  .button-sixth:hover {
    color: var(--white);
  }
}
@media screen and (min-width: 992px) {
  .button-sixth:not(.disabled):hover {
    color: #002446;
  }
  .button-sixth:not(.disabled):hover input {
    color: #002446 !important;
  }
  .button-sixth:hover input {
    color: #002446 !important;
  }
}
.button-sixth.disabled {
  border-color: var(--gray-2) !important;
  background-color: var(--gray-2) !important;
  color: var(--gray-5) !important;
  pointer-events: none;
}
.button-sixth.disabled:after {
  display: none;
}
.button-sixth.disabled input {
  color: var(--gray-5) !important;
}
.button-sixth.disabled:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  position: absolute;
}

.button-success {
  background-color: #146c43 !important;
  border: 1px solid #146c43 !important;
}
.button-success input {
  width: 100%;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  color: #ffffff !important;
  padding: 0 !important;
}
@media screen and (max-width: 991.98px) {
  .button-success:hover {
    color: var(--white);
  }
}
@media screen and (min-width: 992px) {
  .button-success:not(.disabled):hover {
    color: #146c43;
  }
  .button-success:not(.disabled):hover input {
    color: #146c43 !important;
  }
  .button-success:hover input {
    color: #146c43 !important;
  }
}
.button-success.disabled {
  border-color: var(--gray-2) !important;
  background-color: var(--gray-2) !important;
  color: var(--gray-5) !important;
  pointer-events: none;
}
.button-success.disabled:after {
  display: none;
}
.button-success.disabled input {
  color: var(--gray-5) !important;
}
.button-success.disabled:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  position: absolute;
}

.button-light-gray {
  background-color: #fafafa !important;
  border: 1px solid #fafafa !important;
}
.button-light-gray input {
  width: 100%;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  color: #ffffff !important;
  padding: 0 !important;
}
@media screen and (max-width: 991.98px) {
  .button-light-gray:hover {
    color: var(--white);
  }
}
@media screen and (min-width: 992px) {
  .button-light-gray:not(.disabled):hover {
    color: #fafafa;
  }
  .button-light-gray:not(.disabled):hover input {
    color: #fafafa !important;
  }
  .button-light-gray:hover input {
    color: #fafafa !important;
  }
}
.button-light-gray.disabled {
  border-color: var(--gray-2) !important;
  background-color: var(--gray-2) !important;
  color: var(--gray-5) !important;
  pointer-events: none;
}
.button-light-gray.disabled:after {
  display: none;
}
.button-light-gray.disabled input {
  color: var(--gray-5) !important;
}
.button-light-gray.disabled:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  position: absolute;
}

.button-gray {
  background-color: #f3f3f3 !important;
  border: 1px solid #f3f3f3 !important;
}
.button-gray input {
  width: 100%;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  color: #ffffff !important;
  padding: 0 !important;
}
@media screen and (max-width: 991.98px) {
  .button-gray:hover {
    color: var(--white);
  }
}
@media screen and (min-width: 992px) {
  .button-gray:not(.disabled):hover {
    color: #f3f3f3;
  }
  .button-gray:not(.disabled):hover input {
    color: #f3f3f3 !important;
  }
  .button-gray:hover input {
    color: #f3f3f3 !important;
  }
}
.button-gray.disabled {
  border-color: var(--gray-2) !important;
  background-color: var(--gray-2) !important;
  color: var(--gray-5) !important;
  pointer-events: none;
}
.button-gray.disabled:after {
  display: none;
}
.button-gray.disabled input {
  color: var(--gray-5) !important;
}
.button-gray.disabled:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  position: absolute;
}

.button-dark {
  background-color: #000000 !important;
  border: 1px solid #000000 !important;
}
.button-dark input {
  width: 100%;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  color: #ffffff !important;
  padding: 0 !important;
}
@media screen and (max-width: 991.98px) {
  .button-dark:hover {
    color: var(--white);
  }
}
@media screen and (min-width: 992px) {
  .button-dark:not(.disabled):hover {
    color: #000000;
  }
  .button-dark:not(.disabled):hover input {
    color: #000000 !important;
  }
  .button-dark:hover input {
    color: #000000 !important;
  }
}
.button-dark.disabled {
  border-color: var(--gray-2) !important;
  background-color: var(--gray-2) !important;
  color: var(--gray-5) !important;
  pointer-events: none;
}
.button-dark.disabled:after {
  display: none;
}
.button-dark.disabled input {
  color: var(--gray-5) !important;
}
.button-dark.disabled:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  position: absolute;
}

.button-light {
  background-color: #ffffff !important;
  border: 1px solid #ffffff !important;
}
.button-light input {
  width: 100%;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  color: #ffffff !important;
  padding: 0 !important;
}
@media screen and (max-width: 991.98px) {
  .button-light:hover {
    color: var(--white);
  }
}
@media screen and (min-width: 992px) {
  .button-light:not(.disabled):hover {
    color: #ffffff;
  }
  .button-light:not(.disabled):hover input {
    color: #ffffff !important;
  }
  .button-light:hover input {
    color: #ffffff !important;
  }
}
.button-light.disabled {
  border-color: var(--gray-2) !important;
  background-color: var(--gray-2) !important;
  color: var(--gray-5) !important;
  pointer-events: none;
}
.button-light.disabled:after {
  display: none;
}
.button-light.disabled input {
  color: var(--gray-5) !important;
}
.button-light.disabled:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  position: absolute;
}

/*Custom container class*/
.container-sm {
  max-width: 570px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .container-sm:not(.noSpace) {
    max-width: 1200px;
  }
}
@media screen and (max-width: 1280px) {
  .container-sm:not(.noSpace) {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .container-sm:not(.noSpace) {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.container-md {
  max-width: 768px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .container-md:not(.noSpace) {
    max-width: 1200px;
  }
}
@media screen and (max-width: 1280px) {
  .container-md:not(.noSpace) {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .container-md:not(.noSpace) {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.container-lg {
  max-width: 992px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .container-lg:not(.noSpace) {
    max-width: 1200px;
  }
}
@media screen and (max-width: 1280px) {
  .container-lg:not(.noSpace) {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .container-lg:not(.noSpace) {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.container-xl {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .container-xl:not(.noSpace) {
    max-width: 1200px;
  }
}
@media screen and (max-width: 1280px) {
  .container-xl:not(.noSpace) {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .container-xl:not(.noSpace) {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.container-xxl {
  max-width: 1305px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .container-xxl:not(.noSpace) {
    max-width: 1200px;
  }
}
@media screen and (max-width: 1280px) {
  .container-xxl:not(.noSpace) {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .container-xxl:not(.noSpace) {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.container-2xl {
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .container-2xl:not(.noSpace) {
    max-width: 1200px;
  }
}
@media screen and (max-width: 1280px) {
  .container-2xl:not(.noSpace) {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .container-2xl:not(.noSpace) {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.container-3xl {
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .container-3xl:not(.noSpace) {
    max-width: 1200px;
  }
}
@media screen and (max-width: 1280px) {
  .container-3xl:not(.noSpace) {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .container-3xl:not(.noSpace) {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 991.98px) {
  a:hover {
    color: inherit;
  }
}

/*Standart css style*/
.imageWrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.imageWrapper img {
  width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s linear;
}

.videoWrapper {
  width: 100%;
  height: 100%;
}
.videoWrapper video,
.videoWrapper iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-1 {
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  -webkit-line-clamp: 3;
}

.noresize {
  resize: none;
}

/*fixButton*/
.fixBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: currentColor;
  color: var(--white);
  font-weight: 800;
  font-size: 19.5px;
  line-height: 29px;
  height: 38px;
  border-radius: 8px;
  padding: 0 12px;
  transition: all 0.3s linear;
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-width: 95px;
  white-space: nowrap;
  gap: 12px;
  cursor: pointer;
}
@media screen and (max-width: 1440px) {
  .fixBtn {
    font-size: 18px;
    line-height: 27px;
  }
}
@media screen and (max-width: 1366px) {
  .fixBtn {
    line-height: 27px;
    font-size: 16px;
  }
}
.fixBtn svg,
.fixBtn img {
  margin-right: 20px;
}
.fixBtn:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 0.3s linear;
  background-color: var(--white);
  z-index: -1;
}
.fixBtn.notAfter:after {
  display: none;
}
.fixBtn.notBefore:before {
  display: none;
}
.fixBtn.type2 {
  font-size: 12.5px;
  font-weight: 700;
  height: 44px;
}
.fixBtn.button-outline {
  color: var(--black);
  border: 1px solid var(--gray-5);
  background-color: rgba(0, 0, 0, 0);
}
.fixBtn.button-outline:after {
  background-color: var(--primary);
}
.fixBtn.button-outline input {
  width: 100%;
  height: 100% !important;
  border: none !important;
  padding: 0 !important;
  color: var(--black);
  border: 1px solid var(--gray-5);
  background-color: rgba(0, 0, 0, 0);
}
@media screen and (min-width: 992px) {
  .fixBtn.button-outline:hover {
    color: var(--white);
  }
  .fixBtn.button-outline:hover input {
    color: var(--white);
  }
  .fixBtn.button-outline:not(.disabled):hover {
    color: var(--white);
  }
  .fixBtn.button-outline:not(.disabled):hover input {
    color: var(--white) !important;
  }
}
@media screen and (min-width: 992px) {
  .fixBtn.button-outline.notAfter:hover {
    color: var(--primary);
    border-color: var(--primary);
  }
}
.fixBtn.moreButton {
  height: 60px;
  width: 200px;
  font-size: 16px;
}
@media screen and (max-width: 991.98px) {
  .fixBtn.moreButton:hover {
    color: var(--white);
  }
}
@media screen and (max-width: 480px) {
  .fixBtn.moreButton {
    width: 100%;
    max-width: 400px;
  }
}
.fixBtn.button-white {
  background-color: var(--white);
  color: var(--primary);
  border: 1px solid var(--white);
}
.fixBtn.button-white:after {
  background-color: var(--primary);
}
@media screen and (min-width: 992px) {
  .fixBtn.button-white:hover {
    color: var(--white);
  }
}
@media screen and (min-width: 992px) {
  .fixBtn.addNewButton {
    min-width: 300px;
  }
  .fixBtn:hover.button-light {
    color: var(--white) !important;
  }
  .fixBtn:hover:after {
    width: 100%;
  }
}

.textLink {
  color: var(--primary);
  position: relative;
  font-weight: 800;
  font-size: 17.5px;
  display: inline-flex;
  align-items: center;
  gap: 20px;
  letter-spacing: -0.5px;
  transition: all 0.3s linear;
}
@media screen and (max-width: 991.98px) {
  .textLink {
    font-size: 14px;
  }
}
@media screen and (min-width: 992px) {
  .textLink:hover {
    color: var(--primary);
  }
}
@media screen and (min-width: 992px) {
  .textLink:hover {
    color: var(--black);
  }
  .textLink:hover:after {
    width: 0;
  }
}

.colorsLine {
  background: linear-gradient(to right, var(--primary) 25%, var(--secondary) 25% 50%, var(--third) 50% 75%, var(--fourth) 75%);
  height: 4px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s linear;
}

.verticalText {
  text-orientation: mixed;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.verticalText.dark {
  color: var(--fifth);
}

.horizontalMobilScrollWrapper {
  width: calc(100% + 32px);
  margin-left: -16px;
  overflow: hidden;
  overflow-x: auto;
}
.horizontalMobilScrollWrapper::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  height: 0;
  box-shadow: none;
  border: none;
  outline: 0;
}
.horizontalMobilScrollWrapper::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  height: 0;
  box-shadow: none;
  border: none;
  outline: 0;
  /* Chrome, Safari, Edge ve Opera için */
}
.horizontalMobilScrollWrapper::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
  height: 0;
  box-shadow: none;
  border: none;
  outline: 0;
  /* Chrome, Safari, Edge ve Opera için */
}

.topImgBg {
  position: absolute;
  width: 100%;
  top: 250px;
  left: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 1440px) {
  .topImgBg {
    top: 150px;
  }
}
@media screen and (max-width: 991.98px) {
  .topImgBg {
    top: 200px;
  }
}

.mobileHandIcon {
  display: none;
  width: 24px;
  height: 24px;
  animation: leftoright 1s ease-in-out infinite;
  margin-left: auto;
  margin-right: 20px;
  margin-bottom: 5px;
}
@media screen and (max-width: 991.98px) {
  .mobileHandIcon {
    display: block;
  }
}
.mobileHandIcon img {
  width: 100%;
}

@keyframes leftoright {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(10px, 0);
  }
}
h1 {
  font-size: 52px;
  line-height: 62px;
  color: var(--white);
  font-weight: 400;
}
h1 b {
  font-weight: 800;
}
@media screen and (max-width: 1600px) {
  h1 {
    font-size: 45px;
    line-height: 52px;
  }
}
@media screen and (max-width: 1280px) {
  h1 {
    font-size: 38px;
    line-height: 45px;
  }
}
@media screen and (max-width: 991.98px) {
  h1 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media screen and (max-width: 480px) {
  h1 {
    font-size: 22px;
    line-height: 30px;
  }
}

.border-fix {
  border: 1px solid #e6e6e6;
  border-radius: 5px 0 0 5px;
}
@media screen and (max-width: 991.98px) {
  .border-fix {
    border-radius: 5px;
  }
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #ffffff;
}
.preloader .preloader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  backface-visibility: hidden;
}
.preloader .preloader-container .circle {
  width: 50px;
  height: 50px;
  background-color: var(--fifth);
  border-radius: 100%;
  animation: circleAnim 0.8s linear infinite alternate;
}
.preloader.last .preloader-container .circle {
  animation: circleAnim2 0.8s linear infinite alternate;
}

@keyframes circleAnim {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes circleAnim2 {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(100);
  }
}
@keyframes logo1-animation {
  0% {
    transform: translateX(-100%) rotate(0deg) scale(1);
    opacity: 0;
    visibility: hidden;
  }
  50% {
    transform: translateX(0) rotate(180deg) scale(1.2);
    opacity: 1;
    visibility: visible;
  }
  100% {
    transform: translateX(0) rotate(360deg) scale(1);
    opacity: 1;
    visibility: visible;
  }
}
@keyframes logo2-animation {
  0% {
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
  }
  50% {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}
.form .input,
.form .form-control,
.form textarea {
  height: 56px;
  width: 100%;
  border: 2px solid #e9e9e9;
  border-radius: 10px;
  padding-left: 50px;
  font-size: 17px;
  color: #262626;
  font-weight: 500;
}
@media screen and (max-width: 1280px) {
  .form .input,
  .form .form-control,
  .form textarea {
    height: 45px;
    font-size: 14px;
  }
}
.form .input:focus,
.form .form-control:focus,
.form textarea:focus {
  outline: 0;
  box-shadow: none;
}
.form .input::-moz-placeholder, .form .form-control::-moz-placeholder, .form textarea::-moz-placeholder {
  color: rgba(38, 38, 38, 0.42);
}
.form .input::placeholder,
.form .form-control::placeholder,
.form textarea::placeholder {
  color: rgba(38, 38, 38, 0.42);
}
.form .input::-moz-placeholder,
.form .form-control::-moz-placeholder,
.form textarea::-moz-placeholder {
  color: rgba(38, 38, 38, 0.42);
}
.form .input:-moz-placeholder,
.form .form-control:-moz-placeholder,
.form textarea:-moz-placeholder {
  color: rgba(38, 38, 38, 0.42);
}
.form .input:-ms-input-placeholder,
.form .form-control:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
  color: rgba(38, 38, 38, 0.42);
}
.form .input::-webkit-input-placeholder,
.form .form-control::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
  color: rgba(38, 38, 38, 0.42);
}
.form textarea {
  height: auto;
  max-height: 200px;
  padding: 16px;
  resize: none;
}
@media screen and (max-width: 991.98px) {
  .form textarea {
    max-height: 120px;
  }
}
.form .phoneMask {
  padding-left: 65px;
}
.form .phoneMask::-moz-placeholder {
  letter-spacing: 2px;
}
.form .phoneMask::placeholder {
  letter-spacing: 2px;
}
.form .phoneMask::-moz-placeholder {
  letter-spacing: 2px;
}
.form .phoneMask:-moz-placeholder {
  letter-spacing: 2px;
}
.form .phoneMask:-ms-input-placeholder {
  letter-spacing: 2px;
}
.form .phoneMask::-webkit-input-placeholder {
  letter-spacing: 2px;
}
.form .form-label,
.form label {
  font-size: 17px;
  color: #262626;
  line-height: 22px;
  font-weight: 600;
}
@media screen and (max-width: 1280px) {
  .form .form-label,
  .form label {
    font-size: 14px;
  }
}
.form .inputColumn {
  position: relative;
}
.form .inputColumn .inputIcon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 22px;
  width: 50px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(38, 38, 38, 0.42);
}
@media screen and (max-width: 1280px) {
  .form .inputColumn .inputIcon {
    height: 45px;
    font-size: 16px;
  }
}
.form .inputColumn .inputIcon :before {
  color: rgba(38, 38, 38, 0.42);
}
.form .inputColumn .inputIcon.text {
  font-size: 17px;
  font-weight: 500;
}
@media screen and (max-width: 1280px) {
  .form .inputColumn .inputIcon.text {
    font-size: 14px;
  }
}
.form .inputColumn .inputIcon.text:after {
  content: "";
  width: 2px;
  height: 60%;
  background-color: #e9e9e9;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.form .inputFileWrapper {
  height: 56px;
  width: 100%;
  border: 2px solid #e9e9e9;
  border-radius: 10px;
  font-size: 17px;
  color: #262626;
  font-weight: 500;
  background: #e9e9e9;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 42%;
  transition: all 0.3s linear;
}
@media screen and (max-width: 1280px) {
  .form .inputFileWrapper {
    height: 45px;
    font-size: 146px;
  }
}
.form .inputFileWrapper .custom-file-input {
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.form .inputFileWrapper .custom-file-input input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.form .inputFileWrapper .fileIcon {
  position: relative;
  font-size: 25px;
  color: #262626;
}
@media screen and (max-width: 1280px) {
  .form .inputFileWrapper .fileIcon {
    font-size: 18px;
  }
}
.form .inputFileWrapper .fileIcon.revert {
  transform: rotate(180deg);
  transform-origin: center;
}
.form .inputFileWrapper .file-name {
  display: block;
  padding: 0 12px;
  color: #262626;
  font-size: 17px;
  font-weight: 800;
}
@media screen and (max-width: 1280px) {
  .form .inputFileWrapper .file-name {
    font-size: 14px;
  }
}
.form .inputFileWrapper .file-name.has-file {
  color: #262626;
  font-size: 17px;
  font-weight: 800;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: calc(100% - 50px);
  word-wrap: break-word;
}
@media screen and (max-width: 1280px) {
  .form .inputFileWrapper .file-name.has-file {
    font-size: 14px;
  }
}
@media screen and (min-width: 992px) {
  .form .inputFileWrapper:hover {
    opacity: 1;
  }
}
.form .formSendButton {
  height: 54px;
  max-width: initial;
  width: 100%;
  display: flex;
  font-weight: 700;
  font-size: 21px;
  background: rgb(47, 98, 42);
  background: linear-gradient(47deg, rgb(47, 98, 42) 0, rgb(106, 165, 100) 74%);
}
@media screen and (max-width: 1280px) {
  .form .formSendButton {
    font-size: 14px;
    height: 45px;
  }
}
.form .formSendButton input {
  width: 100%;
  height: 50px;
  font-weight: 700;
  font-size: 21px;
}
@media screen and (max-width: 1280px) {
  .form .formSendButton input {
    font-size: 14px;
    height: 45px;
  }
}
.form .invalid-tooltip-format {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--secondary);
  border-radius: 0.375rem;
}

.daterangepicker .drp-calendar {
  max-width: 285px;
}

.daterangepicker .drp-calendar.left {
  padding: 16px;
  box-shadow: 0 1px 9px rgba(0, 0, 0, 0.4);
}

@media screen and (min-width: 992px) {
  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 0;
  }
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  color: #c6c6c6;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  color: #191919;
  font-size: 12px;
  font-weight: 500;
  min-width: 36px;
  width: 36px;
  height: 30px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: var(--fifth);
  font-weight: 600;
  color: var(--white);
}

@media screen and (max-width: 991.98px) {
  .navbar .navbar-collapse {
    width: 100%;
    height: 100vh;
    background-color: var(--fifth);
    left: 100%;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    top: 0;
    bottom: 0;
    transition: all 0.3s linear;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 991.98px) {
  .navbar .navbar-collapse.show {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 991.98px) {
  .navbar .navbar-collapse.show .ataturkLogo {
    opacity: 1;
    top: -6px;
    visibility: visible;
  }
}
@media screen and (max-width: 991.98px) {
  .navbar .navbar-collapse.show .searchNavButton {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 992px) {
  .navbar .navbar-collapse {
    align-items: flex-end;
  }
}
@media screen and (max-width: 991.98px) {
  .navbar .navMenuWrapper {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    height: 100%;
    overflow-y: auto;
  }
  .navbar .navMenuWrapper > div {
    gap: 30px;
  }
  .navbar .navMenuWrapper:before {
    content: "";
    width: calc(100% + 32px);
    position: fixed;
    top: 0;
    left: -16px;
    right: 0;
    background-color: var(--fifth);
    height: 90px;
    z-index: 2;
  }
}
@media screen and (min-width: 992px) {
  .navbar .navMenuWrapper {
    padding-bottom: 12px;
    padding-right: 15px;
  }
}
.navbar .navMenuWrapper .bottom {
  display: flex;
  align-items: center;
  gap: 14px;
}
@media screen and (max-width: 991.98px) {
  .navbar .navMenuWrapper .bottom {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (min-width: 992px) {
  .navbar .navMenuWrapper .bottom {
    padding-top: 10px;
  }
}
.navbar .navMenuWrapper .top {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 5px;
}
@media screen and (max-width: 991.98px) {
  .navbar .navMenuWrapper .top {
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
.navbar .navMenuWrapper .top .topHead {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 991.98px) {
  .navbar .navMenuWrapper .top .topHead {
    flex-direction: column;
    align-items: flex-start;
  }
}
.navbar .navMenuWrapper .top .topMenu {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 991.98px) {
  .navbar .navMenuWrapper .top .topMenu {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 12px;
  }
}
.navbar .navMenuWrapper .top .topMenu a {
  font-weight: 400;
  font-size: 16.5px;
  color: var(--white);
  opacity: 0.43;
  transition: all 0.3s linear;
}
@media screen and (max-width: 1440px) {
  .navbar .navMenuWrapper .top .topMenu a {
    font-size: 14.5px;
  }
}
@media screen and (max-width: 1366px) {
  .navbar .navMenuWrapper .top .topMenu a {
    font-size: 13px;
  }
}
@media screen and (max-width: 1100px) {
  .navbar .navMenuWrapper .top .topMenu a {
    font-size: 12px;
  }
}
.navbar .navMenuWrapper .top .topMenu a:hover {
  opacity: 1;
}
.navbar .language {
  padding-left: 10px;
}
@media screen and (max-width: 991.98px) {
  .navbar .language {
    position: fixed;
    top: 22px;
    right: 75px;
  }
}
.navbar .language a {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--white);
  opacity: 0.4;
  transition: all 0.3s linear;
  font-size: 13px;
  color: var(--white);
}
@media screen and (max-width: 1600px) {
  .navbar .language a {
    width: 45px;
    height: 45px;
  }
}
@media screen and (max-width: 991.98px) {
  .navbar .language a {
    width: 40px;
    height: 40px;
    margin: 0;
    opacity: 1;
  }
}
@media screen and (min-width: 992px) {
  .navbar .language a:hover {
    opacity: 1;
  }
}
.navbar .navbar-nav {
  gap: 12px;
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .navbar .navbar-nav {
    gap: 0;
    width: 100%;
  }
}
@media screen and (max-width: 991.98px) {
  .navbar .navbar-nav .nav-item {
    position: relative;
  }
  .navbar .navbar-nav .nav-item:not(:first-child) {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    width: 100%;
  }
}
.navbar .navbar-nav .nav-item .nav-link {
  color: var(--white);
  font-weight: 600;
  font-size: 18px;
  padding-left: 0;
  padding-right: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1440px) {
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 16px;
  }
}
@media screen and (max-width: 1366px) {
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 14px;
  }
}
@media screen and (max-width: 1100px) {
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 12px;
  }
}
@media screen and (max-width: 991.98px) {
  .navbar .navbar-nav .nav-item .nav-link {
    text-align: left;
    justify-content: flex-start;
    height: 50px;
    font-size: 14px;
  }
}
.navbar .navbar-nav .nav-item .nav-link.active {
  color: var(--secondary);
}
.navbar .navbar-nav .nav-item .subMenuNav {
  position: absolute;
  left: 0;
  width: 100%;
  min-width: 500px;
  display: flex;
  align-items: center;
  transform: translateY(50px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
  padding-top: 20px;
  border-radius: 0 27px 27px 27px;
}
@media screen and (max-width: 991.98px) {
  .navbar .navbar-nav .nav-item .subMenuNav {
    position: relative;
    min-width: initial;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: left;
    opacity: 1;
    visibility: visible;
    transform: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: height 0.3s linear;
    background-color: var(--sixth);
  }
}
@media screen and (min-width: 992px) {
  .navbar .navbar-nav .nav-item .subMenuNav {
    overflow: hidden;
  }
  .navbar .navbar-nav .nav-item .subMenuNav:before {
    content: "";
    background-image: url("../../images/statics/slogan.png");
    width: 153px;
    height: 87px;
    position: absolute;
    right: 15px;
    bottom: 40px;
  }
  .navbar .navbar-nav .nav-item .subMenuNav:after {
    content: "";
    background: linear-gradient(to right, var(--primary) 25%, var(--secondary) 25% 50%, var(--third) 50% 75%, var(--fourth) 75%);
    height: 23px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.3s linear;
  }
}
.navbar .navbar-nav .nav-item .subMenuNav ul {
  background: var(--white);
  box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  background-image: url("../../images/statics/open-menu-bg.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  padding-left: 54px;
  min-height: 290px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border-radius: 0 27px 0 0;
}
@media screen and (max-width: 991.98px) {
  .navbar .navbar-nav .nav-item .subMenuNav ul {
    background: none;
    box-shadow: none;
    padding-left: 0;
    min-height: initial;
    padding-top: 0;
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .navbar .navbar-nav .nav-item .subMenuNav ul {
    padding-bottom: 60px;
    padding-right: 200px;
    padding-left: 50px;
    padding-top: 30px;
  }
}
.navbar .navbar-nav .nav-item .subMenuNav ul li {
  transition: all 0.3s linear;
  position: relative;
}
.navbar .navbar-nav .nav-item .subMenuNav ul li a {
  color: var(--fifth);
  display: flex;
  align-items: center;
  line-height: 29px;
  gap: 10px;
  font-size: 21.5px;
  font-weight: 400;
  transition: all 0.3s linear;
}
@media screen and (max-width: 1600px) {
  .navbar .navbar-nav .nav-item .subMenuNav ul li a {
    font-size: 18px;
  }
}
@media screen and (max-width: 991.98px) {
  .navbar .navbar-nav .nav-item .subMenuNav ul li a {
    color: var(--white);
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
  }
}
@media screen and (min-width: 992px) {
  .navbar .navbar-nav .nav-item .subMenuNav ul li:hover a {
    color: var(--primary);
    font-weight: 800;
  }
  .navbar .navbar-nav .nav-item .subMenuNav ul li:hover:before {
    left: -54px;
  }
}
@media screen and (max-width: 991.98px) {
  .navbar .navbar-nav .nav-item .subMenuNav.opened {
    height: auto;
    opacity: 1;
    visibility: visible;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 992px) {
  .navbar .navbar-nav .nav-item:hover .nav-link {
    color: var(--secondary);
  }
  .navbar .navbar-nav .nav-item:hover .subMenuNav {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 991.98px) {
  .navbar .navbar-nav .nav-item.subMenuNavItem:after {
    content: "\e900";
    font-family: "customFont";
    color: var(--white);
    font-size: 14px;
    transform: rotate(-90deg);
    position: absolute;
    display: inline-flex;
    right: 0;
    top: 15px;
    transition: all 0.3s linear;
  }
}
@media screen and (max-width: 991.98px) {
  .navbar .navbar-nav .nav-item.subMenuNavItem.active:after {
    transform: rotate(90deg);
  }
}
.navbar .searchNavButton {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--secondary);
  transition: all 0.3s linear;
  border-radius: 8px;
}
@media screen and (max-width: 991.98px) {
  .navbar .searchNavButton {
    position: fixed;
    top: 22px;
    right: 125px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
  }
}
.navbar .searchNavButton .icon-search {
  color: var(--white);
  transition: all 0.3s linear;
}
@media screen and (min-width: 992px) {
  .navbar .searchNavButton:hover {
    background-color: var(--primary);
  }
}

.socailMedia {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-top: 5px;
}
.socailMedia a {
  font-size: 18px;
  color: var(--white);
  opacity: 0.4;
  transition: all 0.3s linear;
}
.socailMedia a .icon-instagram {
  font-size: 22px;
  right: -2px;
  position: relative;
}
@media screen and (min-width: 992px) {
  .socailMedia a:hover {
    opacity: 1;
  }
}

.languages {
  display: flex;
  align-items: center;
  gap: 12px;
}
.languages a {
  color: var(--white);
  font-weight: 700;
  opacity: 27%;
  transition: all 0.3s linear;
  display: flex;
  align-items: center;
}
.languages a:not(:first-child) {
  gap: 12px;
}
.languages a:not(:first-child):before {
  content: "|";
  color: var(--white);
}
.languages a:hover {
  opacity: 1;
}
.languages a:hover:before {
  opacity: 27%;
}

.navbar-toggler {
  border: none;
  padding: 0;
  z-index: 99;
  outline: 0;
  box-shadow: none;
  position: relative;
  transition: all 0.3s linear;
}
@media screen and (max-width: 991.98px) {
  .navbar-toggler {
    border: 1px solid var(--white);
    height: 38px;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler .navbar-toggler-icon {
  background-image: none;
  background-image: none;
  width: 45px;
  height: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  outline: 0;
  box-shadow: none;
  padding: 13px 7px;
}
.navbar-toggler .navbar-toggler-icon span {
  width: 100%;
  height: 2px;
  background-color: var(--white);
}
.navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--white);
  position: relative;
  transition: all 0.3s linear;
}
.navbar-toggler:not(.collapsed) {
  right: 60px;
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  justify-content: center;
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon span {
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon:after {
  transform: rotate(45deg);
  bottom: 2px;
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon:before {
  transform: rotate(-45deg);
  top: 2px;
}

header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  padding-top: 0;
  padding-bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 999;
  display: flex;
  align-items: center;
}
header .logo {
  z-index: 99;
  position: relative;
  transition: all 0.3s linear;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 991.98px) {
  header .logo {
    width: 70px;
    flex-direction: column;
    gap: 10px;
  }
}
@media screen and (min-width: 992px) {
  header .logo {
    bottom: -40px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1440px) {
  header .logo {
    bottom: -17px;
    width: 100px;
  }
}
header .logo .text {
  color: var(--white);
  font-weight: 800;
  font-size: 37px;
}
@media screen and (max-width: 1600px) {
  header .logo .text {
    font-size: 30px;
  }
}
@media screen and (max-width: 1440px) {
  header .logo .text {
    font-size: 24px;
  }
}
@media screen and (max-width: 1280px) {
  header .logo .text {
    font-size: 18px;
  }
}
@media screen and (max-width: 991.98px) {
  header .logo .text {
    font-size: 14px;
    position: absolute;
    bottom: -20px;
  }
}
header .ataturkLogo {
  position: relative;
  top: -6px;
}
@media screen and (max-width: 991.98px) {
  header .ataturkLogo {
    position: fixed;
    top: -150px;
    width: 50px;
    right: 16px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
  }
}
@media screen and (min-width: 992px) {
  header .ataturkLogo {
    min-width: 95px;
  }
}
header.fixed {
  position: fixed;
  box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  background-color: var(--sixth);
}
header.fixed:before {
  opacity: 1;
  overflow: visible;
  visibility: visible;
  top: 0;
}
@media screen and (min-width: 992px) {
  header.fixed .logo {
    bottom: 0;
    width: 70px;
  }
}

.backSiteLink {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--white);
  opacity: 0.5;
  transition: all 0.3s linear;
  text-transform: uppercase;
  font-weight: 600;
}
.backSiteLink .icon-arrow-alt-circle-up {
  font-size: 24px;
}
.backSiteLink .icon-arrow-alt-circle-up:before {
  position: relative;
  display: inline-block;
  transform: rotate(90deg);
}
@media screen and (min-width: 992px) {
  .backSiteLink:hover {
    opacity: 1;
    color: var(--white);
  }
}

footer {
  background-image: url("../../images/statics/iconsBg-light.png");
  background-color: var(--fifth);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-blend-mode: multiply;
  position: relative;
  margin-top: 170px;
}
@media screen and (max-width: 991.98px) {
  footer {
    margin-top: 120px;
  }
}
footer .footer .footerBody {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 991.98px) {
  footer .footer .footerBody {
    flex-direction: column;
    align-items: center;
  }
}
footer .footer .footerBody .leftColumn {
  border-right: 1px solid var(--white);
  min-height: 400px;
  display: flex;
  flex-direction: column;
  padding-right: 100px;
}
@media screen and (max-width: 991.98px) {
  footer .footer .footerBody .leftColumn {
    border-right: none;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
    min-height: initial;
  }
}
footer .footer .footerBody .leftColumn .call {
  display: flex;
  align-items: center;
  font-weight: 400;
  gap: 20px;
  color: var(--white);
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 16px;
}
footer .footer .footerBody .leftColumn .call .text {
  font-size: 17px;
  line-height: 25px;
  font-weight: 400;
}
@media screen and (max-width: 991.98px) {
  footer .footer .footerBody .leftColumn .call .text {
    font-size: 14px;
    line-height: 21px;
  }
}
footer .footer .footerBody .leftColumn .call .text b {
  font-weight: 800;
}
footer .footer .footerBody .leftColumn .call a {
  font-size: 30px;
  font-weight: 400;
  line-height: 37px;
  display: block;
  transition: all 0.3s linear;
}
@media screen and (max-width: 991.98px) {
  footer .footer .footerBody .leftColumn .call a {
    font-size: 16px;
    line-height: 23px;
  }
}
@media screen and (min-width: 992px) {
  footer .footer .footerBody .leftColumn .call a:hover {
    color: var(--primary);
  }
}
footer .footer .footerBody .leftColumn .call a b {
  font-weight: 800;
}
footer .footer .footerBody .leftColumn .follow {
  padding-top: 20px;
}
footer .footer .footerBody .leftColumn .follow > span {
  display: block;
  font-size: 19px;
  font-weight: 400;
  color: var(--white);
}
@media screen and (max-width: 991.98px) {
  footer .footer .footerBody .leftColumn .follow > span {
    font-size: 14px;
    line-height: 21px;
  }
}
footer .footer .footerBody .leftColumn .follow > span b {
  font-weight: 800;
}
footer .footer .footerBody .leftColumn .follow .socialMedia {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
footer .footer .footerBody .leftColumn .follow .socialMedia a {
  color: var(--white);
  transition: all 0.3s linear;
}
@media screen and (min-width: 992px) {
  footer .footer .footerBody .leftColumn .follow .socialMedia a:hover {
    color: var(--primary);
  }
}
footer .footer .footerBody .leftColumn .logo {
  width: 145px;
  margin-top: auto;
}
@media screen and (max-width: 991.98px) {
  footer .footer .footerBody .leftColumn .logo {
    width: 100px;
    margin: 20px auto;
  }
}
footer .footer .footerBody .rightColumn {
  flex: 1;
  padding-left: 80px;
}
@media screen and (max-width: 991.98px) {
  footer .footer .footerBody .rightColumn {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding-left: 0;
    flex: none;
    width: 100%;
    padding-top: 30px;
    margin-top: 10px;
  }
}
footer .footer .footerBody .footerMenu .footerMenuList {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 991.98px) {
  footer .footer .footerBody .footerMenu .footerMenuList {
    display: block;
  }
}
footer .footer .footerBody .footerMenu .footerMenuList > li {
  width: 33.3%;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 991.98px) {
  footer .footer .footerBody .footerMenu .footerMenuList > li {
    width: auto;
    text-align: center;
  }
}
footer .footer .footerBody .footerMenu .footerMenuList > li .menuTitle, footer .footer .footerBody .footerMenu .footerMenuList > li > span {
  font-size: 21.5px;
  color: var(--white);
  font-weight: 800;
}
@media screen and (max-width: 991.98px) {
  footer .footer .footerBody .footerMenu .footerMenuList > li .menuTitle, footer .footer .footerBody .footerMenu .footerMenuList > li > span {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
    display: block;
  }
}
footer .footer .footerBody .footerMenu .footerMenuList > li .subMenu {
  margin-top: 15px;
}
@media screen and (max-width: 991.98px) {
  footer .footer .footerBody .footerMenu .footerMenuList > li .subMenu {
    margin-top: 5px;
  }
}
footer .footer .footerBody .footerMenu .footerMenuList > li .subMenu li a {
  font-weight: 400;
  font-size: 19px;
  line-height: 26px;
  color: var(--white);
}
@media screen and (max-width: 991.98px) {
  footer .footer .footerBody .footerMenu .footerMenuList > li .subMenu li a {
    font-size: 14px;
    line-height: 21px;
  }
}
@media screen and (min-width: 992px) {
  footer .footer .footerBody .footerMenu .footerMenuList > li .subMenu li a:hover {
    color: var(--primary);
  }
}
footer .footer .footerBottom {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 13px;
  padding-top: 13px;
  margin-top: 20px;
}
footer .footer .footerBottom .copyRight {
  font-size: 15.5px;
  line-height: 22px;
  font-weight: 400;
  color: var(--white);
  letter-spacing: -0.15px;
}
@media screen and (max-width: 991.98px) {
  footer .footer .footerBottom .copyRight {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
  }
}
footer .footer .footerBottom .copyRight b {
  font-weight: 800;
}

.kesfetSection {
  display: flex;
  align-items: center;
  position: relative;
  top: -75px;
}
@media screen and (max-width: 991.98px) {
  .kesfetSection {
    margin-block: 0 !important;
  }
}
.kesfetSection figure {
  position: absolute;
  height: auto;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -15px;
  width: 15.417vw;
  left: -4vw;
}
@media screen and (max-width: 991.98px) {
  .kesfetSection figure {
    display: none;
  }
}
.kesfetSection .kesfetContent {
  width: 100%;
  background-image: url("../../images/statics/iconsBg-light.png");
  background-color: var(--primary);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  min-height: 150px;
  background-blend-mode: multiply;
  border-radius: 44px;
  padding-left: 15.7vw;
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991.98px) {
  .kesfetSection .kesfetContent {
    padding-left: 0;
    border-radius: 25px;
    flex-direction: column;
    padding: 16px 20px;
    text-align: center;
  }
}
.kesfetSection .kesfetContent .desc {
  max-width: 630px;
}
@media screen and (max-width: 991.98px) {
  .kesfetSection .kesfetContent .desc {
    max-width: initial;
  }
}
.kesfetSection .kesfetContent .desc .caption {
  font-size: 36px;
  line-height: 44px;
  color: var(--white);
  font-weight: 400;
}
@media screen and (max-width: 991.98px) {
  .kesfetSection .kesfetContent .desc .caption {
    font-size: 18px;
    line-height: 25px;
  }
}
.kesfetSection .kesfetContent .desc .caption b {
  font-weight: 800;
}
.kesfetSection .kesfetContent .desc p {
  font-size: 16px;
  color: var(--white);
  font-weight: 400;
  line-height: 25px;
  margin-top: 10px;
}
@media screen and (max-width: 991.98px) {
  .kesfetSection .kesfetContent .desc p {
    font-size: 14px;
    line-height: 21px;
  }
}
.kesfetSection .kesfetContent .kesfetButton {
  margin-left: auto;
  margin-right: -15px;
}
@media screen and (max-width: 991.98px) {
  .kesfetSection .kesfetContent .kesfetButton {
    margin-right: auto;
    margin-top: 20px;
  }
}

/* Customize the label (the container-check) */
.container-check {
  display: flex !important;
  align-items: flex-start;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding-left: 0 !important;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.container-check .checkText {
  color: #747474;
  font-size: 13px;
  margin-top: 4px;
}
.container-check a {
  color: var(--primary);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  transition: all 0.3s linear;
}
@media screen and (min-width: 992px) {
  .container-check a:hover {
    border-color: var(--primary);
  }
}
.container-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.container-check .checkmark {
  position: relative;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  min-width: 24px;
  border: 1px solid #bfbfbf;
  background-color: #ffffff;
  margin-right: 10px;
}
.container-check .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container-check input:checked ~ .checkmark:after {
  display: block;
}
.container-check .checkmark:after {
  left: 7px;
  top: 2px;
  width: 8px;
  height: 15px;
  border: solid var(--primary);
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.container-check.type2 .form-check-input[type=radio] {
  cursor: pointer;
}
.container-check.type2 .form-check-input ~ label {
  color: var(--gray-6);
  border: 1px solid var(--gray-5);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 0;
  border-radius: 5px;
  height: 40px;
  transition: all 0.3s linear;
  cursor: pointer;
  font-size: 14px;
}
.container-check.type2 .form-check-input:checked[type=radio] ~ label {
  background-color: var(--gray-3);
}
@media screen and (min-width: 992px) {
  .container-check.type2 .form-check-input:hover ~ label {
    background-color: var(--gray-3);
  }
}
.container-check.type2 .checkmark {
  border-radius: 100%;
}
.container-check.type2 .checkmark:after {
  width: 70%;
  border: none;
  height: 70%;
  background-color: var(--primary);
  border-radius: 100%;
  border-width: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.container-check.favorite {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 2;
}
.container-check.favorite .checkmark {
  left: 0;
  top: 0;
  height: 25px;
  width: 29px;
  border: none;
  background: rgba(0, 0, 0, 0);
  margin-right: 0;
}
.container-check.favorite .checkmark:after {
  display: block;
  content: "\e91e";
  font-family: "customFont";
  width: 100%;
  height: 100%;
  border: none;
  top: 0;
  left: 0;
  transform: none;
  font-size: 29px;
  color: var(--white);
}
.container-check.favorite input:checked ~ .checkmark:after {
  content: "\e91f";
  color: var(--primary);
}
.container-check.favorite.fv-type2 .checkmark {
  background-color: var(--white);
  box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2) !important;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.container-check.favorite.fv-type2 .checkmark:after {
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.container-check.button {
  text-align: center;
  justify-content: center;
}
.container-check.button .checkmark {
  padding: 10px 20px;
  height: auto;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0);
  transition: all 0.3s linear;
  height: 100%;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  margin-right: 0;
}
.container-check.button .checkmark .checkText {
  transition: all 0.3s linear;
}
.container-check.button .checkmark:after {
  display: none;
}
.container-check.button.type2 {
  height: 75px;
  flex: 1;
}
@media screen and (max-width: 991.98px) {
  .container-check.button.type2 {
    min-width: calc(50% - 5px);
    max-width: 50%;
    height: 60px;
  }
}
.container-check.button input:checked ~ .checkmark {
  background-color: var(--text);
}
.container-check.button input:checked ~ .checkmark .checkText {
  color: var(--white);
}
.container-check.button input:checked ~ .checkmark:after {
  display: none;
}
@media screen and (min-width: 992px) {
  .container-check.button:hover .checkmark {
    background-color: var(--text);
  }
  .container-check.button:hover .checkmark .checkText {
    color: var(--white);
  }
}
.container-check.radioCheck {
  align-items: center;
}
.container-check.radioCheck .checkmark {
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0);
  width: 30px;
  height: 30px;
}
.container-check.radioCheck .checkmark:after {
  width: 75%;
  height: 75%;
  border: none;
  background-color: var(--primary);
  border-radius: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.container-check.radioCheck .checkText {
  color: var(--primary);
  font-size: 14px;
}

.formSwitchWrapper {
  display: flex;
  align-items: center;
  background-color: var(--white);
  border-radius: 24px;
  padding: 10px 10px 10px 20px;
  margin-bottom: 15px;
  font-size: 16px;
  color: var(--text-2);
}
@media screen and (max-width: 1600px) {
  .formSwitchWrapper {
    padding: 7px 7px 7px 14px;
    font-size: 14px;
  }
}
@media screen and (max-width: 991.98px) {
  .formSwitchWrapper {
    font-size: 14px;
    padding: 7px 7px 7px 12px;
  }
}
.formSwitchWrapper .custom-switch {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  /* Checked: Evet Göster */
  /* Unchecked: Hayır Göster */
}
.formSwitchWrapper .custom-switch .custom-switch-input {
  display: none; /* Varsayılan checkbox'ı gizle */
}
.formSwitchWrapper .custom-switch .custom-switch-label {
  display: flex;
  align-items: center;
  background-color: #ccc; /* Varsayılan gri */
  border-radius: 20px;
  padding: 5px 10px;
  transition: background-color 0.3s ease;
  position: relative;
  width: 100px; /* Yeterli genişlik */
  height: 40px;
  justify-content: center;
  font-size: 14px;
  color: white;
  font-weight: bold;
  cursor: pointer;
}
@media screen and (max-width: 1600px) {
  .formSwitchWrapper .custom-switch .custom-switch-label {
    padding: 3px 7px;
    font-size: 13px;
    width: 80px;
    height: 30px;
  }
}
@media screen and (max-width: 991.98px) {
  .formSwitchWrapper .custom-switch .custom-switch-label {
    height: 30px;
    font-size: 12px;
    width: 80px;
  }
}
.formSwitchWrapper .custom-switch .custom-switch-indicator {
  display: block;
  width: 32px;
  height: 32px;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
  position: absolute;
  top: 50%; /* Dikey hizalama */
  transform: translateY(-50%);
  left: 5px; /* Başlangıç pozisyonu */
}
@media screen and (max-width: 1600px) {
  .formSwitchWrapper .custom-switch .custom-switch-indicator {
    width: 22px;
    height: 22px;
  }
}
@media screen and (max-width: 991.98px) {
  .formSwitchWrapper .custom-switch .custom-switch-indicator {
    width: 18px;
    height: 18px;
  }
}
.formSwitchWrapper .custom-switch .custom-switch-input:checked + .custom-switch-label {
  background-color: var(--primary); /* Kırmızı */
}
.formSwitchWrapper .custom-switch .custom-switch-input:checked + .custom-switch-label .custom-switch-indicator {
  transform: translate(57px, -50%); /* Sağ tarafa kaydır */
}
@media screen and (max-width: 1600px) {
  .formSwitchWrapper .custom-switch .custom-switch-input:checked + .custom-switch-label .custom-switch-indicator {
    transform: translate(48px, -50%);
  }
}
@media screen and (max-width: 991.98px) {
  .formSwitchWrapper .custom-switch .custom-switch-input:checked + .custom-switch-label .custom-switch-indicator {
    transform: translate(52px, -50%); /* Sağ tarafa kaydır */
  }
}
.formSwitchWrapper .custom-switch .custom-switch-text {
  position: absolute;
  transition: opacity 0.3s ease;
  left: 25px;
}
@media screen and (max-width: 1600px) {
  .formSwitchWrapper .custom-switch .custom-switch-text {
    left: 20px;
  }
}
.formSwitchWrapper .custom-switch .custom-switch-text.disabled {
  right: 25px;
  left: auto;
}
@media screen and (max-width: 1600px) {
  .formSwitchWrapper .custom-switch .custom-switch-text.disabled {
    right: 15px;
  }
}
@media screen and (max-width: 991.98px) {
  .formSwitchWrapper .custom-switch .custom-switch-text.disabled {
    right: 20px;
  }
}
.formSwitchWrapper .custom-switch .custom-switch-input:checked + .custom-switch-label .custom-switch-text.apply {
  opacity: 1;
}
.formSwitchWrapper .custom-switch .custom-switch-input:checked + .custom-switch-label .custom-switch-text.disabled {
  opacity: 0 !important;
}
.formSwitchWrapper .custom-switch .custom-switch-input:not(:checked) + .custom-switch-label .custom-switch-text.apply {
  opacity: 0;
}
.formSwitchWrapper .custom-switch .custom-switch-input:not(:checked) + .custom-switch-label .custom-switch-text.disabled {
  opacity: 1;
}

.formSwitchBody {
  padding-left: 20px;
  padding-right: 20px;
}
.formSwitchBody.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.breadCrumbWrapper {
  margin-top: 11px;
  position: relative;
  z-index: 99;
  display: inline-block;
}
.breadCrumbWrapper .breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.breadCrumbWrapper .breadcrumb .breadcrumb-item {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--white);
  padding-left: 0;
}
.breadCrumbWrapper .breadcrumb .breadcrumb-item a {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--white);
  transition: all 0.3s linear;
  padding-right: 0;
}
@media screen and (max-width: 991.98px) {
  .breadCrumbWrapper .breadcrumb .breadcrumb-item a {
    margin-bottom: 0;
  }
}
.breadCrumbWrapper .breadcrumb .breadcrumb-item a.active {
  color: var(--primary);
}
@media screen and (min-width: 992px) {
  .breadCrumbWrapper .breadcrumb .breadcrumb-item a:hover {
    color: var(--primary);
  }
}
.breadCrumbWrapper .breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 6px;
}
.breadCrumbWrapper .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  content: "\e923";
  font-family: "customFont";
  font-size: 20px;
  color: var(--primary);
  display: inline-block;
  margin-right: 8px;
  padding-right: 0;
  width: 10px;
  margin-left: -6px;
}
.customTab:not(.standartTab) {
  border: none;
  justify-content: center;
  gap: 14px;
  margin-bottom: 40px;
}
@media screen and (max-width: 991.98px) {
  .customTab:not(.standartTab) {
    flex-wrap: nowrap;
    width: auto;
    justify-content: flex-start;
    padding-left: 16px;
    margin-bottom: 20px;
  }
  .customTab:not(.standartTab):after {
    content: "";
    width: 2px;
    min-width: 2px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0);
    display: block;
  }
}
.customTab:not(.standartTab) .nav-item {
  padding: 0;
}
.customTab:not(.standartTab) .nav-link {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  height: 50px;
  border: 2px solid var(--text-3);
  padding: 0 18px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 16px;
  color: #cacaca;
  font-size: 21px;
  font-weight: 700;
  line-height: 27px;
  transition: all 0.3s linear;
  background-color: var(--white);
}
@media screen and (max-width: 1440px) {
  .customTab:not(.standartTab) .nav-link {
    font-size: 18px;
    line-height: 25px;
  }
}
@media screen and (max-width: 991.98px) {
  .customTab:not(.standartTab) .nav-link {
    height: 45px;
    font-size: 14px;
    gap: 10px;
    white-space: nowrap;
    padding: 0 10px;
  }
}
@media screen and (max-width: 360px) {
  .customTab:not(.standartTab) .nav-link {
    font-size: 12px;
    gap: 5px;
    padding: 0 5px;
    justify-content: center;
  }
}
.customTab:not(.standartTab) .nav-link :before {
  color: #cacaca;
  transition: all 0.3s linear;
}
.customTab:not(.standartTab) .nav-link .colorsLine {
  height: 0;
}
.customTab:not(.standartTab) .nav-link.active {
  color: var(--primary);
  box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  background-color: var(--white);
  border-bottom: none;
}
.customTab:not(.standartTab) .nav-link.active :before {
  color: var(--primary);
}
.customTab:not(.standartTab) .nav-link.active .colorsLine {
  height: 4px;
}
@media screen and (min-width: 992px) {
  .customTab:not(.standartTab) .nav-link:hover {
    color: var(--primary);
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
    border-bottom: none;
    background-color: var(--white);
  }
  .customTab:not(.standartTab) .nav-link:hover :before {
    color: var(--primary);
  }
  .customTab:not(.standartTab) .nav-link:hover .colorsLine {
    height: 4px;
  }
}
.customTab.start {
  justify-content: flex-start;
}
.customTab.type2 .nav-link {
  box-shadow: 0 8px 9px rgba(0, 0, 0, 0.2);
  border: none;
}
.customTab.standartTab {
  height: 66px;
  position: relative;
  background-color: #eaeaea;
  padding-top: 20px;
  top: 0;
  border-radius: 0 0 25px 25px;
  display: flex;
  align-items: center;
  border: none;
  padding-left: 55px;
  padding-right: 55px;
}
.customTab.standartTab:before {
  content: "";
  background-color: #eaeaea;
  height: 86px;
  border-radius: 0 0 25px 25px;
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 991.98px) {
  .customTab.standartTab:before {
    display: none;
  }
}
@media screen and (max-width: 991.98px) {
  .customTab.standartTab:not(.navLinkTab) {
    flex-wrap: nowrap;
    width: auto;
    justify-content: flex-start;
    padding-left: 16px;
    margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    margin-top: 30px;
  }
  .customTab.standartTab:not(.navLinkTab) .nav-item {
    padding: 0 8px;
  }
  .customTab.standartTab:not(.navLinkTab) .nav-item:last-child {
    padding-right: 16px;
  }
  .customTab.standartTab:not(.navLinkTab) .nav-link {
    background-color: #eaeaea;
    border-radius: 30px;
    padding: 0 20px;
    height: 45px;
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 991.98px) {
  .customTab.standartTab.navLinkTab {
    background-color: rgba(0, 0, 0, 0);
  }
}
.customTab.standartTab .nav-item {
  height: 100%;
  padding: 0 var(--bs-nav-link-padding-x);
}
.customTab.standartTab .nav-link {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  font-size: 19px;
  color: #101010;
  font-weight: 400;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  transition: all 0.3s linear;
}
@media screen and (max-width: 1366px) {
  .customTab.standartTab .nav-link {
    font-size: 16px;
  }
}
@media screen and (max-width: 991.98px) {
  .customTab.standartTab .nav-link {
    font-size: 14px;
    white-space: nowrap;
  }
}
@media screen and (min-width: 992px) {
  .customTab.standartTab .nav-link:after {
    content: "";
    width: 0;
    height: 8px;
    background-color: var(--primary);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.3s linear;
  }
  .customTab.standartTab .nav-link:hover {
    color: var(--primary);
  }
  .customTab.standartTab .nav-link:hover:after {
    width: 100%;
  }
}
.customTab.standartTab .nav-link.active {
  color: var(--primary);
  font-weight: 800;
}
@media screen and (min-width: 992px) {
  .customTab.standartTab .nav-link.active:after {
    width: 100%;
  }
}

@media screen and (max-width: 991.98px) {
  #akademikBirimlerTab {
    padding-left: 0;
  }
}

#haberDuyurularTabContent .swiperButtons .customSwiperButton {
  margin-top: -60px;
}

.customTabContent {
  position: relative;
}
.customTabContent .tabAllLink {
  position: absolute;
  top: -148px;
  color: var(--white);
  right: 0;
}
@media screen and (max-width: 1440px) {
  .customTabContent .tabAllLink {
    top: -135px;
  }
}
@media screen and (max-width: 991.98px) {
  .customTabContent .tabAllLink {
    top: -93px;
    left: 0;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
  }
}

@media screen and (max-width: 991.98px) {
  .mobileColumn .customTab {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991.98px) {
  .mobileColumn .customTab .nav-item {
    width: calc(50% - 10px);
  }
  .mobileColumn .customTab .nav-item .nav-link {
    width: 100%;
  }
}

@media screen and (max-width: 991.98px) {
  .mobileDropdownTab {
    background-color: var(--white);
    height: 45px;
    max-width: 400px;
    margin: 30px auto 0;
  }
  .mobileDropdownTab .dropdown {
    width: 100%;
    height: 45px;
    background-color: rgba(0, 0, 0, 0);
    border: none;
  }
  .mobileDropdownTab .dropdown .dropdown-toggle {
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
    height: 45px;
    background-color: var(--white);
    width: 100%;
    color: var(--fifth);
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    border: none;
    gap: 15px;
    border-radius: 8px;
  }
  .mobileDropdownTab .dropdown .dropdown-toggle:after {
    display: none;
  }
  .mobileDropdownTab .dropdown .dropdown-toggle .line {
    width: 24px;
    height: 2px;
    background-color: var(--fifth);
    position: relative;
    display: inline-block;
    margin-top: -1px;
  }
  .mobileDropdownTab .dropdown .dropdown-toggle .line:before, .mobileDropdownTab .dropdown .dropdown-toggle .line:after {
    content: "";
    width: 24px;
    height: 2px;
    background-color: var(--fifth);
    position: absolute;
    left: 0;
    right: 0;
  }
  .mobileDropdownTab .dropdown .dropdown-toggle .line:before {
    top: -6px;
  }
  .mobileDropdownTab .dropdown .dropdown-toggle .line:after {
    bottom: -6px;
  }
  .mobileDropdownTab .dropdown .dropdown-toggle.show {
    background-color: var(--primary);
    color: var(--white);
    border-radius: 8px 8px 0 0;
  }
  .mobileDropdownTab .dropdown .dropdown-toggle.show .line {
    background-color: var(--white);
  }
  .mobileDropdownTab .dropdown .dropdown-toggle.show .line:after, .mobileDropdownTab .dropdown .dropdown-toggle.show .line:before {
    background-color: var(--white);
  }
  .mobileDropdownTab .dropdown .dropdown-menu {
    width: 100%;
    border-color: var(--primary);
    border-top: none;
    border-radius: 0 0 8px 8px;
  }
  .mobileDropdownTab .dropdown .dropdown-menu li:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
  .mobileDropdownTab .dropdown .dropdown-menu .dropdown-item {
    font-size: 15px;
    padding: 5px 0 5px 47px;
    min-height: 40px;
    display: flex;
    align-items: center;
  }
  .mobileDropdownTab .dropdown .dropdown-menu .dropdown-item.active {
    background-color: rgba(0, 0, 0, 0);
    color: var(--primary);
    font-weight: 800;
  }
  .mobileDropdownTab .dropdown .dropdown-menu.show {
    box-shadow: 0 17px 17px rgba(0, 0, 0, 0.8);
    margin-top: -3px !important;
  }
}

.schoolContent {
  display: flex;
  align-items: flex-start;
  padding-bottom: 30px;
}
@media screen and (max-width: 991.98px) {
  .schoolContent {
    flex-direction: column-reverse;
  }
}
.schoolContent .leftColumn {
  width: 68%;
}
@media screen and (max-width: 991.98px) {
  .schoolContent .leftColumn {
    width: 100%;
    text-align: center;
  }
}
.schoolContent .leftColumn .caption {
  font-weight: 400;
  color: var(--primary);
  font-size: 48px;
  line-height: 46px;
}
@media screen and (max-width: 1440px) {
  .schoolContent .leftColumn .caption {
    font-size: 35px;
    line-height: 42px;
  }
}
@media screen and (max-width: 1280px) {
  .schoolContent .leftColumn .caption {
    font-size: 26px;
    line-height: 33px;
  }
}
@media screen and (max-width: 991.98px) {
  .schoolContent .leftColumn .caption {
    font-size: 22px;
    line-height: 29px;
  }
}
.schoolContent .leftColumn .caption b {
  font-weight: 800;
}
.schoolContent .leftColumn .boldCaption {
  font-weight: 800;
  color: var(--primary);
  font-size: 46px;
  line-height: 60px;
}
@media screen and (max-width: 1440px) {
  .schoolContent .leftColumn .boldCaption {
    font-size: 40px;
    line-height: 47px;
  }
}
@media screen and (max-width: 1280px) {
  .schoolContent .leftColumn .boldCaption {
    font-size: 26px;
    line-height: 33px;
  }
}
@media screen and (max-width: 991.98px) {
  .schoolContent .leftColumn .boldCaption {
    font-size: 20px;
    line-height: 27px;
  }
}
.schoolContent .leftColumn .paragraph {
  color: var(--text);
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  margin-top: 30px;
}
@media screen and (max-width: 1440px) {
  .schoolContent .leftColumn .paragraph {
    font-size: 18px;
    line-height: 25px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 1280px) {
  .schoolContent .leftColumn .paragraph {
    font-size: 16px;
    line-height: 23px;
  }
}
@media screen and (max-width: 991.98px) {
  .schoolContent .leftColumn .paragraph {
    font-size: 14px;
    line-height: 21px;
    margin-top: 15px;
  }
}
.schoolContent .leftColumn .paragraph b {
  font-weight: 700;
}
.schoolContent .rightColumn {
  width: 31.86%;
  position: relative;
  right: 0;
}
@media screen and (max-width: 991.98px) {
  .schoolContent .rightColumn {
    display: none;
  }
}
.schoolContent .rightColumn .imageWrapper {
  width: calc(100% + 216px);
}
.schollEvents {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 1440px) {
  .schollEvents {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1280px) {
  .schollEvents {
    margin-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 991.98px) {
  .schollEvents {
    text-align: left;
  }
}
.schollEvents li {
  font-size: 21px;
  line-height: 29px;
  font-weight: 400;
  position: relative;
  padding-left: 50px;
  width: calc(50% - 10px);
}
@media screen and (max-width: 1440px) {
  .schollEvents li {
    font-size: 18px;
    line-height: 25px;
  }
}
@media screen and (max-width: 1280px) {
  .schollEvents li {
    font-size: 16px;
    line-height: 23px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 991.98px) {
  .schollEvents li {
    font-size: 14px;
    line-height: 21px;
    width: 100%;
  }
}
.schollEvents li:before {
  content: "\e905";
  font-family: "CustomFont";
  font-size: 36px;
  color: var(--third);
  position: absolute;
  top: -1px;
  left: 0;
}
@media screen and (max-width: 1280px) {
  .schollEvents li:before {
    font-size: 24px;
  }
}
@media screen and (max-width: 991.98px) {
  .schollEvents li:before {
    font-size: 24px;
  }
}
.schollEvents li b {
  font-weight: 700;
}

.schollProps {
  display: flex;
  align-items: stretch;
  margin-top: 40px;
}
@media screen and (max-width: 1440px) {
  .schollProps {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1280px) {
  .schollProps {
    margin-top: 20px;
  }
}
@media screen and (max-width: 991.98px) {
  .schollProps {
    margin-top: 10px;
  }
}
.schollProps .propsList {
  display: flex;
  align-items: stretch;
  gap: 18px;
  width: 100%;
}
@media screen and (max-width: 670px) {
  .schollProps .propsList {
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 480px) {
  .schollProps .propsList {
    gap: 5px;
  }
}
.schollProps .propsList .item {
  display: flex;
  align-items: center;
  opacity: 45%;
  border: 2px solid var(--text-3);
  border-radius: 8px;
  padding: 0 11px;
  min-height: 44px;
  gap: 15px;
  width: 33%;
}
@media screen and (max-width: 1280px) {
  .schollProps .propsList .item {
    gap: 5px;
    padding: 0 7px;
  }
}
@media screen and (max-width: 991.98px) {
  .schollProps .propsList .item {
    max-width: calc(33.3% - 7px);
    width: calc(33.3% - 7px);
  }
}
@media screen and (max-width: 640px) {
  .schollProps .propsList .item {
    min-width: initial;
    max-width: calc(33.3% - 7px);
    width: calc(33.3% - 7px);
  }
}
@media screen and (max-width: 420px) {
  .schollProps .propsList .item {
    border-width: 1px;
  }
}
.schollProps .propsList .item > span {
  font-size: 28px;
}
@media screen and (max-width: 1280px) {
  .schollProps .propsList .item > span {
    font-size: 20px;
  }
}
@media screen and (max-width: 420px) {
  .schollProps .propsList .item > span {
    font-size: 12px;
  }
}
.schollProps .propsList .item .title {
  font-size: 12.5px;
  color: var(--text);
  line-height: 17px;
  font-weight: 400;
  text-align: left;
}
@media screen and (max-width: 1280px) {
  .schollProps .propsList .item .title {
    font-size: 12px;
  }
}
@media screen and (max-width: 420px) {
  .schollProps .propsList .item .title {
    font-size: 8px;
    line-height: 11px;
  }
}
.schollProps .propsList .item .title b {
  font-weight: 700;
  display: block;
}
.schollProps .fixBtn {
  min-width: 150px;
}
@media screen and (max-width: 991.98px) {
  .schollProps .fixBtn {
    width: 100%;
  }
}
.schollProps.light .propsList .item {
  color: var(--white);
}
.schollProps.light .propsList .item .title {
  color: var(--white);
}

.customAcc {
  padding-top: 70px;
}
@media screen and (max-width: 991.98px) {
  .customAcc {
    padding-top: 50px;
  }
}
@media screen and (max-width: 480px) {
  .customAcc {
    padding-top: 30px;
  }
}
.customAcc .accordion .accordion-item {
  margin-bottom: 20px;
  border-bottom: none;
}
@media screen and (max-width: 991.98px) {
  .customAcc .accordion .accordion-item {
    margin-bottom: 10px;
  }
}
.customAcc .accordion .accordion-item .accordion-header .accordion-button {
  background-color: #dfdfdf;
  border: none;
  box-shadow: none;
  transition: all 0.3s linear;
  line-height: 42px;
  font-size: 21.5px;
  color: var(--white);
  font-weight: 700;
  min-height: 60px;
  border-radius: 5px;
}
@media screen and (max-width: 991.98px) {
  .customAcc .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
    min-height: 45px;
    line-height: 22px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.customAcc .accordion .accordion-item .accordion-header .accordion-button:after {
  font-weight: 800;
  content: "+";
  background: none;
  background-color: #bebebe;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  transition: all 0.3s linear;
}
.customAcc .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: var(--primary);
}
.customAcc .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
  background-color: #e45a3a;
}
@media screen and (min-width: 992px) {
  .customAcc .accordion .accordion-item .accordion-header .accordion-button:hover {
    background-color: var(--primary);
  }
}
.customAcc .accordion .accordion-item .accordion-body {
  padding: 16px 0;
  font-size: 17px;
  line-height: 25px;
  font-weight: 400;
}
.customAcc .accordion .accordion-item .accordion-body b {
  font-weight: 700;
}
.customAcc .accordion .accordion-item .accordion-body a {
  font-weight: 700;
  color: var(--primary);
  position: relative;
}
.customAcc .accordion .accordion-item .accordion-body a:before {
  content: "";
  border-bottom: 1px dotted var(--primary);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: all 0.3s linear;
}
@media screen and (min-width: 992px) {
  .customAcc .accordion .accordion-item .accordion-body a:hover:after {
    width: 0;
  }
}
.customAcc .accordion .accordion-item .accordion-body .accordionContent {
  padding: 10px 25px 35px 25px;
}
.customAcc .accordion .accordion-item .accordion-body .paragraph {
  font-size: 16px;
  line-height: 23px;
  color: #262626;
  font-weight: 400;
}
@media screen and (max-width: 991.98px) {
  .customAcc .accordion .accordion-item .accordion-body .paragraph {
    font-size: 14px;
    line-height: 21px;
  }
}
.customAcc .accordion .accordion-item .accordion-body .paragraph span,
.customAcc .accordion .accordion-item .accordion-body .paragraph h2 {
  font-size: 22px;
  line-height: 30px;
  margin-top: 30px;
  margin-bottom: 10px;
  color: var(--primary);
  font-weight: 700;
  display: block;
}
@media screen and (max-width: 991.98px) {
  .customAcc .accordion .accordion-item .accordion-body .paragraph span,
  .customAcc .accordion .accordion-item .accordion-body .paragraph h2 {
    font-size: 18px;
    line-height: 25px;
    margin-top: 15px;
    margin-bottom: 5px;
  }
}
.customAcc .accordion .accordion-item .accordion-body .paragraph span:first-child,
.customAcc .accordion .accordion-item .accordion-body .paragraph h2:first-child {
  margin-top: 0;
}
.customAcc .accordion .accordion-item .accordion-body .paragraph h3 {
  font-size: 18px;
  line-height: 25px;
  color: var(--third);
  margin-top: 15px;
  margin-bottom: 5px;
  font-weight: 700;
}
@media screen and (max-width: 991.98px) {
  .customAcc .accordion .accordion-item .accordion-body .paragraph h3 {
    font-size: 16px;
    line-height: 23px;
    margin-top: 5px;
    margin-bottom: 3px;
  }
}
.customAcc .accordion .accordion-item .accordion-body .paragraph a {
  font-weight: 700;
  color: var(--primary);
}
.customAcc .accordion .accordion-item .accordion-body .paragraph a:before {
  bottom: -1px;
}
@media screen and (min-width: 992px) {
  .customAcc .accordion .accordion-item .accordion-body .paragraph a:hover:before {
    width: 0;
  }
}
.customAcc .accordion .accordion-item .accordion-body .paragraph strong {
  font-weight: 700;
  display: block;
}
.customAcc .accordion .accordion-item .accordion-body .paragraph b {
  font-weight: 700;
}
.customAcc .accordion .accordion-item .accordion-body .paragraph ol,
.customAcc .accordion .accordion-item .accordion-body .paragraph ul {
  padding-left: 20px;
  margin-top: 15px;
  margin-bottom: 30px;
}
.customAcc .accordion .accordion-item .accordion-body .paragraph ol li,
.customAcc .accordion .accordion-item .accordion-body .paragraph ul li {
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.customAcc .accordion .accordion-item .accordion-body .paragraph ol li::marker,
.customAcc .accordion .accordion-item .accordion-body .paragraph ul li::marker {
  color: var(--third);
  font-weight: 700;
  font-size: 16px;
}
.customAcc .accordion .accordion-item .accordion-body .paragraph ol {
  list-style-type: decimal;
}
.customAcc .accordion .accordion-item .accordion-body .paragraph ol li::marker {
  font-size: 18px;
}
.customAcc .accordion .accordion-item .accordion-body .paragraph ul {
  list-style-type: disc;
}
.customAcc .accordion .accordion-item .accordion-body .paragraph ul li {
  padding-left: 0;
}
.customAcc .accordion.outline .accordion-item .accordion-header .accordion-button {
  gap: 12px;
  background-color: var(--white);
  border: 2px solid #e6e6e6;
  color: #262626;
}
.customAcc .accordion.outline .accordion-item .accordion-header .accordion-button .icon-question-square {
  color: var(--secondary);
}
.customAcc .accordion.outline .accordion-item .accordion-header .accordion-button .customIcon {
  font-size: 24px;
}
.customAcc .accordion.outline .accordion-item .accordion-header .accordion-button .customIcon.type2 {
  color: var(--secondary);
}
.customAcc .accordion.outline .accordion-item .accordion-header .accordion-button .imgIcon {
  max-width: 24px;
}
.customAcc .accordion.outline .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: var(--secondary);
  color: var(--white);
  border-color: var(--secondary);
}
.customAcc .accordion.outline .accordion-item .accordion-header .accordion-button:not(.collapsed) .icon-question-square {
  color: var(--white);
}
.customAcc .accordion.outline .accordion-item .accordion-header .accordion-button:not(.collapsed) .customIcon.type2 {
  color: var(--white);
}
.customAcc .accordion.outline .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
  background-color: #e68b35;
}
@media screen and (min-width: 992px) {
  .customAcc .accordion.outline .accordion-item .accordion-header .accordion-button:hover {
    background-color: var(--secondary);
    color: var(--white);
    border-color: var(--secondary);
  }
  .customAcc .accordion.outline .accordion-item .accordion-header .accordion-button:hover .icon-question-square {
    color: var(--white);
  }
  .customAcc .accordion.outline .accordion-item .accordion-header .accordion-button:hover:after {
    background-color: #e68b35;
  }
  .customAcc .accordion.outline .accordion-item .accordion-header .accordion-button:hover .customIcon.type2 {
    color: var(--white);
  }
}
.customAcc .accordion.type2 .accordion-item .accordion-header .accordion-button {
  color: #474747;
}
@media screen and (max-width: 991.98px) {
  .customAcc .accordion.type2 .accordion-item .accordion-header .accordion-button {
    align-items: center;
  }
}
.customAcc .accordion.type2 .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: var(--white);
}
@media screen and (min-width: 992px) {
  .customAcc .accordion.type2 .accordion-item .accordion-header .accordion-button:hover {
    color: var(--white);
  }
}
.customAcc.primaryTheme .accordion .accordion-item, .customAcc.secondaryTheme .accordion .accordion-item, .customAcc.thirdTheme .accordion .accordion-item, .customAcc.fourthTheme .accordion .accordion-item {
  background-color: rgba(0, 0, 0, 0);
}
.customAcc.primaryTheme .accordion .accordion-item .accordion-header .accordion-button, .customAcc.secondaryTheme .accordion .accordion-item .accordion-header .accordion-button, .customAcc.thirdTheme .accordion .accordion-item .accordion-header .accordion-button, .customAcc.fourthTheme .accordion .accordion-item .accordion-header .accordion-button {
  font-size: 18.5px;
  line-height: 27px;
}
@media screen and (max-width: 991.98px) {
  .customAcc.primaryTheme .accordion .accordion-item .accordion-header .accordion-button, .customAcc.secondaryTheme .accordion .accordion-item .accordion-header .accordion-button, .customAcc.thirdTheme .accordion .accordion-item .accordion-header .accordion-button, .customAcc.fourthTheme .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 15px;
    line-height: 21px;
  }
}
.customAcc.primaryTheme .accordion .accordion-item .accordion-header .accordion-button:after, .customAcc.secondaryTheme .accordion .accordion-item .accordion-header .accordion-button:after, .customAcc.thirdTheme .accordion .accordion-item .accordion-header .accordion-button:after, .customAcc.fourthTheme .accordion .accordion-item .accordion-header .accordion-button:after {
  background-color: #e6e6e6;
}
.customAcc.primaryTheme .accordion .accordion-item .accordion-body, .customAcc.secondaryTheme .accordion .accordion-item .accordion-body, .customAcc.thirdTheme .accordion .accordion-item .accordion-body, .customAcc.fourthTheme .accordion .accordion-item .accordion-body {
  background-color: rgba(0, 0, 0, 0);
  padding-bottom: 0;
}
.customAcc.primaryTheme .accordion .accordion-item .accordion-body .accordionContent, .customAcc.secondaryTheme .accordion .accordion-item .accordion-body .accordionContent, .customAcc.thirdTheme .accordion .accordion-item .accordion-body .accordionContent, .customAcc.fourthTheme .accordion .accordion-item .accordion-body .accordionContent {
  padding-bottom: 5px;
  padding-top: 0px;
  padding-left: 0;
  padding-right: 0;
}
.customAcc.primaryTheme .accordion .accordion-button .customIcon {
  color: var(--primary) !important;
}
.customAcc.primaryTheme .accordion .accordion-button:not(.collapsed) {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.customAcc.primaryTheme .accordion .accordion-button:not(.collapsed) .customIcon {
  color: var(--white) !important;
}
.customAcc.primaryTheme .accordion .accordion-button:not(.collapsed):after {
  background-color: #cf4929 !important;
}
@media screen and (min-width: 992px) {
  .customAcc.primaryTheme .accordion .accordion-button:hover {
    color: var(--white);
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
  .customAcc.primaryTheme .accordion .accordion-button:hover .customIcon {
    color: var(--white) !important;
  }
  .customAcc.primaryTheme .accordion .accordion-button:hover:after {
    background-color: #cf4929 !important;
  }
}
.customAcc.secondaryTheme .accordion .accordion-button .customIcon {
  color: var(--secondary) !important;
}
.customAcc.secondaryTheme .accordion .accordion-button:not(.collapsed) {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.customAcc.secondaryTheme .accordion .accordion-button:not(.collapsed) .customIcon {
  color: var(--white) !important;
}
.customAcc.secondaryTheme .accordion .accordion-button:not(.collapsed):after {
  background-color: #f1953e !important;
}
@media screen and (min-width: 992px) {
  .customAcc.secondaryTheme .accordion .accordion-button:hover {
    color: var(--white);
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
  .customAcc.secondaryTheme .accordion .accordion-button:hover .customIcon {
    color: var(--white) !important;
  }
  .customAcc.secondaryTheme .accordion .accordion-button:hover:after {
    background-color: #f1953e !important;
  }
}
.customAcc.thirdTheme .accordion .accordion-button .customIcon {
  color: var(--third) !important;
}
.customAcc.thirdTheme .accordion .accordion-button:not(.collapsed) {
  background-color: var(--third) !important;
  border-color: var(--third) !important;
}
.customAcc.thirdTheme .accordion .accordion-button:not(.collapsed) .customIcon {
  color: var(--white) !important;
}
.customAcc.thirdTheme .accordion .accordion-button:not(.collapsed):after {
  background-color: #47973e !important;
}
@media screen and (min-width: 992px) {
  .customAcc.thirdTheme .accordion .accordion-button:hover {
    color: var(--white);
    background-color: var(--third) !important;
    border-color: var(--third) !important;
  }
  .customAcc.thirdTheme .accordion .accordion-button:hover .customIcon {
    color: var(--white) !important;
  }
  .customAcc.thirdTheme .accordion .accordion-button:hover:after {
    background-color: #47973e !important;
  }
}
.customAcc.fourthTheme .accordion .accordion-button .customIcon {
  color: var(--fourth) !important;
}
.customAcc.fourthTheme .accordion .accordion-button:not(.collapsed) {
  background-color: var(--fourth) !important;
  border-color: var(--fourth) !important;
}
.customAcc.fourthTheme .accordion .accordion-button:not(.collapsed) .customIcon {
  color: var(--white) !important;
}
.customAcc.fourthTheme .accordion .accordion-button:not(.collapsed):after {
  background-color: #2970db !important;
}
@media screen and (min-width: 992px) {
  .customAcc.fourthTheme .accordion .accordion-button:hover {
    color: var(--white);
    background-color: var(--fourth) !important;
    border-color: var(--fourth) !important;
  }
  .customAcc.fourthTheme .accordion .accordion-button:hover .customIcon {
    color: var(--white) !important;
  }
  .customAcc.fourthTheme .accordion .accordion-button:hover:after {
    background-color: #2970db !important;
  }
}

.modal .btn-close {
  background-image: none;
  background-color: var(--secondary);
  color: var(--white);
  font-size: 23px;
  font-weight: 700;
  width: 150px;
  height: 60px;
  border-radius: 8px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  position: relative;
  margin-left: auto;
  box-shadow: none;
  transition: all 0.3s linear;
}
.modal .btn-close:focus {
  box-shadow: none;
}
@media screen and (max-width: 991.98px) {
  .modal .btn-close {
    height: 46px;
    width: 120px;
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  .modal .btn-close:hover {
    background-color: var(--white);
    color: var(--secondary);
  }
}
.modal .modal-content {
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.modal .modal-content .modal-body {
  min-height: 300px;
  display: flex;
  align-items: center;
}
.modal .modalContentWrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.modal .modalContentWrapper p {
  color: var(--white);
  font-weight: 600;
  font-size: 23px;
  line-height: 30px;
  margin-bottom: 16px;
}
@media screen and (max-width: 991.98px) {
  .modal .modalContentWrapper p {
    font-size: 16px;
    line-height: 25px;
  }
}
.modal .modalContentWrapper .searchInputWrapper {
  background-color: var(--white);
  border-radius: 8px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 90px;
  padding: 16px;
  width: 100%;
}
@media screen and (max-width: 991.98px) {
  .modal .modalContentWrapper .searchInputWrapper {
    height: 60px;
    padding: 7px;
  }
}
.modal .modalContentWrapper .searchInputWrapper input {
  width: calc(100% - 60px);
  height: 58px;
  padding-left: 36px;
  padding-right: 36px;
  font-size: 18px;
  font-weight: 400;
  color: var(--text);
}
@media screen and (max-width: 991.98px) {
  .modal .modalContentWrapper .searchInputWrapper input {
    width: calc(100% - 46px);
    height: 46px;
    font-size: 14px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
.modal .modalContentWrapper .searchInputWrapper input::-moz-placeholder {
  color: #cccccc;
}
.modal .modalContentWrapper .searchInputWrapper input::placeholder {
  color: #cccccc;
}
.modal .modalContentWrapper .searchInputWrapper input::-moz-placeholder {
  color: #cccccc;
}
.modal .modalContentWrapper .searchInputWrapper input::-moz-placeholder {
  color: #cccccc;
}
.modal .modalContentWrapper .searchInputWrapper input::-ms-input-placeholder {
  color: #cccccc;
}
.modal .modalContentWrapper .searchInputWrapper input::-webkit-input-placeholder {
  color: #cccccc;
}
.modal .modalContentWrapper .searchInputWrapper .searchButton {
  min-width: 60px;
  width: 60px;
  height: 60px;
}
@media screen and (max-width: 991.98px) {
  .modal .modalContentWrapper .searchInputWrapper .searchButton {
    min-width: 46px;
    width: 46px;
    height: 46px;
  }
}
.modal .modalContentWrapper .searchInputWrapper .searchButton .icon-search {
  font-size: 32px;
}
@media screen and (max-width: 991.98px) {
  .modal .modalContentWrapper .searchInputWrapper .searchButton .icon-search {
    font-size: 26px;
  }
}

.modal-backdrop {
  background: rgba(0, 31, 51, 0.93);
  --bs-backdrop-opacity: 100%;
}

.is-idle .fancybox__nav {
  animation: none;
}

.f-button[title=Close] {
  top: 30px;
  right: 30px;
}
.f-button[title=Close]:before {
  content: "\e910";
  font-family: "customFont";
  color: var(--primary);
  position: relative;
  font-size: 50px;
  transition: all 0.3s linear;
}

.f-button {
  background-color: var(--white);
  width: 75px;
  height: 75px;
  transition: all 0.3s linear;
  border-radius: 0;
}
@media screen and (max-width: 991.98px) {
  .f-button {
    width: 45px;
    height: 45px;
    margin-top: 30px;
  }
}
.f-button svg {
  display: none;
}
.f-button:hover {
  background-color: var(--primary);
}
.f-button:hover:before {
  color: var(--white);
}
.f-button:hover:not([disabled]) {
  color: var(--white);
  background-color: var(--primary);
}
.f-button:hover:not([disabled]):before {
  color: var(--white);
}

@media screen and (max-width: 991.98px) {
  .fancybox__toolbar .f-button {
    top: 30px !important;
  }
}

.fancybox__nav .f-button:before {
  content: "\e900";
  font-family: "customFont";
  color: var(--primary);
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  font-size: 50px;
  transition: all 0.3s linear;
}
.fancybox__nav .f-button.is-prev {
  left: 30px !important;
}
.fancybox__nav .f-button.is-next {
  right: 30px !important;
}
.fancybox__nav .f-button.is-next:before {
  transform: rotate(180deg);
}

.fancybox__slide.has-image > .fancybox__content {
  padding-top: 50px;
}

.is-idle .fancybox__toolbar {
  animation: none !important;
}

.boxes {
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 991.98px) {
  .boxes {
    padding-top: 40px;
  }
}
.boxes .boxItem {
  position: relative;
  border: 2px solid #e9e9e9;
  border-radius: 24px;
  padding: 36px;
}
@media screen and (max-width: 991.98px) {
  .boxes .boxItem {
    padding: 25px 16px 16px 16px;
  }
}
.boxes .boxItem .boxIcon {
  width: 58px;
  height: 58px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -29px;
  top: -29px;
  color: var(--white);
}
@media screen and (max-width: 991.98px) {
  .boxes .boxItem .boxIcon {
    width: 42px;
    height: 42px;
    top: -21px;
    left: -21px;
  }
}
.boxes .boxItem .boxIcon img {
  max-width: 30px;
}
@media screen and (max-width: 991.98px) {
  .boxes .boxItem .boxIcon img {
    max-width: 26px;
  }
}
.boxes .boxItem .boxIcon .customIcon {
  font-size: 32px;
}
@media screen and (max-width: 991.98px) {
  .boxes .boxItem .boxIcon .customIcon {
    font-size: 26px;
  }
}
.boxes .boxItem .boxIcon.text-primary :before {
  color: var(--primary);
}
.boxes .boxItem .boxIcon.type2 {
  width: 70px;
  height: 70px;
  left: -35px;
  top: -35px;
}
.boxes .boxItem .boxIcon.type2 .customIcon {
  font-size: 50px;
}
.boxes .boxItem .boxIcon.type2 .customIcon.icon-envelope {
  font-size: 70px;
}
@media screen and (max-width: 991.98px) {
  .boxes .boxItem .boxIcon.type2 {
    width: 42px;
    height: 42px;
    top: -22px;
    left: -22px;
  }
  .boxes .boxItem .boxIcon.type2 .customIcon {
    font-size: 32px;
  }
  .boxes .boxItem .boxIcon.type2 .customIcon.icon-envelope {
    font-size: 32px;
  }
  .boxes .boxItem .boxIcon.type2 .customIcon.icon-phone-retro-2 {
    font-size: 24px;
  }
  .boxes .boxItem .boxIcon.type2 .customIcon.icon-journal-alt {
    font-size: 24px;
  }
}
.boxes .boxItem .boxTitle {
  color: #262626;
  font-size: 24px;
  line-height: 32px;
  background-color: var(--white);
  padding: 4px 7px;
  font-weight: 700;
  position: absolute;
  top: -21px;
  left: 28px;
}
@media screen and (max-width: 991.98px) {
  .boxes .boxItem .boxTitle {
    font-size: 18px;
    line-height: 24px;
    top: -18px;
    left: 21px;
  }
}
.boxes .boxItem .boxTitle.type2 {
  color: var(--fifth);
}
.boxes .boxItem .boxText {
  top: -21px;
  position: relative;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #242424;
  padding-left: 0;
  letter-spacing: -0.1px;
}
@media screen and (max-width: 1280px) {
  .boxes .boxItem .boxText {
    font-size: 16px;
    line-height: 23px;
  }
}
@media screen and (max-width: 991.98px) {
  .boxes .boxItem .boxText {
    font-size: 14px;
    line-height: 21px;
    padding-top: 15px;
  }
}
.boxes .boxItem .boxText a {
  font-weight: 700;
  color: var(--fifth);
  transition: all 0.3s linear;
}
@media screen and (min-width: 992px) {
  .boxes .boxItem .boxText a:hover {
    color: var(--primary);
  }
}
.boxes .boxItem .boxText b {
  color: var(--fifth);
}
.boxes .boxItem .boxContent .desc {
  font-size: 18px;
  line-height: 25px;
  color: #242424;
  font-weight: 400;
  letter-spacing: -0.1px;
}
@media screen and (max-width: 1280px) {
  .boxes .boxItem .boxContent .desc {
    font-size: 16px;
    line-height: 23px;
  }
}
@media screen and (max-width: 991.98px) {
  .boxes .boxItem .boxContent .desc {
    font-size: 14px;
    line-height: 21px;
  }
}
.boxes .boxItem .boxContent .desc a {
  font-weight: 700;
  color: var(--fifth);
  transition: all 0.3s linear;
}
@media screen and (min-width: 992px) {
  .boxes .boxItem .boxContent .desc a:hover {
    color: var(--primary);
  }
}
.boxes .boxItem .boxContent .desc b {
  color: var(--fifth);
}
.boxes .boxItem .boxContent .desc.type2 {
  display: flex;
  align-items: stretch;
}
.boxes .boxItem .boxContent .desc.type2 .adress {
  display: flex;
  align-items: center;
  flex: 1;
  height: 100px;
  padding: 10px 36px 0;
}
@media screen and (max-width: 1280px) {
  .boxes .boxItem .boxContent .desc.type2 .adress {
    padding: 10px 30px 0 36px;
  }
}
@media screen and (max-width: 991.98px) {
  .boxes .boxItem .boxContent .desc.type2 .adress {
    padding: 25px 16px 20px 16px;
    height: auto;
  }
}
.boxes .boxItem .boxContent .form {
  padding-top: 40px;
}
@media screen and (max-width: 991.98px) {
  .boxes .boxItem .boxContent .form {
    padding-top: 0;
  }
}
.boxes .boxItem .adressMapLink {
  height: 100px;
  width: 130px;
  min-width: 130px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: none;
  border-radius: 24px 0 0 24px;
  gap: 5px;
}
@media screen and (max-width: 991.98px) {
  .boxes .boxItem .adressMapLink {
    height: auto;
    width: 100px;
    min-width: 100px;
  }
  .boxes .boxItem .adressMapLink img {
    width: 30px;
  }
}
.boxes .boxItem .adressMapLink:before {
  content: "";
  width: 50%;
  height: calc(100% + 4px);
  top: -2px;
  border: 2px solid #e9e9e9;
  position: absolute;
  left: 0;
  border-radius: 24px 0 0 24px;
  border-right: none;
}
.boxes .boxItem .adressMapLink span {
  font-size: 14px;
  font-weight: 800;
  color: #d4d4d4;
  transition: all 0.3s linear;
}
@media screen and (min-width: 992px) {
  .boxes .boxItem .adressMapLink:hover span {
    color: var(--primary);
  }
}
.boxes .boxItem.type2 {
  padding: 0;
}

/*Timeline slider*/
.timelineWrapper {
  height: 340px;
  border-radius: 19px;
  border: 2px solid #ededed;
  padding: 45px 22px 22px;
  position: relative;
  margin-bottom: 45px;
}
@media screen and (max-width: 540px) {
  .timelineWrapper {
    height: 280px;
  }
}
.timelineWrapper .timelineTitle {
  font-size: 29px;
  line-height: 37px;
  font-weight: 700;
  color: #262626;
  background-color: var(--white);
  display: inline-block;
  width: auto;
  padding: 0 10px;
  top: -20px;
  position: absolute;
  left: 10px;
}
@media screen and (max-width: 991.98px) {
  .timelineWrapper .timelineTitle {
    font-size: 22px;
    line-height: 30px;
    top: -15px;
  }
}
@media screen and (max-width: 540px) {
  .timelineWrapper .timelineTitle {
    font-size: 18px;
    line-height: 25px;
    top: -10px;
  }
}
.timelineWrapper .swiperButtons .customSwiperButton {
  bottom: 0;
  z-index: 99;
  background-color: var(--secondary);
  color: var(--white);
  top: auto;
  box-shadow: none;
}
.timelineWrapper .swiperButtons .customSwiperButton.swiper-button-disabled {
  opacity: 1;
  background-color: var(--gray);
}
.timelineWrapper .swiperButtons .customSwiperButton.prevButton {
  left: 0;
}
.timelineWrapper .swiperButtons .customSwiperButton.nextButton {
  right: 0;
}

.timelineSlider {
  height: 100%;
  width: 100%;
}
.timelineSlider .swiper-wrapper {
  height: calc(100% - 60px);
}
.timelineSlider .swiper-slide .info {
  position: relative;
  padding-top: 30px;
  padding-right: 26px;
}
.timelineSlider .swiper-slide .info .year {
  font-size: 29px;
  line-height: 36px;
  font-weight: 700;
  color: #262626;
}
@media screen and (max-width: 991.98px) {
  .timelineSlider .swiper-slide .info .year {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 540px) {
  .timelineSlider .swiper-slide .info .year {
    font-size: 18px;
    line-height: 25px;
  }
}
.timelineSlider .swiper-slide .info .desc {
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
  color: #262626;
}
@media screen and (max-width: 991.98px) {
  .timelineSlider .swiper-slide .info .desc {
    font-size: 16px;
    line-height: 25px;
  }
}
@media screen and (max-width: 540px) {
  .timelineSlider .swiper-slide .info .desc {
    font-size: 14px;
    line-height: 21px;
  }
}
.timelineSlider .swiper-slide .info:before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: var(--secondary);
  position: absolute;
  top: 0;
  border-radius: 100%;
  z-index: 2;
}
.timelineSlider .swiper-slide .info:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 10px;
  width: calc(100% - 17px);
  transition: all 1s ease-in-out;
  background-image: url("../../images/statics/dotted.svg");
  background-size: 16px 11px;
  background-position: center;
  background-repeat: repeat-x;
  height: 11px;
}
.timelineSlider .swiper-slide.visible .info:after {
  background-image: url("../../images/statics/dotted-color.svg");
}
.timelineSlider .swiper-slide:last-child .info:after {
  display: none;
}

.swiperButtons .customSwiperButton {
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: var(--white);
  font-size: 20px;
  color: #bdbdbd;
  box-shadow: 0 8px 9px rgba(0, 0, 0, 0.2);
  transition: all 0.3s linear;
}
@media screen and (max-width: 1280px) {
  .swiperButtons .customSwiperButton {
    width: 45px;
    height: 45px;
  }
}
.swiperButtons .customSwiperButton:after {
  display: none;
}
.swiperButtons .customSwiperButton.prevButton {
  left: -20px;
}
@media screen and (max-width: 1280px) {
  .swiperButtons .customSwiperButton.prevButton {
    left: 20px;
  }
}
.swiperButtons .customSwiperButton.nextButton {
  right: -20px;
}
@media screen and (max-width: 1280px) {
  .swiperButtons .customSwiperButton.nextButton {
    right: 20px;
  }
}
.swiperButtons .customSwiperButton.nextButton .icon-arrow-middle-left {
  position: relative;
  transform: rotate(180deg);
}
.swiperButtons .customSwiperButton.swiper-button-disabled {
  opacity: 70%;
}
@media screen and (min-width: 992px) {
  .swiperButtons .customSwiperButton:hover {
    background-color: var(--primary);
    color: var(--white);
  }
}

/*Swiper scroll*/
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  opacity: 1 !important;
  top: auto;
  bottom: 15px;
  height: 16px;
  background-color: #eaeaea;
}

.swiper-scrollbar-drag {
  background-color: var(--secondary);
}

.section {
  position: relative;
  z-index: 1;
  /*kayıt section*/
  /*Ege Bilim Okulları Mezun Profili*/
  /*Sosyal Medya section*/
}
.section .sectionHead {
  padding-bottom: 40px;
}
@media screen and (max-width: 1440px) {
  .section .sectionHead {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 991.98px) {
  .section .sectionHead {
    padding-bottom: 30px;
  }
}
.section .sectionHead .sectionTitle {
  font-size: 44px;
  line-height: 50px;
  color: var(--fifth);
  font-weight: 400;
  position: relative;
  z-index: 1;
  gap: 7px;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .section .sectionHead .sectionTitle {
    font-size: 36px;
    line-height: 43px;
  }
}
@media screen and (max-width: 991.98px) {
  .section .sectionHead .sectionTitle {
    font-size: 24px;
    line-height: 32px;
    display: block;
  }
}
.section .sectionHead .sectionTitle b {
  font-weight: 700;
}
.section .sectionHead .sectionTitle strong {
  font-weight: 700;
  display: block;
}
.section .sectionHead .sectionTitle .backTitle {
  position: absolute;
  font-size: 74px;
  line-height: 81px;
  letter-spacing: 2px;
  color: #ededed;
  font-weight: 400;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .section .sectionHead .sectionTitle .backTitle {
    font-size: 54px;
    line-height: 61px;
  }
}
@media screen and (max-width: 991.98px) {
  .section .sectionHead .sectionTitle .backTitle {
    font-size: 30px;
    line-height: 42px;
  }
}
.section .sectionHead .sectionText {
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  font-weight: 400;
  color: #191919;
  margin-top: 40px;
}
@media screen and (max-width: 991.98px) {
  .section .sectionHead .sectionText {
    font-size: 14px;
    line-height: 21px;
    margin-top: 20px;
  }
}
.section .sectionHead.light .sectionTitle {
  color: var(--white);
}
.section .sectionHead.type2 .sectionTitle {
  font-size: 35.5px;
  line-height: 42px;
  font-weight: 400;
  letter-spacing: -0.5px;
}
@media screen and (max-width: 1280px) {
  .section .sectionHead.type2 .sectionTitle {
    font-size: 28px;
    line-height: 34px;
  }
}
@media screen and (max-width: 991.98px) {
  .section .sectionHead.type2 .sectionTitle {
    font-size: 24px;
    line-height: 32px;
  }
}
@media screen and (max-width: 380px) {
  .section .sectionHead.type2 .sectionTitle {
    font-size: 20px;
    line-height: 27px;
  }
}
.section .sectionHead.type2 .sectionTitle b {
  font-weight: 800;
}
.section .sectionHead.type3 .sectionTitle {
  font-size: 55px;
  line-height: 56px;
  letter-spacing: -0.25px;
}
@media screen and (max-width: 1440px) {
  .section .sectionHead.type3 .sectionTitle {
    font-size: 42px;
    line-height: 52px;
  }
}
@media screen and (max-width: 1280px) {
  .section .sectionHead.type3 .sectionTitle {
    font-size: 28px;
    line-height: 34px;
  }
}
@media screen and (max-width: 991.98px) {
  .section .sectionHead.type3 .sectionTitle {
    font-size: 24px;
    line-height: 32px;
  }
}
.section .sectionHead.beetween {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 991.98px) {
  .section .sectionHead.beetween {
    display: block;
  }
}
.section .sectionHead.bgType {
  background-color: currentColor;
  background-image: url("../../images/statics/iconsBg-light.png");
  background-position: 454px 18%;
  background-size: 133%;
  background-repeat: no-repeat;
  min-height: 115px;
  display: flex;
  align-items: center;
  background-blend-mode: multiply;
}
@media screen and (max-width: 991.98px) {
  .section .sectionHead.bgType {
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 115px;
    display: flex;
    align-items: center;
    background-blend-mode: multiply;
    text-align: center;
  }
}
.section .sectionHead.bgType.bgFull {
  background-position: center;
  background-size: cover;
  border-radius: 0 0 59px 59px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.section .sectionHead.bgType.bgFull .sectionText {
  margin-top: 10px;
  color: var(--white);
}
.section .sectionHead .textLink {
  margin-left: auto;
  color: var(--white);
}
@media screen and (max-width: 991.98px) {
  .section .sectionHead .textLink {
    margin-top: 10px;
  }
}
@media screen and (min-width: 992px) {
  .section .sectionHead .textLink:hover {
    color: var(--fifth);
  }
}
.section .ataturkDesc {
  position: relative;
  min-height: 190px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-radius: 16px;
  will-change: transform;
  overflow: hidden;
  box-shadow: 10px 10px 54px 14px rgba(0, 0, 0, 0.11);
  padding-right: 80px;
  margin-top: 45px;
}
@media screen and (max-width: 991.98px) {
  .section .ataturkDesc {
    margin-top: 30px;
    padding: 30px 20px;
  }
}
.section .ataturkDesc .ataturkBg {
  position: absolute;
  left: 0;
  top: -2.343vw;
  bottom: 0;
  z-index: -1;
  width: 42.39vw;
  opacity: 23%;
  height: auto;
  height: 25.31vw;
  min-width: 648px;
  min-height: 387px;
}
@media screen and (max-width: 480px) {
  .section .ataturkDesc .ataturkBg {
    left: -50%;
  }
}
.section .ataturkDesc .desc {
  max-width: 54%;
  text-align: end;
}
@media screen and (max-width: 991.98px) {
  .section .ataturkDesc .desc {
    max-width: initial;
    text-align: center;
  }
}
.section .ataturkDesc .desc p {
  text-align: center;
  font-size: 19px;
  line-height: 27px;
  color: #000000;
}
@media screen and (min-width: 992px) {
  .section .ataturkDesc .desc p {
    font-size: 14px;
    line-height: 22px;
  }
}
.section .ataturkDesc .desc p b {
  font-weight: 800;
}
.section .ataturkDesc .desc img {
  margin-top: 10px;
}
.section .sectionContainer {
  position: relative;
}
.section:not(.firstSection) {
  margin-block: 50px;
}
@media screen and (max-width: 991.98px) {
  .section:not(.firstSection) {
    margin-block: 30px;
  }
}
.section.homeSection {
  height: 100vh;
  background-color: var(--sixth);
  background-image: url("../../images/statics/homeBg.png");
  background-size: cover;
  background-position: 0 50%;
  background-repeat: no-repeat;
}
.section.homeSection:before, .section.homeSection:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}
.section.homeSection:before {
  background-image: url("../../images/statics/homeBgTop.png");
  background-position: top left;
  width: 255px;
  height: 217px;
  left: 0;
  top: 0;
}
.section.homeSection:after {
  background-image: url("../../images/statics/homeBgBottom.png");
  background-position: bottom right;
  width: 191px;
  height: 197px;
  right: 0;
  bottom: 0;
}
.section.homeSection.ilkokulHome {
  border-bottom: 23px solid var(--primary);
}
@media screen and (max-width: 1280px) {
  .section.homeSection.ilkokulHome {
    border-width: 10px;
  }
}
.section.homeSection.ilkokulHome:after, .section.homeSection.ilkokulHome:before {
  display: none;
}
.section.homeSection.ortaokulHome {
  border-bottom: 23px solid var(--third);
}
@media screen and (max-width: 1280px) {
  .section.homeSection.ortaokulHome {
    border-width: 10px;
  }
}
.section.homeSection.ortaokulHome:after, .section.homeSection.ortaokulHome:before {
  display: none;
}
.section.homeSection.anaokuluHome {
  border-bottom: 23px solid var(--secondary);
}
@media screen and (max-width: 1280px) {
  .section.homeSection.anaokuluHome {
    border-width: 10px;
  }
}
.section.homeSection.anaokuluHome:after, .section.homeSection.anaokuluHome:before {
  display: none;
}
.section.homeSection.liseHome {
  border-bottom: 23px solid var(--fourth);
}
@media screen and (max-width: 1280px) {
  .section.homeSection.liseHome {
    border-width: 10px;
  }
}
.section.homeSection.liseHome:after, .section.homeSection.liseHome:before {
  display: none;
}
.section.homeSection .homeContent {
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-top: 160px;
}
@media screen and (max-width: 991.98px) {
  .section.homeSection .homeContent {
    padding-top: 120px;
  }
}
.section.homeSection .schoolMobilSlideCard,
.section.homeSection .schoolCard {
  height: 75%;
  position: relative;
  z-index: 2;
  max-height: 635px;
}
@media screen and (max-width: 1024px) {
  .section.homeSection .schoolMobilSlideCard,
  .section.homeSection .schoolCard {
    max-height: 450px;
  }
}
@media screen and (max-width: 480px) {
  .section.homeSection .schoolMobilSlideCard,
  .section.homeSection .schoolCard {
    height: 300px;
  }
}
.section.homeSection .schoolMobilSlideCard .cards,
.section.homeSection .schoolCard .cards {
  height: 100%;
}
.section.homeSection .schoolMobilSlideCard .cards .card,
.section.homeSection .schoolCard .cards .card {
  border-radius: 31px 31px 0 0;
  overflow: hidden;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .section.homeSection .schoolMobilSlideCard .cards .card,
  .section.homeSection .schoolCard .cards .card {
    width: calc(25% - 15px);
  }
}
.section.homeSection .schoolMobilSlideCard .cards .card a,
.section.homeSection .schoolCard .cards .card a {
  height: 100%;
  display: flex;
}
@media screen and (max-width: 991.98px) {
  .section.homeSection .schoolCard {
    max-height: 100%;
    height: 100%;
    max-width: 600px;
    margin: 0 auto;
    height: 550px;
    align-self: center;
    max-height: 85%;
  }
}
@media screen and (max-width: 991.98px) {
  .section.homeSection .schoolCard .cards .card {
    width: calc(50% - 10px);
    height: calc(50% - 10px);
    border-radius: 30px;
  }
}
@media screen and (max-width: 991.98px) {
  .section.homeSection .schoolCard .cards .card .card-img-overlay {
    border-bottom-width: 10px;
  }
}
.section.homeSection .schoolCard .cards .card .card-img-overlay .imageWrapper img {
  transition: all 0.3s linear;
}
@media screen and (min-width: 992px) {
  .section.homeSection .schoolCard .cards .card:hover .imageWrapper img {
    transform: scale(1.1);
  }
}
.section.homeSection .homeDesc {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.section.homeSection .homeDesc .textContent {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
@media screen and (max-width: 1280px) {
  .section.homeSection .homeDesc .textContent {
    text-align: center;
  }
}
.section .nextSectionButton {
  position: absolute;
  left: -50px;
  color: var(--white);
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  bottom: 20px;
  gap: 7px;
}
@media screen and (max-width: 1300px) {
  .section .nextSectionButton {
    left: -25px;
  }
}
@media screen and (max-width: 1280px) {
  .section .nextSectionButton {
    display: none;
  }
}
.section .nextSectionButton .verticalText {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}
.section .nextSectionButton .downIcon {
  transition: all 0.3s linear;
}
@media screen and (min-width: 992px) {
  .section .nextSectionButton:hover .downIcon {
    transform: translateY(7px);
  }
}
.section.akademikBirimler {
  background-image: url("../../images/statics/homeBg-white.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.section.willDoSection .content {
  height: 210px;
  border-radius: 23px;
  background-color: #f6f6f6;
  background-image: url("../../images/media/neleryapacagiz-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  background-blend-mode: luminosity;
}
@media screen and (max-width: 991.98px) {
  .section.willDoSection .content {
    height: auto;
    background-size: cover;
  }
}
.section.willDoSection .content .desc {
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 40px;
  gap: 50px;
}
@media screen and (max-width: 991.98px) {
  .section.willDoSection .content .desc {
    flex-direction: column;
    padding: 20px;
    align-items: flex-start;
    gap: 0;
  }
}
@media screen and (max-width: 570px) {
  .section.willDoSection .content .desc {
    align-items: center;
  }
}
.section.willDoSection .content .caption {
  font-size: 51px;
  line-height: 59px;
  font-weight: 400;
  max-width: 250px;
  color: var(--third);
}
@media screen and (max-width: 1600px) {
  .section.willDoSection .content .caption {
    font-size: 45px;
    line-height: 51px;
  }
}
@media screen and (max-width: 1366px) {
  .section.willDoSection .content .caption {
    font-size: 40px;
    line-height: 47px;
  }
}
@media screen and (max-width: 1280px) {
  .section.willDoSection .content .caption {
    font-size: 30px;
    line-height: 37px;
  }
}
.section.willDoSection .content .caption b {
  font-weight: 800;
}
.section .waveImgRight {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 60px;
  width: 21.6vw;
  right: -17.4vw;
}
@media screen and (max-width: 991.98px) {
  .section .waveImgRight {
    display: none;
  }
}
.section .signupWrapper {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 80px;
  padding-bottom: 20px;
}
@media screen and (max-width: 991.98px) {
  .section .signupWrapper {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.section .signupWrapper figure {
  width: 18vw;
  left: -4vw;
  position: absolute;
  height: auto;
  z-index: 1;
  margin-top: 40px;
}
@media screen and (max-width: 991.98px) {
  .section .signupWrapper figure {
    display: none;
  }
}
.section .signupWrapper .signUpContent {
  width: 100%;
  background-image: url("../../images/statics/homeBg-white.png");
  background-color: var(--fifth);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  min-height: 180px;
  background-blend-mode: color-burn;
  border-radius: 44px;
  padding-left: 15.7vw;
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991.98px) {
  .section .signupWrapper .signUpContent {
    padding: 20px;
    flex-direction: column;
    border-radius: 25px;
    text-align: center;
  }
}
.section .signupWrapper .signUpContent .desc .caption {
  font-size: 48.5px;
  line-height: 40px;
  color: var(--white);
  font-weight: 400;
}
@media screen and (max-width: 1440px) {
  .section .signupWrapper .signUpContent .desc .caption {
    font-size: 40px;
  }
}
@media screen and (max-width: 1366px) {
  .section .signupWrapper .signUpContent .desc .caption {
    font-size: 30px;
    line-height: 35px;
  }
}
@media screen and (max-width: 1280px) {
  .section .signupWrapper .signUpContent .desc .caption {
    font-size: 24px;
    line-height: 30px;
  }
}
@media screen and (max-width: 991.98px) {
  .section .signupWrapper .signUpContent .desc .caption {
    font-size: 18px;
    line-height: 25px;
  }
}
.section .signupWrapper .signUpContent .desc .caption b {
  font-weight: 800;
  display: block;
}
.section .signupWrapper .signUpContent .desc .slogan {
  font-size: 48.5px;
  line-height: 40px;
  color: var(--white);
  font-weight: 400;
}
@media screen and (max-width: 991.98px) {
  .section .signupWrapper .signUpContent .desc .slogan {
    font-size: 18px;
    line-height: 25px;
  }
}
.section .signupWrapper .signUpContent .desc p {
  font-size: 18.5px;
  color: var(--white);
  font-weight: 400;
  line-height: 27px;
  margin-top: 20px;
}
@media screen and (max-width: 1440px) {
  .section .signupWrapper .signUpContent .desc p {
    font-size: 16px;
  }
}
@media screen and (max-width: 991.98px) {
  .section .signupWrapper .signUpContent .desc p {
    font-size: 14px;
    line-height: 21px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
.section .signupWrapper .signUpContent .signUpButton {
  margin-left: auto;
  margin-right: -15px;
}
@media screen and (max-width: 991.98px) {
  .section .signupWrapper .signUpContent .signUpButton {
    margin-right: auto;
    width: 100%;
    max-width: 300px;
  }
}
.section .gradutedWrapper {
  display: flex;
  align-items: stretch;
  padding-top: 15px;
}
@media screen and (max-width: 991.98px) {
  .section .gradutedWrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.section .gradutedWrapper .leftColumn {
  position: relative;
  width: 500px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 50px;
  padding-top: 50px;
  border-radius: 0 17px 17px 0;
}
@media screen and (max-width: 1300px) {
  .section .gradutedWrapper .leftColumn {
    width: 320px;
  }
}
@media screen and (max-width: 991.98px) {
  .section .gradutedWrapper .leftColumn {
    width: 100%;
    margin-bottom: 20px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
    border-top: 1px solid #f2f2f2;
  }
}
.section .gradutedWrapper .leftColumn .colorsLine {
  height: 10px;
  border-radius: 0 0 17px 0;
}
.section .gradutedWrapper .leftColumn .backgroundWrap {
  width: calc(100% + 155px);
  left: -155px;
  top: 0;
  position: absolute;
  z-index: -1;
  height: 100%;
}
@media screen and (max-width: 991.98px) {
  .section .gradutedWrapper .leftColumn .backgroundWrap {
    width: 100%;
    left: 0;
    top: 0;
  }
}
.section .gradutedWrapper .leftColumn .title {
  font-size: 44.5px;
  line-height: 48px;
  color: var(--fifth);
  font-weight: 400;
}
@media screen and (max-width: 1440px) {
  .section .gradutedWrapper .leftColumn .title {
    font-size: 30px;
    line-height: 37px;
  }
}
@media screen and (max-width: 991.98px) {
  .section .gradutedWrapper .leftColumn .title {
    font-size: 18px;
    line-height: 25px;
  }
}
.section .gradutedWrapper .leftColumn .title b {
  font-weight: 700;
}
.section .gradutedWrapper .leftColumn .subTitle {
  font-size: 44.5px;
  line-height: 48px;
  color: var(--fifth);
  font-weight: 700;
}
@media screen and (max-width: 1440px) {
  .section .gradutedWrapper .leftColumn .subTitle {
    font-size: 30px;
    line-height: 37px;
  }
}
@media screen and (max-width: 991.98px) {
  .section .gradutedWrapper .leftColumn .subTitle {
    font-size: 18px;
    line-height: 25px;
  }
}
.section .gradutedWrapper .leftColumn p {
  font-size: 18.5px;
  line-height: 27px;
  color: #0e0e0e;
  font-weight: 400;
}
@media screen and (max-width: 1440px) {
  .section .gradutedWrapper .leftColumn p {
    font-size: 16px;
    line-height: 22px;
  }
}
@media screen and (max-width: 991.98px) {
  .section .gradutedWrapper .leftColumn p {
    font-size: 14px;
    line-height: 21px;
  }
}
.section .gradutedWrapper .leftColumn p b {
  font-weight: 700;
}
.section .gradutedWrapper .leftColumn .logo {
  width: 106px;
}
@media screen and (max-width: 991.98px) {
  .section .gradutedWrapper .leftColumn .logo {
    margin: 20px auto 0;
  }
}
.section .gradutedWrapper .rightColumn {
  width: calc(100% - 500px);
  padding-left: 20px;
  margin-top: -15px;
}
@media screen and (max-width: 1300px) {
  .section .gradutedWrapper .rightColumn {
    width: calc(100% - 320px);
  }
}
@media screen and (max-width: 991.98px) {
  .section .gradutedWrapper .rightColumn {
    width: 100%;
    padding-left: 0;
    margin-top: 0;
  }
}
.section .infoCard {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  height: 100%;
}
@media screen and (max-width: 991.98px) {
  .section .infoCard {
    height: auto;
  }
}
.section .infoCard .item {
  width: calc(25% - 15px);
  position: relative;
  min-height: calc(50% - 6px);
  height: calc(50% - 6px);
  padding-top: 17px;
}
@media screen and (max-width: 991.98px) {
  .section .infoCard .item {
    height: 230px;
    min-height: initial;
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 640px) {
  .section .infoCard .item {
    height: 170px;
  }
}
.section .infoCard .item .imageWrapper {
  border-radius: 17px;
  transition: all 0.3s linear;
}
.section .infoCard .item .imageWrapper:not(.mixNone) img {
  mix-blend-mode: luminosity;
  opacity: 26%;
}
.section .infoCard .item .imageWrapper.bg-primary ~ .image-overlay .icon-circle-check {
  background-color: var(--primary);
}
.section .infoCard .item .imageWrapper.bg-secondary ~ .image-overlay .icon-circle-check {
  background-color: var(--secondary);
}
.section .infoCard .item .imageWrapper.bg-third ~ .image-overlay .icon-circle-check {
  background-color: var(--third);
}
.section .infoCard .item .imageWrapper.bg-fourth ~ .image-overlay .icon-circle-check {
  background-color: var(--fourth);
}
.section .infoCard .item .imageWrapper.bg-white {
  box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
}
.section .infoCard .item .imageWrapper.bg-white img {
  opacity: 1;
  mix-blend-mode: unset;
}
.section .infoCard .item .image-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  padding: 0 20px 40px;
}
@media screen and (max-width: 1440px) {
  .section .infoCard .item .image-overlay {
    padding: 0 16px 20px;
  }
}
.section .infoCard .item .image-overlay .icon {
  max-height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 100%;
}
@media screen and (max-width: 1280px) {
  .section .infoCard .item .image-overlay .icon {
    max-height: 20px;
  }
}
.section .infoCard .item .image-overlay .desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  color: var(--white);
}
@media screen and (max-width: 1440px) {
  .section .infoCard .item .image-overlay .desc {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 1280px) {
  .section .infoCard .item .image-overlay .desc {
    font-size: 14px;
    line-height: 19px;
  }
}
.section .infoCard .item .image-overlay .desc b {
  font-weight: 700;
}
.section .infoCard .item .image-overlay .icon-circle-check {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 50px;
  width: 62px;
  height: 62px;
  border-radius: 100%;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s linear;
}
@media screen and (max-width: 1440px) {
  .section .infoCard .item .image-overlay .icon-circle-check {
    font-size: 36px;
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 991.98px) {
  .section .infoCard .item .image-overlay .icon-circle-check {
    font-size: 36px;
    width: 42px;
    height: 42px;
  }
}
.section .infoCard .item .image-overlay.type2 {
  padding: 0 10px 20px;
}
.section .infoCard .item .image-overlay.type2 .desc {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding-top: 70px;
  gap: 10px;
}
@media screen and (max-width: 1280px) {
  .section .infoCard .item .image-overlay.type2 .desc {
    padding-top: 60px;
  }
}
@media screen and (min-width: 992px) {
  .section .infoCard .item:hover .imageWrapper {
    transform: scale(1.1);
    box-shadow: 0 9px 17px rgba(0, 0, 0, 0.6);
  }
  .section .infoCard .item:hover .image-overlay .icon-circle-check {
    transform: rotateY(360deg) translateY(-10px);
  }
}
.section.newsSection .sectionContent {
  margin-top: -28px;
}
@media screen and (max-width: 991.98px) {
  .section.newsSection .sectionContent {
    margin-top: -23px;
  }
}
.section .socialMedia {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 991.98px) {
  .section .socialMedia {
    margin-top: 10px;
    gap: 10px;
    flex-wrap: wrap;
  }
}
.section .socialMedia .item {
  display: flex;
  align-items: center;
  color: #a9a9a9;
  font-size: 11px;
  line-height: 16px;
  font-weight: 800;
  transition: all 0.3s linear;
  gap: 7px;
}
@media screen and (max-width: 991.98px) {
  .section .socialMedia .item {
    width: calc(50% - 5px);
  }
}
.section .socialMedia .item .name {
  color: #1c1c1c;
  font-weight: 800;
  font-size: 18px;
  letter-spacing: -0.5px;
  line-height: 24px;
  transition: all 0.3s linear;
}
@media screen and (max-width: 1280px) {
  .section .socialMedia .item .name {
    font-size: 16px;
    line-height: 21px;
  }
}
@media screen and (max-width: 991.98px) {
  .section .socialMedia .item .name {
    font-size: 14px;
    line-height: 21px;
  }
}
.section .socialMedia .item .customIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border-radius: 100%;
  background-color: var(--white);
  box-shadow: 0 8px 9px rgba(0, 0, 0, 0.2);
  transition: all 0.3s linear;
}
.section .socialMedia .item .customIcon.icon-facebook {
  color: #3b5999;
}
.section .socialMedia .item .customIcon.icon-twitter {
  color: #03a9f4;
}
.section .socialMedia .item .customIcon.icon-youtube {
  color: #ff0000;
}
.section .socialMedia .item .customIcon img {
  max-width: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 992px) {
  .section .socialMedia .item:hover {
    color: var(--fifth);
  }
  .section .socialMedia .item:hover .name {
    color: var(--fifth);
  }
  .section .socialMedia .item:hover .customIcon {
    transform: scale(1.1);
  }
}

.cards:not(.swiper-wrapper) {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.cards:not(.swiper-wrapper).thirdCards {
  gap: 50px 20px;
}
@media screen and (max-width: 540px) {
  .cards:not(.swiper-wrapper).thirdCards {
    gap: 30px;
  }
}
.cards:not(.swiper-wrapper).thirdCards .card {
  width: calc(33.3% - 15px);
}
@media screen and (max-width: 991.98px) {
  .cards:not(.swiper-wrapper).thirdCards .card {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 540px) {
  .cards:not(.swiper-wrapper).thirdCards .card {
    width: 100%;
  }
}
.cards .card {
  border: none;
}
.cards .card.halfBgTop {
  padding: 10px 10px 0;
  border: 2px solid #f4f4f4;
  border-top: none;
  border-bottom: none;
  border-radius: 0;
}
.cards .card.halfBgTop:before {
  content: "";
  width: calc(100% + 4px);
  height: 184px;
  background-color: #f4f4f4;
  position: absolute;
  top: 0;
  left: -2px;
  right: 0;
  border-bottom: 10px solid var(--white);
}
@media screen and (max-width: 480px) {
  .cards .card.halfBgTop:before {
    height: 120px;
  }
}
.cards .card .card-top {
  position: relative;
}
.cards .card .card-body .buttonWrapper {
  display: flex;
  align-items: stretch;
  height: 80px;
  padding-top: 10px;
}
.cards .card .card-body .buttonWrapper .shareWrapper {
  width: 50%;
  border-right: 2px solid #cccccc;
}
@media screen and (max-width: 480px) {
  .cards .card .card-body .buttonWrapper .shareWrapper {
    border-width: 1px;
  }
}
.cards .card .card-body .buttonWrapper .downloadWrapper {
  width: 50%;
}
.cards .card .card-body .name {
  font-size: 25px;
  line-height: 32px;
  color: var(--fifth);
  font-weight: 800;
  text-align: center;
  padding-right: 7px;
}
@media screen and (max-width: 991.98px) {
  .cards .card .card-body .name {
    font-size: 18px;
    line-height: 25px;
  }
}
.cards .card .card-body .job {
  font-size: 15px;
  color: #878787;
  opacity: 0.43;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 22px;
  text-align: center;
  padding-right: 7px;
}
@media screen and (max-width: 991.98px) {
  .cards .card .card-body .job {
    font-size: 13px;
    line-height: 20px;
  }
}
.cards .card .card-img-overlay {
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(0, 36, 70) 115%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  transition: all 0.3s ease-in-out;
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.cards .card .card-img-overlay .captionBack {
  position: relative;
  font-weight: 700;
  color: var(--white);
  font-size: 57px;
  line-height: 67px;
  opacity: 4%;
}
@media screen and (max-width: 991.98px) {
  .cards .card .card-img-overlay .captionBack {
    font-size: 24px;
    line-height: 32px;
  }
}
.cards .card .card-img-overlay .caption {
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  max-height: 100px;
}
@media screen and (max-width: 991.98px) {
  .cards .card .card-img-overlay .caption {
    height: 53px;
  }
}
.cards .card .card-img-overlay .caption .front {
  font-weight: 700;
  color: var(--white);
  font-size: 21px;
  line-height: 30px;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 991.98px) {
  .cards .card .card-img-overlay .caption .front {
    font-size: 16px;
    line-height: 24px;
  }
}
.cards .card .card-img-overlay .logo {
  width: 35px;
}
.cards .card .card-img-overlay .tag {
  font-size: 13px;
  color: var(--white);
  line-height: 14px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .cards .card .card-img-overlay .tag {
    font-size: 12px;
  }
}
.cards .card .card-img-overlay .card-title {
  font-size: 17px;
  line-height: 23px;
  font-weight: 700;
  color: var(--white);
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .cards .card .card-img-overlay .card-title {
    font-size: 14px;
    line-height: 21px;
  }
}
.cards .card .card-img-overlay.anaokulu {
  border-bottom: 23px solid var(--primary);
}
@media screen and (max-width: 480px) {
  .cards .card .card-img-overlay.anaokulu {
    border-bottom: 10px solid var(--primary);
  }
}
.cards .card .card-img-overlay.ilkokul {
  border-bottom: 23px solid var(--secondary);
}
@media screen and (max-width: 480px) {
  .cards .card .card-img-overlay.ilkokul {
    border-bottom: 10px solid var(--secondary);
  }
}
.cards .card .card-img-overlay.ortaokul {
  border-bottom: 23px solid var(--third);
}
@media screen and (max-width: 480px) {
  .cards .card .card-img-overlay.ortaokul {
    border-bottom: 10px solid var(--third);
  }
}
.cards .card .card-img-overlay.anadolul {
  border-bottom: 23px solid var(--fourth);
}
@media screen and (max-width: 480px) {
  .cards .card .card-img-overlay.anadolul {
    border-bottom: 10px solid var(--fourth);
  }
}
@media screen and (min-width: 992px) {
  .cards .card .card-img-overlay.anadolul .caption .front {
    margin-top: 15px;
  }
}
.cards .card .card-img-top {
  position: relative;
  height: 355px;
  overflow: hidden;
  padding-right: 7px;
}
.cards .card .card-img-top .emailButton {
  position: absolute !important;
  height: 52px;
  color: var(--white) !important;
  top: 56px;
  right: 0;
  padding: 0;
  min-width: 52px;
  gap: 0;
}
.cards .card .card-img-top .emailButton .text {
  font-size: 19px;
  color: var(--white);
  padding: 0;
  width: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 0.3s linear;
}
.cards .card .card-img-top .emailButton .icon-envelope {
  min-width: 52px;
  width: 52px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
}
.cards .card .card-img-top .emailButton:before {
  display: none;
}
@media screen and (min-width: 992px) {
  .cards .card .card-img-top .emailButton:hover:after {
    display: none;
  }
  .cards .card .card-img-top .emailButton:hover .text {
    padding: 0 24px;
    opacity: 1;
    visibility: visible;
    overflow: visible;
    width: auto;
  }
}
.cards .card .card-img-top img {
  width: auto;
}
.cards .card .card-img-top .photoBg {
  position: absolute;
  bottom: 0;
  width: calc(100% - 7px);
  height: calc(100% - 65px);
  border-radius: 16px;
  overflow: hidden;
}
.cards .card .card-img-top .photoBg:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url("../../images/statics/homeBg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.06;
}
@media screen and (min-width: 992px) {
  .cards .card a:hover .card-img-overlay {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(0, 36, 70) 100%);
  }
}
.cards.half {
  gap: 36px 30px;
}
@media screen and (max-width: 1280px) {
  .cards.half {
    gap: 20px;
  }
}
.cards.half .card {
  width: calc(50% - 20px);
  display: flex;
}
@media screen and (max-width: 540px) {
  .cards.half .card {
    width: 100%;
  }
}
.cards.half .card .card-top {
  aspect-ratio: 4/2;
  overflow: hidden;
  border-radius: 19px;
  position: relative;
}
.cards.half .card .card-top .card-title,
.cards.half .card .card-top h2 {
  font-size: 20px;
  line-height: 27px;
  color: var(--white);
  font-weight: 700;
}
@media screen and (max-width: 1280px) {
  .cards.half .card .card-top .card-title,
  .cards.half .card .card-top h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 991.98px) {
  .cards.half .card .card-top .card-title,
  .cards.half .card .card-top h2 {
    font-size: 16px;
    line-height: 21px;
  }
}
.cards.half .card .card-top .card-img-overlay {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 100%);
  padding: 20px;
  transition: all 0.3s linear;
}
@media screen and (min-width: 992px) {
  .cards.half a.card:hover .card-img-overlay {
    padding-bottom: 30px;
  }
}
.cards.third {
  gap: 50px 30px;
}
@media screen and (max-width: 480px) {
  .cards.third {
    gap: 30px 15px;
  }
}
.cards.third .card {
  width: calc(33.3% - 20px);
}
@media screen and (max-width: 1280px) {
  .cards.third .card {
    width: calc(50% - 15px);
  }
}
.cards.third .card .card-body {
  padding: 0;
}
.cards.third .card .card-top {
  position: relative;
  aspect-ratio: 3/4;
  overflow: hidden;
}
.cards.quad .card {
  width: calc(25% - 15px);
  max-width: calc(25% - 15px);
}
@media screen and (max-width: 991.98px) {
  .cards.quad .card {
    width: calc(50% - 10px);
    max-width: initial;
    flex: none;
  }
}
@media screen and (max-width: 480px) {
  .cards.quad .card {
    width: 100%;
  }
}
.cards.quad .card .card-top {
  aspect-ratio: 3/3.1;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
}
.cards.quad .card .card-top .imageWrapper {
  border: 1px solid #f2f2f2;
}
.cards.quad .card .card-top .imageWrapper img {
  transition: all 0.3s linear;
}
@media screen and (min-width: 992px) {
  .cards.quad .card a.card-top:hover img {
    transform: scale(1.1);
  }
}
.cards.thirdCards .card .card-top {
  aspect-ratio: 4/2;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
}
.cards.thirdCards .card .card-top img {
  transition: all 0.3s linear;
}
.cards.thirdCards .card .card-body {
  background-color: #efefef;
  border-radius: 0 0 25px 25px;
  width: calc(100% - 46px);
  margin: 0 auto;
  text-align: center;
  height: 75px;
}
.cards.thirdCards .card .card-body .card-title {
  color: #0b0b0b;
  font-size: 14.5px;
  line-height: 22px;
  font-weight: 700;
  transition: all 0.3s linear;
}
@media screen and (min-width: 992px) {
  .cards.thirdCards a.card:hover img {
    transform: scale(1.1);
  }
  .cards.thirdCards a.card:hover .card-body .card-title {
    color: var(--primary);
  }
}

.ratesWrapper {
  position: relative;
  z-index: 1;
  padding: 60px 102px 0;
}
@media screen and (max-width: 991.98px) {
  .ratesWrapper {
    padding: 20px 0;
  }
}
.ratesWrapper .backImages {
  position: absolute;
  width: 100%;
  top: -90px;
  left: 0;
  right: 0;
  z-index: -1;
  display: flex;
  align-items: flex-end;
  padding-right: 20px;
}
@media screen and (max-width: 991.98px) {
  .ratesWrapper .backImages {
    display: none;
  }
}
.ratesWrapper .backImages .rightImg {
  position: relative;
  top: -45px;
}
.ratesWrapper .frontImagesLeft,
.ratesWrapper .frontImagesLeftRight {
  position: absolute;
  bottom: 0;
  z-index: 1;
}
@media screen and (max-width: 991.98px) {
  .ratesWrapper .frontImagesLeft,
  .ratesWrapper .frontImagesLeftRight {
    display: none;
  }
}
.ratesWrapper .frontImagesLeft {
  left: -61px;
}
.ratesWrapper .frontImagesLeftRight {
  right: -40px;
}
.ratesWrapper .cards {
  gap: 20px;
}
@media screen and (max-width: 480px) {
  .ratesWrapper .cards {
    gap: 30px;
  }
}
.ratesWrapper .cards .card {
  background-color: var(--primary);
  height: 215px;
  align-items: center;
  text-align: center;
  padding: 50px 20px 20px;
  border-radius: 21px;
}
@media screen and (max-width: 1440px) {
  .ratesWrapper .cards .card {
    padding-top: 35px;
  }
}
@media screen and (max-width: 1280px) {
  .ratesWrapper .cards .card {
    padding-top: 30px;
  }
}
@media screen and (max-width: 991.98px) {
  .ratesWrapper .cards .card {
    height: 150px;
  }
}
@media screen and (max-width: 480px) {
  .ratesWrapper .cards .card {
    height: 130px;
  }
}
.ratesWrapper .cards .card:nth-child(even) {
  background-color: var(--secondary);
}
.ratesWrapper .cards .card .icon {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 120px;
}
@media screen and (max-width: 1440px) {
  .ratesWrapper .cards .card .icon {
    width: 75px;
    top: -30px;
  }
}
@media screen and (max-width: 1280px) {
  .ratesWrapper .cards .card .icon {
    width: 50px;
    top: -15px;
  }
}
.ratesWrapper .cards .card .icon img {
  width: 100%;
}
.ratesWrapper .cards .card .icon > span {
  font-size: 80px;
}
.ratesWrapper .cards .card .counter {
  font-size: 67px;
  line-height: 75px;
  color: var(--white);
  font-weight: 800;
}
@media screen and (max-width: 1440px) {
  .ratesWrapper .cards .card .counter {
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (max-width: 1280px) {
  .ratesWrapper .cards .card .counter {
    font-size: 30px;
    line-height: 40px;
  }
}
.ratesWrapper .cards .card .text {
  font-size: 19.5px;
  line-height: 25px;
  color: var(--white);
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media screen and (max-width: 1280px) {
  .ratesWrapper .cards .card .text {
    font-size: 16px;
    line-height: 22px;
  }
}
.ratesWrapper .cards .card .text strong {
  font-weight: 800;
  display: block;
}
.ratesWrapper .cards .card .text b {
  font-weight: 800;
}
.ratesWrapper .cards .card.last {
  padding-right: 40px;
}

@media screen and (max-width: 991.98px) {
  .ratesWrapper ~ .customAcc {
    padding-top: 20px;
  }
}

.downloadWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-top: 10px;
}
.downloadWrapper .text {
  font-size: 14px;
  color: #cccccc;
  font-weight: 600;
  line-height: 16px;
}
@media screen and (max-width: 480px) {
  .downloadWrapper .text {
    font-size: 12px;
  }
}
.downloadWrapper a {
  font-size: 26px;
  color: #cccccc;
  transition: all 0.3s linear;
}
@media screen and (min-width: 992px) {
  .downloadWrapper a:hover {
    color: var(--fifth);
  }
}

.shareWrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
}
.shareWrapper .text {
  font-size: 14px;
  color: #cccccc;
  font-weight: 600;
  line-height: 16px;
}
@media screen and (max-width: 480px) {
  .shareWrapper .text {
    font-size: 12px;
  }
}
.shareWrapper .shareButtonIcon {
  color: #cccccc;
  transition: all 0.3s linear;
  font-size: 26px;
  cursor: pointer;
}
@media screen and (min-width: 992px) {
  .shareWrapper .shareButtonIcon:hover {
    color: var(--fifth);
  }
}
.shareWrapper .shareButtonWrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: column;
  position: absolute;
  background-color: rgb(255, 255, 255);
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  left: -50%;
  bottom: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
}
.shareWrapper .shareButtonWrapper .shareButton {
  width: 30px;
  height: 30px;
  background-color: var(--fifth);
  border: 1px solid var(--fifth);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-radius: 100%;
  transition: all 0.3s linear;
}
@media screen and (min-width: 992px) {
  .shareWrapper .shareButtonWrapper .shareButton:hover {
    background-color: var(--white);
    color: var(--fifth);
    transform: scale(1.05);
  }
}
.shareWrapper .shareButtonWrapper .shareButton .icon-linkedin {
  font-size: 18px;
}
.shareWrapper .shareButtonWrapper .shareButton .icon-whatsapp {
  font-size: 18px;
}
.shareWrapper .shareButtonWrapper .shareButton .icon-twitter {
  font-size: 12px;
}
.shareWrapper .shareButtonWrapper .shareButton .icon-facebook {
  font-size: 16px;
}
.shareWrapper .shareButtonWrapper.active {
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  visibility: visible;
}

.bannerWrapper {
  height: 21.667vw;
  max-height: 416px;
  background-color: var(--sixth);
  background-image: url(../../images/statics/homeBg.png);
  background-size: cover;
  background-position: 0 50%;
  background-repeat: no-repeat;
  border-radius: 0 0 9.0625vw 9.0625vw;
  position: relative;
}
@media screen and (max-width: 1366px) {
  .bannerWrapper {
    height: 320px;
  }
}
@media screen and (max-width: 1280px) {
  .bannerWrapper {
    height: 280px;
  }
}
@media screen and (max-width: 670px) {
  .bannerWrapper {
    height: 220px;
  }
}
@media screen and (min-width: 992px) {
  .bannerWrapper {
    padding-top: 160px;
  }
}
@media screen and (min-width: 1921px) {
  .bannerWrapper {
    border-radius: 0 0 174px 174px;
  }
}
.bannerWrapper .bannerContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  height: 100%;
  padding-bottom: 15px;
  padding-left: 440px;
}
@media screen and (max-width: 1366px) {
  .bannerWrapper .bannerContainer {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 991.98px) {
  .bannerWrapper .bannerContainer {
    padding-left: 16px;
    padding-right: 16px;
    align-items: center;
  }
}
.bannerWrapper .bannerContainer .pageTitle,
.bannerWrapper .bannerContainer h1 {
  font-weight: 800;
  font-size: 52px;
  line-height: 62px;
  color: var(--white);
}
@media screen and (max-width: 991.98px) {
  .bannerWrapper .bannerContainer .pageTitle,
  .bannerWrapper .bannerContainer h1 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media screen and (max-width: 480px) {
  .bannerWrapper .bannerContainer .pageTitle,
  .bannerWrapper .bannerContainer h1 {
    font-size: 22px;
    line-height: 30px;
  }
}
.bannerWrapper.fullWidth .bannerContainer {
  padding-left: 0;
}
@media screen and (max-width: 1366px) {
  .bannerWrapper.fullWidth .bannerContainer {
    padding-left: 15px;
  }
}

.pageContentWrapper {
  position: relative;
}
.pageContentWrapper.type2 {
  padding-top: 50px;
}
@media screen and (max-width: 991.98px) {
  .pageContentWrapper.type2 {
    padding-top: 30px;
  }
}
.pageContentWrapper .sectionHead {
  padding-top: 45px;
}
@media screen and (max-width: 991.98px) {
  .pageContentWrapper .sectionHead {
    padding-top: 30px;
  }
}
.pageContentWrapper .contentHead {
  padding-bottom: 10px;
}
.pageContentWrapper .contentHead .contentTitle {
  font-size: 36px;
  line-height: 42px;
  color: var(--primary);
  font-weight: 400;
  margin-bottom: 20px;
}
@media screen and (max-width: 991.98px) {
  .pageContentWrapper .contentHead .contentTitle {
    font-size: 22px;
    line-height: 30px;
  }
}
.pageContentWrapper .contentHead .contentTitle b {
  font-weight: 700;
}
.pageContentWrapper .contentHead p {
  font-size: 16px;
  line-height: 24px;
  color: #191919;
  font-weight: 400;
}
.pageContentWrapper .contentHead p b {
  font-weight: 700;
}
.pageContentWrapper .twiceColumn {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 991.98px) {
  .pageContentWrapper .twiceColumn {
    flex-direction: column;
    padding-top: 20px;
  }
}
.pageContentWrapper .twiceColumn .leftColumn {
  width: 310px;
  background-color: var(--gray);
  position: relative;
  border-radius: 0 0 15px 15px;
  padding-bottom: 100px;
}
@media screen and (max-width: 991.98px) {
  .pageContentWrapper .twiceColumn .leftColumn {
    width: 100%;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    gap: 30px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 540px) {
  .pageContentWrapper .twiceColumn .leftColumn {
    flex-direction: column;
    padding: 20px 16px 40px;
    gap: 10px;
  }
}
.pageContentWrapper .twiceColumn .leftColumn .pageFigure {
  width: calc(100% + 140px);
  left: -50px;
  top: -75px;
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .pageContentWrapper .twiceColumn .leftColumn .pageFigure {
    position: relative;
    left: 0;
    top: 0;
    width: 200px;
  }
}
@media screen and (max-width: 540px) {
  .pageContentWrapper .twiceColumn .leftColumn .pageFigure {
    width: 100%;
    max-width: 300px;
  }
}
.pageContentWrapper .twiceColumn .leftColumn .pageFigure.type2 {
  width: calc(100% + 170px);
  left: -84px;
  top: -140px;
}
@media screen and (max-width: 991.98px) {
  .pageContentWrapper .twiceColumn .leftColumn .pageFigure.type2 {
    position: relative;
    left: 0;
    top: 0;
    width: 200px;
  }
}
@media screen and (max-width: 540px) {
  .pageContentWrapper .twiceColumn .leftColumn .pageFigure.type2 {
    width: 100%;
    max-width: 300px;
  }
}
.pageContentWrapper .twiceColumn .leftColumn .infoContent {
  width: calc(100% - 50px);
  margin: 0 auto;
  font-size: 20px;
  line-height: 27px;
  color: #262626;
  font-weight: 400;
  margin-top: -75px;
  padding-bottom: 75px;
}
@media screen and (max-width: 991.98px) {
  .pageContentWrapper .twiceColumn .leftColumn .infoContent {
    margin-top: 0;
    width: calc(100% - 250px);
    padding: 30px 0;
    font-size: 14px;
    line-height: 21px;
  }
}
@media screen and (max-width: 540px) {
  .pageContentWrapper .twiceColumn .leftColumn .infoContent {
    padding: 0;
    width: 100%;
    text-align: center;
  }
}
.pageContentWrapper .twiceColumn .leftColumn .infoContent b {
  font-weight: 700;
}
.pageContentWrapper .twiceColumn .leftColumn .infoContent .caption {
  color: var(--third);
  font-size: 28px;
  line-height: 35px;
  font-weight: 700;
}
@media screen and (max-width: 1440px) {
  .pageContentWrapper .twiceColumn .leftColumn .infoContent .caption {
    font-size: 24px;
    line-height: 32px;
  }
}
@media screen and (max-width: 1366px) {
  .pageContentWrapper .twiceColumn .leftColumn .infoContent .caption {
    font-size: 20px;
    line-height: 27px;
  }
}
@media screen and (max-width: 1280px) {
  .pageContentWrapper .twiceColumn .leftColumn .infoContent .caption {
    font-size: 18px;
    line-height: 25px;
  }
}
@media screen and (max-width: 991.98px) {
  .pageContentWrapper .twiceColumn .leftColumn .infoContent .caption {
    font-size: 16px;
    line-height: 22px;
    text-align: left;
  }
}
.pageContentWrapper .twiceColumn .leftColumn .infoContent ul {
  padding-top: 15px;
}
.pageContentWrapper .twiceColumn .leftColumn .infoContent ul li {
  position: relative;
  padding-left: 35px;
  font-size: 17px;
  line-height: 25px;
  color: #262626;
  font-weight: 400;
}
@media screen and (max-width: 1280px) {
  .pageContentWrapper .twiceColumn .leftColumn .infoContent ul li {
    font-size: 15px;
    line-height: 22px;
  }
}
@media screen and (max-width: 991.98px) {
  .pageContentWrapper .twiceColumn .leftColumn .infoContent ul li {
    font-size: 14px;
    line-height: 21px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
  }
}
.pageContentWrapper .twiceColumn .leftColumn .infoContent ul li b {
  font-weight: 700;
}
.pageContentWrapper .twiceColumn .leftColumn .infoContent ul li:before {
  content: "\e905";
  font-family: "customFont";
  font-size: 27px;
  color: var(--third);
  position: absolute;
  left: 0;
  top: -2px;
}
@media screen and (max-width: 991.98px) {
  .pageContentWrapper .twiceColumn .leftColumn .infoContent ul li:before {
    top: 4px;
  }
}
.pageContentWrapper .twiceColumn .leftColumn .infoContent.type2 {
  margin-top: -160px;
  padding-bottom: 20px;
}
@media screen and (max-width: 991.98px) {
  .pageContentWrapper .twiceColumn .leftColumn .infoContent.type2 {
    margin-top: 0;
    width: calc(100% - 250px);
    padding: 30px 0;
    font-size: 14px;
    line-height: 21px;
  }
}
@media screen and (max-width: 540px) {
  .pageContentWrapper .twiceColumn .leftColumn .infoContent.type2 {
    padding: 0;
    width: 100%;
    text-align: center;
  }
}
.pageContentWrapper .twiceColumn .rightColumn {
  width: calc(100% - 310px);
  padding-left: 130px;
  padding-top: 60px;
}
@media screen and (max-width: 991.98px) {
  .pageContentWrapper .twiceColumn .rightColumn {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
  }
}
/*İletişim*/
.contactWrapper {
  padding-top: 55px;
}
@media screen and (max-width: 991.98px) {
  .contactWrapper {
    padding-top: 0;
  }
}

/*Kurumsal*/
.corporateContent {
  padding-top: 50px;
}
@media screen and (max-width: 991.98px) {
  .corporateContent {
    padding-top: 30px;
  }
}
.corporateContent .customTabContent {
  padding-top: 50px;
}
@media screen and (max-width: 991.98px) {
  .corporateContent .customTabContent {
    padding-top: 30px;
  }
}
.corporateContent .minusLeftContent {
  width: calc(100% + 100px);
  margin-left: -100px;
}
@media screen and (max-width: 1366px) {
  .corporateContent .minusLeftContent {
    width: calc(100% + 50px);
    margin-left: -50px;
  }
}
@media screen and (max-width: 991.98px) {
  .corporateContent .minusLeftContent {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 991.98px) {
  .corporateContent .corporateTextCol:not(:first-child) {
    padding-top: 20px;
  }
}
.corporateContent .corporateTextCol h1,
.corporateContent .corporateTextCol .title {
  font-size: 43px;
  line-height: 50px;
  margin-bottom: 15px;
  color: #262626;
  font-weight: 800;
}
@media screen and (max-width: 1440px) {
  .corporateContent .corporateTextCol h1,
  .corporateContent .corporateTextCol .title {
    font-size: 36px;
    line-height: 43px;
  }
}
@media screen and (max-width: 991.98px) {
  .corporateContent .corporateTextCol h1,
  .corporateContent .corporateTextCol .title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
  }
}
.corporateContent .corporateTextCol.paragraph h1,
.corporateContent .corporateTextCol.paragraph .title,
.corporateContent .corporateTextCol .paragraph h1,
.corporateContent .corporateTextCol .paragraph .title {
  font-size: 36px;
  line-height: 43px;
  margin-bottom: 15px;
  color: #262626;
  font-weight: 800;
}
@media screen and (max-width: 1366px) {
  .corporateContent .corporateTextCol.paragraph h1,
  .corporateContent .corporateTextCol.paragraph .title,
  .corporateContent .corporateTextCol .paragraph h1,
  .corporateContent .corporateTextCol .paragraph .title {
    font-size: 30px;
    line-height: 37px;
  }
}
@media screen and (max-width: 991.98px) {
  .corporateContent .corporateTextCol.paragraph h1,
  .corporateContent .corporateTextCol.paragraph .title,
  .corporateContent .corporateTextCol .paragraph h1,
  .corporateContent .corporateTextCol .paragraph .title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
  }
}

.minusLeftContent {
  width: calc(100% + 5.208333vw);
  margin-left: -5.208333vw;
}
@media screen and (max-width: 1366px) {
  .minusLeftContent {
    width: calc(100% + 50px);
    margin-left: -50px;
  }
}
@media screen and (max-width: 991.98px) {
  .minusLeftContent {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}

.minusRightContent {
  width: calc(100% + 9.84375vw);
  margin-right: -9.84375vw;
}
@media screen and (max-width: 991.98px) {
  .minusRightContent {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}

.questionSearchWrapper p {
  font-size: 22px;
  line-height: 29px;
  font-weight: 700;
  color: #1f1f1f;
}
@media screen and (max-width: 1440px) {
  .questionSearchWrapper p {
    font-size: 20px;
    line-height: 27px;
  }
}
@media screen and (max-width: 1280px) {
  .questionSearchWrapper p {
    font-size: 18px;
    line-height: 25px;
  }
}
@media screen and (max-width: 991.98px) {
  .questionSearchWrapper p {
    font-size: 16px;
    line-height: 23px;
  }
}
.questionSearchWrapper .searchInputWrapper {
  position: relative;
  border: 2px solid #d8d8d8;
  border-radius: 8px;
  height: 86px;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 12px 20px;
  margin-top: 16px;
}
@media screen and (max-width: 1440px) {
  .questionSearchWrapper .searchInputWrapper {
    height: 60px;
    padding: 7px 16px;
  }
}
@media screen and (max-width: 991.98px) {
  .questionSearchWrapper .searchInputWrapper {
    padding: 7px;
    margin-top: 5px;
  }
}
.questionSearchWrapper .searchInputWrapper input[type=text] {
  width: calc(100% - 60px);
  height: 62px;
  font-size: 20px;
  font-weight: 400;
  color: #1f1f1f;
  padding-right: 20px;
  border: none;
}
@media screen and (max-width: 1440px) {
  .questionSearchWrapper .searchInputWrapper input[type=text] {
    height: 46px;
    font-size: 16px;
    width: calc(100% - 46px);
  }
}
@media screen and (max-width: 991.98px) {
  .questionSearchWrapper .searchInputWrapper input[type=text] {
    font-size: 14px;
  }
}
.questionSearchWrapper .searchInputWrapper input[type=text]:focus {
  box-shadow: none;
  outline: 0;
}
.questionSearchWrapper .searchInputWrapper input[type=text]::-moz-placeholder {
  color: #cccccc;
}
.questionSearchWrapper .searchInputWrapper input[type=text]::placeholder {
  color: #cccccc;
}
.questionSearchWrapper .searchInputWrapper input[type=text]:-moz-placeholder {
  color: #cccccc;
}
.questionSearchWrapper .searchInputWrapper input[type=text]::-moz-placeholder {
  color: #cccccc;
}
.questionSearchWrapper .searchInputWrapper input[type=text]:-ms-input-placeholder {
  color: #cccccc;
}
.questionSearchWrapper .searchInputWrapper input[type=text]::-webkit-input-placeholder {
  color: #cccccc;
}
.questionSearchWrapper .searchInputWrapper .questionSearchButton {
  width: 60px;
  min-width: 60px;
  padding: 0;
  height: 62px;
}
@media screen and (max-width: 1440px) {
  .questionSearchWrapper .searchInputWrapper .questionSearchButton {
    height: 46px;
    width: 46px;
    height: 46px;
    min-width: 46px;
  }
}
.questionSearchWrapper .searchInputWrapper .questionSearchButton .icon-search {
  font-size: 36px;
}
@media screen and (max-width: 1440px) {
  .questionSearchWrapper .searchInputWrapper .questionSearchButton .icon-search {
    font-size: 32px;
  }
}
@media screen and (max-width: 991.98px) {
  .questionSearchWrapper .searchInputWrapper .questionSearchButton .icon-search {
    font-size: 20px;
  }
}

/*paragraf stiller*/
.paragraph {
  font-size: 17px;
  line-height: 24px;
  color: #202020;
  font-weight: 400;
}
@media screen and (max-width: 991.98px) {
  .paragraph {
    font-size: 14px;
    line-height: 21px;
  }
}
.paragraph h1,
.paragraph .title {
  font-size: 36px;
  line-height: 43px;
  margin-bottom: 15px;
  color: #262626;
  font-weight: 800;
}
@media screen and (max-width: 1366px) {
  .paragraph h1,
  .paragraph .title {
    font-size: 30px;
    line-height: 37px;
  }
}
@media screen and (max-width: 991.98px) {
  .paragraph h1,
  .paragraph .title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
  }
}
.paragraph span,
.paragraph h2 {
  font-size: 22px;
  line-height: 30px;
  margin-top: 30px;
  margin-bottom: 10px;
  color: var(--primary);
  font-weight: 700;
  display: block;
}
@media screen and (max-width: 991.98px) {
  .paragraph span,
  .paragraph h2 {
    font-size: 18px;
    line-height: 25px;
    margin-top: 15px;
    margin-bottom: 5px;
  }
}
.paragraph span:first-child,
.paragraph h2:first-child {
  margin-top: 0;
}
.paragraph h3 {
  font-size: 18px;
  line-height: 25px;
  color: var(--third);
  margin-top: 15px;
  margin-bottom: 5px;
  font-weight: 700;
}
@media screen and (max-width: 991.98px) {
  .paragraph h3 {
    font-size: 16px;
    line-height: 23px;
    margin-top: 5px;
    margin-bottom: 3px;
  }
}
.paragraph a {
  font-weight: 700;
  color: var(--primary);
}
.paragraph a:before {
  bottom: -1px;
}
@media screen and (min-width: 992px) {
  .paragraph a:hover:before {
    width: 0;
  }
}
.paragraph strong {
  font-weight: 700;
  display: block;
}
.paragraph b {
  font-weight: 700;
}
.paragraph ol,
.paragraph ul {
  padding-left: 20px;
  margin-top: 15px;
  margin-bottom: 30px;
}
.paragraph ol li,
.paragraph ul li {
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.paragraph ol li::marker,
.paragraph ul li::marker {
  color: var(--third);
  font-weight: 700;
  font-size: 16px;
}
.paragraph ol {
  list-style-type: decimal;
}
.paragraph ol li::marker {
  font-size: 18px;
}
.paragraph ul {
  list-style-type: disc;
}
.paragraph ul li {
  padding-left: 0;
}

@media screen and (max-width: 640px) {
  .table-responsive {
    position: relative;
  }
}

.table {
  min-width: 600px;
}
.table th {
  background-color: var(--secondary);
  height: 60px;
  font-size: 20px;
  color: var(--white);
  font-weight: 700;
  vertical-align: middle;
  border-bottom: none;
}
@media screen and (max-width: 991.98px) {
  .table th {
    height: 45px;
    font-size: 15px;
  }
}
.table th:first-child {
  padding-left: 30px;
  border-radius: 5px 0 0 5px;
}
@media screen and (max-width: 991.98px) {
  .table th:first-child {
    padding-left: 16px;
  }
}
.table th:last-child {
  border-radius: 0 5px 5px 0;
}
.table tr td {
  height: 60px;
  vertical-align: middle;
  border: none;
  font-size: 18px;
  font-weight: 500;
  line-height: 36px;
  border-bottom: none;
  color: #161616;
  padding-left: 20px;
  padding-right: 20px;
  white-space: nowrap;
}
@media screen and (max-width: 991.98px) {
  .table tr td {
    height: 45px;
    font-size: 14px;
    line-height: 21px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.table tr td .customIcon {
  color: #c5c5c5;
  display: inline-block;
  margin-right: 20px;
}
@media screen and (max-width: 991.98px) {
  .table tr td .customIcon {
    margin-right: 6px;
  }
}
.table tr td:first-child {
  border-radius: 5px 0 0 5px;
  padding-left: 30px;
}
.table tr td:last-child {
  border-radius: 0 5px 5px 0;
}
#app {
  min-height: 100vh;
  width: 100%;
  overflow: hidden;
}

main {
  min-height: 100vh;
}

hr {
  border-top-color: var(--gray-5);
  opacity: 1;
}