.hover-effect-rabi3d-tokyo-title1 {
  transform: translate(750px, -70px) scale(1.05) !important;
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
 font-family: Iran-sansX !important;

  
  
}
.rabi3d-tokyo-title1-desc {
 font-family: Iran-sansX !important;
}

.hover-effect-rabi3d-tokyo-title2 {
  transform: translate(50px, -180px) scale(1.05) !important;
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
 font-family: Iran-sansX !important;

  
}
.rabi3d-tokyo-title2-desc {
  font-family: Iran-sansX !important;}

.hover-effect-rabi3d-tokyo-title3 {
  transform: translate(440px, 50px) scale(1.05) !important;
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
 font-family: Iran-sansX !important;

}
.rabi3d-tokyo-title3-desc{
 font-family: Iran-sansX !important;
}




.rabi3d-tokyo-side1 {
  position: absolute;
  margin: auto;
  width: 420px;
  height: 480px;
  background-color: #dddddd;
  -webkit-clip-path: polygon(89.86% 0%, 100% 14.53%, 32.4% 23.98%, 54.8% 55.66%, 48.93% 71.07%, 6.13% 11.62%);
          clip-path: polygon(89.86% 0%, 100% 14.53%, 32.4% 23.98%, 54.8% 55.66%, 48.93% 71.07%, 6.13% 11.62%);
}
.rabi3d-tokyo-side1::before {
  content: "";
  position: absolute;
  right: 100;
  bottom: 0;
  width: 20px;
  height: 100%;
  background: linear-gradient(-45deg, #f89b29 0%, #ff0f7b 100%);
  z-index: -1;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.rabi3d-tokyo-side1:hover::before {
  width: 100%;
}

.rabi3d-tokyo-side2 {
  position: absolute;
  margin: auto;
  width: 420px;
  height: 480px;
  background-color: #1f2335;
  -webkit-clip-path: polygon(100% 14.53%, 67.86% 97.96%, 52.66% 100%, 78.93% 31.97%, 41.46% 36.77%, 32.4% 23.98%);
          clip-path: polygon(100% 14.53%, 67.86% 97.96%, 52.66% 100%, 78.93% 31.97%, 41.46% 36.77%, 32.4% 23.98%);
}
.rabi3d-tokyo-side2::before {
  content: "";
  position: absolute;
  right: 100;
  bottom: 0;
  width: 20px;
  height: 100%;
  background: linear-gradient(-45deg, #f89b29 0%, #ff0f7b 100%);
  z-index: -1;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.rabi3d-tokyo-side2:hover::before {
  width: 100%;
}

.rabi3d-tokyo-side3 {
  position: absolute;
  margin: auto;
  width: 420px;
  height: 480px;
  background-color: #BC002D;
  -webkit-clip-path: polygon(6.13% 11.62%, 48.93% 71.07%, 63.06% 34.01%, 78.93% 31.97%, 52.66% 100%, 0% 27.47%);
          clip-path: polygon(6.13% 11.62%, 48.93% 71.07%, 63.06% 34.01%, 78.93% 31.97%, 52.66% 100%, 0% 27.47%);
}
.rabi3d-tokyo-side3::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 100%;
  background: linear-gradient(-45deg, #f89b29 0%, #ff0f7b 100%);
  z-index: -1;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.rabi3d-tokyo-side3:hover::before {
  width: 100%;
}

@media (min-width: 320px) and (max-width: 1024px) {
  .rabi3d-tokyo-side1,
  .rabi3d-tokyo-side2,
  .rabi3d-tokyo-side3 {
    width: 240px !important;
    height: 360px !important;
  }
  .rabi3d-tokyo-title2-container,.hover-effect-rabi3d-tokyo-title2 {
    transform: translate(60px, 100px) !important;
}
/* .rabi3d-tokyo-title1-container {
  transform: translate(100px, 90px) !important;
}
.rabi3d-tokyo-title3-container {
  transform: translate(100px, 90px) !important;
} */
}
.rabi3d-tokyo-title1-container {
  font-family: "rabi3d-font-regular" !important;
  transform: translate(750px, -70px);
  width: 200px;
  padding: 10px 30px;
  border-radius: 8px;
}
.rabi3d-tokyo-title1-container h3,
.rabi3d-tokyo-title1-container p {
  text-align: right;
}
.rabi3d-tokyo-title1-container h3 {
  font-size: 18px;
  font-weight: 300 !important;
}
.rabi3d-tokyo-title1-container p {
  font-weight: 300 !important;
    color: #fff;

}

.rabi3d-tokyo-title2-container {
  font-family: "rabi3d-font-regular" !important;
  transform: translate(50px, -180px);  width: 200px;
  padding: 10px 30px;
  border-radius: 8px;
}
.rabi3d-tokyo-title2-container h3,
.rabi3d-tokyo-title2-container p {
  text-align: right;
}
.rabi3d-tokyo-title2-container h3 {
  font-size: 18px;
  font-weight: 300 !important;
}
.rabi3d-tokyo-title2-container p {
  font-weight: 300 !important;
  color: #fff;

}

.rabi3d-tokyo-title3-container {
  font-family: "rabi3d-font-regular" !important;
  transform: translate(440px, 50px);
  width: 200px;
  padding: 10px 30px;
  border-radius: 8px;
}
.rabi3d-tokyo-title3-container h3,
.rabi3d-tokyo-title3-container p {
  text-align: right;
  color: #fff;
}
.rabi3d-tokyo-title3-container h3 {
  font-size: 18px;
  font-weight: 300 !important;
  
}
.rabi3d-tokyo-title3-container p {
  font-weight: 300 !important;
  color: #fff;
}

.rabi3d-tokyo-side-hover-effect::before {
  width: 100%;
}




.rabi3d-tokyo-algin-items{
display: flex;
  justify-content: center;
  align-items: center; 
  
    
}



@media (min-width: 320px) and (max-width: 1024px) {


 .rabi3d{
  padding-top: 200px !important;
  padding-bottom: 120px !important;
 }
    }