/*New css*/
#how-calquence-works-mcl ul.mcl-ul {
  list-style: none;
  position: relative;
  color: #535353;
  margin-left: 12px;
}

#how-calquence-works-mcl ul.mcl-ul li::before {
  display: inline-block;
  content: '\2022';
  position: absolute;
  left: -10px;
  color: var(--mcl-darkteal);
}

#how-calquence-works-mcl ul.mcl-ul {
  margin-bottom: 10px !important;
}

#how-calquence-works-mcl .space-bottom ul.mcl-ul {
  margin-bottom: 17px !important;
}

#how-calquence-works-mcl ul.mcl-ul li {
  margin-left: 4px;
  color: #535554;
}

#how-calquence-works-mcl .mcl-ul {
  margin-left: 18px !important;
}

#how-calquence-works-mcl .hcw-subtitle {
  margin-bottom: 15px;
  margin-top: 22px;
  align-items: flex-start;
}

#how-calquence-works-mcl .extra-space-10 {
  margin-bottom: 10px;
}

#how-calquence-works-mcl .extra-space-20 {
  margin-bottom: 10px !important;
}

#how-calquence-works-mcl .hcw-subtitle h2 {
  text-transform: uppercase;
  padding-right: 10px;
  width: 190px;
  margin-bottom: 0px;
}

#how-calquence-works-mcl .extra {
  margin-bottom: 11px;
}

#how-calquence-works-mcl .video-title {
  padding-left: 0px;
}

.mcl-work-bottom {
  margin-bottom: 0px;
}
/*New css*/
.action-box {
  width: 100%;
    /* background: #fff; */
  border-radius: 20px;
}

.second-box .action-box:nth-child(2) .action-box-text {
  height: 142px;
}

.action-box-text {
  height: 117px;
  padding: 0px 14px;
  align-items: center;
  display: grid;
  position: relative;
  top: -5px;
  border-radius: 0px 0px 20px 20px;
  background: #fff;
}

.action-container {
  gap: 17px;
}

.one-box {
  margin-bottom: 17px;
}

.second-box {
  margin-bottom: 19px;
}

#calquence-in-action-video-mcl {
  max-width: 950px;
  margin: 0 auto;
  padding: 0px 25px 36px 25px;
}

.hcq-padding-0 {
  padding: 0px;
}

.action-container {
  display: grid;
}

.hcq-image .mobile-only {
  width: 341px;
  height: 50px;
  margin: 0 auto;
}

#how-calquence-works-mcl .uppercase {
  text-transform: uppercase;
}

@media (min-width: 445px) {
  .action-box {
    width: 343px;
    margin: 0 auto;
  }
}

@media (min-width: 576px) {
  #how-calquence-works-mcl .hcw-subtitle h2 {
    width: auto;
  }
}

@media (min-width: 768px) {
  #how-calquence-works-mcl .action-box {
    width: 397px;
  }

  #calquence-in-action-video-mcl {
    padding: 0px 0px 36px 0px;
  }

  #how-calquence-works-mcl .extra {
    margin-bottom: 11px;
  }

  #how-calquence-works-mcl .hcw-subtitle {
    margin-bottom: 25px;
    margin-top: 12px;
  }

  .action-box-text {
    height: 135px;
  }

  .action-container {
    width: 850px;
    margin-left: 48px;
    gap: 56px;
    justify-content: space-between;
  }

  .one-box {
    margin-bottom: 35px;
  }

  .second-box {
    margin-bottom: 28px;
  }

  .action-container {
    display: flex;
  }

  .hcq-image .desktop-only {
    width: 849px;
    height: 125px;
    margin-left: 32px;
  }

  .hcq-padding-0 {
    padding: 0 16px;
  }

  #how-calquence-works-mcl .space-bottom ul.mcl-ul {
    margin-bottom: 15px !important;
  }

  #how-calquence-works-mcl .new-banner--footnote.new-banner--footnote-white {
        /*padding-left: 250px !important;*/
        /*top: 5px;*/
    ;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #how-calquence-works-mcl .action-container {
    width: auto;
    margin-left: 20px;
    gap: 0px;
  }

  #how-calquence-works-mcl .action-box {
    width: 330px;
  }

  #how-calquence-works-mcl  .hcq-image .desktop-only {
    width: 100%;
    height: auto;
    margin-left: 0px;
  }

  #how-calquence-works-mcl .action-box-text {
    height: 140px;
  }

  #how-calquence-works-mcl .video-title {
    margin-left: 25px;
  }
}

@media (max-width: 389px) {
  .second-box .action-box:nth-child(2) .action-box-text {
    height: 182px;
  }
}

#how-calquence-works-mcl .footnote {
  font-size: 12px !important;
  line-height: 14px !important;
}

@media (max-width: 991px) {

  #how-calquence-works-mcl .new-banner--footnote {
    position: relative;
    top: -8px;
  }

  #how-calquence-works-mcl .new-banner--footnote p {
    font-size: 10px;
    line-height: 7px;
  }

  #how-calquence-works-mcl .hcw-subtitle {
    margin-bottom: 0;
    margin-top: 22px;
  }

  #how-calquence-works-mcl .new-section-one {
    margin-bottom: 15px;
    margin-top: 0;
  }
  
}


/*New CSS*/
#how-calquence-works-mcl .new-section-one {
  align-items: center;
  margin-bottom: 28px;
  margin-top: 18px;
  gap: 11px;
}

#how-calquence-works-mcl .new-section-one {
  margin-bottom: 15px;
  margin-top: 22px;
}

#how-calquence-works-mcl .new-section-bottom p:nth-child(2) {
  /*font-size: 12px;*/
  ;
}

#how-calquence-works-mcl .new-section-one {
  align-items: flex-start;
  position: relative;
  left: -6px;
}

@media (max-width: 768px) {
  #how-calquence-works-mcl .hcw-subtitle-sub-text h2 {
    padding-right: 0px !important;
  }
}

@media (min-width: 768px) {
  #how-calquence-works-mcl .new-section-one {
    margin-bottom: 30px;
    margin-top: 14px;
  }

  #how-calquence-works-mcl .hcw-subtitle.extra-class-11 {
        /*margin-bottom: 12px;*/
        /*margin-top: 2px;*/
    margin-bottom: 22px;
    margin-top: 13px;
  }

  #how-calquence-works-mcl .new-section-one {
    align-items: center;
    position: relative;
    left: -7px;
  }
  
  #how-calquence-works-mcl .action-box > div {
        width: 395px;
    }
}

.text-upper-case {
  text-transform: uppercase;
}