.elementor-248 .elementor-element.elementor-element-430d020{--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-248 .elementor-element.elementor-element-4eb0774{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:220px;--padding-bottom:260px;--padding-left:15px;--padding-right:15px;}.elementor-248 .elementor-element.elementor-element-4eb0774:not(.elementor-motion-effects-element-type-background), .elementor-248 .elementor-element.elementor-element-4eb0774 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(130deg, #2AB5B030 32%, #2AB5B07D 100%);}.elementor-248 .elementor-element.elementor-element-4eb0774 > .elementor-shape-bottom svg, .elementor-248 .elementor-element.elementor-element-4eb0774 > .e-con-inner > .elementor-shape-bottom svg{width:calc(128% + 1.3px);height:183px;}.elementor-248 .elementor-element.elementor-element-666fcc2{--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:40px 20px;--row-gap:40px;--column-gap:20px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-248 .elementor-element.elementor-element-554d0af .elementskit-section-title-wraper .elementskit-section-title{color:#000000;margin:0px 0px 15px 0px;font-family:"Montserrat", Sans-serif;font-size:60px;font-weight:700;line-height:72px;}.elementor-248 .elementor-element.elementor-element-554d0af .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-248 .elementor-element.elementor-element-554d0af .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-248 .elementor-element.elementor-element-554d0af .elementskit-section-subtitle.elementskit-style-border::before{width:40px;}.elementor-248 .elementor-element.elementor-element-554d0af .elementskit-section-subtitle.elementskit-style-border::after{width:40px;}.elementor-248 .elementor-element.elementor-element-554d0af .elementskit-section-subtitle.elementskit-style-border::before, .elementor-248 .elementor-element.elementor-element-554d0af .elementskit-section-subtitle.elementskit-style-border::after{height:3px;transform:translateY(3px);-webkit-transform:translateY(3px);-ms-transform:translateY(3px);}.elementor-248 .elementor-element.elementor-element-554d0af .elementskit-section-title-wraper p{color:#2AB5B0;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;margin:0px 0px 0px 0px;}.elementor-248 .elementor-element.elementor-element-3104760{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-248 .elementor-element.elementor-element-c3e9794 img{width:100%;opacity:1;}.elementor-248 .elementor-element.elementor-element-4276643{--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;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-248 .elementor-element.elementor-element-4276643:not(.elementor-motion-effects-element-type-background), .elementor-248 .elementor-element.elementor-element-4276643 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAF8F8;}.elementor-248 .elementor-element.elementor-element-6771926{--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-248 .elementor-element.elementor-element-6771926:not(.elementor-motion-effects-element-type-background), .elementor-248 .elementor-element.elementor-element-6771926 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAF8F8;}.elementor-248 .elementor-element.elementor-element-e49bd9c{--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-248 .elementor-element.elementor-element-e49bd9c:not(.elementor-motion-effects-element-type-background), .elementor-248 .elementor-element.elementor-element-e49bd9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAF8F8;}.elementor-248 .elementor-element.elementor-element-a00e623{--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-248 .elementor-element.elementor-element-a00e623:not(.elementor-motion-effects-element-type-background), .elementor-248 .elementor-element.elementor-element-a00e623 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAF8F8;}.elementor-248 .elementor-element.elementor-element-df7427a{--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-248 .elementor-element.elementor-element-df7427a:not(.elementor-motion-effects-element-type-background), .elementor-248 .elementor-element.elementor-element-df7427a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAF8F8;}.elementor-248 .elementor-element.elementor-element-98ac289{--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-248 .elementor-element.elementor-element-d6be719{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;box-shadow:29px 29px 60px 0px rgba(0,0,0,0.2);--padding-top:70px;--padding-bottom:70px;--padding-left:60px;--padding-right:60px;}.elementor-248 .elementor-element.elementor-element-d6be719:not(.elementor-motion-effects-element-type-background), .elementor-248 .elementor-element.elementor-element-d6be719 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sankalpdma.com/wp-content/uploads/2025/11/Notioly__1_-removebg-preview.png");background-position:bottom left;background-repeat:no-repeat;background-size:33% auto;}.elementor-248 .elementor-element.elementor-element-c656272 .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 25px 0px;font-family:"Lato", Sans-serif;font-size:36px;font-weight:700;}.elementor-248 .elementor-element.elementor-element-c656272 .elementskit-section-title-wraper .elementskit-section-title > span{color:#09b2a0;}.elementor-248 .elementor-element.elementor-element-c656272 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-248 .elementor-element.elementor-element-c656272 .elementskit-section-title-wraper p{color:#000000;font-family:"Lato", Sans-serif;font-size:15px;}.elementor-248 .elementor-element.elementor-element-20f7975{--spacer-size:50px;}.elementor-248 .elementor-element.elementor-element-9e2cc83 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-248 .elementor-element.elementor-element-9e2cc83 .elementskit-btn{background-color:#09b2a0;padding:21px 55px 21px 55px;font-family:"Lato", Sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;color:#ffffff;fill:#ffffff;border-style:solid;border-width:1px 1px 1px 1px;border-color:#09b2a0;border-radius:50px 50px 50px 50px;box-shadow:19px 19px 40px 0px rgba(0,0,0,0.1);}.elementor-248 .elementor-element.elementor-element-9e2cc83 .elementskit-btn:hover{background-color:#ffffff;color:#09b2a0;fill:#09b2a0;}.elementor-248 .elementor-element.elementor-element-9e2cc83 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-248 .elementor-element.elementor-element-9e2cc83 .elementskit-btn > i, .elementor-248 .elementor-element.elementor-element-9e2cc83 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-248 .elementor-element.elementor-element-9e2cc83 .elementskit-btn > i, .rtl .elementor-248 .elementor-element.elementor-element-9e2cc83 .elementskit-btn > svg{margin-left:5px;margin-right:0;}@media(max-width:1024px){.elementor-248 .elementor-element.elementor-element-4eb0774 > .elementor-shape-bottom svg, .elementor-248 .elementor-element.elementor-element-4eb0774 > .e-con-inner > .elementor-shape-bottom svg{height:69px;}.elementor-248 .elementor-element.elementor-element-4eb0774{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:240px;--padding-left:15px;--padding-right:15px;}.elementor-248 .elementor-element.elementor-element-666fcc2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-248 .elementor-element.elementor-element-554d0af .elementskit-section-title-wraper .elementskit-section-title{font-size:43px;line-height:52px;}}@media(max-width:767px){.elementor-248 .elementor-element.elementor-element-4eb0774{--gap:40px 0px;--row-gap:40px;--column-gap:0px;--padding-top:160px;--padding-bottom:170px;--padding-left:15px;--padding-right:15px;}.elementor-248 .elementor-element.elementor-element-666fcc2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-248 .elementor-element.elementor-element-554d0af .elementskit-section-title-wraper .elementskit-section-title{font-size:32px;line-height:42px;}.elementor-248 .elementor-element.elementor-element-d6be719:not(.elementor-motion-effects-element-type-background), .elementor-248 .elementor-element.elementor-element-d6be719 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:223px auto;}.elementor-248 .elementor-element.elementor-element-d6be719{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-248 .elementor-element.elementor-element-9e2cc83 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-248 .elementor-element.elementor-element-9e2cc83 .elementskit-btn{padding:18px 40px 18px 40px;}}@media(min-width:768px){.elementor-248 .elementor-element.elementor-element-666fcc2{--width:52.544%;}.elementor-248 .elementor-element.elementor-element-3104760{--width:47.456%;}}@media(max-width:1024px) and (min-width:768px){.elementor-248 .elementor-element.elementor-element-666fcc2{--width:60%;}.elementor-248 .elementor-element.elementor-element-3104760{--width:40%;}}/* Start custom CSS for html, class: .elementor-element-702df8d *//* SECTION BACKGROUND */
.sankalp-why-section {
  padding: 60px 20px;
  background: #e0f7f8;
}

/* GRID LAYOUT */
.sankalp-container {
  max-width: 1300px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 40px;
  align-items: center;
}

/* LEFT TEXT */
.sankalp-left h2 {
  font-size: 42px;
  font-weight: 700;
  color: #1c3330;
}

.sankalp-left .sub {
  font-size: 18px;
  color: #3e5b58;
  margin-top: 10px;
}

/* RIGHT SIDE CARDS */
.sankalp-right {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
}

/* CARD CONTAINER */
.sankalp-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 20px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  box-shadow: 0 3px 15px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  cursor: pointer;

  /* animation on load */
  opacity: 0;
  transform: translateY(20px);
  animation: fadeFloat 0.8s ease forwards;
}

/* Delay each card slightly */
.sankalp-card:nth-child(1) { animation-delay: 0.1s; }
.sankalp-card:nth-child(2) { animation-delay: 0.25s; }
.sankalp-card:nth-child(3) { animation-delay: 0.4s; }

/* SMALL ICON */
.sankalp-card img.icon {
  width: 50px;
  height: 50px;
  object-fit: contain;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));
}

