.elementor-3340 .elementor-element.elementor-element-d5983bf{--display:flex;}/* Start custom CSS for html, class: .elementor-element-670e824 *//* =========================================================
   AVICO ABOUT US - COMPANY PROFILE
========================================================= */
.avico-about-pro {
  --avico-about-dark: #06111b;
  --avico-about-navy: #0a2130;
  --avico-about-blue: #005f86;
  --avico-about-orange: #ff7417;
  --avico-about-orange-dark: #e85f08;
  --avico-about-text: #172033;
  --avico-about-muted: #607083;
  --avico-about-border: #dfe7ef;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow: hidden !important;
  background: #ffffff !important;
  color: var(--avico-about-text) !important;
}

.avico-about-pro,
.avico-about-pro * {
  box-sizing: border-box !important;
}

.avico-about-pro img {
  display: block !important;
  max-width: 100% !important;
}

.avico-about-pro__container {
  width: min(1240px, calc(100% - 48px)) !important;
  margin: 0 auto !important;
}

.avico-about-pro__section {
  padding: 88px 0 !important;
}

.avico-about-pro p.avico-about-pro__eyebrow {
  margin: 0 0 14px !important;
  color: var(--avico-about-orange) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  letter-spacing: 1.6px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

.avico-about-pro h1,
.avico-about-pro h2,
.avico-about-pro h3,
.avico-about-pro p {
  letter-spacing: 0 !important;
}

.avico-about-pro h1,
.avico-about-pro h2,
.avico-about-pro h3 {
  margin-top: 0 !important;
}

.avico-about-pro h1 {
  max-width: 760px !important;
  margin-bottom: 22px !important;
  color: #ffffff !important;
  font-size: clamp(42px, 5.1vw, 58px) !important;
  font-weight: 750 !important;
  line-height: 1.02 !important;
}

.avico-about-pro h2 {
  margin-bottom: 18px !important;
  color: #101820 !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  font-weight: 750 !important;
  line-height: 1.08 !important;
}

.avico-about-pro h3 {
  color: #101820 !important;
  font-weight: 750 !important;
}

.avico-about-pro p {
  color: var(--avico-about-muted) !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
}

.avico-about-pro__lead {
  color: #344258 !important;
  font-size: 19px !important;
  font-weight: 750 !important;
}

.avico-about-pro__hero {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(255, 116, 23, 0.24), transparent 30%),
    linear-gradient(118deg, #020a12 0%, #061725 58%, #0b3042 100%) !important;
}

.avico-about-pro__hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  opacity: 0.18 !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.09) 1px, transparent 1px) !important;
  background-size: 64px 64px !important;
}

.avico-about-pro__hero-glow {
  position: absolute !important;
  right: -180px !important;
  bottom: -260px !important;
  width: 620px !important;
  height: 620px !important;
  border-radius: 50% !important;
  background: rgba(255, 116, 23, 0.16) !important;
  filter: blur(80px) !important;
}

.avico-about-pro__hero-grid {
  min-height: 720px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 410px !important;
  gap: 70px !important;
  align-items: center !important;
  padding: 68px 0 !important;
}

.avico-about-pro__hero-content {
  position: relative !important;
  z-index: 2 !important;
}

.avico-about-pro__hero-description {
  max-width: 720px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 19px !important;
  line-height: 1.7 !important;
}

.avico-about-pro__actions,
.avico-about-pro__cta-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.avico-about-pro__actions {
  width: min(100%, 610px) !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-top: 30px !important;
}

.avico-about-pro__actions .avico-about-pro__button {
  width: 100% !important;
}

.avico-about-pro__button {
  min-height: 52px !important;
  display: inline-flex !important;
  justify-content: center !important;
  padding: 22px 22px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important;
}

.avico-about-pro__button:hover {
  transform: translateY(-2px) !important;
}

.avico-about-pro__button--primary {
  background: var(--avico-about-orange) !important;
  border-color: var(--avico-about-orange) !important;
  color: #ffffff !important;
}

.avico-about-pro__button--primary:hover {
  background: var(--avico-about-orange-dark) !important;
  border-color: var(--avico-about-orange-dark) !important;
  color: #ffffff !important;
}

.avico-about-pro__button--ghost {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.26) !important;
  color: #ffffff !important;
}

.avico-about-pro__button--ghost:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
}

.avico-about-pro__button--light {
  background: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  color: #082031 !important;
}

.avico-about-pro__button--light:hover {
  background: #eef5f8 !important;
  color: #082031 !important;
}

.avico-about-pro__hero-points {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
  margin-top: 38px !important;
}

.avico-about-pro__hero-points span {
  position: relative !important;
  padding-left: 18px !important;
  color: rgba(255, 255, 255, 0.84) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}

.avico-about-pro__hero-points span::before {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 0 !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: var(--avico-about-orange) !important;
}

  .avico-about-pro__hero-visual {
    position: relative !important;
    z-index: 1 !important;
    width: 410px !important;
    min-height: 510px !important;
    display: flex !important;
    align-self: center !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    isolation: isolate !important;
    perspective: 1200px !important;
    transform-style: preserve-3d !important;
}

.avico-about-pro__hero-visual::before {
  content: "" !important;
  position: absolute !important;
  right: -10% !important;
  bottom: -20px !important;
  left: -10% !important;
  z-index: 0 !important;
  height: 330px !important;
  background:
    radial-gradient(
      ellipse at 50% 100%,
      rgba(255, 243, 205, 0.72) 0%,
      rgba(255, 190, 92, 0.48) 18%,
      rgba(255, 116, 23, 0.22) 46%,
      rgba(255, 116, 23, 0.06) 68%,
      transparent 84%
    ) !important;
  filter: blur(22px) !important;
  opacity: 0.8 !important;
  pointer-events: none !important;
  will-change: opacity, transform !important;
  animation: avico-about-upward-aura 4.2s ease-in-out infinite !important;
}

