/*
| Alan                   | Hex                |
| ---------------------- | ------------------ |
| **Primary**            | **#2563EB** (mavi) |
| **Secondary**          | **#3B82F6**        |
| **Arka Plan Beyaz**    | **#FFFFFF**        |
| **Açık Gri Arka Plan** | **#F1F5F9**        |
| **Card Sınır**         | **#E2E8F0**        |
| **Başlık Renk**        | **#0F172A**        |
| **Metin**              | **#334155**        |
| **Koyu Mavi**          | **#2C3E50**        |
*/
*{
    padding: 0;
    margin: 0;
    font-family: "Exo", sans-serif;
    box-sizing: border-box;
}
body {
    background-color: #fff;
    color: #334155;
}
h1, h2, h3, h4, h5, h6 {
    color: #0F172A !important;
}
p {
    color: #334155 !important;
}
.container-fluid {
    display: flex;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
}
.left-side {

    border-right: 1px solid #E2E8F0;
    padding: 4rem;
    height: 100vh;
    color: #FFFFFF;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.left-side img {
    border-radius: 10px;
    padding: 2rem;
    background-color: #ffffff;
}
.right-side {
    background-color: #2563EB;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.img a{
    width: 25%;
    border-radius: 10px;
    position:absolute;
    top: 37%;
    left: 6%;

}
.img-hover{
    width: 30%;

    transition: all 0.3s ease-in-out;

}
.img-hover:hover{
    transform: matrix3d(1.05, 0, 0, 0, 0, 1.05, 0, 0, 0, 0, 1.05, 0, 0, 0, 0, 1);
    transition: all 0.3s ease-in-out;
}