:root {
  font-size: 18px;
  /* Primary Colors */
  --color-electric-violet: #9732fa;
  --color-electric-violet-dark-1: #7935BA;
  --color-electric-violet-dark-2: #602C92;
  --color-electric-violet-dark-3: #8059E3;
  --color-electric-violet-dark-4: #1F1334;
  --color-electric-violet-light-1: #6F527E;
  --color-electric-violet-light-2: #442E5A;
  --color-lavender-beam: #be7bff;
  --color-night-forest: #0f0d14;
  --color-tertiary-text: #bababa;
  --color-muted-silver: #afafb6;
  --color-muted-silver-light: #f2f2f2;
  --color-golden: #ddac16;
  --color-black: #000;
  --color-black-2: #000202;
  --color-black-3: #0A0A0A;
  --color-black-4: #191919;
  --color-black-5: #080808;
  --color-white: #fff;
  --color-white-2: #F6F6F6;
  --color-white-3: #CDCDCD;
  --color-teal: #40DDAF;
  --color-teal-2: #50E3C2;
  --color-magenta: #FF3DBE;
  --color-purple: #AA00FF;
  --color-greenlight: #00FEA8;
  --color-panel: #0D0D11;
  --color-card: #1B1A21;
  --color-card-2: #17161C;
  --color-card-3: #16161C;
  --color-grey-dark: #222026;
  --color-grey-dark-2: #27252B;
  --color-grey-dark-3: #666;
  --color-grey-dark-4: #757575;
  --color-grey-light: #BAB9BC;
  --color-grey-light-2: #3B3B3B;
  --color-grey-light-3: #3E3C42;
  --color-grey-light-4: #3D3D3D;
  --color-grey-light-5: #E6E6E6;
  --color-grey-light-6: #434343;
  --color-grey-light-7: #1C1C1C;
  --color-grey-light-8: #AFAFAF;
  --color-grey-light-9: #f9f9f9;
  --color-grey-light-10: #2D2D2D;
  --color-grey-light-11: #dbdbdb;
  --color-grey-light-12: #B2B2B2;
  --color-pink: #E4C9FF;
  --color-red-dark: #44193D;
  /* Electric Violet Shades */
  --color-electric-violet-80: rgba(151, 50, 250, 0.8);
  --color-electric-violet-60: rgba(151, 50, 250, 0.6);
  --color-electric-violet-40: rgba(151, 50, 250, 0.4);
  --color-electric-violet-20: rgba(151, 50, 250, 0.2);
  /* Lavender Beam Shades */
  --color-lavender-beam-80: rgba(0, 111, 83, 0.8);
  --color-lavender-beam-60: rgba(0, 111, 83, 0.6);
  --color-lavender-beam-40: rgba(0, 111, 83, 0.4);
  --color-lavender-beam-20: rgba(0, 111, 83, 0.2);
  /* Night Forest Shades */
  --color-night-forest-80: rgba(15, 13, 20, 0.8);
  --color-night-forest-60: rgba(15, 13, 20, 0.6);
  --color-night-forest-40: rgba(15, 13, 20, 0.4);
  --color-night-forest-20: rgba(15, 13, 20, 0.2);
  /* black Shades */
  --color-black-80: rgba(0, 0, 0, 0.8);
  --color-black-60: rgba(0, 0, 0, 0.6);
  --color-black-40: rgba(0, 0, 0, 0.4);
  --color-black-20: rgba(0, 0, 0, 0.2);
  --color-black-10: rgb(39, 37, 43);
  /* black Shades opacity in points */
  --color-black-0-50: rgba(0, 0, 0, 0.05);
  /* white Shades */
  --color-white-80: rgba(255, 255, 255, 0.8);
  --color-white-70: rgba(255, 255, 255, 0.7);
  --color-white-60: rgba(255, 255, 255, 0.6);
  --color-white-50: rgba(255, 255, 255, 0.5);
  --color-white-40: rgba(255, 255, 255, 0.4);
  --color-white-30: rgba(255, 255, 255, 0.1);
  --color-white-20: rgba(255, 255, 255, 0.2);
  --color-white-10: rgb(135, 134, 138);
  /* white shades opacity in points */
  --color-white-0-50: rgba(255, 255, 255, 0.05);
  --color-white-0-1: rgba(0, 0, 0, 0.1);
}

