@font-face {
    font-family: GreycliffCF Bold;
    src: url(../../fonts/app/GreycliffCF-Bold.91408521.woff2) format("woff2");
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: GreycliffCF Medium;
    src: url(../../fonts/app/GreycliffCF-Medium.e61154ad.woff2) format("woff2");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: GreycliffCF Normal;
    src: url(../../fonts/app/GreycliffCF-Regular.e4842715.woff2) format("woff2");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: GreycliffCF;
    src:
        url(../../fonts/app/GreycliffCF-Light.0699b63a.woff2) format("woff2"),
        url(../../fonts/app/GreycliffCF-Light.1aa81acf.woff) format("woff");
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: GreycliffCF;
    src:
        url(../../fonts/app/GreycliffCF-Regular.e4842715.woff2) format("woff2"),
        url(../../fonts/app/GreycliffCF-Regular.64b37c06.woff) format("woff");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: GreycliffCF;
    src:
        url(../../fonts/app/GreycliffCF-Medium.e61154ad.woff2) format("woff2"),
        url(../../fonts/app/GreycliffCF-Medium.55b2ad1e.woff) format("woff");
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: GreycliffCF;
    src:
        url(../../fonts/app/GreycliffCF-DemiBold.ba8aa8f8.woff2) format("woff2"),
        url(../../fonts/app/GreycliffCF-DemiBold.ab0de3ee.woff) format("woff");
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: GreycliffCF;
    src:
        url(../../fonts/app/GreycliffCF-Bold.91408521.woff2) format("woff2"),
        url(../../fonts/app/GreycliffCF-Bold.9782f2b2.woff) format("woff");
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: GreycliffCF;
    src:
        url(../../fonts/app/GreycliffCF-ExtraBold.713630bb.woff2) format("woff2"),
        url(../../fonts/app/GreycliffCF-ExtraBold.ddeaff98.woff) format("woff");
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: GreycliffCF;
    src:
        url(../../fonts/app/GreycliffCF-Heavy.7c32ce46.woff2) format("woff2"),
        url(../../fonts/app/GreycliffCF-Heavy.b5b8865d.woff) format("woff");
    font-weight: 900;
    font-display: swap;
}


:root {
--first-color: #061F3E;
--second-color: #EF4767;
--text-primary: #FFFFFF;
--text-secondary: #90adcb;
--color-white: #FFFFFF;
 }
body { font-family:GreycliffCF;font-size:15px }
.no-scrollbar::-webkit-scrollbar { display:none; }
.no-scrollbar { -ms-overflow-style:none; scrollbar-width:none; }

.active-nav { color: var(--text-primary); }
.active-nav-no { color: var(--text-secondary); }

.bg-first{background-color: var(--first-color) !important; color: var(--color-white) !important;}
.bg-second{background-color: var(--second-color) !important; color: var(--color-white) !important;}

.text-first{color: var(--first-color) !important;}
.text-second{color: var(--second-color) !important;}

.h16 {height:16px !important}
.h19 {height:19px !important}

.text-8{font-size:8px !important}
.text-9{font-size:9px !important}
.text-10{font-size:10px !important}
.text-11{font-size:11px !important}
.text-12{font-size:12px !important}
.text-13{font-size:13px !important}
.text-14{font-size:14px !important}
.text-15{font-size:15px !important}
.text-16{font-size:16px !important}
.text-17{font-size:17px !important}
.text-18{font-size:18px !important}
.text-18{font-size:19px !important}
.text-20{font-size:20px !important}
.text-22{font-size:22px !important}
.text-24{font-size:24px !important}
.text-26{font-size:26px !important}
.text-28{font-size:28px !important}
.text-30{font-size:30px !important}
.text-42{font-size:42px !important}
.text-48{font-size:48px !important}
.text-60{font-size:60px !important}

#page-loader{position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; background:var(--first-color); opacity:1; visibility:visible}
.loaded #page-loader{ opacity:0; visibility:hidden; }
.loader-box{ display:flex; flex-direction:column; align-items:center; gap:.4px; }
.loader-logo{color:var(--loader-fg); letter-spacing:.4px; }

.blink {animation: blink 3s infinite;}
@keyframes blink {0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;}}

.list-data > div:last-child {
  border-bottom: none;
}

.iti__selected-dial-code{color:var(--color-white) !important; font-size: 1.125rem;line-height: 1.75rem;margin:0 5px}
.iti--container {width: 87% !important; color:#333 !important}

.popup-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.5);
  display: none; /* Başta gizli */
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.popup-content {
  text-align: center;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
  position: relative;
}
.close-btn {
  position: absolute;
  top: 10px; right: 15px;
  font-size: 24px;
  cursor: pointer;
}
.popup-content button {
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  margin-top: 15px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}


.onboarding{position:relative; min-height:100svh; width:100%; overflow:hidden}
.slides{position:relative; height:100svh; width:100%}
.slide{position:absolute; inset:0; display:grid; grid-template-rows:1fr auto 1fr; place-items:center; padding:24px;
background-position:center; background-size:cover; background-repeat:no-repeat; opacity:0; transform:translateX(10%); transition:opacity .35s ease, transform .35s ease;}
.slide > *{position:relative; z-index:1}
.slide.active{opacity:1; transform:translateX(0)}
.topbar{position:absolute; inset:auto 16px auto auto; top:16px; display:flex; gap:8px; z-index:10}
.skip{appearance:none; border:0; padding:2px 6px; cursor:pointer;background-color:var(--second-color);}
.content{display:flex; flex-direction:column; align-items:center; text-align:center; width:95%; margin:auto;margin-top:-70px}
.logo{max-height:350px}
.footer{position:absolute; bottom:50px; left:0; right:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:16px; padding:0 16px;width:100%}


.dots{display:flex; align-items:center; gap:8px}
.dot{width:8px; height:8px; border-radius:999px; background-color:var(--color-white); transition:all .2s ease; cursor:pointer; border:0}
.dot[aria-current="true"]{width:24px; background-color:var(--second-color)}
.dot:focus-visible{outline:2px solid #111; outline-offset:2px}


.actions{display:flex; gap:12px; flex-wrap:wrap; justify-content:center;margin-top:10px;width:100%}
.btn{appearance:none; border:0; border-radius:16px; padding:12px 18px; font-size:16px; cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,.12)}


.text-md {
    font-size: 1.05rem !important;
    line-height: 1.5rem;
}

.text-md2 {
    font-size: 0.90rem !important;
    line-height: 1.7rem;
}

.text-xs {
    font-size: 0.7rem !important;
    line-height: 1rem;
}

.text-sm {
    font-size: 0.8rem !important;
    line-height: 1.25rem;
}

.bg-first-deg{
	background: var(--first-color);
	background: linear-gradient(180deg,rgba(6, 31, 62, 1) 1%, rgba(10, 53, 102, 1) 100%);
	color:#fff;
}
.bg-first-deg2{
	background: var(--first-color);
	background: linear-gradient(0deg,rgba(6, 31, 62, 1) 1%, rgba(10, 53, 102, 1) 100%);
	color:#fff;
}
.bg-second-deg{
	background: var(--second-color);
	background: linear-gradient(180deg,rgba(239, 71, 103, 1) 1%, rgba(237, 104, 129, 1) 100%);
	color:#fff;
}
.bg-second-deg2{
	background: var(--second-color);
	background: linear-gradient(0deg,rgba(239, 71, 103, 1) 1%, rgba(237, 104, 129, 1) 100%);
	color:#fff;
}