/* HOVER + TAP GLOW */
.sankalp-card:hover,
.sankalp-card:active {
  box-shadow: 0 0 20px rgba(0, 180, 180, 0.5);
  transform: translateY(-4px);
}

/* TEXT */
.sankalp-card h3 {
  font-size: 20px;
  color: #1c3330;
  margin-bottom: 5px;
}

.sankalp-card p {
  color: #3e5b58;
  font-size: 15px;
}

/* ENTRY ANIMATION */
@keyframes fadeFloat {
  0% { opacity: 0; transform: translateY(18px); }
  100% { opacity: 1; transform: translateY(0px); }
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .sankalp-container {
    grid-template-columns: 1fr;
  }

  .sankalp-left h2 {
    font-size: 32px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a0bce0 *//* ------------------------------------------------------
   ROOT VARIABLES — LIGHT + DARK MODE COMPATIBLE
------------------------------------------------------- */
/* SECTION HEADING */
.sankalp-heading-wrap-v2 {
  text-align: center;
  margin-bottom: 40px;
  padding: 0 20px;
}

.sankalp-heading-v2 {
  font-size: 42px;
  font-weight: 800;
  color: var(--text-v2);
  margin-bottom: 10px;
}

.sankalp-subheading-v2 {
  font-size: 17px;
  color: var(--text-soft-v2);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.5;
}

/* Responsive */
@media (max-width: 650px) {
  .sankalp-heading-v2 {
    font-size: 32px;
  }
  .sankalp-subheading-v2 {
    font-size: 15px;
  }
}


:root {
  --bg-v2: #eaf8f8;
  --card-bg-v2: #ffffff;
  --text-v2: #0f2f2d;
  --text-soft-v2: #4c6f6c;
  --border-v2: #b3d8d6;
  --accent-v2: #008b83;
  --shadow-v2: rgba(0, 0, 0, 0.12);

  --modal-bg-v2: rgba(0, 0, 0, 0.65);
}

body.dark-mode-v2 {
  --bg-v2: #0d1a19;
  --card-bg-v2: #172524;
  --text-v2: #e8fffd;
  --text-soft-v2: #9fccc9;
  --border-v2: #2c4a48;
  --accent-v2: #1ff1d5;
  --shadow-v2: rgba(0, 0, 0, 0.5);

  --modal-bg-v2: rgba(255, 255, 255, 0.15);
}

/* ------------------------------------------------------
   SECTION
------------------------------------------------------- */
.sankalp-ultimate-section-v2 {
  background: var(--bg-v2);
  padding: 80px 20px;
  position: relative;
}

/* ------------------------------------------------------
   THEME SWITCH BUTTON
------------------------------------------------------- */
.theme-toggle-v2 {
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 20;
}

#themeSwitchV2 {
  background: var(--card-bg-v2);
  color: var(--text-v2);
  border: 1px solid var(--border-v2);
  padding: 10px 16px;
  font-size: 20px;
  border-radius: 12px;
  cursor: pointer;
  transition: 0.3s ease;
  box-shadow: 0 0 12px var(--shadow-v2);
}

#themeSwitchV2:hover {
  transform: translateY(-2px);
}

