/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.button {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.font-style-h1 {
  font-size: 44px;
  letter-spacing: -1px;
  color: #efefef !important;
}

.icon2 {
  height: 36px;
  transform: translateY(-4.5px);
  margin: 0;
}

.bgWrap {
  position: relative;
}

.bgimg01 {
  content: '';
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
}

.bgWrap2 {
  position: relative;
  background-color: #f2f2f2; /* 灰色底 */
  background-image: url(/images/willier2000/willier-bg01.jpg);
  background-image: url(https://event.ttbike185.com/wilier2000/2026/images/willier2000/willier-bg01.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* 視差關鍵 */
}
.bgWrap2::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(245, 245, 245, 0.75); /* 灰色濾鏡 */
  z-index: 0;
}

.bgWrap3 {
  position: relative;
  background-color: #f2f2f2; /* 灰色底 */
  background-image: url(/images/willier2000/willier-bg04.jpg);
  background-image: url(https://event.ttbike185.com/wilier2000/2026//images/willier2000/willier-bg04.jpg);
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  /* background-attachment: fixed; 視差關鍵 */
}
.bgWrap3::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(245, 245, 245, 0.75); /* 灰色濾鏡 */
  z-index: 0;
}

/* .bgWrap2 > * {
  position: relative;
  z-index: 1;
} */

.section1 {
  position: relative;
  background: var(--theme1) url('images/willier2000/hero-bike01.png') right 70% /
    cover;
  background: var(--theme1)
    url('https://event.ttbike185.com/wilier2000/2026/images/willier2000/hero-bike01.png')
    right 70% / cover;

  background: radial-gradient(
    circle,
    rgba(241, 97, 8, 1) 50%,
    rgba(100, 40, 10, 1) 80%,
    rgba(0, 0, 0, 1) 100%
  );
  position: relative;
  background: linear-gradient(
    to bottom,
    #24368a 0%,
    #193e82 35%,
    #174580 65%,
    #1d4396 100%
  );
  overflow: hidden;
  height: 950px;
}

.section1::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse at 50% 30%,
    rgba(255, 255, 255, 0.35) 0%,
    rgba(255, 255, 255, 0.15) 30%,
    rgba(255, 255, 255, 0) 60%
  );
  pointer-events: none;
}

.menu-item a {
  transition: all 0.1s ease-in-out;
}

.details-block {
  list-style-position: inside;
}

.details-block li {
  padding: 4px 0px;
}

.card-body p {
  margin-bottom: 10px;
  font-size: 20px;
}

.iconlist li {
  justify-content: center;
}

.portfolio-desc h3 {
  text-transform: none;
}

.link {
  transition: all 0.2s ease-in-out;
}

.portfolio-desc {
  bottom: 0;
  padding: 0 20px 15px;
}

.page-title {
  /* background-image: url('/images/willier2000/willier-bg04.jpg'); */
  background-image: linear-gradient(
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.3)
    ),
    url('https://event.ttbike185.com/wilier2000/2026/images/willier2000/willier-bg04.jpg');
  background-size: cover;
  background-position: bottom bottom;
  padding: 120px 0 !important;
}

@media (max-width: 767px) {
  .icon2 {
    height: 24px;
    transform: translateY(-4.5px);
    margin: 0;
  }
}

@media (max-width: 575px) {
  .section1 {
    height: 100%;
  }
  .sm-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .portfolio-desc {
    flex-direction: column;
    padding: 0 20px 10px;
  }

  .add-on-items {
    width: 100%;
  }
}