@charset "UTF-8";
.region-content{padding: 0px;}

/*Services*/
.service-icon img{filter: invert(28%) sepia(15%) saturate(1008%) hue-rotate(89deg) brightness(90%) contrast(83%);}
.services .service-card {background:#f4f4f4;border-radius: 16px;padding: 2rem;height: 100%;border: 1px solid color-mix(in srgb, #375542, transparent 92%);transition: all 0.3s ease;box-shadow: 0 4px 15px color-mix(in srgb, #375542, transparent 95%);}
.services .service-card .service-icon {width: 56px;height: 56px;border-radius: 14px;background:#37554226;display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;transition: transform 0.3s ease;}
.services .service-card .service-icon i {font-size: 1.5rem;color: #0b1ae9;}
.services .service-card h4 {font-size: 1.25rem;font-weight: 600;margin-bottom: 1rem;color: #375542;}
.services .service-card p {font-size: 0.95rem;line-height: 1.6;color: color-mix(in srgb, #375542, transparent 30%);margin-bottom: 1.5rem;}
.services .service-card .service-link {display: inline-flex;align-items: center;gap: 0.5rem;color: #0b1ae9;text-decoration: none;font-weight: 500;font-size: 0.9rem;transition: all 0.3s ease;}
.services .service-card .service-link i {transition: transform 0.3s ease;}
.services .service-card .service-link:hover {color: #375542;}
.services .service-card .service-link:hover i {transform: translateX(4px);}
.services .service-card:hover {transform: translateY(-3px);box-shadow: 0 8px 25px  #375542;border-color: #375542;}
.services .service-card:hover .service-icon {transform: scale(1.1);}
.services .service-card.bg-sub{background:#9c83111a;}