/* ------------------------------------------------------
   FILTER BAR
------------------------------------------------------- */
.sankalp-filter-bar-v2 {
  text-align: center;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}

.filter-btn-v2 {
  background: var(--card-bg-v2);
  border: 1px solid var(--accent-v2);
  padding: 10px 18px;
  border-radius: 14px;
  color: var(--text-v2);
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s ease;
}

.filter-btn-v2.active,
.filter-btn-v2:hover {
  background: var(--accent-v2);
  color: #fff;
}

/* ------------------------------------------------------
   GRID
------------------------------------------------------- */
.sankalp-ultimate-grid-v2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

@media (max-width: 1100px) {
  .sankalp-ultimate-grid-v2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 700px) {
  .sankalp-ultimate-grid-v2 {
    grid-template-columns: 1fr;
  }
}

/* ------------------------------------------------------
   CARD
------------------------------------------------------- */
.sankalp-card-v2 {
  background: var(--card-bg-v2);
  border-radius: 20px;
  padding: 26px;
  box-shadow: 0 4px 18px var(--shadow-v2);
  transition: 0.35s ease;
  transform: translateY(30px);
  opacity: 0;
  animation: slideInV2 0.7s forwards ease;
}

.sankalp-card-v2:hover {
  transform: translateY(-6px);
  box-shadow: 0 0 22px rgba(0, 180, 180, 0.45);
}