.avico-about-pro__hero-visual::after {
  content: "" !important;
  position: absolute !important;
  right: -18% !important;
  bottom: -74px !important;
  left: -18% !important;
  z-index: 0 !important;
  height: 132px !important;
  border-radius: 50% !important;
  background:
    radial-gradient(
      ellipse at center,
      rgba(255, 251, 224, 1) 0%,
      rgba(255, 211, 128, 0.96) 16%,
      rgba(255, 148, 54, 0.72) 38%,
      rgba(255, 116, 23, 0.3) 64%,
      transparent 86%
    ) !important;
  filter: blur(18px) !important;
  opacity: 0.9 !important;
  pointer-events: none !important;
  will-change: opacity, transform !important;
  animation: avico-about-ground-glow 3.8s ease-in-out infinite !important;
}

.avico-about-pro__hero-energy-ring {
  position: absolute !important;
  bottom: -58px !important;
  left: 50% !important;
  z-index: 1 !important;
  width: 500px !important;
  height: 166px !important;
  border: 1px solid rgba(255, 192, 96, 0.4) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(
      ellipse at center,
      rgba(255, 255, 232, 0.98) 0%,
      rgba(255, 220, 145, 0.8) 13%,
      rgba(255, 158, 61, 0.46) 34%,
      rgba(255, 116, 23, 0.18) 58%,
      transparent 78%
    ) !important;
  box-shadow:
    0 0 24px rgba(255, 196, 103, 0.86),
    0 0 72px rgba(255, 116, 23, 0.58),
    inset 0 0 30px rgba(255, 225, 168, 0.74) !important;
  opacity: 0.88 !important;
  pointer-events: none !important;
  transform: translateX(-50%) scaleY(0.62) !important;
  transform-origin: center center !important;
  will-change: opacity, transform, box-shadow !important;
  animation: avico-about-energy-ring 5.2s ease-in-out infinite !important;
}

