.imagecontour {
 padding: 10px; 
 border: solid 1px #EFEFEF;
 background-color: #FFFFFF;
 }
 
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.effect2:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.c-code-cer {
    background: rgba(0,109,119,0.12);
    padding: 8px 20px;
    border-radius: 40px;
    display: inline-block;
    font-family: monospace;
    font-weight: 600;
    font-size: 0.9rem;
    color: #006d77;
    margin-top: 15px;
}
.service-icon {
    font-size: 48px;
    color: #006d77;
    margin-bottom: 20px;
}
.c-service-card {
    background: #fff;
    border-radius: 16px;
    padding: 30px 25px;
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}
.c-service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 35px -12px rgba(0,0,0,0.15);
}
.c-target-badge {
    background: #f0f7f5;
    border-radius: 60px;
    padding: 8px 24px;
    display: inline-block;
    margin: 5px;
    font-weight: 500;
    color: #1a5c5a;
}
.c-target-badge i {
    color: #006d77;
    margin-right: 8px;
}
.c-quote-section {
    background: linear-gradient(135deg, #eef5f2 0%, #e0ece8 100%);
    border-radius: 32px;
    padding: 50px 40px;
    margin: 40px 0;
}
.btn-ecosanity {
    background-color: #006d77;
    border-color: #006d77;
}
.btn-ecosanity:hover {
    background-color: #004e55;
    border-color: #004e55;
}
.c-text-teal {
    color: #006d77;
}
.bordo-ecosanity {
    border-bottom: 3px solid #006d77;
    display: inline-block;
    padding-bottom: 5px;
}
.c-bg-ecosanity-light {
    background-color: #f0f7f5;
}
.c-slider-overlay {
    background: rgba(0,0,0,0.5);
    padding: 20px;
    border-radius: 10px;
}

.intro-box {
    border-radius: 20px;
    padding: 40px;
}