
.index-left {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 0.2;
    float: left;
    width: 50%;
    /* height: 1000px; */
  }
  .index-right {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 0.2;
    float: left;
    width: 50%;
    /* height: 1000px; */
  }
  
  .ind-slide-cont {
    width: 90%;
    min-height: 330px;
    padding-top: 0.5rem;
    margin-left: auto;
    margin-right: auto;
  }
  .ind-marka-cont {
    width: 100%;
    min-height: 14.8rem;
    padding: 0.3rem 0rem;
    /* background-color: cadetblue; */
  }
  .ind-marka {
    position: relative;
    float: left;
    width: 48%;
    height: 14.6rem;
    margin-left: 1%;
    margin-right: 1%;
    /* background-color: chartreuse; */
    text-align: center;
    padding: 0.5rem 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid rgb(200, 200, 250);
    border-radius: 5px; 
  }
  .ind-marka img {
    width: 10rem;
    max-width: 200px;
    border-radius: 5px;
  }
  .ind-marka li {
    font-size: 0.9rem;
    text-align: left;
  }
  .ind-marka p {
    font-size: 0.9rem;
    vertical-align: middle;
  }
  #odv a, #psi a, #whyPtx a, #ptxaid a, #ptx a, #tally a, #mpx a, #comp a, #oki a, #psi-mobil a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 0.5rem 0.4rem;
  }
  #odv:hover, #psi:hover, #whyPtx:hover, #ptxaid:hover, #ptx:hover, 
  #tally:hover, #mpx:hover, #comp:hover, #oki:hover, #psi-mobil:hover {
    border-color: rgb(233, 66, 50);
  }

  #psi {
    position: relative;
    width: 98%;
    height: 8rem;
    padding: 1rem 1rem;
    margin-top: 0.4rem;
    margin-left: auto;
    margin-right: auto;
    /* background-color: chartreuse; */
    border: 1px solid rgb(200, 200, 250);
    border-radius: 5px;
    overflow: hidden;
  }
  #psi img {
    width: 5rem;
    margin: 1rem 2rem;
    vertical-align: middle;
  }

  #psi-mobil {
    display: none;
    position: relative;
    width: 98%;
    height: 8rem;
    padding: 1rem 1rem;
    margin-top: 0.4rem;
    margin-left: auto;
    margin-right: auto;
    /* background-color: chartreuse; */
    border: 1px solid rgb(200, 200, 250);
    border-radius: 5px;
    overflow: hidden;
  }
  #psi-mobil img {
    width: 5rem;
    margin: 1rem 2rem;
    vertical-align: middle;
  }
  