.avico-about-pro__hero-energy-ring::before,
.avico-about-pro__hero-energy-ring::after {
  content: "" !important;
  position: absolute !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

.avico-about-pro__hero-energy-ring::before {
  top: 50% !important;
  left: 50% !important;
  width: 430px !important;
  height: 430px !important;
  background:
    repeating-conic-gradient(
      from -4deg,
      rgba(255, 247, 211, 0.82) 0deg 0.8deg,
      transparent 0.8deg 11deg,
      rgba(255, 175, 72, 0.48) 11deg 12deg,
      transparent 12deg 24deg
    ) !important;
  filter: blur(1.2px) !important;
  opacity: 0.66 !important;
  transform: translate(-50%, -50%) scaleY(0.58) !important;
  -webkit-mask-image: radial-gradient(circle, #000 0%, rgba(0, 0, 0, 0.84) 38%, transparent 72%) !important;
  mask-image: radial-gradient(circle, #000 0%, rgba(0, 0, 0, 0.84) 38%, transparent 72%) !important;
}

.avico-about-pro__hero-energy-ring::after {
  top: 50% !important;
  left: 50% !important;
  width: 182px !important;
  height: 182px !important;
  background:
    radial-gradient(
      circle,
      rgba(255, 255, 242, 1) 0%,
      rgba(255, 226, 148, 0.96) 16%,
      rgba(255, 165, 68, 0.7) 38%,
      rgba(255, 116, 23, 0.2) 64%,
      transparent 78%
    ) !important;
  box-shadow: 0 0 34px rgba(255, 190, 92, 0.92) !important;
  filter: blur(4px) !important;
  transform: translate(-50%, -50%) scaleY(0.68) !important;
}

.avico-about-pro__hero-energy-particles {
  position: absolute !important;
  right: -12% !important;
  bottom: -22px !important;
  left: -12% !important;
  z-index: 1 !important;
  height: 430px !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.avico-about-pro__hero-energy-particles span {
  --avico-particle-x: 50%;
  --avico-particle-drift: 0px;
  --avico-particle-size: 4px;
  --avico-particle-delay: 0s;
  --avico-particle-duration: 5s;
  position: absolute !important;
  bottom: 10px !important;
  left: var(--avico-particle-x) !important;
  width: var(--avico-particle-size) !important;
  height: var(--avico-particle-size) !important;
  border-radius: 50% !important;
  background: #fff5cf !important;
  box-shadow:
    0 0 5px rgba(255, 242, 184, 1),
    0 0 12px rgba(255, 174, 61, 0.96),
    0 0 22px rgba(255, 116, 23, 0.72) !important;
  opacity: 0 !important;
  will-change: opacity, transform !important;
  animation: avico-about-particle-rise var(--avico-particle-duration) ease-out var(--avico-particle-delay) infinite !important;
}

.avico-about-pro__hero-energy-particles span:nth-child(1) {
  --avico-particle-x: 9%;
  --avico-particle-drift: 28px;
  --avico-particle-size: 3px;
  --avico-particle-delay: -1.2s;
  --avico-particle-duration: 5.4s;
}

.avico-about-pro__hero-energy-particles span:nth-child(2) {
  --avico-particle-x: 17%;
  --avico-particle-drift: -18px;
  --avico-particle-size: 5px;
  --avico-particle-delay: -3.7s;
  --avico-particle-duration: 6.8s;
}

.avico-about-pro__hero-energy-particles span:nth-child(3) {
  --avico-particle-x: 24%;
  --avico-particle-drift: 20px;
  --avico-particle-size: 2px;
  --avico-particle-delay: -4.4s;
  --avico-particle-duration: 5.8s;
}

.avico-about-pro__hero-energy-particles span:nth-child(4) {
  --avico-particle-x: 31%;
  --avico-particle-drift: -24px;
  --avico-particle-size: 4px;
  --avico-particle-delay: -2.1s;
  --avico-particle-duration: 7.2s;
}

.avico-about-pro__hero-energy-particles span:nth-child(5) {
  --avico-particle-x: 38%;
  --avico-particle-drift: 15px;
  --avico-particle-size: 6px;
  --avico-particle-delay: -5.6s;
  --avico-particle-duration: 7.6s;
}

.avico-about-pro__hero-energy-particles span:nth-child(6) {
  --avico-particle-x: 45%;
  --avico-particle-drift: -12px;
  --avico-particle-size: 3px;
  --avico-particle-delay: -0.8s;
  --avico-particle-duration: 5.2s;
}

.avico-about-pro__hero-energy-particles span:nth-child(7) {
  --avico-particle-x: 52%;
  --avico-particle-drift: 18px;
  --avico-particle-size: 5px;
  --avico-particle-delay: -3.2s;
  --avico-particle-duration: 6.4s;
}

.avico-about-pro__hero-energy-particles span:nth-child(8) {
  --avico-particle-x: 59%;
  --avico-particle-drift: -28px;
  --avico-particle-size: 2px;
  --avico-particle-delay: -4.9s;
  --avico-particle-duration: 5.9s;
}

.avico-about-pro__hero-energy-particles span:nth-child(9) {
  --avico-particle-x: 66%;
  --avico-particle-drift: 22px;
  --avico-particle-size: 4px;
  --avico-particle-delay: -1.7s;
  --avico-particle-duration: 7s;
}

.avico-about-pro__hero-energy-particles span:nth-child(10) {
  --avico-particle-x: 73%;
  --avico-particle-drift: -20px;
  --avico-particle-size: 5px;
  --avico-particle-delay: -5.1s;
  --avico-particle-duration: 7.8s;
}

.avico-about-pro__hero-energy-particles span:nth-child(11) {
  --avico-particle-x: 81%;
  --avico-particle-drift: 16px;
  --avico-particle-size: 3px;
  --avico-particle-delay: -2.8s;
  --avico-particle-duration: 5.6s;
}

.avico-about-pro__hero-energy-particles span:nth-child(12) {
  --avico-particle-x: 89%;
  --avico-particle-drift: -26px;
  --avico-particle-size: 4px;
  --avico-particle-delay: -4s;
  --avico-particle-duration: 6.6s;
}

.avico-about-pro__hero-energy-particles span:nth-child(13) {
  --avico-particle-x: 14%;
  --avico-particle-drift: -10px;
  --avico-particle-size: 2px;
  --avico-particle-delay: -6.2s;
  --avico-particle-duration: 8.2s;
}

.avico-about-pro__hero-energy-particles span:nth-child(14) {
  --avico-particle-x: 28%;
  --avico-particle-drift: 30px;
  --avico-particle-size: 3px;
  --avico-particle-delay: -5.4s;
  --avico-particle-duration: 8.8s;
}

.avico-about-pro__hero-energy-particles span:nth-child(15) {
  --avico-particle-x: 42%;
  --avico-particle-drift: -22px;
  --avico-particle-size: 4px;
  --avico-particle-delay: -6.8s;
  --avico-particle-duration: 9.2s;
}

.avico-about-pro__hero-energy-particles span:nth-child(16) {
  --avico-particle-x: 57%;
  --avico-particle-drift: 26px;
  --avico-particle-size: 2px;
  --avico-particle-delay: -7.1s;
  --avico-particle-duration: 8.4s;
}

.avico-about-pro__hero-energy-particles span:nth-child(17) {
  --avico-particle-x: 71%;
  --avico-particle-drift: -15px;
  --avico-particle-size: 3px;
  --avico-particle-delay: -6s;
  --avico-particle-duration: 9s;
}

.avico-about-pro__hero-energy-particles span:nth-child(18) {
  --avico-particle-x: 86%;
  --avico-particle-drift: 20px;
  --avico-particle-size: 2px;
  --avico-particle-delay: -7.8s;
  --avico-particle-duration: 9.6s;
}

/* =====================================
   AVICO 3D COMPANY PROFILE
===================================== */

.avico-about-pro__hero-frame{

    position:relative !important;

    width:360px !important;
    height:510px !important;

    transform-style:preserve-3d !important;
    perspective:2000px !important;

    animation:avicoBookRotate 16s linear infinite !important;

    will-change:transform !important;
}

/* Mặt sách */

.avico-about-pro__book-face{

    position:absolute !important;

    inset:0 !important;

    width:100% !important;
    height:100% !important;

    overflow:hidden !important;

    border-radius:22px !important;

    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;

    box-shadow:
        0 30px 80px rgba(0,0,0,.40),
        0 0 50px rgba(255,116,23,.20) !important;
}

.avico-about-pro__book-face img{

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;
    display:block !important;
}

/* Mặt trước */

.avico-about-pro__book-front{

    transform:
        rotateY(0deg)
        translateZ(8px);
}

/* Mặt sau */

.avico-about-pro__book-back{

    transform:
        rotateY(180deg)
        translateZ(8px);
}

/* Gáy sách */

.avico-about-pro__hero-frame::before{

    content:"";

    position:absolute;

    top:0;
    left:-10px;

    width:20px;
    height:100%;

    background:
        linear-gradient(
            to left,
            #f7d59c,
            #d9a04f,
            #8f5d1d
        );

    transform:
        rotateY(-90deg)
        translateZ(10px);

    transform-origin:left center;

    border-radius:4px;
}

/* Ánh sáng mặt trước */

.avico-about-pro__hero-frame::after{

    content:"";

    position:absolute;

    inset:0;

    border-radius:22px;

    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,.35) 0%,
            rgba(255,255,255,.05) 25%,
            transparent 50%,
            rgba(255,255,255,.15) 100%
        );

    pointer-events:none;
}

/* Xoay 360 độ */

@keyframes avicoBookRotate{

    0%{

        transform:
            rotateX(8deg)
            rotateY(0deg);
    }

    25%{

        transform:
            rotateX(8deg)
            rotateY(90deg);
    }

    50%{

        transform:
            rotateX(8deg)
            rotateY(180deg);
    }

    75%{

        transform:
            rotateX(8deg)
            rotateY(270deg);
    }

    100%{

        transform:
            rotateX(8deg)
            rotateY(360deg);
    }
}

/* Hover phóng to */

.avico-about-pro__hero-frame:hover{

    animation-play-state:paused !important;

    transform:
        rotateX(8deg)
        rotateY(15deg)
        scale(1.05) !important;
}

.avico-about-pro__hero-frame::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  border-radius: inherit !important;
  background: linear-gradient(
    108deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.03) 24%,
    transparent 46%,
    rgba(255, 255, 255, 0.12) 100%
  ) !important;
  opacity: 0.72 !important;
  pointer-events: none !important;
}

