/* --------------- Services --------------- */
.services-dm {
  position: relative;
  z-index: 3; }
  .services-dm .img-patern {
    position: absolute;
    bottom: 10%;
    left: -15%;
    width: 30%;
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: .07;
    z-index: -1; }
  .services-dm .item {
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s; }
    .services-dm .item:last-of-type {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .services-dm .item .title h2 {
      font-size: 100px;
      letter-spacing: -4px; }
    .services-dm .item p {
      opacity: 0;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s; }
    .services-dm .item .icon {
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 50%;
      margin-left: 150px; }
      .services-dm .item .icon img {
        width: 30px; }
    .services-dm .item:hover .title {
      margin-bottom: 0;
      color: var(--main-color); }
    .services-dm .item:hover p {
      opacity: 1; }

.numbers-dm .item h2 {
  font-size: 120px;
  font-weight: 200; }
  .numbers-dm .item h2 span {
    font-size: 50px; }

.numbers-dm .item h6 {
  font-size: 18px; }



/* ====================== [ Start Responsive ] ====================== */
@media screen and (max-width: 992px) {
  .header-dm .caption {
    height: 700px; }
  .header-dm .mimg {
    width: 98%;
    top: -15px;
    right: 1%; }
  .header-dm .mimg .shaps.top {
    width: 90%;
    height: 220px; }
  .sec-head .sub-head {
    margin-bottom: 30px; }
  .text-indent {
    text-indent: inherit; }
  .intro-vid {
    margin-top: 120px; }
  .services-dm .item .title h2 {
    font-size: 80px; }
  .works-dm .sec-head {
    padding-left: 0; }
  .works-dm .gallery,
  .works-dm .items {
    position: static !important;
    height: auto !important; } }

@media screen and (max-width: 768px) {
  .header-dm .caption h1 {
    font-size: 40px;
    letter-spacing: -1px; }
  .services-dm .item {
    display: block !important; }
  .services-dm .item .title h2 {
    font-size: 60px;
    margin-bottom: 10px; }
  .intro-vid {
    margin-top: 0; }
    .intro-vid .bg-img .states {
      display: none; }
  .testimonials-dm .sec-head .states .ml-80 {
    margin-left: 15px !important; } }