*{
    margin:0;
    padding:0;
}

@font-face {
    font-family: NS-Regular;
    /* src: url(/Fonts/NatoSans/NotoSans-Regular.ttf);*/
    src: url(/Fonts/Roboto/Roboto-Regular.ttf);
}

@font-face {
    font-family: NS-Black;
    /*src: url(/Fonts/NatoSans/NotoSans-Black.ttf);*/
    src: url(/Fonts/Roboto/Roboto-Black.ttf);
}

@font-face {
    font-family: NS-SemiBold;
    /*src: url(/Fonts/NatoSans/NotoSans-SemiBold.ttf);*/
    src: url(/Fonts/Roboto/Roboto-Bold.ttf);
}

@font-face {
    font-family: Inter-Reg;
    src: url(/fonts/Inter/Inter_18pt-Regular.ttf);
}

@font-face {
    font-family: Inter-Sbold;
    src: url(/fonts/Inter/Inter_18pt-SemiBold.ttf);
}

:root {
    --color-danger: #c62828;
    --color-dark1: #253238;
    --color-danger: #e42500;
    --font-ns-regular: NS-Regular;
    --font-ns-black: NS-Black;
    --font-ns-sbold: NS-SemiBold
}

body{
    font-family:var(--font-ns-regular)
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: #000;
}

/****GENL*****/
.h-100vh{
    height:100vh;
}
.w-100{
    width:100%
}
.w-50{
    width:50%;
}
.h-100{
    height:100px
}
.h-15{
    height:15px
}

.fs-10{
    font-size:10px;
}
.fs-12{
    font-size:12px
}
.fs-26{
    font-size:26px
}
.fs-18{
    font-size:18px
}

.flex{
    display:flex;
}
.flex-wrap{
    flex-wrap:wrap;
}
.a-item-center{
    align-items:center;
}
.flex-justfy-end{
    justify-content:flex-end;
}
.flex-space-between {
    justify-content: space-between
}

.p-left-right-5{
    padding:0 5px;
}
.p-10{
    padding:10px;
}
.p-30 {
    padding: 30px;
}
.p-left-right-10{
    padding:0 10px;
}
.p-0{
    padding:0;
}
.p-top-10{
    padding-top:10px
}
.m-0{
    margin:0;
}
.m-b-10{
    margin-bottom:10px
}
.m-b-30 {
    margin-bottom: 30px
}
.m-top-0{
    margin-top:0;
}

.b-radius-5 {
    border-radius: 5px
}
.b-radius-10{
    border-radius:10px
}
.b-radius-30{
    border-radius:30px;
}

img{
    max-width:100%
}
ul{
    list-style:none!important;
    margin:0;
}
a {
  color: inherit;       /* Ebeveyn rengini alır */
  text-decoration: none; /* Alt çizgiyi kaldırır (isteğe bağlı) */
}

.tekSatir {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
width: 100%;
}
.ikiSatir {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.ucSatir {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical
}

a:hover {
  color: inherit;       /* Hover sırasında da aynı rengi korur */
  text-decoration: none; /* Alt çizgiyi de iptal edebiliriz */
}

.shadow1 {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

h1,h2,h3,h4,h5,h6{
    font-family:var(--font-ns-sbold)
}
strong{
    font-family:var(--font-ns-sbold)
}

.tekSatir {
  white-space: nowrap;         /* Metni tek satırda tutar */
  overflow: hidden;            /* Taşan kısmı gizler */
  text-overflow: ellipsis;     /* Taşan kısmı '...' ile gösterir */
}

.strikethrough {
    text-decoration: line-through;
    color:red;
}
/*********************/

/********
COLORS
********/
.text-white{
    color: #fff;
}
.text-white-all * {
    color: #fff;
}
.back-danger{
    background:var(--color-danger)
}
.back-dark1{
    background:var(--color-dark1)
}
.back-dark1 *{
   color:#fff
}
.back-white{
    background:#fff;
}
/*********************/

/********
BUTTONS
********/
.btnn {
    outline: none;
    border: 0;
    padding: 5px 15px;
    border-radius: 5px;
}
.btnn-danger{
    background:var(--color-danger)
}
/*********************/

/********
CHECK BOX
********/
.checkbox-control{
    position:relative;
    display:inline-block;
    cursor:pointer;
}
.check-box:not(:first-child){
    display:inline-block;
}
.check-box input {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.check-box span{
    position:relative; 
    cursor:pointer
}
.check-box span::before{
      width: 18px;
    height: 18px;
    border: 3px solid #5867dd;
    margin: 0 2px 0 0;
    cursor: pointer;
    border-radius: 3px;
    right: 100%;
    top: 20%;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.check-box input:checked ~ span::before {
    background: #5867dd;
    color: #fff;
}


.spinner-border {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: text-bottom;
    border: 2px solid #fff;
    border-right-color: transparent;
    animation: spinner-border .75s linear infinite;
    border-radius: 50%
}
@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

@media screen and (max-width:992px),screen and (max-device-width:992px){
 .hidden-992{
     display:none;
 }
}