@keyframes wc-dash-flow {
  to {
    stroke-dashoffset: -24;
  }
}

@keyframes ai-pulse-ring {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  70% {
    transform: scale(1.5);
    opacity: 0;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes ai-card-pop {
  0% {
    opacity: 0;
    transform: translateY(18px) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes ai-float-badge {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes ai-sparkle {
  0%, 100% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes ai-cursor-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

@keyframes vb-float-building {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-7px);
  }
}

@keyframes vb-card-slide {
  0% {
    opacity: 0;
    transform: translateX(18px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes vb-check-pop {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(0.4);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}

@keyframes vb-pulse-ring {
  0% {
    transform: scale(1);
    opacity: 0.55;
  }
  70% {
    transform: scale(1.6);
    opacity: 0;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

@keyframes sh-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-7px);
  }
}

@keyframes sh-icon-pop {
  0% {
    opacity: 0;
    transform: translateX(-16px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes sh-check-pop {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes sh-lock-bounce {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-4px) scale(1.05);
  }
}

@keyframes sh-pulse-ring {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  70% {
    transform: scale(1.6);
    opacity: 0;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

@keyframes sh-x-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}

@keyframes sh-glow {
  0%, 100% {
    filter: drop-shadow(0 4px 16px rgba(26, 140, 91, 0.1));
  }
  50% {
    filter: drop-shadow(0 8px 28px rgba(26, 140, 91, 0.22));
  }
}

@keyframes sh-badge-pop {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes why-fade-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 95, app/assets/stylesheets/customer/why_choose.scss */
.ai-illus-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem 1rem 2rem;
  gap: 0;
  font-family: var(--font-family);
  width: 100%;
}

/* line 99, app/assets/stylesheets/customer/why_choose.scss */
.ai-search-bar {
  background: #fff;
  border: 1.5px solid #d0d0d0;
  border-radius: 48px;
  padding: 8px 10px 8px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 320px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  position: relative;
  z-index: 2;
}

/* line 105, app/assets/stylesheets/customer/why_choose.scss */
.ai-search-text {
  font-size: 14px;
  color: #222;
  font-weight: 400;
  flex: 1;
  line-height: 1.4;
}

/* line 106, app/assets/stylesheets/customer/why_choose.scss */
.ai-cursor {
  display: inline-block;
  width: 1.5px;
  height: 13px;
  background: #1a8c5b;
  vertical-align: middle;
  animation: ai-cursor-blink 1s ease-in-out infinite;
  margin-left: 1px;
}

/* line 110, app/assets/stylesheets/customer/why_choose.scss */
.ai-search-btn {
  width: 32px;
  height: 32px;
  background: #08AF86;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 114, app/assets/stylesheets/customer/why_choose.scss */
.ai-search-btn i {
  font-size: 15px;
  color: #fff;
}

/* line 115, app/assets/stylesheets/customer/why_choose.scss */
.ai-connector-area {
  position: relative;
  width: 340px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

/* line 119, app/assets/stylesheets/customer/why_choose.scss */
.ai-connector-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 120, app/assets/stylesheets/customer/why_choose.scss */
.ai-flow-line {
  stroke: #08AF86;
  stroke-width: 1.5;
  stroke-dasharray: 5 4;
  fill: none;
  animation: wc-dash-flow 1.2s linear infinite;
}

/* line 124, app/assets/stylesheets/customer/why_choose.scss */
.ai-badge {
  width: 54px;
  height: 54px;
  background: #e8f7f1;
  border: 2px solid #08AF86;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  color: #102348;
  position: relative;
  z-index: 3;
  animation: ai-float-badge 2.5s ease-in-out infinite;
  flex-shrink: 0;
}

/* line 130, app/assets/stylesheets/customer/why_choose.scss */
.ai-ring {
  position: absolute;
  width: 54px;
  height: 54px;
  border: 2px solid #08AF86;
  border-radius: 50%;
  animation: ai-pulse-ring 2s ease-out infinite;
}

/* line 134, app/assets/stylesheets/customer/why_choose.scss */
.ai-sparkle {
  position: absolute;
  width: 10px;
  height: 10px;
  animation: ai-sparkle 2s ease-in-out infinite;
}

/* line 135, app/assets/stylesheets/customer/why_choose.scss */
.ai-sparkle svg {
  width: 100%;
  height: 100%;
}

/* line 136, app/assets/stylesheets/customer/why_choose.scss */
.ai-sp1 {
  top: -28px;
  left: -36px;
  animation-delay: 0s;
}

/* line 137, app/assets/stylesheets/customer/why_choose.scss */
.ai-sp2 {
  top: -24px;
  right: -32px;
  animation-delay: 0.7s;
}

/* line 138, app/assets/stylesheets/customer/why_choose.scss */
.ai-sp3 {
  bottom: -10px;
  left: -40px;
  animation-delay: 1.3s;
}

/* line 139, app/assets/stylesheets/customer/why_choose.scss */
.ai-cards-row {
  display: flex;
  gap: 14px;
  justify-content: center;
}

/* line 140, app/assets/stylesheets/customer/why_choose.scss */
.ai-prop-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  width: 110px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
  opacity: 0;
  animation: ai-card-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* line 145, app/assets/stylesheets/customer/why_choose.scss */
.ai-prop-card:nth-child(1) {
  animation-delay: 0.7s;
}

/* line 146, app/assets/stylesheets/customer/why_choose.scss */
.ai-prop-card:nth-child(2) {
  animation-delay: 1.0s;
}

/* line 147, app/assets/stylesheets/customer/why_choose.scss */
.ai-prop-card:nth-child(3) {
  animation-delay: 1.3s;
}

/* line 148, app/assets/stylesheets/customer/why_choose.scss */
.ai-card-img {
  width: 100%;
  height: 78px;
  position: relative;
  overflow: hidden;
  background: #e8ede9;
}

/* line 149, app/assets/stylesheets/customer/why_choose.scss */
.ai-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 150, app/assets/stylesheets/customer/why_choose.scss */
.ai-heart {
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 13px;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  z-index: 1;
}

/* line 154, app/assets/stylesheets/customer/why_choose.scss */
.ai-card-body {
  padding: 8px 10px 10px;
}

/* line 155, app/assets/stylesheets/customer/why_choose.scss */
.ai-card-price {
  font-size: 13px;
  font-weight: 500;
  color: #08AF86;
}

/* line 156, app/assets/stylesheets/customer/why_choose.scss */
.ai-skeleton {
  height: 6px;
  border-radius: 3px;
  background: #e8e8e8;
  margin-bottom: 5px;
}

/* line 157, app/assets/stylesheets/customer/why_choose.scss */
.ai-sk1 {
  width: 75%;
}

/* line 158, app/assets/stylesheets/customer/why_choose.scss */
.ai-sk2 {
  width: 50%;
}

/* line 163, app/assets/stylesheets/customer/why_choose.scss */
.vb-illus-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.5rem;
  font-family: var(--font-family);
  width: 100%;
}

/* line 167, app/assets/stylesheets/customer/why_choose.scss */
.vb-left {
  position: relative;
  flex-shrink: 0;
  animation: vb-float-building 3.5s ease-in-out infinite;
}

/* line 171, app/assets/stylesheets/customer/why_choose.scss */
.vb-check-badge {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  width: 48px;
  height: 48px;
  background: #08AF86;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #fff;
  box-shadow: 0 4px 16px rgba(26, 140, 91, 0.5);
  opacity: 0;
  animation: vb-check-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s forwards;
  z-index: 5;
}

/* line 178, app/assets/stylesheets/customer/why_choose.scss */
.vb-check-badge i {
  font-size: 20px;
  color: #fff;
}

/* line 179, app/assets/stylesheets/customer/why_choose.scss */
.vb-pulse-ring {
  position: absolute;
  width: 48px;
  height: 48px;
  border: 2px solid #08AF86;
  border-radius: 50%;
  animation: vb-pulse-ring 2.2s ease-out infinite 0.9s;
}

/* line 183, app/assets/stylesheets/customer/why_choose.scss */
.vb-flow-line {
  stroke: #08AF86;
  stroke-width: 1.5;
  stroke-dasharray: 5 4;
  fill: none;
  animation: wc-dash-flow 1.2s linear infinite;
}

/* line 187, app/assets/stylesheets/customer/why_choose.scss */
.vb-dot {
  fill: #08AF86;
}

/* line 188, app/assets/stylesheets/customer/why_choose.scss */
.vb-cards-col {
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex-shrink: 0;
}

/* line 189, app/assets/stylesheets/customer/why_choose.scss */
.vb-feat-card {
  background: #fff;
  border: 1.5px solid #c4e0d4;
  border-radius: 18px;
  padding: 13px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 200px;
  box-shadow: 0 3px 14px rgba(26, 140, 91, 0.12);
  opacity: 0;
  position: relative;
  overflow: hidden;
}

/* line 195, app/assets/stylesheets/customer/why_choose.scss */
.vb-feat-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #08AF86;
  border-radius: 3px 0 0 3px;
}

/* line 199, app/assets/stylesheets/customer/why_choose.scss */
.vb-feat-card:nth-child(1) {
  animation: vb-card-slide 0.4s cubic-bezier(0.34, 1.2, 0.64, 1) 0.6s forwards;
}

/* line 200, app/assets/stylesheets/customer/why_choose.scss */
.vb-feat-card:nth-child(2) {
  animation: vb-card-slide 0.4s cubic-bezier(0.34, 1.2, 0.64, 1) 0.85s forwards;
}

/* line 201, app/assets/stylesheets/customer/why_choose.scss */
.vb-feat-card:nth-child(3) {
  animation: vb-card-slide 0.4s cubic-bezier(0.34, 1.2, 0.64, 1) 1.1s forwards;
}

/* line 202, app/assets/stylesheets/customer/why_choose.scss */
.vb-feat-icon {
  width: 36px;
  height: 36px;
  background: #08AF86;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 206, app/assets/stylesheets/customer/why_choose.scss */
.vb-feat-icon i {
  font-size: 16px;
  color: #fff;
}

/* line 207, app/assets/stylesheets/customer/why_choose.scss */
.vb-feat-label {
  font-size: 13px;
  font-weight: 500;
  color: #111;
  line-height: 1.35;
}

/* line 212, app/assets/stylesheets/customer/why_choose.scss */
.sh-illus-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.5rem 2rem 2.5rem;
  font-family: var(--font-family);
  width: 100%;
}

/* line 216, app/assets/stylesheets/customer/why_choose.scss */
.sh-inner {
  display: flex;
  align-items: center;
  gap: 0;
}

/* line 217, app/assets/stylesheets/customer/why_choose.scss */
.sh-left-icons {
  display: flex;
  flex-direction: column;
  gap: 20px;
  z-index: 2;
}

/* line 218, app/assets/stylesheets/customer/why_choose.scss */
.sh-icon-row {
  opacity: 0;
  animation: sh-icon-pop 0.5s ease forwards;
}

/* line 219, app/assets/stylesheets/customer/why_choose.scss */
.sh-icon-row:nth-child(1) {
  animation-delay: 0.2s;
}

/* line 220, app/assets/stylesheets/customer/why_choose.scss */
.sh-icon-row:nth-child(2) {
  animation-delay: 0.4s;
}

/* line 221, app/assets/stylesheets/customer/why_choose.scss */
.sh-icon-row:nth-child(3) {
  animation-delay: 0.6s;
}

/* line 222, app/assets/stylesheets/customer/why_choose.scss */
.sh-icon-circle {
  width: 52px;
  height: 52px;
  background: #fff;
  border: 1.5px solid #e0e0e0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/* line 227, app/assets/stylesheets/customer/why_choose.scss */
.sh-icon-circle i {
  font-size: 22px;
  color: #08AF86;
}

/* line 228, app/assets/stylesheets/customer/why_choose.scss */
.sh-x-badge {
  position: absolute;
  bottom: -3px;
  right: -3px;
  width: 18px;
  height: 18px;
  background: #e53935;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  animation: sh-x-pulse 2s ease-in-out infinite;
  z-index: 2;
}

/* line 234, app/assets/stylesheets/customer/why_choose.scss */
.sh-x-badge i {
  font-size: 9px;
  color: #fff;
}

/* line 235, app/assets/stylesheets/customer/why_choose.scss */
.sh-count-badge {
  position: absolute;
  top: -6px;
  left: -6px;
  background: #e53935;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  padding: 3px 6px;
  border-radius: 20px;
  white-space: nowrap;
  z-index: 3;
  opacity: 0;
}

/* line 240, app/assets/stylesheets/customer/why_choose.scss */
.sh-icon-row:nth-child(1) .sh-count-badge {
  animation: sh-badge-pop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s forwards;
}

/* line 241, app/assets/stylesheets/customer/why_choose.scss */
.sh-icon-row:nth-child(2) .sh-count-badge {
  animation: sh-badge-pop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s forwards;
}

/* line 242, app/assets/stylesheets/customer/why_choose.scss */
.sh-icon-row:nth-child(3) .sh-count-badge {
  animation: sh-badge-pop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) 0.9s forwards;
}

/* line 243, app/assets/stylesheets/customer/why_choose.scss */
.sh-flow-line {
  stroke: #08AF86;
  stroke-width: 1.5;
  stroke-dasharray: 5 4;
  fill: none;
  animation: wc-dash-flow 1.2s linear infinite;
}

/* line 247, app/assets/stylesheets/customer/why_choose.scss */
.sh-dot {
  fill: #08AF86;
}

/* line 248, app/assets/stylesheets/customer/why_choose.scss */
.sh-shield-wrap {
  position: relative;
  z-index: 3;
  flex-shrink: 0;
  animation: sh-float 3s ease-in-out infinite, sh-glow 3s ease-in-out infinite;
}

/* line 252, app/assets/stylesheets/customer/why_choose.scss */
.sh-shield-svg {
  width: 136px;
  height: 158px;
  display: block;
}

/* line 253, app/assets/stylesheets/customer/why_choose.scss */
.sh-shield-person {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -58%);
}

/* line 254, app/assets/stylesheets/customer/why_choose.scss */
.sh-shield-person i {
  font-size: 52px;
  color: #08AF86;
}

/* line 255, app/assets/stylesheets/customer/why_choose.scss */
.sh-lock-badge {
  position: absolute;
  bottom: 10px;
  right: -12px;
  width: 38px;
  height: 38px;
  background: #08AF86;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  animation: sh-lock-bounce 2.5s ease-in-out infinite;
  z-index: 4;
}

/* line 262, app/assets/stylesheets/customer/why_choose.scss */
.sh-lock-badge i {
  font-size: 17px;
  color: #fff;
}

/* line 263, app/assets/stylesheets/customer/why_choose.scss */
.sh-check-circle {
  width: 44px;
  height: 44px;
  background: #08AF86;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  opacity: 0;
  animation: sh-check-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 1.2s forwards;
}

/* line 269, app/assets/stylesheets/customer/why_choose.scss */
.sh-check-circle i {
  font-size: 20px;
  color: #fff;
}

/* line 270, app/assets/stylesheets/customer/why_choose.scss */
.sh-check-ring {
  position: absolute;
  width: 44px;
  height: 44px;
  border: 2px solid #08AF86;
  border-radius: 50%;
  animation: sh-pulse-ring 2s ease-out infinite 1.5s;
}

/* line 278, app/assets/stylesheets/customer/why_choose.scss */
.why-choose {
  background-color: #fff;
}

/* line 282, app/assets/stylesheets/customer/why_choose.scss */
.why-choose-inner {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-top: 48px;
  padding-left: 32px;
}

/* line 290, app/assets/stylesheets/customer/why_choose.scss */
.why-left-col {
  flex: 0 0 42%;
  position: sticky;
  top: 90px;
}

/* line 296, app/assets/stylesheets/customer/why_choose.scss */
.why-tab {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 22px;
  border-radius: 16px;
  cursor: pointer;
  transition: border-color 0.25s ease;
  border: 1.5px solid transparent;
  margin-bottom: 12px;
  background: #F6FCFB80;
}

/* line 308, app/assets/stylesheets/customer/why_choose.scss */
.why-tab:last-child {
  margin-bottom: 0;
}

/* line 310, app/assets/stylesheets/customer/why_choose.scss */
.why-tab.active {
  border-color: #CBFFF2;
  box-shadow: 0 4px 24px rgba(26, 140, 91, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05);
}

/* line 315, app/assets/stylesheets/customer/why_choose.scss */
.why-tab-icon-wrap {
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: #e8f7f1;
  border-radius: 12.17px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10.43px;
  padding-right: 10.43px;
  box-sizing: border-box;
}

/* line 328, app/assets/stylesheets/customer/why_choose.scss */
.why-tab-icon-img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 334, app/assets/stylesheets/customer/why_choose.scss */
.why-tab-title {
  font-size: 17px;
  font-weight: 600;
  color: #102348;
  margin: 0 0 4px 0;
  line-height: 1.3;
}

/* line 341, app/assets/stylesheets/customer/why_choose.scss */
.why-tab-desc {
  font-size: 14px;
  color: #666;
  line-height: 1.55;
  margin: 0;
}

/* line 348, app/assets/stylesheets/customer/why_choose.scss */
.why-right-col {
  flex: 1;
  position: relative;
}

/* line 353, app/assets/stylesheets/customer/why_choose.scss */
.why-illus-box {
  height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  overflow: hidden;
}

/* line 362, app/assets/stylesheets/customer/why_choose.scss */
.why-illus-panel {
  display: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

/* line 369, app/assets/stylesheets/customer/why_choose.scss */
.why-illus-panel.active {
  display: flex;
  animation: why-fade-in 0.38s ease forwards;
}

/* line 377, app/assets/stylesheets/customer/why_choose.scss */
.why-mobile-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}

/* line 383, app/assets/stylesheets/customer/why_choose.scss */
.why-mobile-card {
  border: 1.5px solid #CBFFF2;
  border-radius: 20px;
  overflow: hidden;
  background: #FFFFFF;
}

/* line 389, app/assets/stylesheets/customer/why_choose.scss */
.why-mobile-card-header {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 20px 20px 16px;
}

/* line 395, app/assets/stylesheets/customer/why_choose.scss */
.why-mobile-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: #e8f7f1;
  border-radius: 12.17px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10.43px;
  padding-right: 10.43px;
  box-sizing: border-box;
  margin-top: 2px;
}

/* line 409, app/assets/stylesheets/customer/why_choose.scss */
.why-mobile-title {
  font-size: 15px;
  font-weight: 600;
  color: #102348;
  margin: 0 0 6px 0;
  line-height: 1.3;
}

/* line 416, app/assets/stylesheets/customer/why_choose.scss */
.why-mobile-desc {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
  margin: 0;
}

/* line 422, app/assets/stylesheets/customer/why_choose.scss */
.why-mobile-illus {
  padding: 8px 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

@media (max-width: 767.98px) {
  /* line 437, app/assets/stylesheets/customer/why_choose.scss */
  .why-mobile-illus * {
    animation: none !important;
    transition: none !important;
  }
  /* line 442, app/assets/stylesheets/customer/why_choose.scss */
  .why-mobile-illus .ai-prop-card,
.why-mobile-illus .vb-feat-card,
.why-mobile-illus .vb-check-badge,
.why-mobile-illus .sh-icon-row,
.why-mobile-illus .sh-check-circle,
.why-mobile-illus .sh-count-badge {
    opacity: 1 !important;
  }
  /* line 451, app/assets/stylesheets/customer/why_choose.scss */
  .why-mobile-illus {
    overflow: visible;
  }
  /* line 454, app/assets/stylesheets/customer/why_choose.scss */
  .why-mobile-illus .ai-illus-wrap {
    transform: scale(0.78);
    transform-origin: top center;
    padding-bottom: 0;
  }
  /* line 459, app/assets/stylesheets/customer/why_choose.scss */
  .why-mobile-illus .vb-illus-wrap {
    padding: 0.25rem 0;
    gap: 6px;
    justify-content: center;
  }
  /* line 464, app/assets/stylesheets/customer/why_choose.scss */
  .why-mobile-illus .vb-left > svg {
    width: 120px !important;
    height: auto !important;
  }
  /* line 468, app/assets/stylesheets/customer/why_choose.scss */
  .why-mobile-illus .vb-illus-wrap > svg {
    width: 46px !important;
    height: auto !important;
  }
  /* line 472, app/assets/stylesheets/customer/why_choose.scss */
  .why-mobile-illus .vb-check-badge {
    width: 32px;
    height: 32px;
    border-width: 2px;
    bottom: 10px;
  }
  /* line 478, app/assets/stylesheets/customer/why_choose.scss */
  .why-mobile-illus .vb-check-badge i {
    font-size: 14px;
  }
  /* line 481, app/assets/stylesheets/customer/why_choose.scss */
  .why-mobile-illus .vb-pulse-ring {
    width: 32px;
    height: 32px;
  }
  /* line 485, app/assets/stylesheets/customer/why_choose.scss */
  .why-mobile-illus .vb-cards-col {
    gap: 8px;
  }
  /* line 488, app/assets/stylesheets/customer/why_choose.scss */
  .why-mobile-illus .vb-feat-card {
    width: 130px;
    padding: 7px 8px;
    gap: 6px;
    border-radius: 12px;
  }
  /* line 494, app/assets/stylesheets/customer/why_choose.scss */
  .why-mobile-illus .vb-feat-icon {
    width: 24px;
    height: 24px;
  }
  /* line 498, app/assets/stylesheets/customer/why_choose.scss */
  .why-mobile-illus .vb-feat-icon i {
    font-size: 11px;
  }
  /* line 501, app/assets/stylesheets/customer/why_choose.scss */
  .why-mobile-illus .vb-feat-label {
    font-size: 10px;
  }
  /* line 504, app/assets/stylesheets/customer/why_choose.scss */
  .why-mobile-illus .sh-illus-wrap {
    transform: scale(0.72);
    transform-origin: top center;
    padding: 1.5rem 1rem;
  }
}

@media (max-width: 991.98px) and (min-width: 768px) {
  /* line 513, app/assets/stylesheets/customer/why_choose.scss */
  .why-choose-inner {
    gap: 16px;
    padding-left: 16px;
  }
  /* line 514, app/assets/stylesheets/customer/why_choose.scss */
  .why-illus-box {
    height: 360px;
  }
  /* line 515, app/assets/stylesheets/customer/why_choose.scss */
  .why-left-col {
    flex: 0 0 46%;
  }
  /* line 516, app/assets/stylesheets/customer/why_choose.scss */
  .why-tab {
    padding: 16px 18px;
  }
  /* line 517, app/assets/stylesheets/customer/why_choose.scss */
  .why-tab-title {
    font-size: 15px;
  }
  /* line 518, app/assets/stylesheets/customer/why_choose.scss */
  .why-illus-panel .vb-illus-wrap {
    transform: scale(0.85);
    transform-origin: center;
  }
}