.elementor-4921 .elementor-element.elementor-element-c2a6df1{--display:flex;--min-height:596px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:1;--overlay-mix-blend-mode:darken;}.elementor-4921 .elementor-element.elementor-element-c2a6df1:not(.elementor-motion-effects-element-type-background), .elementor-4921 .elementor-element.elementor-element-c2a6df1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://deosoft.net/wp-content/uploads/2026/05/3607424-scaled.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-4921 .elementor-element.elementor-element-c2a6df1::before, .elementor-4921 .elementor-element.elementor-element-c2a6df1 > .elementor-background-video-container::before, .elementor-4921 .elementor-element.elementor-element-c2a6df1 > .e-con-inner > .elementor-background-video-container::before, .elementor-4921 .elementor-element.elementor-element-c2a6df1 > .elementor-background-slideshow::before, .elementor-4921 .elementor-element.elementor-element-c2a6df1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4921 .elementor-element.elementor-element-c2a6df1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://deosoft.net/wp-content/uploads/2026/05/3d-render-abstract-background-with-modern-low-poly-plexus-design-scaled.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4921 .elementor-element.elementor-element-5b6b18a{--display:flex;--justify-content:center;}.elementor-4921 .elementor-element.elementor-element-ea20b23 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:38px;font-weight:700;letter-spacing:0.9px;word-spacing:3px;color:#FFFFFF;}.elementor-4921 .elementor-element.elementor-element-7f74a25{text-align:justify;font-size:18px;color:#FFFFFF;}.elementor-4921 .elementor-element.elementor-element-7f74a25 p{margin-block-end:0px;}.elementor-4921 .elementor-element.elementor-element-253fe53 .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-weight:500;fill:#000000;color:#000000;border-radius:14px 14px 14px 14px;}.elementor-4921 .elementor-element.elementor-element-253fe53 .elementor-button:hover, .elementor-4921 .elementor-element.elementor-element-253fe53 .elementor-button:focus{background-color:#FF0000;color:#FFFFFF;}.elementor-4921 .elementor-element.elementor-element-253fe53 .elementor-button:hover svg, .elementor-4921 .elementor-element.elementor-element-253fe53 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-4921 .elementor-element.elementor-element-6a46675{--display:flex;}.elementor-4921 .elementor-element.elementor-element-ab6ff10{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4921 .elementor-element.elementor-element-d562e44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-4921 .elementor-element.elementor-element-d562e44.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4921 .elementor-element.elementor-element-3b21a5c{text-align:justify;color:#000000;}.elementor-4921 .elementor-element.elementor-element-3b21a5c p{margin-block-end:11px;}.elementor-4921 .elementor-element.elementor-element-4d96ed2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4921 .elementor-element.elementor-element-29b9c64{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4921 .elementor-element.elementor-element-c406b1e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4921 .elementor-element.elementor-element-d8d7207{width:100%;max-width:100%;}.elementor-4921 .elementor-element.elementor-element-d8d7207 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4921 .elementor-element.elementor-element-ede77a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4921 .elementor-element.elementor-element-e4ee99e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4921 .elementor-element.elementor-element-9e0ed2c{--display:flex;}.elementor-4921 .elementor-element.elementor-element-1e886f1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:700;color:#0A068A;}.elementor-4921 .elementor-element.elementor-element-d6dd609 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;border-style:solid;border-width:0px 0px 1px 0px;border-color:#C7C5C5;}.elementor-4921 .elementor-element.elementor-element-d6dd609 .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:#24378F;border-style:solid;border-width:0px 0px 02px 0px;border-color:#000000;}.elementor-4921 .elementor-element.elementor-element-d6dd609 .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:#24378F;}.elementor-4921 .elementor-element.elementor-element-d6dd609 .elementskit-accordion .elementskit-card:not(:last-child){margin-bottom:23px;}.elementor-4921 .elementor-element.elementor-element-d6dd609 .elementskit-accordion .elementskit-card-body p{color:#000000;}.elementor-4921 .elementor-element.elementor-element-d6dd609 .elementskit-accordion .elementskit-card-body{color:#000000;}.elementor-4921 .elementor-element.elementor-element-d6dd609 .elementskit-accordion .elementskit-card-body p, .elementor-4921 .elementor-element.elementor-element-d6dd609 .elementskit-accordion .elementskit-card-body{font-family:"Poppins", Sans-serif;font-weight:300;}.elementor-4921 .elementor-element.elementor-element-d6dd609 .elementskit-accordion > .elementskit-card.active{border-style:none;}body.elementor-page-4921:not(.elementor-motion-effects-element-type-background), body.elementor-page-4921 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4921 .elementor-element.elementor-element-5b6b18a{--width:62%;}.elementor-4921 .elementor-element.elementor-element-6a46675{--width:53%;}.elementor-4921 .elementor-element.elementor-element-d562e44{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4921 .elementor-element.elementor-element-6a46675{--width:22%;}.elementor-4921 .elementor-element.elementor-element-d562e44{--width:100%;}}@media(max-width:1024px){.elementor-4921 .elementor-element.elementor-element-c2a6df1{--min-height:423px;}.elementor-4921 .elementor-element.elementor-element-ea20b23 .elementor-heading-title{font-size:30px;}.elementor-4921 .elementor-element.elementor-element-7f74a25{font-size:19px;}.elementor-4921 .elementor-element.elementor-element-ab6ff10{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4921 .elementor-element.elementor-element-1e886f1 .elementor-heading-title{font-size:25px;}}@media(max-width:767px){.elementor-4921 .elementor-element.elementor-element-ea20b23 .elementor-heading-title{font-size:20px;}.elementor-4921 .elementor-element.elementor-element-7f74a25{font-size:17px;}.elementor-4921 .elementor-element.elementor-element-3b21a5c{font-size:15px;}.elementor-4921 .elementor-element.elementor-element-ede77a7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4921 .elementor-element.elementor-element-1e886f1{text-align:center;}.elementor-4921 .elementor-element.elementor-element-1e886f1 .elementor-heading-title{font-size:20px;}.elementor-4921 .elementor-element.elementor-element-d6dd609 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:13px;}.elementor-4921 .elementor-element.elementor-element-d6dd609 .elementskit-accordion .elementskit-card-body{padding:12px 12px 12px 12px;}}/* Start custom CSS for html, class: .elementor-element-5cce064 *//* <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css"> */