.avico-about-pro__hero-frame::after {
  content: "" !important;
  position: absolute !important;
  top: 3% !important;
  bottom: 3% !important;
  left: 10px !important;
  z-index: 3 !important;
  width: 2px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.32) !important;
  box-shadow: 5px 0 16px rgba(255, 183, 128, 0.22) !important;
  opacity: 0.72 !important;
  pointer-events: none !important;
}

.avico-about-pro__hero-cover-face {
  width: 100% !important;
  height: 510px !important;
  object-fit: cover !important;
  object-position: center !important;
  transform-style: preserve-3d !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}

.avico-about-pro__hero-cover-face--front {
  position: relative !important;
  z-index: 1 !important;
}

  @keyframes avico-about-cover-float {
    0%,
    100% {
      box-shadow: 0 30px 70px rgba(0, 0, 0, 0.34);
      transform: translate3d(0, 0, 0) rotateX(1deg) rotateY(-7deg) rotateZ(1.2deg);
    }

    50% {
      box-shadow: 0 46px 82px rgba(0, 0, 0, 0.42);
      transform: translate3d(0, 0, 18px) rotateX(-1deg) rotateY(7deg) rotateZ(-0.8deg);
    }
  }

@keyframes avico-about-ground-glow {
  0%,
  100% {
    opacity: 0.68;
    transform: scale3d(0.9, 0.86, 1);
  }

  50% {
    opacity: 0.96;
    transform: scale3d(1.08, 1, 1);
  }
}

@keyframes avico-about-upward-aura {
  0%,
  100% {
    opacity: 0.58;
    transform: scale3d(0.88, 0.94, 1);
  }

  50% {
    opacity: 0.94;
    transform: scale3d(1.08, 1.04, 1);
  }
}

@keyframes avico-about-energy-ring {
  0%,
  100% {
    opacity: 0.72;
    box-shadow:
      0 0 22px rgba(255, 196, 103, 0.78),
      0 0 60px rgba(255, 116, 23, 0.48),
      inset 0 0 28px rgba(255, 225, 168, 0.64);
    transform: translateX(-50%) scale(0.96, 0.58);
  }

  50% {
    opacity: 0.96;
    box-shadow:
      0 0 34px rgba(255, 223, 156, 0.98),
      0 0 86px rgba(255, 116, 23, 0.7),
      inset 0 0 36px rgba(255, 237, 196, 0.82);
    transform: translateX(-50%) scale(1.04, 0.66);
  }
}

@keyframes avico-about-particle-rise {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0.45);
  }

  12% {
    opacity: 0.92;
  }

  72% {
    opacity: 0.72;
  }

  100% {
    opacity: 0;
    transform: translate3d(var(--avico-particle-drift), -390px, 0) scale(1.22);
  }
}

.avico-about-pro__stats {
  position: relative !important;
  overflow: hidden !important;
  padding: 24px 0 !important;
  background:
    radial-gradient(circle at 12% 50%, rgba(255, 116, 23, 0.2), transparent 34%),
    linear-gradient(110deg, #043a54 0%, #005f86 56%, #06364d 100%) !important;
}

.avico-about-pro__stats::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  opacity: 0.16 !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px) !important;
  background-size: 48px 48px !important;
  pointer-events: none !important;
}

.avico-about-pro__stats-grid {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.avico-about-pro__stat {
  min-height: 142px !important;
  display: grid !important;
  grid-template-columns: 50px minmax(0, 1fr) !important;
  gap: 16px !important;  padding: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.17) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.075) !important;
  box-shadow: 0 16px 28px rgba(1, 18, 29, 0.12) !important;
  transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important;
}

.avico-about-pro__stat:hover {
  border-color: rgba(255, 172, 112, 0.78) !important;
  background: rgba(255, 255, 255, 0.13) !important;
  transform: translateY(-4px) !important;
}

.avico-about-pro__stat-icon {
  width: 50px !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 172, 112, 0.42) !important;
  border-radius: 12px !important;
  background: rgba(255, 116, 23, 0.2) !important;
}

.avico-about-pro__stat-icon svg {
  width: 26px !important;
  height: 26px !important;
  fill: none !important;
  stroke: #ffc095 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 1.8 !important;
}

.avico-about-pro__stat-copy strong,
.avico-about-pro__stat-copy span {
  display: block !important;
}

.avico-about-pro__stat-copy strong {
  color: #ffffff !important;
  font-size: 27px !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
}

.avico-about-pro__stat-copy span {
  margin-top: 9px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.45 !important;
}

.avico-about-pro__intro {
  background: #ffffff !important;
}

.avico-about-pro__intro-grid,
.avico-about-pro__standards-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr) !important;
  gap: 68px !important;
  align-items: center !important;
}

.avico-about-pro__portrait-card {
  max-width: 490px !important;
  padding: 12px !important;
  border: 1px solid var(--avico-about-border) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 54px rgba(15, 23, 42, 0.12) !important;
}

.avico-about-pro__portrait-card img {
  width: 100% !important;
  border-radius: 12px !important;
}

.avico-about-pro__intro-content > p:not(.avico-about-pro__eyebrow) {
  margin: 0 0 16px !important;
}

.avico-about-pro__principles {
  display: grid !important;
  gap: 12px !important;
  margin-top: 28px !important;
}

.avico-about-pro__principles article {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
  padding: 16px 18px !important;
  border: 1px solid var(--avico-about-border) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}

.avico-about-pro__principles article > span {
  color: var(--avico-about-orange) !important;
  font-size: 24px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
}

.avico-about-pro__principles h3 {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
}

