.main{

    width: 100%;

    height: 30vh;

    background: url('../images/3414647331010-793-sayfa-header.jpg');

    background-size: cover;

    

    display: flex;

    align-items:end;

    justify-content: center;

    filter: brightness(45%);

}



.main .text a,

.main .text span{

    font-size: 3rem;

    color: #fff;

    filter: inherit;

}



.header::before{

    background-color: transparent;

}



.hakkimizdaContainer{

    width: 75%;

    margin-left: 12.5%;

    display: flex;

    margin-top: 5rem;

    align-items: center;

  }

  

  .hakkimizdaGorsel img{

    height: 40rem;

    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.3);

  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.3);

  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.3);

  }

  

  .hakkimizdaText{

    padding: 0rem 5rem;

  }

  

  .hakkimizdaText h2{

    font-size: 4rem;

    color: var(--text-black);

  }

  .hakkimizdaText h2 span{

    color: var(--second-color);

  }

  

  .hakkimizdaText ul p{

    margin-top: 3rem;

    font-size: 1.6rem;

    color: var(--text-black);

    text-transform: none;

  }

  

  .hakkimizdaText ul li{

    margin-top: 3rem;

    font-size: 1.6rem;

    list-style:none;

    color: var(--text-black);

    text-transform: none;

    

  }



.vision{

    width: 100%;

    padding: 2rem 10rem 3rem 10rem;

    margin-top: 5rem;

    display: flex;

    align-items: center;

    gap: 5rem;

    background-color: #ddd;

}



.vision .visionBox{

    padding: 2rem;

    display: flex;

    flex-direction: column;

    gap: 2rem;

    

}



.vision .visionBox h2{

    font-size: 3rem;

    text-align: center;

    color: var(--text-black);

}



.vision .visionBox p{

    font-size: 1.6rem;

    color: var(--text-black);

    text-transform: none;

}





@media (max-width:1366px){

    .hakkimizdaContainer{

        width: 100%;

        margin-left: 0;

        display: flex;

        margin-top: 5rem;

        align-items: center;

      }

      

      .hakkimizdaGorsel img{

        height: 30rem;

      }

      

      .hakkimizdaText ul p{

        margin-top: 2rem;

        font-size: 1.7rem;

      }

      

      .hakkimizdaText ul li{

        margin-top: 2rem;

        font-size: 1.7rem;

      }

}





@media (max-width:800px){

    .hakkimizdaContainer{

        width: 100%;

        margin-left: 0;

        display: flex;

        margin-top: 5rem;

        align-items: center;

        flex-direction: column;

        gap: 5rem;

      }

      

      .hakkimizdaGorsel img{

        height: 25rem;

        width: 30rem;

      }

      

      .hakkimizdaContainer .hakkimizdaText h1{

        text-align: center;

      }



      .vision{

        flex-direction: column;

        padding: 2rem;

    }

    

    .vision .visionBox{

        padding: 2rem;

        display: flex;

        flex-direction: column;

        gap: 2rem;

        

    }

    

    .vision .visionBox h2{

        font-size: 3rem;

        text-align: center;

    }

    

    .vision .visionBox p{

        font-size: 1.6rem;

        color: #333;

    }





}