@keyframes slideInV2 {
  0% { opacity: 0; transform: translateY(40px); }
  100% { opacity: 1; transform: translateY(0px); }
}

/* ------------------------------------------------------
   ILLUSTRATION ICON
------------------------------------------------------- */
.illustration-v2 img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  margin-bottom: 14px;
}

/* ------------------------------------------------------
   TEXT
------------------------------------------------------- */
.sankalp-card-v2 h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 6px;
  color: var(--text-v2);
}

.sankalp-card-v2 .subtitle {
  color: var(--text-soft-v2);
  font-size: 14px;
  margin-bottom: 12px;
}

.points {
  padding-left: 20px;
  margin-bottom: 14px;
}

.points li {
  font-size: 14px;
  color: var(--text-soft-v2);
  margin-bottom: 5px;
}

.why {
  margin-top: 10px;
  color: var(--text-v2);
  font-size: 14px;
}

.why span {
  color: var(--accent-v2);
  font-weight: 700;
}

/* ------------------------------------------------------
   BUTTONS FOR MEDIA (AUTO-STYLING BY TYPE)
------------------------------------------------------- */

.media-links a,
.open-modal {
  display: inline-block;
  margin-top: 14px;
  padding: 10px 18px;
  font-size: 14px;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
  transition: .3s ease;
  color: white;
}

/* TYPE COLORS */
.open-modal[data-type="pdf"] {
  background: #d9534f; /* red */
}
.open-modal[data-type="video"] {
  background: #0275d8; /* blue */
}
.open-modal[data-type="ppt"] {
  background: #f0ad4e; /* orange */
}
.open-modal[data-type="image"] {
  background: #5cb85c; /* green */
}

/* Hover Effect */
.open-modal:hover {
  filter: brightness(1.15);
}

/* ------------------------------------------------------
   MODAL
------------------------------------------------------- */
.sankalp-modal-v2 {
  display: none;
  position: fixed;
  inset: 0;
  background: var(--modal-bg-v2);
  backdrop-filter: blur(3px);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.modal-content-v2 {
  background: var(--card-bg-v2);
  padding: 20px;
  border-radius: 16px;
  width: 90%;
  max-width: 850px;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
}

#closeModalV2 {
  position: absolute;
  top: 12px;
  right: 18px;
  font-size: 28px;
  cursor: pointer;
  color: var(--text-v2);
}

#modalInnerV2 iframe,
#modalInnerV2 img,
#modalInnerV2 video {
  width: 100%;
  max-height: 80vh;
  border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5997f7c *//* ------------------------------
   SECTION HEADING
------------------------------ */
.sankalp-case-section-cs-v2 {
  padding: 80px 20px;
  background: var(--bg-v2);
}

.cs-heading-wrap-v2 {
  text-align: center;
  margin-bottom: 50px;
}