.avico-about-pro__principles p {
  margin: 5px 0 0 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.avico-about-pro__ecosystem {
  background: #f4f7fa !important;
}

.avico-about-pro__section-heading {
  max-width: 820px !important;
  margin-bottom: 38px !important;
}

.avico-about-pro__section-heading > p:not(.avico-about-pro__eyebrow) {
  max-width: 760px !important;
  margin: 0 !important;
}

.avico-about-pro__ecosystem-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.avico-about-pro__service-card {
  min-height: 284px !important;
  padding: 24px !important;
  border: 1px solid var(--avico-about-border) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.avico-about-pro__service-card:hover {
  border-color: rgba(255, 116, 23, 0.56) !important;
  box-shadow: 0 20px 34px rgba(15, 23, 42, 0.1) !important;
  transform: translateY(-6px) !important;
}

.avico-about-pro__service-icon {
  width: 54px !important;
  height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  background: rgba(255, 116, 23, 0.1) !important;
}

.avico-about-pro__service-icon svg {
  width: 29px !important;
  height: 29px !important;
  fill: none !important;
  stroke: var(--avico-about-orange) !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 1.8 !important;
}

.avico-about-pro__service-card h3 {
  margin: 22px 0 10px !important;
  font-size: 20px !important;
  line-height: 1.22 !important;
}

.avico-about-pro__service-card p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.avico-about-pro__capabilities {
  background: var(--avico-about-dark) !important;
}

.avico-about-pro__section-heading--light h2 {
  color: #ffffff !important;
}

.avico-about-pro__feature-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.avico-about-pro__feature {
  position: relative !important;
  min-height: 356px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  background: #0b1c27 !important;
}

.avico-about-pro__feature--large {
  grid-row: span 2 !important;
  min-height: 730px !important;
}

.avico-about-pro__feature::after,
.avico-about-pro__project-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 20%, rgba(0, 0, 0, 0.9) 100%) !important;
  pointer-events: none !important;
}

.avico-about-pro__feature img,
.avico-about-pro__project-card img {
  width: 100% !important;
  height: 100% !important;
  transition: transform 0.45s ease !important;
}

.avico-about-pro__feature:hover img,
.avico-about-pro__project-card:hover img {
  transform: scale(1.045) !important;
}

.avico-about-pro__feature-copy,
.avico-about-pro__project-card > div {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  padding: 24px !important;
}

.avico-about-pro__feature-copy span,
.avico-about-pro__project-card span {
  display: block !important;
  margin-bottom: 8px !important;
  color: var(--avico-about-orange) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  letter-spacing: 1px !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

.avico-about-pro__feature-copy h3,
.avico-about-pro__project-card h3 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 25px !important;
  line-height: 1.14 !important;
}

.avico-about-pro__feature-copy p {
  margin: 9px 0 0 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.avico-about-pro__standards {
  background: #ffffff !important;
}

.avico-about-pro__standards-grid {
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.76fr) !important;
}

.avico-about-pro__checklist {
  display: grid !important;
  gap: 14px !important;
  margin: 28px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.avico-about-pro__checklist li {
  position: relative !important;
  padding: 15px 16px 15px 48px !important;
  border: 1px solid var(--avico-about-border) !important;
  border-radius: 8px !important;
  color: #344258 !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 1.5 !important;
}

.avico-about-pro__checklist li::before {
  content: "" !important;
  position: absolute !important;
  top: 18px !important;
  left: 18px !important;
  width: 14px !important;
  height: 8px !important;
  border-bottom: 3px solid var(--avico-about-orange) !important;
  border-left: 3px solid var(--avico-about-orange) !important;
  transform: rotate(-45deg) !important;
}

.avico-about-pro__standards-visual {
  overflow: hidden !important;
  border: 1px solid var(--avico-about-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 54px rgba(15, 23, 42, 0.12) !important;
}

.avico-about-pro__standards-visual img {
  width: 100% !important;
}

.avico-about-pro__projects {
  background: #f4f7fa !important;
}

.avico-about-pro__project-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.avico-about-pro__project-card {
  position: relative !important;
  height: 410px !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: var(--avico-about-navy) !important;
}

.avico-about-pro__project-card--wide {
  grid-column: span 2 !important;
}

.avico-about-pro__cta {
  padding: 68px 0 !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(255, 116, 23, 0.28), transparent 36%),
    linear-gradient(105deg, #005f86 0%, #073347 100%) !important;
}

.avico-about-pro__cta-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 36px !important;
  align-items: center !important;
}

.avico-about-pro__cta h2 {
  max-width: 750px !important;
  margin-bottom: 14px !important;
  color: #ffffff !important;
}

.avico-about-pro__cta p:not(.avico-about-pro__eyebrow) {
  max-width: 760px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.74) !important;
}

.avico-about-pro__cta-actions {
  width: 326px !important;
  max-width: 326px !important;
}