.net-why-section {
  padding: 80px 24px;
  background: #f8f9ff;
}

.net-container {
  max-width: 1100px;
  margin: 0 auto;
}

.net-heading {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 56px;
}

.net-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.09em;
  color: #534AB7;
  background: #EEEDFE;
  padding: 6px 18px;
  border-radius: 20px;
  margin-bottom: 16px;
}

.net-heading h2 {
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 700;
  margin: 0 0 18px;
  color: #1a1a2e;
  line-height: 1.2;
}

.net-heading h2 span {
  color: #534AB7;
}

.net-heading p {
  font-size: 17px;
  color: #666;
  line-height: 1.75;
  margin: 0;
}

.net-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
}

.net-card {
  background: #ffffff;
  border: 1px solid #e8e8f0;
  border-radius: 18px;
  padding: 36px 28px 30px;
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.2s, border-color 0.2s;
}

.net-card:hover {
  box-shadow: 0 6px 28px rgba(0,0,0,0.09);
  border-color: #c8c8e0;
}

.net-card-accent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
}

.net-icon-wrap {
  width: 64px;
  height: 64px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  font-size: 30px;
}

.net-card h3 {
  font-size: 19px;
  font-weight: 700;
  margin: 0 0 12px;
  color: #1a1a2e;
}

.net-card p {
  font-size: 15px;
  color: #666;
  line-height: 1.7;
  margin: 0;
}