.sb-phases-of-sdlc__wrapper .slick-vertical {
  position: relative;
}
.sb-phases-of-sdlc__wrapper .slick-vertical:before {
  content: "";
  height: 100%;
  border: 1px dashed transparent;
  -o-border-image: repeating-linear-gradient(to bottom, #666666 0, #666666 16px, transparent 8px, transparent 27px) 30 round;
     border-image: repeating-linear-gradient(to bottom, #666666 0, #666666 16px, transparent 8px, transparent 27px) 30 round;
  top: 0;
  bottom: 0;
  width: 1px;
  position: absolute;
  z-index: -1;
  left: clamp(24px, 24px + (39 - 24) * (100vw - 320px) / (1920 - 320), 39px);
}
.sb-phases-of-sdlc__wrapper .slick-vertical:after {
  content: "";
  height: 266px;
  bottom: 0;
  position: absolute;
  background: linear-gradient(to bottom, transparent, #0F0D14);
  left: 0;
  right: 0;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .sb-phases-of-sdlc__wrapper .slick-vertical:after {
    height: 46px;
  }
}
.sb-phases-of-sdlc__wrapper .slick-vertical .slick-slide {
  margin-bottom: 36px;
  position: relative;
}
.sb-phases-of-sdlc__wrapper .slick-vertical .carousel-slide .custom-dot {
  width: clamp(42px, 42px + (80 - 42) * (100vw - 320px) / (1920 - 320), 80px);
  min-height: clamp(42px, 42px + (80 - 42) * (100vw - 320px) / (1920 - 320), 80px);
  height: clamp(42px, 42px + (80 - 42) * (100vw - 320px) / (1920 - 320), 80px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #353535;
  color: white;
  border: none;
  font-size: clamp(19px, 19px + (36 - 19) * (100vw - 320px) / (1920 - 320), 36px);
  position: absolute;
  left: 0;
}
.sb-phases-of-sdlc__wrapper .slick-vertical .carousel-slide .custom-dot:before {
  content: "";
  height: 36px;
  background: #0f0d14;
  width: 2px;
  position: absolute;
  top: -36px;
  left: clamp(21px, 21px + (36 - 21) * (100vw - 320px) / (1920 - 320), 36px);
  z-index: 1;
}
.sb-phases-of-sdlc__wrapper .slick-vertical .carousel-slide__content {
  background: var(--color-black-10);
  padding: clamp(15px, 15px + (41 - 15) * (100vw - 320px) / (1920 - 320), 41px) clamp(28px, 28px + (64 - 28) * (100vw - 320px) / (1920 - 320), 64px);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--color-white);
  width: calc(100% - clamp(97px, 97px + (135 - 97) * (100vw - 320px) / (1920 - 320), 135px));
  max-width: 549px;
  margin-left: auto;
  min-height: 308px;
}
@media screen and (max-width: 991px) {
  .sb-phases-of-sdlc__wrapper .slick-vertical .carousel-slide__content {
    width: calc(100% - clamp(54px, 54px + (110 - 54) * (100vw - 320px) / (1920 - 320), 110px));
  }
}
@media screen and (max-width: 767px) {
  .sb-phases-of-sdlc__wrapper .slick-vertical .carousel-slide__content {
    min-height: 200px;
    width: calc(100% - clamp(54px, 54px + (135 - 54) * (100vw - 320px) / (1920 - 320), 135px));
  }
}
.sb-phases-of-sdlc__wrapper .slick-vertical .carousel-slide__content .icon {
  width: clamp(32px, 32px + (64 - 32) * (100vw - 320px) / (1920 - 320), 64px);
  height: clamp(32px, 32px + (64 - 32) * (100vw - 320px) / (1920 - 320), 64px);
  background: var(--color-electric-violet-light-1);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: clamp(9px, 9px + (16 - 9) * (100vw - 320px) / (1920 - 320), 16px);
}
.sb-phases-of-sdlc__wrapper .slick-vertical .carousel-slide__content .icon img {
  max-width: clamp(17px, 17px + (32 - 17) * (100vw - 320px) / (1920 - 320), 32px);
}
.sb-phases-of-sdlc__wrapper .slick-vertical .carousel-slide__content h4 {
  line-height: 1.2;
  margin-bottom: flud-size(8, 16);
}
.sb-phases-of-sdlc__wrapper .slick-vertical .carousel-slide__content p {
  font-weight: 300;
  line-height: 1.4;
}
.sb-phases-of-sdlc__title {
  margin-bottom: clamp(12px, 12px + (16 - 12) * (100vw - 320px) / (1920 - 320), 16px);
  max-width: 410px;
  color: var(--color-white);
}
.sb-phases-of-sdlc__description {
  font-size: clamp(14px, 14px + (18 - 14) * (100vw - 320px) / (1920 - 320), 18px);
  color: var(--color-white);
  line-height: 1.6;
}
.sb-phases-of-sdlc__slider-inner {
  display: flex;
  justify-content: flex-end;
  position: relative;
  pointer-events: none;
}/*# sourceMappingURL=sb_phases_of_sdlc.css.map */