.avico-about-pro__cta-actions .avico-about-pro__button {
  width: 100% !important;
  white-space: nowrap !important;
}

  @media (max-width: 1080px) {
  .avico-about-pro__hero-grid {
    grid-template-columns: minmax(0, 1fr) 330px !important;
    gap: 40px !important;
  }

    .avico-about-pro__hero-frame {
      width: 310px !important;
    }

    .avico-about-pro__hero-visual {
      width: 330px !important;
      min-height: 470px !important;
    }

  .avico-about-pro__hero-cover-face {
    height: 470px !important;
  }

  .avico-about-pro__intro-grid,
  .avico-about-pro__standards-grid {
    gap: 42px !important;
  }

  .avico-about-pro__ecosystem-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .avico-about-pro__stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .avico-about-pro__container {
    width: calc(100% - 28px) !important;
  }

  .avico-about-pro__section {
    padding: 58px 0 !important;
  }

  .avico-about-pro h1 {
    font-size: 42px !important;
  }

  .avico-about-pro h2 {
    font-size: 34px !important;
  }

  .avico-about-pro p,
  .avico-about-pro__hero-description {
    font-size: 16px !important;
  }

  .avico-about-pro__lead {
    font-size: 17px !important;
  }

  .avico-about-pro__hero-grid {
    min-height: auto !important;
    grid-template-columns: 1fr !important;
    gap: 34px !important;
    padding: 58px 0 72px !important;
  }

  .avico-about-pro__actions,
  .avico-about-pro__cta-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .avico-about-pro__button {
    width: 100% !important;
  }

  .avico-about-pro__hero-points {
    display: grid !important;
    gap: 10px !important;
    margin-top: 26px !important;
  }

    .avico-about-pro__hero-visual {
      width: 100% !important;
      min-height: 0 !important;
      justify-self: stretch !important;
    }

  .avico-about-pro__hero-visual::after {
    right: -4% !important;
    bottom: -52px !important;
    left: -4% !important;
    height: 92px !important;
    filter: blur(10px) !important;
  }

  .avico-about-pro__hero-visual::before {
    right: 4% !important;
    bottom: -6px !important;
    left: 4% !important;
    height: 240px !important;
    filter: blur(16px) !important;
  }

  .avico-about-pro__hero-energy-ring {
    bottom: -44px !important;
    width: min(120%, 420px) !important;
    height: 138px !important;
  }

  .avico-about-pro__hero-energy-particles {
    right: -4% !important;
    bottom: -8px !important;
    left: -4% !important;
    height: 340px !important;
  }

  .avico-about-pro__hero-energy-particles span {
    animation-duration: calc(var(--avico-particle-duration) + 1.8s) !important;
  }

  .avico-about-pro__hero-frame {
      width: min(100%, 360px) !important;
      margin: 0 auto !important;
      animation-name: avico-about-cover-float-mobile !important;
      animation-duration: 6.8s !important;
  }

  .avico-about-pro__hero-cover-face {
    height: auto !important;
  }

  .avico-about-pro__stats-grid,
  .avico-about-pro__intro-grid,
  .avico-about-pro__standards-grid,
  .avico-about-pro__feature-grid,
  .avico-about-pro__project-grid,
  .avico-about-pro__cta-grid {
    grid-template-columns: 1fr !important;
  }

  .avico-about-pro__stats-grid {
    gap: 10px !important;
    padding: 0 !important;
  }

  .avico-about-pro__stat,
  .avico-about-pro__stat:first-child {
    min-height: 0 !important;
    padding: 16px !important;
  }

  .avico-about-pro__portrait-card {
    max-width: 100% !important;
  }

  .avico-about-pro__ecosystem-grid {
    grid-template-columns: 1fr !important;
  }

  .avico-about-pro__service-card {
    min-height: 0 !important;
  }

  .avico-about-pro__feature,
  .avico-about-pro__feature--large {
    min-height: 420px !important;
    grid-row: auto !important;
  }

  .avico-about-pro__project-card,
  .avico-about-pro__project-card--wide {
    height: 390px !important;
    grid-column: auto !important;
  }

  .avico-about-pro__cta {
    padding: 54px 0 !important;
  }

  .avico-about-pro__cta-actions {
    width: 100% !important;
    max-width: 100% !important;
  }
}

  @keyframes avico-about-cover-float-mobile {
    0%,
    100% {
      box-shadow: 0 24px 54px rgba(0, 0, 0, 0.3);
      transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(-3deg) rotateZ(0.4deg);
    }

    50% {
      box-shadow: 0 34px 64px rgba(0, 0, 0, 0.36);
      transform: translate3d(0, 0, 8px) rotateX(0deg) rotateY(3deg) rotateZ(-0.2deg);
    }
  }

@media (max-width: 420px) {
  .avico-about-pro h1 {
    font-size: 36px !important;
  }

  .avico-about-pro h2 {
    font-size: 30px !important;
  }

  .avico-about-pro__feature,
  .avico-about-pro__feature--large,
  .avico-about-pro__project-card,
  .avico-about-pro__project-card--wide {
    min-height: 350px !important;
    height: 350px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .avico-about-pro__hero-frame {
    animation: none !important;
    transform: none !important;
  }

  .avico-about-pro__hero-visual::after {
    animation: none !important;
    opacity: 0.76 !important;
    transform: none !important;
  }

  .avico-about-pro__hero-visual::before {
    animation: none !important;
    opacity: 0.72 !important;
    transform: none !important;
  }

  .avico-about-pro__hero-energy-ring {
    animation: none !important;
    opacity: 0.84 !important;
    transform: translateX(-50%) scaleY(0.62) !important;
  }

  .avico-about-pro__hero-energy-particles {
    display: none !important;
  }
}

/* =========================================================
   AVICO PROFILE BOOK TRIGGER
========================================================= */
.avico-about-pro__hero-stage {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  min-height: 510px !important;
  display: grid !important;
  place-items: center !important;
  perspective: 1800px !important;
  transform-style: preserve-3d !important;
}

.avico-about-pro__hero-shadow {
  position: absolute !important;
  right: 8% !important;
  bottom: -28px !important;
  left: 8% !important;
  z-index: -1 !important;
  height: 124px !important;
  border-radius: 50% !important;
  background:
    radial-gradient(ellipse at center, rgba(0, 0, 0, 0.64) 0%, rgba(0, 0, 0, 0.34) 34%, transparent 72%) !important;
  filter: blur(18px) !important;
  opacity: 0.72 !important;
  transform: rotateX(68deg) translateY(18px) !important;
  pointer-events: none !important;
}

.avico-about-pro__hero-frame {
  --avico-book-depth: 34px;
  position: relative !important;
  width: 360px !important;
  aspect-ratio: 1191 / 1684 !important;
  height: auto !important;
  cursor: pointer !important;
  outline: none !important;
  transform-style: preserve-3d !important;
  transform-origin: 50% 55% !important;
  animation: avico-about-book-showcase 8.6s ease-in-out infinite !important;
  filter:
    drop-shadow(0 28px 30px rgba(0, 0, 0, 0.34))
    drop-shadow(0 0 32px rgba(255, 116, 23, 0.24)) !important;
  transition: filter 0.28s ease !important;
  will-change: transform !important;
}

.avico-about-pro__hero-frame:hover {
  animation-play-state: paused !important;
  filter:
    drop-shadow(0 36px 34px rgba(0, 0, 0, 0.42))
    drop-shadow(0 0 48px rgba(255, 136, 45, 0.36)) !important;
  transform: translate3d(0, -10px, 22px) rotateX(8deg) rotateY(-23deg) rotateZ(-1.2deg) scale(1.035) !important;
}

.avico-about-pro__hero-frame:focus-visible {
  outline: 3px solid rgba(255, 214, 148, 0.96) !important;
  outline-offset: 8px !important;
}

.avico-about-pro__hero-frame::before,
.avico-about-pro__hero-frame::after {
  content: none !important;
}

.avico-about-pro__book-3d {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 22px !important;
  transform-style: preserve-3d !important;
}

.avico-about-pro__book-3d::before,
.avico-about-pro__book-3d::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 10px !important;
  height: var(--avico-book-depth) !important;
  border-radius: 6px !important;
  background:
    repeating-linear-gradient(90deg, rgba(103, 71, 42, 0.18) 0 1px, transparent 1px 6px),
    linear-gradient(180deg, #fff8e8 0%, #e7cfaa 58%, #b88a52 100%) !important;
  transform-style: preserve-3d !important;
  pointer-events: none !important;
}

.avico-about-pro__book-3d::before {
  top: calc(var(--avico-book-depth) * -0.48) !important;
  transform: rotateX(90deg) translateZ(calc(var(--avico-book-depth) / 2)) !important;
  transform-origin: bottom center !important;
}

.avico-about-pro__book-3d::after {
  bottom: calc(var(--avico-book-depth) * -0.48) !important;
  transform: rotateX(-90deg) translateZ(calc(var(--avico-book-depth) / 2)) !important;
  transform-origin: top center !important;
}

.avico-about-pro__book-face {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 22px 16px 16px 22px !important;
  background: #f24a1d !important;
  box-shadow:
    inset 14px 0 26px rgba(95, 28, 8, 0.24),
    inset -2px 0 10px rgba(255, 255, 255, 0.18),
    0 22px 48px rgba(0, 0, 0, 0.34) !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  transform-style: preserve-3d !important;
}

.avico-about-pro__book-face::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  border-radius: inherit !important;
  background:
    linear-gradient(90deg, rgba(70, 24, 5, 0.34) 0%, rgba(255, 210, 151, 0.18) 5%, transparent 15%),
    linear-gradient(118deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.05) 28%, transparent 52%, rgba(255, 255, 255, 0.1) 86%, transparent 100%) !important;
  mix-blend-mode: screen !important;
  opacity: 0.72 !important;
  pointer-events: none !important;
}

