h1 {
    text-align: left;
    /*width: 100%;  Ensure it takes up the full width of its container 
    margin-left: 0; /* Optional: reset any default margins */
}

/*div#custom-6306-particle.g-content.g-particle {
    margin: 0;
    padding: 0;
}
*/

#custom-6306-particle.g-content.g-particle {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

div.card {
    height: auto;  /*Adjust this value if needed 42px*/
    font-size: 16px; /* Ensuring the font size is consistent */
    font-family: Arial, sans-serif; /* Ensuring the font family is consistent */
    margin: 0px 0px 10px 0px;  /*Ensuring margin consistency */
    background-color: #E9F2FD; /* Ensuring background color consistency */
    color: #424753; /* Ensuring text color consistency */
}


/* General Styles */
#g-aside {
    padding: 0.5rem 0;
}

#g-mainbar {
    padding: 0rem 0;
}

#g-sidebar {
    padding: 0.5rem 0;
}

h4 {
    font-size: 1.1rem;
}

h2 {
    margin: 16px 0px;
}

#contentarray-3669-particle.g-content.g-particle {
    padding-top: 0;
}

#g-navigation {
    border-bottom: 3px solid #314883c9;
}

.g-block.size-60.nopaddingall.align-left {
    padding-left: 20px;
    padding-right: 20px;
}

#g-block size-20 {
    border-right: 3px solid #314883c9;
}

#g-content g-particle {
    padding-left: 0.4rem;
}

/* Add padding to the left and right of ul.g-toplevel */
ul.g-toplevel {
    padding-left: 20px; /* Adjust the value as needed */
    padding-right: 20px; /* Adjust the value as needed */
}

ul.mod-languages__list.lang-inline {
    padding-bottom: 20px; /* Adjust the value as needed */
}

/* Styles for automatic menu items */
#g-navigation .g-main-nav .g-toplevel {
    letter-spacing: 0.3px;
}


.g-main-nav .g-toplevel > li > .g-menu-item-container {
    text-decoration: none;
    line-height: 2.5;
    color: #424753;
    transition: color 0.3s ease;
}

.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator:after {
    width: 1.25rem;
    padding: 0.6rem 0.25rem 0.25rem 0rem;
    height: 1.25rem;
}

.g-main-nav .g-toplevel > li > .g-menu-item-container:hover,
.g-main-nav .g-toplevel > li.active > .g-menu-item-container {
    color: #0713b8 !important;
}

.box-outline.moduletable, .box-outline.widget, .box-outline.g-outer-box, .box-outline > .g-content {
    border: 1px solid #dfdfdf;
}

.empty-space {
    margin-bottom: 20px;
}

.box1.moduletable, .box1.widget, .box1.g-outer-box, .box1 > .g-content {
    background: #d7e5f5a8;
}

.g-social a {
    color: #0713b8;
}

#social-3171-particle.g-content.g-particle {
    padding-right: 0;
}


/* Flexbox Container */
.flex-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

/* Custom HTML Class for Left Menu */
.fp-features.left-menu {
    margin: 0; /* Remove unnecessary margins */
    padding: 0; /* Remove unnecessary padding */
}

.fp-features.left-menu .card {
    background-color: #e9f2fd;
    border: 1px solid #cdd9f3;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 0; /* Ensure padding does not push content */
}

.fp-features.left-menu .card-block {
  padding-left: 10px;  /*Adjust padding as needed*/
  padding-top: 2px
}

.fp-features.left-menu .card-title {
    font-size: 1.1rem;
    margin: 0;
    color: #314883;
}

.fp-features.left-menu .card-title b {
    font-weight: bold;
}

.fp-features.left-menu a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.fp-features.left-menu a:hover .card-title {
    color: #0713b8;
}

/* Custom HTML Class for Logos */
.fp-logos {
    margin: 0; /* Ensure no margin is added */
    padding: 0; /* Ensure no padding is added */
}

.fp-logos .fp-features .card {
    background-color: white; /* White background for logos */
    border: 1px solid #dfdfdf; /* Light border */
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 0; /* Ensure padding does not push content */
}

.fp-logos .fp-features .card-block {
    padding: 10px;
}

.fp-logos .fp-features a {
    text-decoration: none;
    display: block;
}

.fp-logos .empty-space {
    margin-bottom: 10px;
}

/* Media Queries for Responsive Design */
@media only screen and (max-width: 768px) {
    .flex-container {
        flex-direction: column;
        align-items: stretch;
    }

    .fp-features .card {
        margin-bottom: 5px;
    }

    .fp-features .card-title {
        font-size: 1rem;
    }
}

#custom-7766-particle.g-content.g-particle {
    color: #424753;
    font: 16px Arial;
    margin: 0 10px 0px 10px; /* top margin set to 0, rest remains 10px */
    padding: 0 15.008px 0px 15.008px; /* top padding set to 0, rest remains 15.008px */
}

html {
    overflow-y: scroll;
}