/* Card 1 - Purple */
.c1 .net-card-accent { background: #534AB7; }
.c1 .net-icon-wrap { background: #EEEDFE; color: #534AB7; }

/* Card 2 - Teal */
.c2 .net-card-accent { background: #0F6E56; }
.c2 .net-icon-wrap { background: #E1F5EE; color: #0F6E56; }

/* Card 3 - Blue */
.c3 .net-card-accent { background: #185FA5; }
.c3 .net-icon-wrap { background: #E6F1FB; color: #185FA5; }

/* Card 4 - Amber */
.c4 .net-card-accent { background: #BA7517; }
.c4 .net-icon-wrap { background: #FAEEDA; color: #BA7517; }

/* Tablet */
@media (max-width: 768px) {
  .net-why-section { padding: 60px 20px; }
  .net-heading { margin-bottom: 40px; }
  .net-grid { grid-template-columns: 1fr 1fr; gap: 18px; }
  .net-card { padding: 28px 22px 24px; }
  .net-icon-wrap { width: 58px; height: 58px; font-size: 26px; }
  .net-card h3 { font-size: 17px; }
  .net-card p { font-size: 14px; }
}

/* Mobile */
@media (max-width: 480px) {
  .net-why-section { padding: 48px 16px; }
  .net-heading p { font-size: 15px; }
  .net-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
  .net-card { padding: 24px 18px 20px; }
  .net-icon-wrap { width: 52px; height: 52px; font-size: 24px; margin-bottom: 16px; }
  .net-card h3 { font-size: 16px; }
  .net-card p { font-size: 13px; }
}

/* Very small */
@media (max-width: 360px) {
  .net-grid { grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-724b4fb *//* =========================
   TECH TAGS COLORFUL
========================= */

.tech-grid{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:10px;
}

.tech{
  padding:12px 20px;
  border-radius:50px;
  font-size:14px;
  font-weight:600;
  transition:.3s ease;
  cursor:pointer;
  border:1px solid transparent;
}

/* MULTI COLORS */

.tech:nth-child(1){
  background:#eef2ff;
  color:#4f46e5;
  border-color:#c7d2fe;
}

.tech:nth-child(2){
  background:#ecfeff;
  color:#0891b2;
  border-color:#a5f3fc;
}

.tech:nth-child(3){
  background:#fef3c7;
  color:#b45309;
  border-color:#fde68a;
}

.tech:nth-child(4){
  background:#dcfce7;
  color:#15803d;
  border-color:#86efac;
}

.tech:nth-child(5){
  background:#fae8ff;
  color:#a21caf;
  border-color:#f0abfc;
}

.tech:nth-child(6){
  background:#ffe4e6;
  color:#e11d48;
  border-color:#fda4af;
}

.tech:nth-child(7){
  background:#ede9fe;
  color:#6d28d9;
  border-color:#c4b5fd;
}

.tech:nth-child(8){
  background:#ecfccb;
  color:#4d7c0f;
  border-color:#bef264;
}

.tech:nth-child(9){
  background:#fef2f2;
  color:#dc2626;
  border-color:#fecaca;
}

.tech:nth-child(10){
  background:#e0f2fe;
  color:#0369a1;
  border-color:#7dd3fc;
}

.tech:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 20px rgba(0,0,0,0.08);
}

/* =========================
   ACCORDION FIX
========================= */

.content{
  max-height:0;
  overflow:hidden;
  padding:0 30px;
  transition:max-height .5s ease,padding .4s ease;
}

.section.active .content{
  max-height:500px;
  padding:0 30px 30px;
}

.section.active .arrow{
  transform:rotate(180deg);
  background:var(--primary);
  color:#fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8d7207 */.rs-wrap {
  padding: 80px 24px;
  background: #f8f9ff;
}

.rs-container {
  max-width: 1100px;
  margin: 0 auto;
}

.rs-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 52px;
}

.rs-left {
  max-width: 620px;
}

.rs-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.09em;
  color: #534AB7;
  background: #EEEDFE;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 16px;
}

.rs-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #534AB7;
  flex-shrink: 0;
}

.rs-title {
  font-size: clamp(26px, 4vw, 40px);
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 16px;
  line-height: 1.2;
}

.rs-title span {
  color: #534AB7;
}

.rs-sub {
  font-size: 16px;
  color: #666;
  line-height: 1.75;
  margin: 0;
}

.rs-shape {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #EEEDFE;
  flex-shrink: 0;
}

/* GRID - Desktop & Tablet */
.rs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.rs-card {
  background: #ffffff;
  border: 1px solid #e8e8f0;
  border-radius: 16px;
  padding: 30px 24px 24px;
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.2s, border-color 0.2s;
}

.rs-card:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
  border-color: #c8c8e0;
}

.rs-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 16px 16px 0 0;
}

.rs-num {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #bbb;
  display: block;
  margin-bottom: 14px;
}

.rs-icon {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  font-size: 26px;
}

.rs-card-title {
  font-size: 16px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 10px;
  line-height: 1.35;
}

.rs-card-desc {
  font-size: 14px;
  color: #666;
  line-height: 1.65;
  margin: 0 0 18px;
}

.rs-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
}

/* Colors */
.t1 .rs-line, .t2 .rs-line { background: #534AB7; }
.t1 .rs-icon, .t2 .rs-icon { background: #EEEDFE; color: #534AB7; }
.t1 .rs-tag, .t2 .rs-tag { background: #EEEDFE; color: #3C3489; }

.t3 .rs-line, .t4 .rs-line { background: #0F6E56; }
.t3 .rs-icon, .t4 .rs-icon { background: #E1F5EE; color: #0F6E56; }
.t3 .rs-tag, .t4 .rs-tag { background: #E1F5EE; color: #085041; }

.t5 .rs-line, .t6 .rs-line { background: #185FA5; }
.t5 .rs-icon, .t6 .rs-icon { background: #E6F1FB; color: #185FA5; }
.t5 .rs-tag, .t6 .rs-tag { background: #E6F1FB; color: #0C447C; }

/* Dots - hidden on desktop */
.rs-dots {
  display: none;
}

/* Tablet */
@media (max-width: 900px) {
  .rs-grid { grid-template-columns: repeat(2, 1fr); }
  .rs-shape { width: 80px; height: 80px; }
}

/* ===================== MOBILE SLIDER ===================== */
@media (max-width: 560px) {

  .rs-wrap { padding: 44px 0 44px 0; }
  .rs-container { padding: 0; }

  .rs-top {
    flex-direction: column;
    margin-bottom: 28px;
    padding: 0 20px;
  }

  .rs-shape { display: none; }

  /* Turn grid into horizontal scroll slider */
  .rs-grid {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 14px;
    padding: 8px 20px 16px 20px;
    grid-template-columns: unset;
    scrollbar-width: none;
  }

  .rs-grid::-webkit-scrollbar {
    display: none;
  }

  .rs-card {
    flex: 0 0 78vw;
    max-width: 300px;
    scroll-snap-align: start;
    padding: 24px 20px 20px;
  }

  .rs-icon {
    width: 50px;
    height: 50px;
    font-size: 24px;
    margin-bottom: 14px;
  }

  .rs-card-title { font-size: 15px; }
  .rs-card-desc  { font-size: 13px; }

  /* Dots visible on mobile */
  .rs-dots {
    display: flex;
    justify-content: center;
    gap: 7px;
    margin-top: 16px;
  }

  .rs-dot-item {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #D0CEEF;
    transition: background 0.3s, width 0.3s;
    cursor: pointer;
  }

  .rs-dot-item.active {
    background: #534AB7;
    width: 22px;
    border-radius: 4px;
  }
}
/* ===================== END MOBILE SLIDER ===================== *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b8b5b6 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800;900&family=Inter:wght@400;500;600&display=swap');
 
.cv2-wrap * { margin:0; padding:0; box-sizing:border-box; }
 
.cv2-wrap {
  font-family:'Inter',sans-serif;
  background:#fff;
  width:100%;
  overflow-x:hidden;
  padding:70px 20px 80px;
}
 
/* ── Section title ── */
.cv2-head {
  text-align:center;
  margin-bottom:56px;
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s ease,transform .7s ease;
}
.cv2-head.cv2-in { opacity:1; transform:none; }
.cv2-head .cv2-badge {
  display:inline-block;
  font-family:'Poppins',sans-serif;
  font-size:11px; font-weight:600;
  letter-spacing:3px; text-transform:uppercase;
  color:#2BA8A0; border:1.5px solid #2BA8A0;
  border-radius:30px; padding:5px 18px;
  margin-bottom:16px;
}
.cv2-head h2 {
  font-family:'Poppins',sans-serif;
  font-weight:900; font-size:clamp(28px,5vw,52px);
  color:#111; letter-spacing:-1px; line-height:1.1;
}
.cv2-head h2 span { color:#2BA8A0; }
.cv2-head p { font-size:15px; color:#888; margin-top:10px; }
 
/* ── Gradient rule ── */
.cv2-rule {
  width:0; height:3px; border-radius:4px;
  background:linear-gradient(90deg,#2BA8A0,#E8813A,#4A90D9,#4CAF50,#8B6914,#E8C234);
  margin:14px auto 0;
  transition:width 1.1s cubic-bezier(.4,0,.2,1) .2s;
}
.cv2-head.cv2-in .cv2-rule { width:180px; }
 
/* ── Card Grid ── */
.cv2-grid {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:16px;
  max-width:1200px;
  margin:0 auto 0;
}
 
@media(max-width:1024px) { .cv2-grid { grid-template-columns:repeat(3,1fr); gap:20px; } }
@media(max-width:600px)  { .cv2-grid { grid-template-columns:repeat(2,1fr); gap:14px; } }
@media(max-width:380px)  { .cv2-grid { grid-template-columns:1fr 1fr; gap:10px; } }
 
/* ── Individual Card ── */
.cv2-card {
  position:relative;
  border-radius:20px;
  padding:28px 16px 24px;
  display:flex; flex-direction:column; align-items:center;
  text-align:center;
  overflow:hidden;
  cursor:default;
  opacity:0;
  transform:translateY(50px) scale(.95);
  transition:opacity .6s ease, transform .6s cubic-bezier(.34,1.56,.64,1),
              box-shadow .3s ease;
  background:#fff;
  border:1.5px solid #eee;
}
.cv2-card.cv2-in { opacity:1; transform:none; }
.cv2-card:hover { transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,.1); }
 
/* top accent bar */
.cv2-card::before {
  content:'';
  position:absolute; top:0; left:0; right:0;
  height:4px;
  border-radius:20px 20px 0 0;
  background:var(--cv2-accent);
}
 
/* big letter watermark */
.cv2-watermark {
  position:absolute;
  bottom:-10px; right:-5px;
  font-family:'Poppins',sans-serif;
  font-weight:900;
  font-size:90px;
  line-height:1;
  color:var(--cv2-accent);
  opacity:.07;
  user-select:none;
  pointer-events:none;
  letter-spacing:-4px;
}
 
/* Illustration box */
.cv2-illus {
  width:90px; height:90px;
  border-radius:50%;
  background:var(--cv2-bg);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:16px;
  flex-shrink:0;
  transition:transform .4s cubic-bezier(.34,1.56,.64,1);
}
.cv2-card:hover .cv2-illus { transform:scale(1.1) rotate(-3deg); }
.cv2-illus svg { width:52px; height:52px; }
 
/* Letter pill */
.cv2-letter-pill {
  font-family:'Poppins',sans-serif;
  font-weight:900; font-size:28px;
  color:var(--cv2-accent);
  line-height:1;
  margin-bottom:6px;
}
 
/* Title */
.cv2-title {
  font-family:'Poppins',sans-serif;
  font-weight:700; font-size:11px;
  letter-spacing:1.5px; text-transform:uppercase;
  color:var(--cv2-accent);
  margin-bottom:10px;
  line-height:1.4;
}
 
/* Divider */
.cv2-sep {
  width:30px; height:2px;
  border-radius:2px;
  background:var(--cv2-accent);
  opacity:.4;
  margin:0 auto 12px;
}
 
/* Description */
.cv2-desc {
  font-size:12px;
  color:#666;
  line-height:1.65;
}
 
/* color variables per card */
.cv2-c { --cv2-accent:#2BA8A0; --cv2-bg:#E6F7F6; }
.cv2-r { --cv2-accent:#E8813A; --cv2-bg:#FDF0E6; }
.cv2-e1{ --cv2-accent:#4A90D9; --cv2-bg:#EAF3FB; }
.cv2-a { --cv2-accent:#4CAF50; --cv2-bg:#EBF7EC; }
.cv2-t { --cv2-accent:#8B6914; --cv2-bg:#F5EDD6; }
.cv2-e2{ --cv2-accent:#D4A800; --cv2-bg:#FBF4D3; }
 
/* stagger delays */
.cv2-card:nth-child(1){transition-delay:.05s}
.cv2-card:nth-child(2){transition-delay:.15s}
.cv2-card:nth-child(3){transition-delay:.25s}
.cv2-card:nth-child(4){transition-delay:.35s}
.cv2-card:nth-child(5){transition-delay:.45s}
.cv2-card:nth-child(6){transition-delay:.55s}
 
/* hover tooltip on letter */
.cv2-card:hover .cv2-letter-pill {
  animation:cv2-bounce .5s ease;
}
@keyframes cv2-bounce {
  0%,100%{transform:scale(1)}
  40%{transform:scale(1.25)}
  70%{transform:scale(.9)}
}
 
/* ── Bottom word strip (C·R·E·A·T·E) ── */
.cv2-wordstrip {
  text-align:center;
  margin-top:48px;
  font-family:'Poppins',sans-serif;
  font-weight:900;
  font-size:clamp(40px,8vw,90px);
  letter-spacing:clamp(4px,2vw,20px);
  opacity:0;
  transform:translateY(30px);
  transition:opacity .8s ease .4s, transform .8s ease .4s;
  user-select:none;
}
.cv2-wordstrip.cv2-in { opacity:1; transform:none; }
.cv2-wordstrip .cv2-wc  { color:#2BA8A0; }
.cv2-wordstrip .cv2-wr  { color:#E8813A; }
.cv2-wordstrip .cv2-we1 { color:#4A90D9; }
.cv2-wordstrip .cv2-wa  { color:#4CAF50; }
.cv2-wordstrip .cv2-wt  { color:#8B6914; }
.cv2-wordstrip .cv2-we2 { color:#D4A800; }/* End custom CSS */