.cta-banner {
   /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
   background: linear-gradient(90deg, var(--primary-font-accent1), var(--primary-font-accent2));
    color: white;
    padding: 2rem;
    text-align: center;
}
.service-card {
    transition: transform 0.3s;
}
.service-card:hover {
    transform: translateY(-5px);
}


:root {
  --primary-bg-dark: #0e172a;
  --menu-bg: ;
  --primary-font: #cdd5e0;
  --primary-font-accent1: #7ea7f5;
  --primary-font-accent2: #9be3f7;
  --primary-font-accent3: #43c575;
  --primary-heading: #ffffff;
  --alt-bg-lighter: #1e293c

}

body {
    color: var(--primary-font)
}

.page-background {
    /*  background-color: var(--primary-bg-dark) */ 
    background: linear-gradient(135deg, var(--primary-bg-dark) 0%, var(--alt-bg-lighter) 100%);
}

a, a:hover, a:focus {
    color: var(--primary-font-accent1);
    text-decoration: none;
}
h1, h2, h3 {
    color: var(--primary-heading);
}


h1 .highlight {
   /* color: var(--primary-font-accent1); */
   background-image: linear-gradient(90deg, var(--primary-font-accent1), var(--primary-font-accent2));
   color: transparent;
   -webkit-background-clip: text;
   background-clip: text;
}
h3 {
    font-size: 1.1rem;
    margin-bottom: 2rem;
}

.navbar-brand i {
    color: var(--primary-font-accent1);
}

ul.icon-list {
    list-style: none;
    padding-left: 0;
}
ul.icon-list li {
    margin-bottom: 0.6rem;
}
ul.icon-list li i {
    padding-right: 2rem;
    color: var(--primary-font-accent3);
}

.service-card {
    background-color: var(--alt-bg-lighter);
    height: 100%!important;
    border-radius: 1rem;
}
.service-card .card-title {
    color: var(--primary-heading);
}
.service-card .card-body {
    padding: 2rem;
}
.service-card .card-text {
    color: var(--primary-font);
}
.service-card .service-icon-infra {
    color: #2d3a87
}
.service-card .service-icon-cyber {
    color: #2f512f
}
.service-card .service-icon-cloud {
    color: #2f4d62
}
.service-card .service-icon-helpdesk {
    color: pink
}
.service-card .service-icon-network {
    color: #6c3419
}
.service-card .service-icon-backup {
    color: #6e2821
}
.service-card .service-icon-consultancy {
    color: #f59e0b;
}
.service-card .service-icon-connectivity {
    color: blue
}
.service-card .service-icon-web {
    color: #4a90e2;
}


.contact-form {
    background-color: var(--alt-bg-lighter);
    border-radius: 1rem;
}
.contact-details i {
    color: var(--primary-font-accent3);
}
.contact-details a {
    color: var(--primary-font);
}

.btn {
    background-color: var(--primary-font-accent3);
    border: none;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.btn:hover {
    background-color: var(--primary-font-accent3);
    color: black;
}
.btn:active:focus, .btn:active, btn:visited {
    box-shadow: none;
    background-color: var(--primary-font-accent3);
    color: black;
}

.recaptcha-notice p {
    font-size: 0.7rem;
}
.grecaptcha-badge {
    visibility: hidden;
}


footer {
    font-size: 0.8rem;
}