/* @font-face {
    font-family: 'SFpro'; 
    src: url('fonts/SF-Pro-Text-Bold.woff2') format('woff2'), 
         url('fonts/SF-Pro-Text-Bold.woff') format('woff'),   
         url('fonts/SF-Pro-Text-Bold.ttf') format('truetype'),         url('fonts/SF-Pro-Text-Bold.eot');
         
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }

@font-face {
    font-family: 'SFpro'; 
    src: url('fonts/SF-Pro-Text-Heavy.woff2') format('woff2'), 
    url('fonts/SF-Pro-Text-Heavy.woff') format('woff'),  
    url('fonts/SF-Pro-Text-Heavy.ttf') format('truetype'),    url('fonts/SF-Pro-Text-Heavy.eot'); 
       
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }

@font-face {
    font-family: 'SFpro'; 
    src: url('fonts/SF-Pro-Text-Light.woff2') format('woff2'),
    url('fonts/SF-Pro-Text-Light.woff') format('woff'),  
    url('fonts/SF-Pro-Text-Light.ttf') format('truetype'), 
    url('fonts/SF-Pro-Text-Light.eot');
       
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }

@font-face {
    font-family: 'SFpro';
    src:  url('fonts/SF-Pro-Text-Medium.woff2') format('woff2'),
    url('fonts/SF-Pro-Text-Medium.woff') format('woff'),  
    url('fonts/SF-Pro-Text-Medium.ttf') format('truetype'), 
    url('fonts/SF-Pro-Text-Medium.eot'); 
       
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

@font-face {
    font-family: 'SFpro'; 
    src:  url('fonts/SF-Pro-Text-Regular.woff2') format('woff2'),
    url('fonts/SF-Pro-Text-Regular.woff') format('woff'),  
    url('fonts/SF-Pro-Text-Regular.ttf') format('truetype'), 
    url('fonts/SF-Pro-Text-Regular.eot');
       
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  } */

  html {
    -webkit-text-size-adjust: 100%;
}

*, *::before, *::after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    /* font-family: 'SFpro', sans-serif; */
    font-family: "Inter", serif;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; 
}


a{
    color: inherit;
    text-decoration: none;
}


.container{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(180deg, #FFF 0%, #E4E4E4 100%);
}

.fixed-topbar{
    width: 100vw;
    height: 4.42vw;
    background: rgba(201, 201, 201, 0.38);
    backdrop-filter: blur(27.5px);
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 3.54vw;
    padding-right:3.54vw;
    z-index: 9999;
}

.fixed-topbar img{
    width: auto;
    height: 2.62vw;
}

.button-kalinlik{
    font-weight: 700;
    letter-spacing: -0.06vw;
    overflow: hidden;
}

.topbar-button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9vw;
    height: 2.44vw;
    font-size: 0.83vw;
    background-color: #CCFF00;
    color: #000000;
    border-radius:0.46vw ;
    letter-spacing: -0.02vw;
    cursor: pointer;
    box-shadow: 0px 5px 19.3px -8px rgba(24, -14, 15, 0.25);
}

.topbar-button span{
    font-style: bold;
}

.ust-menu{
    padding-left: 0px;
    display: flex;
    width: 100vw;
    height: auto;
    border-radius: 0px 0px 60px 60px;
    align-items: center;
    flex-direction: column;
}

.ust-menu img{
    height: auto;
 width: 100%;
}

.ustmenu-baslik{
    width: 100%;
    padding-top: 14vw;
    color: white;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: absolute;
    z-index: 3;
    text-align: center;
    font-size: 3.04vw;
    font-weight: 390;
    display: flex;
    flex-direction: row;
    letter-spacing:-0.08vw;
}