.avico-about-pro__book-face img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transform: translateZ(0) !important;
}

.avico-about-pro__book-front {
  transform: translateZ(calc((var(--avico-book-depth) / 2) + 1px)) !important;
}

.avico-about-pro__book-back {
  transform: rotateY(180deg) translateZ(calc((var(--avico-book-depth) / 2) + 1px)) !important;
}

.avico-about-pro__book-spine,
.avico-about-pro__book-pages,
.avico-about-pro__book-gloss {
  position: absolute !important;
  pointer-events: none !important;
}

.avico-about-pro__book-spine {
  top: 1.2% !important;
  bottom: 1.2% !important;
  left: calc(var(--avico-book-depth) * -0.5) !important;
  width: var(--avico-book-depth) !important;
  border-radius: 10px 4px 4px 10px !important;
  background:
    linear-gradient(90deg, #4b1c07 0%, #8d330b 24%, #dc6625 62%, #ffba7a 100%) !important;
  box-shadow:
    inset -10px 0 18px rgba(37, 11, 2, 0.45),
    inset 7px 0 14px rgba(255, 206, 142, 0.3) !important;
  transform: rotateY(-90deg) translateZ(calc(var(--avico-book-depth) / 2)) !important;
  transform-origin: right center !important;
}

.avico-about-pro__book-pages {
  top: 2.8% !important;
  right: calc(var(--avico-book-depth) * -0.52) !important;
  bottom: 2.8% !important;
  width: var(--avico-book-depth) !important;
  border-radius: 4px 10px 10px 4px !important;
  background:
    repeating-linear-gradient(180deg, rgba(92, 63, 39, 0.24) 0 1px, transparent 1px 4px),
    linear-gradient(90deg, #fffaf0 0%, #ead7b8 48%, #bf9562 100%) !important;
  box-shadow:
    inset 8px 0 18px rgba(255, 255, 255, 0.56),
    inset -10px 0 16px rgba(80, 47, 23, 0.2) !important;
  transform: rotateY(90deg) translateZ(calc(var(--avico-book-depth) / 2)) !important;
  transform-origin: left center !important;
}

.avico-about-pro__book-gloss {
  inset: 0 0 0 0 !important;
  z-index: 3 !important;
  border-radius: 22px !important;
  background:
    linear-gradient(112deg, transparent 0%, rgba(255, 255, 255, 0.18) 20%, rgba(255, 255, 255, 0.06) 35%, transparent 50%),
    linear-gradient(90deg, rgba(67, 20, 3, 0.28), transparent 13%) !important;
  opacity: 0.88 !important;
  transform: translateZ(calc((var(--avico-book-depth) / 2) + 2px)) !important;
}

.avico-about-pro__hero-open-hint {
  position: absolute !important;
  right: 50% !important;
  bottom: -46px !important;
  z-index: 4 !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(255, 190, 112, 0.38) !important;
  border-radius: 999px !important;
  background: rgba(4, 20, 31, 0.76) !important;
  color: rgba(255, 237, 210, 0.92) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  letter-spacing: 0.2px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  transform: translateX(50%) !important;
  backdrop-filter: blur(10px) !important;
  pointer-events: none !important;
}

@keyframes avico-about-book-showcase {
  0%,
  100% {
    transform: translate3d(0, 0, 0) rotateX(8deg) rotateY(-18deg) rotateZ(-1.4deg);
  }

  42% {
    transform: translate3d(0, -12px, 20px) rotateX(5deg) rotateY(-31deg) rotateZ(-0.6deg);
  }

  72% {
    transform: translate3d(0, -4px, 10px) rotateX(9deg) rotateY(14deg) rotateZ(1deg);
  }
}

@media (max-width: 1080px) {
  .avico-about-pro__hero-stage {
    min-height: 440px !important;
  }

  .avico-about-pro__hero-frame {
    --avico-book-depth: 30px;
    width: 310px !important;
  }
}

@media (max-width: 767px) {
  .avico-about-pro__hero-stage {
    min-height: 430px !important;
  }

  .avico-about-pro__hero-frame {
    --avico-book-depth: 26px;
    width: min(78vw, 320px) !important;
    margin: 0 auto !important;
    animation-duration: 7s !important;
  }

  .avico-about-pro__hero-open-hint {
    bottom: -40px !important;
  }
}

@media (max-width: 420px) {
  .avico-about-pro__hero-stage {
    min-height: 380px !important;
  }

  .avico-about-pro__hero-frame {
    width: min(82vw, 276px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .avico-about-pro__hero-frame {
    animation: none !important;
    transform: translate3d(0, 0, 0) rotateX(8deg) rotateY(-18deg) rotateZ(-1.4deg) !important;
  }
}

/* =========================================================
   AVICO PROFILE FLIPBOOK
========================================================= */
body.avico-profile-flipbook-open {
  overflow: hidden !important;
}

.avico-profile-flipbook,
.avico-profile-flipbook * {
  box-sizing: border-box !important;
}

.avico-profile-flipbook {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999999 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.28s ease, visibility 0.28s ease !important;
}

.avico-profile-flipbook.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.avico-profile-flipbook__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 50% 44%, rgba(255, 116, 23, 0.2), transparent 38%),
    rgba(0, 8, 15, 0.92) !important;
  backdrop-filter: blur(12px) !important;
}

.avico-profile-flipbook__dialog {
  position: relative !important;
  z-index: 1 !important;
  width: min(1480px, 100vw) !important;
  height: 100dvh !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 12px !important;
  padding: 22px 28px 18px !important;
}

.avico-profile-flipbook__header,
.avico-profile-flipbook__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

.avico-profile-flipbook__header p,
.avico-profile-flipbook__header h2 {
  margin: 0 !important;
}

.avico-profile-flipbook__header p {
  color: #ff9a4e !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  letter-spacing: 1.8px !important;
  line-height: 1.2 !important;
}

.avico-profile-flipbook__header h2 {
  margin-top: 5px !important;
  color: #ffffff !important;
  font-size: clamp(20px, 2.4vw, 32px) !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
}

.avico-profile-flipbook__close,
.avico-profile-flipbook__nav {
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, background-color 0.2s ease, opacity 0.2s ease !important;
}

.avico-profile-flipbook__close:hover,
.avico-profile-flipbook__nav:hover:not(:disabled) {
  background: rgba(255, 116, 23, 0.84) !important;
  transform: translateY(-2px) !important;
}

.avico-profile-flipbook__close {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  line-height: 1 !important;
}

.avico-profile-flipbook__viewer {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 58px !important;
  gap: 16px !important;
  align-items: center !important;
}

.avico-profile-flipbook__nav {
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  line-height: 1 !important;
}

.avico-profile-flipbook__nav:disabled {
  opacity: 0.28 !important;
  cursor: default !important;
}

.avico-profile-flipbook__viewport {
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
  perspective: 2600px !important;
  touch-action: pan-y !important;
}

.avico-profile-flipbook__book {
  position: relative !important;
  width: min(1120px, calc(74dvh * 1.414)) !important;
  max-width: 100% !important;
  aspect-ratio: 1.414 / 1 !important;
  transform-style: preserve-3d !important;
  transform: rotateX(1deg) !important;
  transition: transform 0.7s ease !important;
}

.avico-profile-flipbook__book.is-cover {
  transform: translateX(-25%) rotateX(1deg) !important;
}

.avico-profile-flipbook__book.is-final-single {
  transform: translateX(-25%) rotateX(1deg) !important;
}

.avico-profile-flipbook__book.is-final-single .avico-profile-flipbook__sheet:not(:last-child) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.avico-profile-flipbook__book::after {
  content: "" !important;
  position: absolute !important;
  right: 3% !important;
  bottom: -7% !important;
  left: 3% !important;
  z-index: -1 !important;
  height: 14% !important;
  border-radius: 50% !important;
  background: rgba(255, 116, 23, 0.38) !important;
  filter: blur(26px) !important;
}

.avico-profile-flipbook__sheet {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  width: 50% !important;
  height: 100% !important;
  transform: rotateY(0deg) !important;
  transform-style: preserve-3d !important;
  transform-origin: left center !important;
  transition: transform 0.84s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  will-change: transform !important;
}

.avico-profile-flipbook__sheet.is-flipped {
  transform: rotateY(-180deg) !important;
}

.avico-profile-flipbook__page {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(101, 57, 27, 0.22) !important;
  background: #fffaf0 !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22) !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}

.avico-profile-flipbook__page--front {
  transform: translateZ(1px) !important;
}

.avico-profile-flipbook__page--back {
  transform: rotateY(180deg) translateZ(1px) !important;
}

.avico-profile-flipbook__page--front::after,
.avico-profile-flipbook__page--back::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}

.avico-profile-flipbook__page--front::after {
  background: linear-gradient(90deg, rgba(35, 13, 4, 0.14), transparent 9%) !important;
}

.avico-profile-flipbook__page--back::after {
  background: linear-gradient(270deg, rgba(35, 13, 4, 0.14), transparent 9%) !important;
}

.avico-profile-flipbook__page-image {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
}

.avico-profile-flipbook__page--blank {
  background:
    linear-gradient(90deg, rgba(90, 55, 24, 0.1), transparent 12%),
    #fff8e8 !important;
}

.avico-profile-flipbook__footer {
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.avico-profile-flipbook__footer span:first-child {
  color: #ffc17f !important;
}

@media (max-width: 767px) {
  .avico-about-pro__hero-stage {
    min-height: auto !important;
  }

  .avico-about-pro__hero-open-hint {
    bottom: -38px !important;
    font-size: 11px !important;
  }

  .avico-profile-flipbook__dialog {
    gap: 8px !important;
    padding: 14px 10px 12px !important;
  }

  .avico-profile-flipbook__viewer {
    position: relative !important;
    display: block !important;
  }

  .avico-profile-flipbook__viewport {
    height: 100% !important;
  }

  .avico-profile-flipbook__book {
    width: min(100%, calc(64dvh * 1.414)) !important;
  }

  .avico-profile-flipbook__nav {
    position: absolute !important;
    bottom: 10px !important;
    z-index: 50 !important;
    width: 48px !important;
    height: 48px !important;
    background: rgba(0, 14, 24, 0.72) !important;
  }

  .avico-profile-flipbook__nav--prev {
    left: 8px !important;
  }

  .avico-profile-flipbook__nav--next {
    right: 8px !important;
  }

  .avico-profile-flipbook__footer span:last-child {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .avico-profile-flipbook,
  .avico-profile-flipbook__book,
  .avico-profile-flipbook__sheet {
    transition-duration: 0.01ms !important;
  }
}/* End custom CSS */