.cs-heading-wrap-v2 h2 {
  font-size: 42px;
  font-weight: 800;
  color: var(--text-v2);
}

.cs-heading-wrap-v2 p {
  font-size: 17px;
  color: var(--text-soft-v2);
  max-width: 700px;
  margin: 12px auto 0;
}


/* ------------------------------
   FILTER BAR
------------------------------ */
.cs-filter-bar-v2 {
  text-align: center;
  margin-bottom: 45px;
}

.cs-filter-btn-v2 {
  padding: 10px 18px;
  background: var(--card-bg-v2);
  border: 1px solid var(--accent-v2);
  border-radius: 10px;
  margin: 6px;
  color: var(--text-v2);
  cursor: pointer;
  transition: .3s;
}

.cs-filter-btn-v2.active,
.cs-filter-btn-v2:hover {
  background: var(--accent-v2);
  color: white;
}


/* ------------------------------
   CASE CARD
------------------------------ */
.cs-card-v2 {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 40px;
  padding: 32px;
  margin-bottom: 70px;
  border-radius: 20px;

  /* gradient border */
  background: linear-gradient(var(--card-bg-v2), var(--card-bg-v2)) padding-box,
              linear-gradient(135deg, #00c8b5, #00686d) border-box;
  border: 2px solid transparent;

  transform: translateY(40px);
  opacity: 0;
  transition: 0.8s ease;
}

/* scroll reveal active */
.cs-card-v2.reveal {
  transform: translateY(0);
  opacity: 1;
}


.cs-img-v2 img {
  width: 100%;
  border-radius: 16px;
  transition: transform .3s ease;
}



/* ------------------------------
   MOUSE TILT
------------------------------ */
.tilt-img {
  perspective: 800px;
}

.tilt-img img {
  transform-style: preserve-3d;
  will-change: transform;
}



/* ------------------------------
   CONTENT
------------------------------ */
.cs-tag-v2 {
  display:inline-block;
  padding:6px 14px;
  background:rgba(0,139,131,0.15);
  color:var(--accent-v2);
  border-radius:14px;
  font-size:13px;
  margin-bottom:10px;
}

.cs-client {
  color: var(--text-soft-v2);
  margin-bottom: 15px;
}

.cs-content-v2 h3 {
  font-size: 30px;
  font-weight: 800;
}

.cs-content-v2 h4 {
  font-size: 17px;
  margin-top: 18px;
}



/* ------------------------------
   METRICS
------------------------------ */
.cs-metrics-grid-v2 {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 18px;
  margin: 25px 0;
}

.metric-box-v2 {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--border-v2);
  background: rgba(255,255,255,0.05);
}

.metric-box-v2 span {
  font-size: 14px;
  color: var(--text-soft-v2);
}

.metric-box-v2 h5 {
  font-size: 22px;
  font-weight: 800;
  margin-top: 6px;
}



/* ------------------------------
   TESTIMONIAL
------------------------------ */
.cs-testimonial-v2 {
  background: rgba(255,255,255,0.06);
  padding: 18px;
  border-left: 3px solid var(--accent-v2);
  border-radius: 12px;
  margin-top: 12px;
  font-style: italic;
}

.cs-testimonial-v2 .author {
  font-style: normal;
  margin-top: 8px;
  color: var(--text-soft-v2);
}



/* ------------------------------
   TAG ROW
------------------------------ */
.cs-tags-row-v2 span {
  display:inline-block;
  margin-right:10px;
  padding:8px 14px;
  border-radius:14px;
  background:rgba(0,139,131,0.12);
  color:var(--accent-v2);
  font-size:13px;
}


