.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.width-30{
  width: 30px !important;
}

.width-40{
  width: 40px !important;
}

.width-45{
  width: 45px !important;
}

.width-48{
  width: 48px !important;
}

.width-50{
  width: 50px !important;
}

.width-54{
  width: 54px !important;
}

.width-55{
  width: 55px !important;
}

.width-60{
  width: 60px !important;
}

.width-64{
  width: 64px !important;
}

.width-70{
  width: 70px !important;
}

.width-75{
  width: 75px !important;
  /* O */
}

.width-80{
  width: 80px !important;
}

.width-85{
  width: 85px !important;
}

.width-90{
  width: 90px !important;
}

.width-95{
  width: 95px !important;
}

.width-100{
  width: 100px !important;
}

.width-120{
  width: 120px !important;
}

.width-130{
  width: 130px !important;
}

.width-140{
  width: 140px !important;
}

.width-150{
  width: 150px !important;
}

.width-180{
  width: 180px !important;
}

@media (max-width: 575px) {
  .width-40-sm {
    width: 40px !important;

  }
  .width-50-sm {
    width: 50px !important;

  }
  .width-60-sm {
    width: 60px !important;

  }

  .width-70-sm {
    width: 70px !important;

  }

  .width-75-sm {
    width: 75px !important;
    /* O */
  }

  .width-80-sm {
    width: 80px !important;

  }

  .width-85-sm {
    width: 85px !important;

  }

  .width-100-sm {
    width: 100px !important;

  }

  .width-120-sm {
    width: 120px !important;

  }

  .width-140-sm {
    width: 140px !important;

  }

  .width-150-sm {
    width: 150px !important;

  }
}

.text-gray {
  color: #dddddd !important;
}
.text-white-80 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.8) !important;
}

.text-shadow-blue{
  text-shadow: 1px 1px 3px blue;
}

.text-shadow-black{
  text-shadow: 2px 2px 4px black;
}
.text-shadow-black_1{
  text-shadow: 1px 1px 2px black!important;
}
.text-shadow-black_2{
  text-shadow: 2px 2px 2px black!important;
}
.text-shadow-red{
  text-shadow: 2px 2px 4px red;
}
.text-shadow-red_1{
  text-shadow: 1px 1px 2px red!important;
}
.text-shadow-red_2{
  text-shadow: 2px 2px 2px red!important;
}
.text-shadow-white_1{
  text-shadow: 1px 1px 2px white!important;
}
.text-shadow-white_2{
  text-shadow: 2px 2px 2px white!important;
}