.elementor-3475 .elementor-element.elementor-element-b6b6413 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3475 .elementor-element.elementor-element-b6b6413:not(.elementor-motion-effects-element-type-background), .elementor-3475 .elementor-element.elementor-element-b6b6413 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://inkwarriors.in/wp-content/uploads/2025/11/126e9d2b-80ae-4e7c-b078-57a6e731b1aa.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3475 .elementor-element.elementor-element-b6b6413 > .elementor-container{min-height:1302px;}.elementor-3475 .elementor-element.elementor-element-b6b6413{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;overflow:visible;}.elementor-3475 .elementor-element.elementor-element-b6b6413 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-3475 .elementor-element.elementor-element-3c6e5ab.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3475 .elementor-element.elementor-element-3c6e5ab.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3475 .elementor-element.elementor-element-3c6e5ab.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-3475 .elementor-element.elementor-element-3c6e5ab > .elementor-element-populated{padding:0px 200px 0px 0px;}.elementor-3475 .elementor-element.elementor-element-ada7dff{overflow:visible;}.elementor-3475 .elementor-element.elementor-element-c95dbb0{margin-top:0px;margin-bottom:0px;padding:100px 0px 0px 0px;overflow:visible;}@media(min-width:1025px){.elementor-3475 .elementor-element.elementor-element-b6b6413:not(.elementor-motion-effects-element-type-background), .elementor-3475 .elementor-element.elementor-element-b6b6413 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for column, class: .elementor-element-3c6e5ab */<style>
  .container {
    position: relative;
    width: 1000px;
    height: 1000px;
    margin: auto;
  }

  /* Center Boxes */
  .center-box {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: bold;
    cursor: pointer;
    transform: translate(-50%, -50%);
  }

  .center-box:nth-child(1) {
    left: 50%;
    transform: translate(-80%, -20%);
    background-color: #3498db; /* Blue */
  }

  .center-box:nth-child(2) {
    left: 50%;
    transform: translate(60%, -20%);
    background-color: #e74c3c; /* Red */
  }

  /* Surrounding Boxes */
  .surround-box {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: bold;
    cursor: pointer;
  }

  /* 12 surrounding boxes arranged in a circle */
  .surround-box:nth-child(3)  { background-color: #1abc9c; transform: rotate(0deg) translate(480px) rotate(-0deg); }
  .surround-box:nth-child(4)  { background-color: #16a085; transform: rotate(30deg) translate(480px) rotate(-30deg); }
  .surround-box:nth-child(5)  { background-color: #9b59b6; transform: rotate(60deg) translate(480px) rotate(-60deg); }
  .surround-box:nth-child(6)  { background-color: #8e44ad; transform: rotate(90deg) translate(480px) rotate(-90deg); }
  .surround-box:nth-child(7)  { background-color: #f39c12; transform: rotate(120deg) translate(480px) rotate(-120deg); }
  .surround-box:nth-child(8)  { background-color: #e67e22; transform: rotate(150deg) translate(480px) rotate(-150deg); }
  .surround-box:nth-child(9)  { background-color: #2ecc71; transform: rotate(180deg) translate(480px) rotate(-180deg); }
  .surround-box:nth-child(10) { background-color: #27ae60; transform: rotate(210deg) translate(480px) rotate(-210deg); }
  .surround-box:nth-child(11) { background-color: #e84393; transform: rotate(240deg) translate(480px) rotate(-240deg); }
  .surround-box:nth-child(12) { background-color: #d35400; transform: rotate(270deg) translate(480px) rotate(-270deg); }
  .surround-box:nth-child(13) { background-color: #c0392b; transform: rotate(300deg) translate(480px) rotate(-300deg); }
  .surround-box:nth-child(14) { background-color: #34495e; transform: rotate(330deg) translate(480px) rotate(-330deg); }

  /* Text inside boxes */
  .box-text {
    position: absolute;
    text-align: center;
    transition: opacity 0.2s ease;
    width: 80%;
  }

  .text1 { opacity: 1; }
  .text2 { opacity: 0; }

  /* Hover: swap text visibility */
  .center-box:hover .text1,
  .surround-box:hover .text1 { opacity: 0; }

  .center-box:hover .text2,
  .surround-box:hover .text2 { opacity: 1; }

  /* Responsive */
  @media (max-width: 850px) {
    .container { width: 90vw; height: 90vw; }
    .center-box { width: 120px; height: 120px; }
    .surround-box { width: 90px; height: 90px; }
    .surround-box:nth-child(n+3) { transform: rotate(var(--i,0deg)) translate(200px) rotate(calc(-1 * var(--i,0deg))); }
  }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f25e4a */<style>
  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
  }

  
  .container {
    position: relative;
    width: 800px;
    height: 800px;
  }

  /* Center Images */
  .center-box {
    width: 200px;
    height: 200px;
    border-radius: 30px;
    position: absolute;
    top: 60%;
    left: 65% !important;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    animation: blink 1.5s infinite;
  }

  /* Position first center image slightly left, second slightly right */
  .center-box:nth-child(1) { left: 50%; transform: translate(-110%, -50%); }
  .center-box:nth-child(2) { left: 50%; transform: translate(10%, -50%); }

  /* Surrounding Images */
  .surround-box {
    width: 200px;
    height: 200px;
    border-radius: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center center;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
    cursor: pointer;
    animation: blink 1.5s infinite;
  }

  .surround-box:hover {
    transform: scale(1.1) translate(-50%, -50%);
  }

  .box-text {
    position: absolute;
    color: white;
    font-weight: bold;
    text-align: center;
    transition: opacity 0.3s ease;
    width: 80%;
    text-shadow: 1px 1px 6px rgba(0,0,0,0.8);
  }

  .text1 { opacity: 1; }
  .text2 { opacity: 0; }

  .center-box:hover .text1,
  .surround-box:hover .text1 { opacity: 0; }

  .center-box:hover .text2,
  .surround-box:hover .text2 { opacity: 1; }

  /* 12 surrounding images evenly spaced clockwise */
  .surround-box:nth-child(3)  { transform: rotate(0deg)   translate(450px) rotate(-0deg); }
  .surround-box:nth-child(4)  { transform: rotate(30deg)  translate(450px) rotate(-30deg); }
  .surround-box:nth-child(5)  { transform: rotate(60deg)  translate(450px) rotate(-60deg); }
  .surround-box:nth-child(6)  { transform: rotate(90deg)  translate(450px) rotate(-90deg); }
  .surround-box:nth-child(7)  { transform: rotate(120deg) translate(450px) rotate(-120deg); }
  .surround-box:nth-child(8)  { transform: rotate(150deg) translate(450px) rotate(-150deg); }
  .surround-box:nth-child(9)  { transform: rotate(180deg) translate(450px) rotate(-180deg); }
  .surround-box:nth-child(10) { transform: rotate(210deg) translate(450px) rotate(-210deg); }
  .surround-box:nth-child(11) { transform: rotate(240deg) translate(450px) rotate(-240deg); }
  .surround-box:nth-child(12) { transform: rotate(270deg) translate(450px) rotate(-270deg); }
  .surround-box:nth-child(13) { transform: rotate(300deg) translate(450px) rotate(-300deg); }
  .surround-box:nth-child(14) { transform: rotate(330deg) translate(450px) rotate(-330deg); }

  /* Responsive */
  @media (max-width: 850px) {
    .container { width: 90vw; height: 90vw; }
    .center-box, .surround-box { width: 120px; height: 120px; }
  }
  
 @keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5; /* Half visible */
  }
}

.center-box, .surround-box {
  animation: blink 1.5s infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.8; }
}

@keyframes blink {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(0.7); }
}



</style>/* End custom CSS */