/* ------------------------------
   RESPONSIVE
------------------------------ */
@media(max-width:900px){
  .cs-card-v2{
    grid-template-columns:1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ad21c21 *//* ================================
   INDUSTRIES SECTION
================================ */
.sankalp-industries-section-indus-v1 {
  padding: 80px 20px;
  background: var(--bg-v2);
}


/* ---------- HEADING ---------- */
.indus-heading-wrap-v1 {
  text-align: center;
  margin-bottom: 50px;
}

.indus-heading-wrap-v1 h2 {
  font-size: 40px;
  font-weight: 800;
  color: var(--text-v2);
}

.indus-heading-wrap-v1 p {
  font-size: 17px;
  color: var(--text-soft-v2);
  margin-top: 8px;
}



/* ---------- GRID ---------- */
.indus-grid-v1 {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 28px;
}

@media (max-width: 900px) {
  .indus-grid-v1 { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 550px) {
  .indus-grid-v1 { grid-template-columns: 1fr; }
}


/* ---------- CARD ---------- */
.indus-card-v1 {
  text-align: center;
  padding: 28px 20px;
  
  border-radius: 18px;
  background: linear-gradient(var(--card-bg-v2), var(--card-bg-v2)) padding-box,
              linear-gradient(135deg, #00c8b5, #00686d) border-box;
  border: 2px solid transparent;

  box-shadow: 0 10px 25px var(--shadow-v2);

  cursor: pointer;
  transition: .35s ease;
  transform: translateY(40px);
  opacity: 0;
}

.indus-card-v1 img {
  width: 58px;
  height: 58px;
  margin-bottom: 14px;
}

.indus-card-v1 span {
  font-size: 17px;
  font-weight: 600;
  color: var(--text-v2);
}

/* Hover Glow */
.indus-card-v1:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 0 22px rgba(0,200,180,0.35);
}



/* ---------- SCROLL REVEAL ---------- */
.indus-card-v1.reveal {
  transform: translateY(0);
  opacity: 1;
  transition: all .8s ease;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-00825a3 *//* =====================================
   BEST CHOICE SECTION
===================================== */
.sankalp-choice-section-v1 {
  padding: 90px 20px;
  background: var(--bg-v2);
}


/* GRID */
.choice-grid-v1 {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 50px;
  align-items: center;
}

@media (max-width: 900px) {
  .choice-grid-v1 { grid-template-columns: 1fr; }
}


/* -------------------------------------
   LEFT SIDE — TEXT + BULLETS
-------------------------------------- */
.choice-title-v1 {
  font-size: 46px;
  font-weight: 800;
  line-height: 1.15;
  color: var(--text-v2);
  margin-bottom: 30px;
}

.choice-title-v1 span {
  color: var(--accent-v2);
}

.choice-list-v1 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.choice-list-v1 li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  font-size: 18px;
  color: var(--text-v2);
  margin-bottom: 22px;
}

.check-icon-v1 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--accent-v2);
  color: #fff;
  width: 26px;
  height: 26px;
  font-size: 14px;
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 0 12px rgba(0, 200, 180, 0.45);
  transition: .3s ease;
}





/* -------------------------------------
   RIGHT SIDE — ACHIEVEMENTS
-------------------------------------- */
.choice-right-v1 {
  padding: 30px;
  border-radius: 22px;

  background: linear-gradient(var(--card-bg-v2), var(--card-bg-v2)) padding-box,
              linear-gradient(135deg, #00c8b5, #00686d) border-box;
  border: 2px solid transparent;

  box-shadow: 0 10px 25px var(--shadow-v2);
}

.choice-right-title-v1 {
  font-size: 32px;
  font-weight: 800;
  color: var(--text-v2);
  margin-bottom: 28px;
}


/* ACHIEVEMENTS GRID */
.choice-achieve-grid-v1 {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 18px;
}

@media(max-width: 650px){
  .choice-achieve-grid-v1 { grid-template-columns: 1fr; }
}


/* ACHIEVE BOX */
.achieve-box-v1 {
  padding: 16px 20px;
  background: rgba(255,255,255,0.04);
  border-radius: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--text-v2);
  font-size: 17px;
  border: 1px solid var(--border-v2);
  transition: .35s ease;
}

.achieve-box-v1:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 22px rgba(0,200,180,0.25);
}

.achieve-icon-v1 {
  color: #ff9d3b; /* Orange tick */
  font-size: 18px;
}



/* -------------------------------------
   SCROLL REVEAL ANIMATIONS
-------------------------------------- */
.scroll-reveal-choice {
  opacity: 0;
  transform: translateY(40px);
  transition: all .8s ease;
}

.scroll-reveal-choice.reveal {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */