body { font-family: 'Raleway', sans-serif; letter-spacing: 1px; }
.raleway { font-family: 'Raleway', sans-serif; letter-spacing: 1px;}
.navbar { background-color: white; }
.navbar-color { background-color: #; color: white; }
.navbar-brand img { height: 56px; }
.hero {
    background: url(../img/header.png) no-repeat center center/cover;
    background-color: #004d40;
    color: white;
    padding: 100px 0;
    height: 670px;
}
.hero-about-us {
    background: url(../img/about_us.png) no-repeat center center/cover;
    background-color: #004d40;
    color: white;
    padding: 100px 0;
}
.hero-about-us-small {
    background: url(../img/about_us.png) no-repeat center center/cover;
    background-color: #004d40;
    color: white;
    padding: 5% 0%;
}
.hero-model-info { background: url(../img/model_info.png) no-repeat center center/cover; background-color: #004d40; color: white; }
.hero-access-gitlab {
    background: url(../img/about_us.png) no-repeat center center/cover;
    background-color: #004d40;
    color: white;
    padding: 60px 0;
}
.hero h1 { font-size: 2.5rem; margin-bottom: 1rem; }
.hero p { font-size: 28px; margin-bottom: 2rem; }
.btn-primary { background-color: #00bfa5; border-color: #00bfa5; }
.features { padding: 50px 0; }
.feature-icon { font-size: 3rem; color: #004d40; }
.models { background-color: #f8f9fa; padding: 50px 0; }
.model-card { border: none; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.faq { padding: 50px 0; }
.contact-section { background-color: #f8f9fa; }
.contact-info h4 { font-weight: bold; }
.footer .social-links a { color: #ffffff; margin-right: 10px; }
.about-section, .models-section, .challenges-section, .wimex-era-section { padding: 2rem 0; }
.models-section p, .challenges-section p, .wimex-era-section p { line-height: 1.6; }

.headline-h1 {
    font-family: 'Raleway', sans-serif;
    font-optical-sizing: auto;
    font-weight: bolder;
    font-size: 56px;
    color: #12B270;

}
.headline-h2 {
    font-family: 'Raleway', sans-serif;
    font-optical-sizing: auto;
    font-size: 48px;
    font-weight: bolder;
}
.li.nav-link:hover { color: #12B270; }
.li.nav-item:hover { color: #12B270; }
.a:hover { color: #12B270; }
.strong { font-weight: bold; text-transform: uppercase;}
.strong-basic { font-weight: bold;}
.sidebar-text { font-size: 14px; font-weight: 500; line-height: 16.8px; color: #648282; }
.stretch { font-stretch: extra-expanded;}
.stretch-text:hover { color: #12B270; }
.sidebar { border: #003C3C; border-radius: 1px; border-color: #003C3C;}
.sidebar-header { color: #648282; line-height: 21px; font-stretch: expanded;}
.headline-h3 { font-family: 'Raleway', sans-serif; font-optical-sizing: auto; font-weight: bold; font-size: 32px; }
.subtitle-1 { font-family: 'Raleway', sans-serif; font-optical-sizing: auto; font-size: 28px; }
.features-section-title { font-family: 'Raleway', sans-serif; font-optical-sizing: auto; font-weight: bold; font-size: 48px; }
.subtitle-2 { font-family: 'Raleway', sans-serif; font-optical-sizing: auto; font-weight: bold; font-size: 32px; }
.body-1 { font-family: 'Raleway', sans-serif; font-optical-sizing: auto; font-size: 20px; }
.body-2 { font-family: 'Raleway', sans-serif; font-optical-sizing: auto; font-size: 18px; font-weight: 400; }
.overline-1 {
    font-family: 'Raleway', sans-serif;
    font-optical-sizing: auto;
    font-weight: bold;
    font-size: 24px;
}
.start-now-btn { color: #12B270; border-color: #12B270; }
.start-now-btn:hover { border-color: #12B270; }
.footer-light-bg { background-color: #648282}
.sens-font { font-family: 'Raleway', sans-serif; letter-spacing: 1px; }
.overline-2 { font-family: 'Raleway', sans-serif; font-optical-sizing: auto; font-size: 16px; }

.btn-color-custom { background-color: #12B270; color: white; border-color: #12B270; }
.btn-color-custom:hover { background-color: transparent; color: #12B270; border-color: #12B270; }

.btn-color-custom-index { background-color: #12B270; color: white; border-color: #12B270; }
.btn-color-custom-index:hover { background-color: transparent; color: #12B270; border-color: #12B270; }

.btn-color-secondary { background-color: transparent; color: #12B270; border-color: #12B270; }
.btn-color-secondary:hover { background-color: #12B270; color: white; border-color: #12B270; }

.btn-models { background-color: white; color: #003C3C; border-color: #003C3C; border-width: 1px; }
.btn-models:hover { background-color:  #12B270; color: white; border-color: #12B270; }

.start-now-btn { color: #12B270; border-color: #12B270; background-color: none;}
.start-now-btn:hover { color: white; border-color: #12B270; background-color: #12B270;}

.public-btn-custom-height { height: 44px; }
.padding-bottom-1 { padding-bottom: 1rem; }
.padding-bottom-2 { padding-bottom: 2rem; }
.padding-bottom-3 { padding-bottom: 3rem; }
.index-cards { color: #003C3C; font-weight: bold; text-transform: uppercase; }
.navlink { color: #003C3C; font-family: 'Raleway', sans-serif; font-weight: 500;text-decoration: none; } 
.navlink:hover { color: #12B270; text-decoration: none; } 
.light-green {color: #12B270;}
.dark-green {color: #003C3C;}
.answer {
    font-family: 'Raleway', sans-serif;
    font-optical-sizing: auto;
    font-size: 16px;
    line-height: 1.6;
    color: #003C3C;
}
.question {font-size: 28px; font-weight: bold;}
.hero-heading {
    font-family: 'Raleway', sans-serif;
    font-weight: bolder;
    font-size: 56px;
    display: flex;
    align-items: center;
    letter-spacing: -0.01em;
    color: #12B270;
}
.hero-subheading {
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 121.2%;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}
.form-group-bg { background-color: #EFF3FD; height: 3rem; }
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.5); /* Add a semi-transparent background */
    border-radius: 50%; /* Make the background circular */
    padding: 15px; /* Add some padding */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Add a shadow */
}
.video-container { position: relative; display: inline-block; }
.video-container img { display: block; width: 100%; }
.card-faqs { border-width: 1px; background-color: none;}
.models-bg { background-color: rgba(100,130,130,0.1); z-index: inherit; width: 100%;}
.models-card-text { font-size: 14px; }
.models-card {max-width: 13rem;}
.a.btn-block:hover { background-color: #003C3C; color: white; border-color: #003C3C; }
.a.link:hover { color: #12B270; }
.nav-link.stretch.dark-green:hover { color: #12B270 !important; }
.nav-link.stretch:hover { color: #12B270 !important; }

.active {color: #12B270;}
.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: white;
}
.menu-section { line-height: 24px;}
.vertical-line {
    width: 1px; /* Slim width */
    height: 100%; /* Full height of the parent */
    background-color: #000; /* Color of the line */
    margin: 0 auto; /* Center the line horizontally */
}
.prefooter-tagline {color: #003C3C; font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 32px; text-align: center; padding-top: 2rem;}
.footer { color: white; padding: 30px 0; font-size: 12px; }
.about-us-bg { background-color: #F2F2F2; }

.card { height: 100%; }
.card-title { font-size: 18px; }
.card.btn { margin-top: auto; }

.contact-us-p {font-size: 20px;}

.file-manager {
    background-color: #F5F5F5;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.file-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    border-bottom: 1px solid #e5e5e5;
}
.file-item:last-child { border-bottom: none; }
.file-item .file-name { font-weight: bold; color: #333; }
.btn-export {
    background-color: #12B270;
    color: #fff;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: bold;
    border: none; border-radius: 5px; text-transform: uppercase; }
.btn-export:hover { background-color: #218838; }
.resizable-content {
    min-width: 700px;
    min-height: 400px;
    resize: both;
    overflow: auto;
    background-color: black;
}
.access-gitlab-btn { background-color: #003C3C; color: white; border-color: #003C3C; }
.access-gitlab-btn:hover { background-color: #218838; color: white; border-color: #12B270; }

.svg-container svg path {
    transition: fill 0.3s ease;
    fill: #12B270;
}

.svg-container:hover svg path {
    fill: white; /* Change to your desired hover color */
}
.btn-outline-success:hover { color: white; border-color: #003C3C; background-color: #12B270 !important;}
.cli-title { font-size: 24px; font-weight: bold; }
.data-catalogue-subtitle { font-size: 24px; line-height: 150%; }
.eo-data-section-title { font-size: 32px; }
.eo-data-section-paragraph { font-size: 20px; }
.my-requests-title { color: #648282; font-size: 16px; font-weight: bold; }
.resources-th { font-size: 16px; color: #648282; }
.resources-title { font-size: 24px; font-weight: 700; color: #003C3C; }
.resources-item { font-size: 16px; color: #003C3C; font-weight: 600; }
.request-item { font-size: 16px; color: #003C3C; font-weight: 400; }
.file-list { max-width: 800px; margin: 2rem auto; }
.file-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.file-list li {
    padding: 0.5rem 0;
    /* border-bottom: 1px solid #dee2e6; */
}
.file-list li:last-child { border-bottom: none; }
.file-name {
    color: #003C3C;
    font-size: 16px;
    margin-bottom: 0.25rem;
}
.upload-date {
    color: #648282;
    font-size: 10px;
}
.actions-btn {
    color: #648282;
    background: none;
    border: none;
    padding: 0.25rem 0.5rem;
    font-weight: bolder;
}