* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.translate-x-0 {
  transform: translateX(0%);
}

.no-spin::-webkit-outer-spin-button,
.no-spin::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.no-spin {
    -moz-appearance: textfield;
}


.translate-x-100 {
  transform: translateX(-100%);
}

.translate-x-200 {
  transform: translateX(-200%);
}
#home {
  display: flex;
  align-items: center;
}
  

#call {
  display: flex;
  align-items: center;
}
#map {
  display: flex;
  align-items: center;
}
.img__container {
  /* position: relative; */
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.img__container .two img {
  height: 360px;
  width: 200px;
  align-self: flex-start;
  border-radius: 1px;
  transform: rotate(-13deg);
}
.img__container .one img{
  height: 400px;
  width: 200px;
  align-self: flex-start;
  transform: rotate(-13deg);
 
}

.img__containe {
  /* position: relative; */
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.img__containe #two{
  height: 400px;
  width: 200px;
  align-self: flex-start;
  transform: rotate(-20deg);
}
.img__containe #one{
  height: 400px;
  align-self: flex-start;
  width: 200px;
  transform: rotate(3deg);
}
    /* CSS code */
    /* Webkit (Safari/Chrome) */
    ::-webkit-scrollbar {
        width: 12px;
    }

    ::-webkit-scrollbar-track {
        background: #8184aa;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #302f61;
    }
  
  

  .tab-button.active {
    background-color: #fff;
    border-color: #4299e1;
    color: #4299e1;
  }

.table { width: 100%; border-collapse: collapse; }
        .thead { background-color: #f2f2f2; }
        .th, .td { border: 1px solid #ddd; padding: 8px; }
        .th { text-align: left; }