apct-landing/themes/meghna-hugo/assets/css/custom.css

.navigation {
    background-color: #282e36;
    width: 100%;
    margin-bottom: 0;
}

#contact-submit:hover {
    border-color: #2c9091;
    background-color: #559BE4;
}

/* this should probably be #215CD2 */
.btn-main:hover {
    background: #559BE4;
    color: #fff;
  }


.price-item {
    background-color: #0d0e0f;
}

/* .counters-item {
    background-color: #0d0e0f; 
} */

.service-block {
    background-color: #0d0e0f;
    box-shadow: 5px 5px 5px rgba(44, 44, 44, 0.3), 13px 13px 0 #559be4cc;

}

.service-block:hover {
  background-color: #0d0e0f;
  box-shadow: 5px 5px 5px rgba(44, 44, 44, 0.3), 13px 13px 0 #0099ffcc;
}



.skill-bar .progress .progress-bar {
    background: #215CD2;
  }

.member-photo .mask {
  background-color: rgba(33, 92, 210, 0.7);
}

@media (max-width: 3840px) {
  .section {
    padding: 100px;
  }
  .container {
    max-width: 90%;
  }
  .col-lg-4 {
    flex: 0 0 30%;
    display: grid;
    max-width: 30%;
    min-width: 10%;
    margin: auto;
  }
  
  .block {
    min-height: 390px;
  }

  .service-block{
    min-height: 360px;
  }
} 

@media (max-width: 1899px) {
  .section {
    padding: 100px;
  }
  .container {
    max-width: 100%;
  }
  .col-lg-4 {
    flex: 0 0 33%;
    display: grid;
    max-width: 30%;
    min-width: 10%;
    margin: auto;
  }
  
  .block {
    min-height: 495px;
  }

  .service-block{
    min-height: 488px;
  }
} 

@media (max-width: 800px) {
  .section {
    padding: 1%;
  }

  .container {
    max-width: 100%;
  }

  .col-lg-4 {
    padding: 0;
    flex: 0 0 100%;
    display: grid;
    max-width: 100%;
    margin: auto;
  }
  
  .block {
    min-height: 366px;
  }

  .service-block {
    min-height: 312px;
  }
}