* {
    font-size: 12px;
    color: black!important;
}

body{
    background-color: white;
}


.page{
    gap: 3vh;
}


header,video,
details,
button {
    display: none;
}

.two-clm-grid{
    display: grid;
    grid-template-columns: 20% 75%;
    gap: none;
}

.reasons{
    width: 50%;
    height: 30vh;
}

.reason-bubbles{
    background-color: white;
    box-shadow: none;
    border: 1px solid black;
    width: 10%;
    height: 80%;
}

.reason-bubbles p, .reason-bubbles h3{
    font-size: 0.8rem;

}

.fillInLeft::before {
    width: 0 !important;         
    background-color: transparent !important;
    transition: none !important; 
    content: none !important;   
  }

  .fillInLeft:hover {
    color: transparent !important;
    transition: none !important;
  }

  .fillInLeft:hover::before {
    width: 0 !important;
    height: 0 !important;
    background-color: transparent !important;
  }

  .fillInLeft:hover p {
    cursor: auto !important;
  }
  .fillInLeft:hover h1 {
    color: var(--brandColor);
  }

  .reason-bubbles:hover{
    width: 10%;
    height: 80%;
  }

  #img-container {
    display: none;
  }

  .table-responsive{
    padding: none !important;

  }

 table th, table tr{
    background-color: white !important;
 }

 table th:hover, table tr:hover{
    background-color: white !important;
 }

 .left-two-clm-grid{
    display: grid;
    grid-template-columns: 100% 0%;
 }
 #img3{
    display: none;
 }

 footer{
    display:none;
 }

 #erettsegi-linkek{
    display: none;
 }

 #page-contact{
    flex-direction: column;
 }

 form{
    width: 100%;
 }

 .space-evenly p {
    width: 95vw;
 }

 #page-price div{
    height: 40vh !important;
    width: 90vw;
 }
 .space-evenly{
    justify-content: flex-start;
 }

 #any-questions{
    display: none;
 }