.ustmenu-baslik-renk{
    font-weight: 900;
    background: linear-gradient(270deg, #D2F75C -12.19%, #C6F432 100.68%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ustmenu-baslik-2{
    padding-top: 18.75vw;
}

.ustmenu-baslik img{
    padding-left: 20px;
    height: 5vw;
    width: auto;
}

.ust-menu-maddeler{
flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 26.6vw;
    position: absolute;
    z-index: 3;
    
    color: #FFF;
}

.ust-menu-madde{
    padding: 2px;
    font-size: 1.3vw;
    font-weight: 400;
}

.laptop{
    position: absolute;
    z-index: 0;
    width: auto;
    max-height: 86.67vw;
    padding-top: 29.25vw;
}

.one-group{
    z-index: 3;
    margin-top: 10vw;
    width: 90vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.one-group-one{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 8vw;
}
.one-group-two{
    height: 20vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 5vw;
}

.one-group-yazi{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-right: 5vw;
    
}
.one-group-yazi img{
    width: 18vw;
    height: auto;
   
}

.ok{
    position: absolute;
    width: 4.5vw;
    height: auto;
    align-self: flex-start;
    margin-top: 4vw;
    margin-right: 56vw;
}

.one-group-yazison{
    padding-right: 0px;
}

.one-group-yazi-sayi{
    font-size: 5.1vw;
}

.one-group-yazi-baslik{
    font-size: 1.4vw;
    padding-bottom: 1.4vw;
}

.arti{
    font-weight: 100;
}

.one-group-yazi-altyazi{
    text-align: center;
    font-size: 1.5vw;
    font-style: normal;
    /* line-height: 106%; */
    font-weight: 274;
   overflow-y: hidden;
   position: absolute;
   padding-top: 14vw;
}



.one-group-one-button{
    display: flex;
    align-items: center;
    justify-content: center;
}

.one-group-one-button-design{
    width: 14.5vw;
    height: 4vw;
    background-color: #CF0;
    border-radius: 0.9vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 1.37vw;
    /* line-height: 106%; */
    cursor: pointer;
    box-shadow: 0px 5px 19.3px -8px rgba(24, -14, 15, 0.25);
}

.istatistik-2{
margin-top: 1.5vw;
}
.istatistik-3{
margin-top: 3.4vw;
}
.istatistik-4{
margin-top: 2vw;
}

.istatistik-6{
margin-top: 3vw;
}


.istatistik-group-1{
    padding-top: 1.1vw;
}

.istatistik-group-3{
    padding-bottom: 1.5vw;
}
.istatistik-group-4{
    padding-bottom: 2.1vw;
}
.istatistik-group-6{
    padding-bottom: 2.7vw;
}


/* TWO GROUP */

.two-group{
    width: 100vw;
    height: 43.95vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-left: 5vw;
    margin-top: 5vw;
}

.two-group-yazi{
    width: 40%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 15vw;
}

.two-group-baslik{
    font-size: 2.3vw;
    font-weight: 700;
    /* line-height: 106%; */
    overflow: hidden;
    margin-bottom: 1vw;
    background: linear-gradient(90deg, #000 -25%, #CF0 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: -0.07vw;
flex-shrink: 0;
}

.two-group-altyazi{
    font-size: 1.35vw;
    letter-spacing:-0.07vw;
    line-height: 144%;
    font-weight: 274;
    color: #6B6B6B;
}

.two-span-altyazi{
    font-weight: 700;
}

.two-group-img{
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.two-group-img img{
    width: auto;
    height: 48vw;
    position: absolute;
    padding-right: 5vw;
}


/* THREE GROUP */

.three-group{
    width: 100vw;
    height: 43.95vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: -5vw;
}

.three-group-yazi{
    width: 50%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.three-group-baslik{
    font-size: 2.3vw;
    font-weight: 700;
    /* line-height: 106%; */
    overflow: hidden;
    margin-bottom: 1vw;
    background: linear-gradient(90deg, #000 13.24%, #CF0 129.41%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: -0.07vw;
}

.three-group-altyazi{
    font-size: 1.25vw;
    letter-spacing:-0.07vw;
    line-height: 144%;
    font-weight: 274;
    color: #6B6B6B;
}

.three-group-img{
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.three-group-img img{
    width: auto;
    height: 50vw;
    position: absolute;
}



.three-group-yazi img{
    width: 7.2vw;   
}

.three-group-baslik img{
    width: 2.6vw;   
}

/* ARAYER */

.arayer-group{
    width: 100vw;
    height: 53.95vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.arayer-group-yazi{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding-left: 47vw;
    padding-bottom: 13vw;
}

.arayer-group-baslik{
    font-size: 2.3vw;
    font-weight: 700;
    /* line-height: 106%; */
    overflow: hidden;
    margin-bottom: 1vw;
    background: linear-gradient(90deg, #000 13.24%, #CF0 129.41%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: -0.07vw;
}

.arayer-group-altyazi{
    font-size: 1.25vw;
    letter-spacing:-0.07vw;
    line-height: 144%;
    font-weight: 274;
    color: #6B6B6B;
}

.arayer-group-img{
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 14vw;
}

.arayer-group-img img{
    width: auto;
    height: 50vw;
    position: absolute;
}



.arayer-group-yazi img{
    width: 7.2vw;   
}

.arayer-group-baslik img{
    width: 2.6vw;   
}



/* FOUR GROUP */


.four-group{
    width: 100vw;
    height: 43.95vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-left: 5vw;
    margin-top: 5vw;
    margin-right: 5vw;
}

.four-group-yazi{
    width: 40%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    text-align: end;
    padding-right: 5vw;
}

.four-group-baslik{
    font-size: 2.3vw;
    font-weight: 700;
    /* line-height: 106%; */
    overflow: hidden;
    margin-bottom: 1vw;
    letter-spacing: -0.07vw;
    background: linear-gradient(90deg, #F00 0%, #000 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.four-group-altyazi{
    font-size: 1.30vw;
    letter-spacing:-0.07vw;
    line-height: 144%;
    font-weight: 274;
    color: #6B6B6B;
}

.four-group svg{
    position: absolute;
    z-index: 111;
    padding-left: 19vw;
}

.four-group-img{
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.four-group-img img{
    width: auto;
    height: 50vw;
    position: absolute;
    padding-right: 5vw;
}

.four-group-baslik img{
    width: 2.6vw;   
}

/* FOUR GROUP -2 */

.four-group-2{
    width: 100vw;
    height: 23.95vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-left: 5vw;
}

.four2-group-yazi{
    width: 80%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    text-align: start;
    padding-right: 5vw;
    padding-left: 21vw;
    padding-top: 1vw;
    overflow: hidden;
}

.four2-group-baslik{
    font-size: 2.3vw;
    font-weight: 700;
    /* line-height: 106%; */
    overflow: hidden;
    background: linear-gradient(90deg, #3046C3 0%, #000 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 0.2vw;
    letter-spacing: -0.07vw;
}

.four2-group-altyazi{
    font-size: 1.4vw;
    letter-spacing: -0.05vw;
    line-height: 144%;
    font-weight: 274;
    letter-spacing:-0.07vw;
    color: #6B6B6B;
}

.four2-group-img{
    width: 20%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.four2-group-img img{
    width: auto;
    height: 50vw;
    position: absolute;
    padding-right: 5vw;
    padding-left: 45vw;
    margin-bottom: 11vw;
}

.four2-group-baslik img{
    width: 2.6vw;   
}

.maddeler{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 2vw;
}

.madde{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    padding-bottom: 0.3vw;
    font-size: 1.35vw;
    font-weight: 480;
    color: #6B6B6B;
    padding-left: 0.3vw;
    letter-spacing: -0.07vw;
}

.madde img{
    width: 0.7vw;
    height: auto;
    margin-right: 1.2vw;
}

/* FİVE GROUP */

.five-group{
    width: 100vw;
    height: 60vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-left: 5vw;
    margin-top: 5vw;
    margin-right: 5vw;
    position: relative;
}

.five-group-yazi{
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    margin-right: 40vw;
    padding-top: 19.3vw;
    padding-left: 3vw;
}



.five-group-baslik{
    font-size: 2.3vw;
    font-weight: 700;
    /* line-height: 106%; */
    overflow: hidden;
    background: linear-gradient(90deg, #C6F432 -30.24%, #000 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 1.4vw;
    letter-spacing: -0.07vw;
}

.five-group-altyazi{
    font-size: 1.25vw;
    letter-spacing: -0.05vw;
    line-height: 144%;
    font-weight: 400;
    letter-spacing: -0.07vw;
    color: #6B6B6B;
    padding-bottom: 0.8vw;

}

.five-group-altyazi-bosluk{
    padding-bottom: 1.4vw;
}

.five-group-img{
    width: 80%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-left: 25vw;
}

.five-group-img img{
  width: 90%;
  height: auto;
}

.five-group-altyazi-madde{
    font-weight: 700;
    color: #464646;
}

.five-group-altyazi-madde-yazi{
    font-weight: 400;
    color: #464646;
}


.five-button-design{
width: 10.6vw;
height: 3.2vw;
overflow: hidden;
font-size: 1vw;
border-radius: 0.66vw;
cursor: pointer;
box-shadow: 0px 5px 19.3px -8px rgba(24, -14, 15, 0.25);
}


/* SİX GROUP */

.six-group{
    display: flex;
    flex-direction: row;
    width: 100vw;
    height: 16vw;
    padding-left: 10vw ;
    padding-right: 10vw;
    padding-bottom: 4vw;
}

.six-group-one, .six-group-two, .six-group-three{
    width: 33.3%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
}

.six-group-three {
    padding-top: 1.3vw;
}

.six-baslik{
    font-size: 1.35vw;
    /* line-height: 103%;  */
    letter-spacing: -0.07vw;
    font-weight: 510;
    padding-bottom: 0.5vw;
}

.six-baslik-renk1{
    background: linear-gradient(90deg, #0044ff8c 0%, #1a58ff6e 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.six-baslik-renk1-2{
    background: linear-gradient(90deg, #0044ff 0%, #5481fb 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.six-baslik-renk2{
    background: linear-gradient(90deg, #C6F432 -56.47%, #749800 67.27%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.six-baslik-renk3{
    background: linear-gradient(90deg, #F80 53.79%, #D67200 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.cizgi{
    width: 83%;
    height: 0.05vw;
    background-color:  #6B6B6B;
}

.six-altbaslik{
    padding-top: 0.5vw;
    font-size: 1.04vw;
    color: #6B6B6B;
    line-height: 117%; /* 23.4px */
    letter-spacing: -0.04vw;
    font-weight: 274;
    overflow: hidden;
}

/* SEVEN GROUP */

.seven-group{
    width: 100vw;
    height: 40vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-left: 5vw;
    padding-bottom: 11vw;
}

.seven-group-yazi{
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding-left: 59.6vw;
    position: absolute;
}

.seven-group-baslik{
    font-size: 2.3vw;
    font-weight: 700;
    /* line-height: 106%; */
    overflow: hidden;
    margin-bottom: 1vw;
    background: linear-gradient(270deg, #C6F432 -2.34%, #000 117.13%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -0.07vw;
}

.seven-group-altyazi{
    font-size: 1.04vw;
    letter-spacing: -0.05vw;
    line-height: 117%;
    font-weight: 274;
}

.seven-group-img{
    width: 75%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 21vw;
    position: absolute;
}

.seven-group-img img{
    width: 60vw;
    height: auto;
    padding-right: 1vw;
}


.seven-group-altyazi-madde{
    font-size: 1.35vw;
    font-weight: 700;
    letter-spacing: -0.08vw;
    color: #464646;
}
.seven-group-altyazi-madde-yazi{
    font-size: 1.35vw;
    font-weight: 400;
    line-height: 144%;
    letter-spacing: -0.08vw;
    color: #464646;
}

/* SEKİZ GROUP */


.sekiz-group{
    width: 100vw;
    height: 54vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-left: 5vw;
    padding-bottom: 11vw;
}

.sekiz-group-yazi{
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding-left: 6vw;
    position: absolute;
    padding-top: 3vw;
}

.sekiz-group-baslik{
    font-size: 2.3vw;
    font-weight: 700;
    /* line-height: 106%; */
    overflow: hidden;
    margin-bottom: 1vw;
    background: linear-gradient(90deg, #3266F4 -30.24%, #002485 170.97%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing:-0.07vw;
}

.sekiz-group-altyazi{
    font-size: 1.25vw;
    letter-spacing:-0.07vw;
    line-height: 144%;
    font-weight: 400;
    color: #6B6B6B;
}

.sekiz-group-img{
    width: 75%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 30vw;
    position: absolute;
}

.sekiz-group-img img{
    width: 67vw;
    height: auto;
    padding-right: 1vw;
}


/* NİNE GROUP */

.nine-group{
    width: 100vw;
    height: auto;
    font-size: 3.38vw;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-weight: 700;
    letter-spacing: -0.08vw;
    background: linear-gradient(90deg, #AEC3FF -111.97%, #04F 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.nine-group img{
    font-size: 4vw;
    height: 5.8vw;
    width: auto;
    padding-left: 0.8vw;
}

.dokuzspan{
    position: absolute;
    padding-left: 40vw;
    background: linear-gradient(90deg, #AEC3FF -111.97%, #04F 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

/* TEN GROUP */

.ten-group{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100vw;
    height: 22vw;
    padding-left: 17vw;
    padding-right: 17vw;
    padding-bottom: 2vw;
}

.ten-group img{
    width: 16.46vw;
    height: auto;
}


.ten-group-2{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    width: 100vw;
    height: 24vw;
    padding-left: 10vw;
    padding-right: 4vw;
}

.ten-yazi{
    width: 33.33%;
    display: flex
;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 7vw;
}

.ten-baslik{
    font-size: 1.75vw;
    font-weight: 700;
    color: #04F;
    letter-spacing: -0.07vw;
}

.ten-altyazi{
    padding-top: 1vw;
    font-size: 1.05vw;
    padding-right: 1vw;
    font-weight: 400;
    line-height: 136%; /* 27.555px */
    letter-spacing: -0.08vw;
}

.ten-yazi-2{
    padding-left: 3vw;
    width: 32.33%;
}
.ten-yazi-3{
    width: 34.33%;
    padding-left: 0vw;
}


/* ELEVEN GROUP */
.eleven-group{
    width: 100vw;
    height: 27.65vw;
    background-color: #0E0E0E;
    display: flex;
    flex-direction: row;
}

.footer-1{
    width: 70%;
    display: flex;
    flex-direction: column;
    padding-left: 10vw;
    padding-top: 4vw;
    padding-bottom: 4vw;
}

.footer-baslik{
    height: 3vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    letter-spacing: -0.08vw;
}

.footer-1 img{
    width: 7.6vw;
    height: auto;
    padding-left: 0.3vw;
    
}

.footer-2{
    width: 30%;
}

.footer-baslik-renk{
    font-size: 1.41vw;
    font-weight: 700;
    line-height: 144%;
    letter-spacing: -0.07vw;
    background: linear-gradient(90deg, #7ea0ff 22%, rgb(26 87 255) 90.88%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 0.6vw;
    
}

.footer-altyazi{
    color: #fff;
    letter-spacing: -0.03vw;
    font-size: 1.04vw;
    font-weight: 174;
}

.copyright{
    font-size: 1.04vw;
    padding-top: 13vw;
    font-weight: 174;
    letter-spacing: -0.05vw;
    color: #D3D3D3;
}

.copyright-yazi{
    padding-left: 2vw;
    font-weight: 410;
}


.footer-2{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-left: 6vw;
    padding-right: 6vw;
    padding-bottom: 5.5vw;
}

.footer-2 img{
    width: 1.5vw;
    height: auto;
    
}

.youtube{
    width: 2.3vw !important;
}

/* MEDİA QUERY */
.ust-menu .background-img {
    content: url('./images/background.webp');
  }

  .eleven-mobil-button{
    display: none;
}

.copyright-mobil{
    display: none;
}

.eleven-mobil{
    display: none;
}
  
@media (max-width: 768px) {
    /* TOPBAR */

    .fixed-topbar{
        height: 14.45vw;
    }


    .topbar-button{
        width: 27vw;
        height: 7.45vw;
        border-radius: 1.3vw;
        font-size: 2.1vw;
    }

    .fixed-topbar img{
        height: 5.63vw;
    }


    .container{
           /* background: linear-gradient(180deg, #FFF 0%, #ffffff 100%); */
    }
    /* ÜST MENU */

    .ust-menu{
        width: auto;
    height: 210vw;
    }

.ustmenu-baslik{
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 150vw;
    padding-top: 30vw;
}

.ustmenu-baslik img{
    height: 18vw;
    position: absolute;
    margin-top: 4vw;
}

.ustmenu-baslik-renk{
    font-weight: 860;
    font-size: 7.2vw;
}

.ustmenu-baslik-2 {
    padding-top: 57.75vw !important;
}

.ust-menu .background-img {
    content: url('./images/usat-background.jpg');
    padding-bottom: 20vw;
    width: 100vw;
  }

.ustmenu-baslik2-mobil{
    display: block;
}

.ustmenu-baslik-2{
    font-size: 6.21vw;
}

.ust-menu-maddeler{
    margin-top: 90vw;
}

.ust-menu-madde{
    font-size: 4.68vw;
    font-weight: 300;
}

.laptop {
    position: absolute;
    z-index: 999;
    width: 90vw !important;
    height: auto !important;
    max-height: none;
    padding-top: 118.25vw;
    padding-right: 0vw;
    margin-left: 10vw;
    content: url('./images/laptop-mobil.png');
}

/* ONE GROUP */

.one-group-one {
    flex-direction: column;  
}

.one-group-yazi{
    padding-top: 30vw !important;
}

.one-group-yazi img{
    width: 58vw;
}

.one-group-yazi-altyazi{
    font-size: 4.5vw;
    padding-top: 44vw;
    
}

.one-group-two{
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 23vw !important;
}

.istatistik-group-1{
    padding-top: 8vw !important;
}

.one-group-yazi{
    padding-right: 0vw !important;
}

.one-group-one-button-design{
    width: 44.5vw;
    height: 12vw;
    border-radius: 2.2vw;
    font-size: 3.77vw;
    box-shadow: 0px 5px 19.3px -8px rgba(24, -14, 15, 0.25);
}

/* TWO GROUP */
.two-group{
    height: auto;
    flex-direction: column;
    margin-left: 0vw;
}

.two-group-yazi{
    width: 80%;
    align-items: center;
    overflow: hidden;
    padding-bottom: 5vw;
}

.two-group-baslik{
    font-size: 6.3vw;
    text-align: center;
    letter-spacing: -0.3vw;
}

.two-altsatir{
    display: block;
    overflow: hidden;
    
    
}


.two-group-altyazi{
    font-size: 4.52vw;
    text-align: center;
    padding-top: 8vw;
    
}

.two-group-altyazi br,.three-group-altyazi br,.four-group-altyazi br,
.four2-group-altyazi br,
.five-group-altyazi br,
.five-group-baslik br,
.six-altbaslik br,
.seven-group-altyazi br,
.sekiz-group-altyazi br,
.arayer-group-altyazi br{
    display: none;
}

.mobil-bosluk{
    display: block;
    text-align: center;
    
}

.two-group-img{
    height: 88vw;
}

.two-group-img img{
    height: 50%;
}

/* THREE GROUP */

.three-group-img {
    order: 2; /* İkinci sıraya taşır */
    width: 100%;
    height: 90vw;
}
.three-group-img img{
    height: 80%;
}

.three-group-yazi {
    width: 80%;
    order: 1; /* Birinci sıraya taşır */
    align-items: center;
    text-align: center;
    
}

.three-group{
    flex-direction: column;
    height: auto;
}

.three-group-baslik{
    font-size: 7.74vw;
    display: flex;
    flex-direction: column; /* Sıralamayı ters çevirir */
    align-items: center;
    letter-spacing: -0.3vw;
}

.three-group-baslik img{
    order: -1;
    width: 9vw;
    padding-bottom: 4.5vw;
}

.three-group svg{
    display: none;
}

.three-group-altyazi{
    font-size: 4vw;
    padding-top: 9vw;
}




/* FOUR GROUP */

.four-group{
    flex-direction: column;
    height: auto;
}
.four-group-img{
    height: 110vw;
    width: auto;
    padding-bottom: 25vw;
}
.four-group-img img{
    height: 117vw;
    padding-right: 14vw;
    content: url('./images/four-group-image-1-mobil.png');
}
.four-group-yazi{
    align-items: center;
    padding-right: 0vw;
    height: auto;

    padding-top: 17vw;
    width: 80%;
}

.four-group-altyazi{
    text-align: center;
    font-size: 4.52vw;
    padding-top: 3vw;
}

.four-group-baslik {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 7.74vw;
    letter-spacing: -0.3vw;
}

.four-group-baslik img {
    width: 9vw;
    padding-bottom: 5vw;
}

.four-group svg {
    padding-left: 0vw;
    width: 110vw;
    height: auto;
    padding-top: 52vw;
    padding-right: 41vw;
}


/* FOUR-GROUP-2 */
.four-group-2{
    flex-direction: column;
    height: auto;
    margin-left: 0vw;
}

.four2-group-img{
    width: auto;
    height: auto;
    order: 2;
}
.four2-group-img img{
    height: 140vw;
    position: relative;
    padding-right: 0vw;
    padding-left: 20vw;
    margin-bottom: 0vw;
}

.four2-group-baslik
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 7.74vw;
    letter-spacing: -0.3vw;
    text-align: center;
    height: auto;
}
.four2-group-baslik img
{
    width: 6vw;
    margin-bottom: 17vw;
    position: absolute;
    margin-left: 63vw;
}

.four2-group-yazi{
    align-items: center;
    padding-right: 0vw; 
     padding-left: 0vw;
     
}

.four2-group-altyazi{
    font-size: 4.52vw;
    text-align: center;
    padding-top: 2.5vw;
    
}
.maddeler{
    margin-top: 7vw;
}
.madde{
    font-size: 3.8vw;
    padding-left: 15.3vw;
    padding-bottom: 1vw;
}
.madde img{
   width: 1.72vw;
   margin-right: 2.7vw;
}

/* FIVE GROUP */

.five-group{
    height: auto;
    flex-direction: column;
}

.five-group-yazi{
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin-right: 0vw;
    margin-right: 0vw;
    padding-top: 0vw;
    padding-left: 0vw;
    position: static;
}

.five-group-baslik{
    font-size: 7.74vw;
    text-align: center;
    letter-spacing: -0.3vw;
}

.five-group-altyazi{
    padding-top: 5vw;
    font-size: 4.45vw;
    text-align: center;
    
}

.kalinlik{
    font-weight: 700;
}

.five-group-altyazi-bosluk {
    padding-bottom: 9vw;
}

.five-group-altyazi-madde{
    letter-spacing: -0.18vw;
}

.five-group-altyazi-madde-yazi{
    letter-spacing: -0.18vw;
}

.five-button{
    padding-top: 15vw;
}

.five-group-img{
    width: auto;
    margin-left: 0vw;
    height: auto;
}
.five-group-img img{
    width: auto;
    height: 90vw;
    padding-right: 17vw;
    content: url('./images/five-group-mobil.png');
}

/* SIX GROUP */

.six-group {
    flex-direction: column;
    height: auto;
    padding-top: 10vw;
}

.six-baslik{
    font-size: 4.52vw;
    text-align: center;
    
}

.six-group-one, .six-group-two, .six-group-three {
    width: 100%;
    padding-bottom: 9vw;
    align-items: center;
}

.six-group-three{
    padding-bottom: 23vw;
}

.six-altbaslik{
    font-size: 3.48vw;
    text-align: center;
    
}

.cizgi{
    margin-top: 1.7vw;
    margin-bottom: 1.7vw;
}

/* SEVEN GROUP */
.seven-group{
    height: auto;
    flex-direction: column;
}

.seven-group-img{
    width: auto;
    margin-right: 0vw; 
    position: static;
    order: 2;
}

.seven-group-img img{
    width: auto;
    height: 69vw;
    margin-left: 25vw;
}

.seven-group-yazi{
    padding-left: 0vw; 
    position: static;
    text-align: center;
    align-items: center;
}
.seven-group-baslik{
    font-size: 7.74vw;
    text-align: center;
    letter-spacing: -0.3vw;
}

.seven-group-altyazi{
    font-size: 3.48vw;
    color: #6B6B6B;
    padding-top: 3vw;
}

.seven-group-altyazi-madde{
    color: #000;
    font-size: 4.52vw;
}

.seven-group-altyazi-madde-yazi{
    font-size: 4.52vw;
    color: #000;
}

.seven-mobil-bosluk{
    height: 5vw;
}

/* SEKIZ GROUP */

.sekiz-group{
    flex-direction: column;
    height: auto;
    margin-left: 0vw;
}

.sekiz-group-yazi{
    position: static;
    align-items: center;
    padding-left: 0vw;
}

.sekiz-group-baslik{
    font-size: 7.74vw;
    text-align: center;
    letter-spacing: -0.3vw;
}

.sekiz-group-img{
    position: static;
}

.sekiz-group-altyazi{
    font-size: 3.48vw;
    text-align: center;
    margin-top: 3vw;
}

.seven-altyazi-madde{
    font-size: 4.52vw;
}

.seven-altyazi-madde-yazi{
    padding-bottom: 3vw;
}


/* SEKIZ GROUP */

  
  .sekiz-group-img {
    width: 100vw; /* Görüntüleme alanının genişliği */
    height: auto; /* Görüntüleme alanının yüksekliği */
    overflow-x: auto; /* Yatay kaydırmayı etkinleştir */
    overflow-y: hidden; /* Dikey kaydırmayı devre dışı bırak */
    display: flex; /* İçeriği yatay hizalamak için flexbox */
    align-items: flex-start; /* Görseli dikey ortala */
    justify-content: flex-start;
    margin-left: 0vw;
    margin-top: 10vw;
    scrollbar-width: none;
  }
  
  .sekiz-group-img::-webkit-scrollbar{
    display: none;
  }
  
  
  .sekiz-group-img img {
    min-width: 200%; /* Görsel genişliğini ekranın 2 katı yap */
    height: auto; /* Görselin oranını koru */
    display: block; /* Varsayılan inline boşluğu kaldır */
    pointer-events: none; /* Tıklamaları devre dışı bırak */
    user-select: none; /* Görsel seçimlerini devre dışı bırak */
  }


/* NINE GROUP */

  .nine-group{
    font-size: 7.26vw;
    padding-right: 10vw;
    padding-top: 30vw;
  }

  .nine-group img {
    height: 11.8vw;
}

.dokuzspan {
    padding-left: 77vw;
}

/* TEN GROUP */

.ten-group,.ten-group-2{
    display: none;
}


/* ELEVEN MOBIL */
.eleven-mobil{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 10vw;
    padding-bottom: 10vw;
}

.eleven-mobil-1, .eleven-mobil-2, .eleven-mobil-3{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding-bottom: 10vw;
}

.eleven-mobil-1 img, .eleven-mobil-2 img, .eleven-mobil-3 img{
width: 65%;
height: auto;
}

.ten-baslik{
    font-size: 5.88vw;
    letter-spacing: -0.13vw;

}

.ten-yazi{
    width: 100%;
    justify-content: center;
    padding-top: 8vw;
    padding-left: 18vw;
}

.ten-altyazi{
    font-size: 3.52vw;
    padding-bottom: 8vw;
}

.eleven-mobil-button{
    display: flex;
}

.eleven-mobil-button .one-group-one-button-design{
    width: 64.5vw;
    height: 15vw;
    font-size: 5.77vw;
}


/* FOOTER */
.eleven-group{
    height: auto;
    flex-direction: column;
}

.footer-1,.footer-2{
    width: 100%;
    height: auto;
    align-items: flex-start;
    justify-content: center;
    padding-left: 10vw;

}

.footer-baslik{
    height: auto;
    padding-top: 5vw;
}

.footer-baslik-renk {
    font-size: 6.77vw;
    padding-top: 3.1vw;
  }
.footer-1 img {
    width: 37.6vw;
}

.footer-altyazi{
    font-size: 5vw;
    letter-spacing: -0.08vw;
}

.copyright{
    display: none;
}

.copyright-mobil{
    display: flex;
    flex-direction: column;
    padding-left: 10vw;
    padding-bottom: 10vw;
}

.footer-2{
    align-items: flex-start;
    justify-content: flex-start;
    padding-right: 0vw;
    padding-top: 20vw;
}

.footer-2 img {
    width: 5vw;
    margin-right: 10vw;
}

.youtube {
    width: 7.5vw !important;
}


.tiktok{
    width: 4.3vw !important;
}

.copyright-yazi{
    font-size: 3.48vw;
    letter-spacing: -0.08vw;
    padding-left: 0vw;
    padding-bottom: 1vw;
}

.copyright{
    padding-top: 10vw;
}

.copyright{
    font-size: 3.53vw;
}


/* IPHONE DUZELTMELERI */

.istatistik-2{
    margin-left: 0vw !important;
    height: auto !important;
     padding-bottom: 1vw;
    }
    .istatistik-3{
    margin-left: 0vw !important;
    height: auto !important;
     padding-bottom: 1vw;
    }
    .istatistik-4{
    margin-left: 0vw !important;
    height: auto !important;
    padding-bottom: 1vw;
    }
    
    .istatistik-6{
    margin-left: 0vw !important;
    height: auto !important;
    padding-bottom: 1vw;
    }

    .one-group{
        width: 100% !important;
    }

    .laptop {
        width: 90% !important;
        margin-left: 0vw !important;
    }

    .one-group-yazi{
        height: auto !important;
    }
    .one-group-one{
        height: auto !important;
    }

    .two-group-baslik,
    .three-group-baslik,
    .four-group-baslik,
    .four2-group-baslik,
    .five-group-baslik,
    .seven-group-baslik,
    .sekiz-group-baslik,
    .nine-group animate,
    .ten-baslik
    {
        height: auto !important;
        padding-bottom: 1vw;
    }

    /* ARAYER */
    .arayer-group{
        width: 100vw;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .arayer-group-yazi{
        position: static;
        padding-bottom: 0vw;
        padding-left: 0vw;
    }
    
    .arayer-group-img{
        width: auto;
        padding-left: 120vw;
        height: auto;
        padding-top: 65vw;
        padding-bottom: 15vw;
        display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 20vw;
    order: 2;
    }

    .arayer-group-img img
    {
        width: auto;
        height: 130vw;
    }

    .arayer-group-yazi{
        padding-top: 10vw;
        padding-bottom: 10vw;
        text-align: center;
        align-items: center;
        
    }

    .arayer-group-baslik{
        font-size: 7.74vw;
        letter-spacing: -0.3vw;
        opacity: 0.7;
        background: linear-gradient(358deg, #7EA500 -130.94%, #CF0 249.63%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .arayer-group-altyazi{
        font-size: 3.48vw;
        text-align: center;
        margin-top: 3vw;
        padding-left: 10vw;
        padding-right: 10vw;
       
    }
    
    

@supports (-webkit-touch-callout: none) {

   
   



}


}