@font-face {
  font-family: josefin-bold;
  src: url("./font/JosefinSans-Bold.ttf");
  font-display: swap;
}

@font-face {
  font-family: josefin-medium;
  src: url("./font/JosefinSans-Medium.ttf");
  font-display: swap;
}

body {
    /* height: 500px; */
    /* background: repeating-conic-gradient(hsl(58deg 100% 50% / 8%) 0deg 15deg, hsl(56.31deg 82.8% 74.06% / 21%) 0deg 30deg) #1c2c3c; */
	/* background: repeating-conic-gradient( */
		/* from 30deg at 50% 9%, */
		/* hsl(58deg 100% 50% / 8%) 0deg 15deg, */
		/* hsl(56.31deg 82.8% 74.06% / 30%) 0deg 30deg */
	/* ) #f5f6cd; */
	
	background-image: url("/assets/img/bg.png");
	background-repeat: repeat;
	background-size: 100%;
}

.frame {
  --s: 10px; /* control the size */
  padding: var(--s);
  border: calc(2*var(--s)) solid #0000;
  outline: 1px solid #000;
  outline-offset: calc(-1*var(--s));
  background: conic-gradient(from 90deg at 1px 1px,#0000 25%,#000 0);
}

body {
	font-family: josefin-medium !important;
}

.bg-turkuaz {
	background: -webkit-linear-gradient(45deg, #399E98 25%, #3aa19b 25%, #3aa19b 50%, #399E98 50%, #399E98 75%, #3aa19b 75%, #3aa19b);
	background: -moz-linear-gradient(45deg, #399E98 25%, #3aa19b 25%, #3aa19b 50%, #399E98 50%, #399E98 75%, #3aa19b 75%, #3aa19b);
	background: -o-linear-gradient(45deg, #399E98 25%, #3aa19b 25%, #3aa19b 50%, #399E98 50%, #399E98 75%, #3aa19b 75%, #3aa19b);
	background: linear-gradient(45deg, #399E98 25%, #3aa19b 25%, #3aa19b 50%, #399E98 50%, #399E98 75%, #3aa19b 75%, #3aa19b);
	background-size:100px 100px;
}

.carousel-inner {
    overflow: visible !important;
}

.carousel {
  max-height: 800px;
  overflow: hidden;
}

.carousel-item row {
  width: 100%;
  height: auto;
}

#kayitModal, #sinavModal, #liveToast, #thxModal {
	font-family: var(--bs-body-font-family);
}

#orgTxt, #nicinTxt, #simdiBasvurTxt {
	background: -webkit-linear-gradient(-45deg, #e73c7e, #23a6d5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#sagKose{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
}


.outline {
  filter: drop-shadow(5px 0 0 white)
        drop-shadow(0 5px 0 white)
        drop-shadow(-5px 0 0 white)
        drop-shadow(0 -5px 0 white);

  -webkit-filter: drop-shadow(5px 0 0 white)
        drop-shadow(0 5px 0 white)
        drop-shadow(-5px 0 0 white)
        drop-shadow(0 -5px 0 white);
}

/*
#ustBolum {
	background: linear-gradient(180deg, rgb(255, 255, 255 / 50%) 0%, rgb(255 237 195 / 50%) 100%);
}

#ortaBolum1 {
    background: linear-gradient(180deg, rgb(255 237 195 / 50%) 0%, rgb(255, 255, 255 / 50%) 100%);
}

#ortaBolum2 {
	background: linear-gradient(180deg, rgb(255, 255, 255 / 50%) 0%, rgb(255 237 195 / 50%) 100%);
}

#ortaBolum3 {
	background: linear-gradient(180deg, rgb(255 237 195 / 50%) 0%, rgb(255, 255, 255 / 50%) 100%);
}

#ortaBolum4 {
	background: linear-gradient(180deg, rgb(255, 255, 255 / 50%) 0%, rgb(255 237 195 / 50%) 100%);
}

#altBolum {
	background: linear-gradient(180deg, rgb(255 237 195) 0%, rgb(255, 255, 255) 100%);
}*/


.navbar.navbar-expand-lg.bg-body-tertiary{
	background-color: rgb(255, 255, 255) !important;
	color: white !important;
}

.nav-link {
	color: #e04766 !important;
}

.carousel-control-prev {
	justify-content: start !important;
}

.carousel-control-next {
	justify-content: end !important;
}

/** Make Images 3 by 4 Start ***/
.ratio-4-3{
  width:100%;
  position:relative;
  background:url() 50% 50% no-repeat;
  background-size:cover;
  background-clip:content-box;
}
.ratio-4-3:before{
    display:block;
    content:"";
    padding-top:75%;
}
/** Make Images 3 by 4 End ***/

/** Star Badge Start **/
/* source: https://codepen.io/taichi/pen/zBGgox */
.star-badge-wrapper{
  opacity: 0;
  -ms-animation: fadeInOut 1.4s ease-out 0s infinite normal;
  animation: fadeInOut 1.4s ease-out 0s infinite normal;
  position: absolute;
}

.star-badge{
  margin: 30px;
  -ms-animation: showBadge 0.6s ease-out 0s 1 normal forwards;
  animation: showBadge 0.6s ease-out 0s 1 normal forwards;
  opacity: 1;
}

.star-badge,
.star-badge__inner{
  position: relative;
  width: 60px;
  height: 60px;
  vertical-align: middle;
  display: table;
}

.star-badge__inner p{
  display: table-cell;
  vertical-align: middle;
  transform: rotate(-22.5deg);
  position: relative;
  z-index: 1;
}

.star-badge:after,
.star-badge:before,
.star-badge__inner:after,
.star-badge__inner:before{
  background: #fd5d5f;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.star-badge:before{
  transform: rotate(-22.5deg);
}

.star-badge__inner:before{
  transform: rotate(0);
}

.star-badge:after{
  transform: rotate(22.5deg);
}

.star-badge__inner:after{
  transform: rotate(45deg);
}

.star-badge__text--big,
.star-badge__text--small{
  display: block;
  width: 100%;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  padding: 2px 0;
}

.star-badge__text--big{
  font-size: 0.9rem;
}
@keyframes showBadge {
  0% {
    transform: scale(0) rotate(0deg);
  }
  80%{
    transform: scale(0.6) rotate(-1440deg);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50%{
    opacity: 0.8;
    transform: scale(0.99);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-ms-keyframes showBadge {
  0% {
    -ms-transform: scale(0) rotate(0deg);
  }
  80%{
    -ms-transform: scale(0.6) rotate(-1440deg);
  }
  100% {
    -ms-transform: scale(1);
  }
}
@-ms-keyframes fadeInOut {
  0% {
    opacity: 1;
    -ms-transform: scale(1);
  }
  50%{
    opacity: 0.8;
    -ms-transform: scale(0.99);
  }
  100% {
    opacity: 1;
    -ms-transform: scale(1);
  }
}
/** Star Badge End **/


.btn-seffaf {
  --bs-btn-color: #fff !important;
  --bs-btn-bg: #a4609c !important;
  --bs-btn-border-color: #a4609c !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #a3689c !important;
  --bs-btn-hover-border-color: #a3689c !important;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: #c185ba !important;
  --bs-btn-active-border-color: #a3689c !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff !important;
  --bs-btn-disabled-bg: #a4609c !important;
  --bs-btn-disabled-border-color: #a4609c !important;
}

.btn-purple {
  --bs-btn-color: #fff !important;
  --bs-btn-bg: #635994 !important;
  --bs-btn-border-color: #635994 !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #766f9e !important;
  --bs-btn-hover-border-color: #766f9e !important;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: #7f76ae !important;
  --bs-btn-active-border-color: #766f9e !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff !important;
  --bs-btn-disabled-bg: #635994 !important;
  --bs-btn-disabled-border-color: #635994 !important;
}

.btn-pink {
  --bs-btn-color: #fff !important;
  --bs-btn-bg: #f2637d !important;
  --bs-btn-border-color: #f2637d !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #f2637d !important;
  --bs-btn-hover-border-color: #f2637d !important;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: #f5879c !important;
  --bs-btn-active-border-color: #f2637d !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff !important;
  --bs-btn-disabled-bg: #f2637d !important;
  --bs-btn-disabled-border-color: #f47a91 !important;
}

.btn-red {
  --bs-btn-color: #fff !important;
  --bs-btn-bg: #e04766 !important;
  --bs-btn-border-color: #e04766 !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #e04766 !important;
  --bs-btn-hover-border-color: #e04766 !important;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: #f77c94 !important;
  --bs-btn-active-border-color: #e04766 !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff !important;
  --bs-btn-disabled-bg: #e04766 !important;
  --bs-btn-disabled-border-color: #e04766 !important;
}

.btn-green {
  --bs-btn-color: #fff !important;
  --bs-btn-bg: #4da47d !important;
  --bs-btn-border-color: #4da47d !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #4da47d !important;
  --bs-btn-hover-border-color: #4da47d !important;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: #4da47d !important;
  --bs-btn-active-border-color: #4da47d !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff !important;
  --bs-btn-disabled-bg: #4da47d !important;
  --bs-btn-disabled-border-color: #4da47d !important;
}

/* Animations */
.scale-in-center {
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.8s both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.8s both;
}
/* ----------------------------------------------
 * Generated by Animista on 2024-1-5 13:17:41
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

.wobble-hor-bottom {
	-webkit-animation: wobble-hor-bottom 0.8s both;
	        animation: wobble-hor-bottom 0.8s both;
}
@-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}

.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

.vibrate-1 {
	-webkit-animation: vibrate-1 0.3s linear infinite both;
	        animation: vibrate-1 0.3s linear infinite both;
}

@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

.flicker-1 {
	-webkit-animation: flicker-1 2s linear infinite both;
	        animation: flicker-1 2s linear infinite both;
}
/* ----------------------------------------------
 * Generated by Animista on 2024-5-9 16:38:24
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flicker-1
 * ----------------------------------------
 */
@-webkit-keyframes flicker-1 {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  47.99% {
    opacity: 1;
  }
  48% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  49.01% {
    opacity: 1;
  }
}
@keyframes flicker-1 {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  47.99% {
    opacity: 1;
  }
  48% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  49.01% {
    opacity: 1;
  }
}


.puff-in-center {
	-webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}
 @-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.fade-in {
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.3s both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.3s both;
}
 @-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.scale-down-center {
	-webkit-animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2024-3-21 13:47:27
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-down-center
 * ----------------------------------------
 */
 @-webkit-keyframes scale-down-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@keyframes scale-down-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}