#accordion {
  max-width: 100%;
  margin: 40px;
  margin-left: 0;
  margin-top: 0;
  line-height: 1.5em;
  font-size: 16px;
  width: 100%;
}

#accordion ul li,
.innertext ul li {
  list-style-image: url("../images/dotted_arrow_disc.png") !important;
  font-weight: 300;
}

#accordion ol > li::marker {
  font-weight: 400;
  color: rgb(8, 91, 139);
}

#accordion h3 {
  font-size: 2em;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: bold;
}
.accordion-toggle {
  cursor: pointer;
}
.accordion-toggle .icon {
  float: right;
  margin-left: 10px;
}
.accordion-toggle .icon:before {
  display: inline-block;
  content: "+";
  font-size: 40px;
  line-height: 12px;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: 0.2s ease;
}
.accordion-toggle.open .icon:before {
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  transform-origin: 50% 50%;
}
.accordion-content {
  display: none;
}
.accordion-content.default {
  display: block;
}
.accordion-box {
  padding: 0;
}
.accordion-box p {
  margin-right: 20px;
}
#service-bar {
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(
    -45deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(3, 18, 33, 1) 15%,
    rgba(3, 18, 33, 1) 51%,
    rgba(3, 18, 33, 1) 86%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    -45deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(3, 18, 33, 1) 15%,
    rgba(3, 18, 33, 1) 51%,
    rgba(3, 18, 33, 1) 86%,
    rgba(0, 0, 0, 1) 100%
  );
  background: linear-gradient(
    135deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(3, 18, 33, 1) 15%,
    rgba(3, 18, 33, 1) 51%,
    rgba(3, 18, 33, 1) 86%,
    rgba(0, 0, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
  text-transform: uppercase;
  /*font-family: "Comfortaa", cursive !important;*/
  font-family: 'Roboto', sans-serif!important;
  font-size: 12px;
  font-weight: 600;
}

#service-bar a:hover {
  text-decoration: none;
  color: rgb(94, 196, 255) !important;
}
#service-bar a:hover i {
  text-decoration: none;
  color: rgb(255, 255, 255) !important;
}

#site-cs {
  background: url("../images/cs.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: bottom left;
  background-repeat: no-repeat;
  /* background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
}
@media (max-width: 991px) {
  #site-cs {
    background-attachment: scroll;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

.site-cs-wrapper {
  position: relative;
  background: rgba(0, 123, 172, 0.75);
  color: #fff;
  padding-bottom: 40px;
  padding-top: 40px;
}

#site-scanning {
  background: url("../images/sscan.jpg");
  background-attachment: fixed;
  background-size: 100%;
  background-position: bottom left;
  background-repeat: no-repeat;
  /* background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
}
@media (max-width: 991px) {
  #site-scanning {
    background-attachment: scroll;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

.site-scanning-wrapper {
  position: relative;
  background: rgba(29, 29, 29, 0.75);
  color: #fff;
  padding-bottom: 40px;
  padding-top: 40px;
}
.advertwrapper {
  position: relative;
  background: rgba(0, 123, 172, 0.75);
  color: #fff;
  padding-bottom: 40px;
  padding-top: 40px;
}
.allservices #advert {
  background: url("../images/ds1.jpg");
  background-size: 100%;
  background-position: top left;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.allservices #advert .cds {
  padding-bottom: 80px !important;
  padding-top: 80px !important;
}

@media (max-width: 991px) {
  .allservices #advert {
    background-attachment: fixed;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
/* Digital Dictation */
#d-dictation {
  background: url("../images/ds1.jpg");
  background-attachment: scroll;
  background-size: 100%;
  background-position: bottom left;
  background-repeat: no-repeat;
  /* background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
}
@media (max-width: 991px) {
  #d-dictation {
    background-attachment: scroll;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

.d-dictation-wrapper {
  position: relative;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  padding-bottom: 40px;
  padding-top: 40px;
}
/* Digital Dictation 2nd */
#d-dictation2 {
  background: url("../images/dd3.jpg");
  background-attachment: scroll;
  background-size: auto;
  background-position: bottom left;
  background-repeat: no-repeat;
  /* background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
}
@media (max-width: 991px) {
  #d-dictation2 {
    background-attachment: scroll;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

.d-dictation2-wrapper {
  position: relative;
  background: rgba(0, 65, 161, 0.85);
  color: #fff;
  padding-bottom: 40px;
  padding-top: 40px;
}

#d-dictation p,
#d-dictation2 p {
  font-size: 18px;
}
.nostyle,
.nostyle:hover {
  text-decoration: none;
  color: inherit;
}
#services .card-footer {
  background-color: unset;
}