:root {
    font-size: 14px;
    --white: #FFFFFF;
    --black: #1F1E24;
    --light-grey: #F8F8F8;
    --accent-color: #165BE5;
    --accent-color-light: #DDEBFF;
    --accent-color-dark: #0c42af;
    --light-blue: #EAF6FF;

    --fs-10px: 0.625rem;
    --fs-12px: 0.75rem;
    --fs-14px: 0.875rem;
    --fs-16px: 1rem;
    --fs-18px: 1.125rem;
    --fs-20px: 1.25rem;
    --fs-22px: 1.375rem;
    --fs-24px: 1.5rem;
    --fs-28px: 1.75rem;
    --fs-32px: 2rem;
    --fs-40px: 2.5rem;
    --fs-48px: 3rem;
    --fs-72px: 4.5rem;
    --fs-80px: 5rem;
    --fs-100px: 6.25rem;

    --fw-regular: 400;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;
    --fw-black: 900;
}

body {
    font-family: 'Sofia Sans', sans-serif;
}

.bg-grey {
    background-color: var(--light-grey);
}

.bg-light-blue {
    background-color: var(--light-blue);
}

.section-title,
.section-title h2,
.inner-section-full-width .section-title {
    font-size: var(--fs-24px);
    font-weight: var(--fw-extrabold);
    margin-bottom: 24px;
}

#values h2 {
    font-size: var(--fs-24px);
    font-weight: var(--fw-extrabold);
}

#values img {
    width: 100%;
    height: auto;
}

.section {
    padding-left: 6px;
    padding-right: 6px;
}

.section-full-width {
    padding-left: 0;
    padding-right: 0;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-14px);
    font-weight: var(--fw-regular);
}

.row {
    margin-left: 0;
    margin-right: 0;
}

img {
    /*    width: 100%;*/
    height: auto;
}

.s-px {
    padding-left: 20px;
    padding-right: 20px;
}

.s-mb {
    margin-bottom: 40px;
}

.s-br {
    border-radius: 4px;
}

a {
    text-decoration: none;
}

.cta-btn,
.primary-btn,
.secondary-btn,
.tertiary-btn {
    font-size: var(--fs-14px);
    font-weight: var(--fw-semibold);
    padding: 16px;
    border-radius: 40px;
    text-decoration: none;
    height: fit-content;
}

.cta-btn,
.primary-btn {
    background-color: var(--accent-color);
    border: 2px solid var(--accent-color);
    color: var(--white);
}

.cta-btn:hover,
.primary-btn:hover {
    background-color: var(--accent-color-dark);
    border: 2px solid var(--accent-color-dark);
    color: var(--white);
}

.cta-btn svg,
.secondary-btn svg {
    margin-left: 12px;
}

.secondary-btn {
    background-color: var(--accent-color-light);
    border: 2px solid var(--accent-color-light);
    color: var(--accent-color);
}

.secondary-btn:hover {
    opacity: 0.8;
}

.tertiary-btn {
    background-color: transparent;
    color: var(--accent-color);
    border: 2px solid var(--accent-color);
}

.tertiary-btn:hover {
    opacity: 0.8;
}

.section-title span {
    color: var(--accent-color);
}

.inner-section-br {
    border-radius: 8px;
}

.bg-accent {
    background-color: var(--accent-color);
}

.carousel img {
    object-fit: cover;
}

.carousel {
    min-height: 280px;
}

.custom-row {
    margin-bottom: 64px;
}

.custom-row:last-child {
    margin-bottom: 0;
}

.custom-row > * {
    padding-left: 0;
    padding-right: 0;
}

.custom-row-content {
    margin-bottom: 32px;
}

.custom-row-content h2 {
    margin-bottom: 12px;
    font-size: var(--fs-24px);
    font-weight: var(--fw-extrabold);
}

.custom-row-content .description {
    margin-bottom: 24px;
}


/*  HEADER    */

header {
    width: 100%;
    height: 56px;
    background-color: var(--white);
}

header.open-menu  {
    background-color: var(--accent-color);
}

.stock-section {
    background-color: var(--accent-color);
}

.hamburger-custom {
    width: 24px;
    height: 20px;
    cursor: pointer;
    position: relative;
    display: block;
}

.hamburger-top,
.hamburger-middle,
.hamburger-bottom {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 3px;
    background-color: #fff;
    border-radius: 20px;
    transition: all .3s ease-in-out;
}

.hamburger-top {
    transform: translateY(0);
}

.hamburger-middle {
    transform: translateY(7px);
}

.hamburger-bottom {
    transform: translateY(14px);
}

.open {
    transform: rotate(90deg);
    transform: translateY(0);
}

.open .hamburger-top {
    transform: rotate(45deg) translateY(6px) translate(6px);
}

.open .hamburger-middle {
    display: none;
}

.open .hamburger-bottom {
    transform: rotate(-45deg) translateY(6px) translate(-6px);
}

.logo {
    padding-left: 20px;
}

.logo img {
    width: auto;
    height: 28px;
}

.stock-section {
    padding: 8px 20px;
    color: var(--white);
}

.show-stock-info {
    display: none;
}

.stock-info {
    display: flex;
    padding-left: 1.5rem;
}

.open-menu .stock-section .stock-info {
    display: none;
}

.stock-symbol {
    font-size: var(--fs-10px);
    font-weight: var(--fw-extrabold);
    color: var(--accent-color);
    text-transform: uppercase;
    padding: 2px 4px;
    background-color: var(--white);
    border-radius: 20px;
}

.stock-section .stock-price-variation,
.stock-label {
    font-size: var(--fs-10px);
    font-weight: var(--fw-bold);
}

.stock-section .stock-price {
    font-size: var(--fs-16px);
    font-weight: var(--fw-extrabold);
}

.menu {
    width: 100%;
    height: auto;
    position: absolute;
    top: 56px;
    display: none;
    z-index: 99;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

.open-menu .menu {
    display: block;
}

.extended-stock-section {
    width: 100%;
    background-color: var(--accent-color);
    border-top: 1px solid var(--white);
    padding: 20px 20px 32px;
    color: var(--white);
    /*position: relative;*/
}

.extended-stock-section .date {
    transform-origin: top right;
    transform: translate(-100%, 100%) rotate(-90deg);
    font-size: var(--fs-10px);
    font-weight: var(--fw-regular);
    color: var(--accent-color-light);
    position: absolute;
    left: -12px;
    top: 0;
}

.stock-label {
    margin-right: 12px;
}

.stock-name {
    font-size: var(--fs-18px);
    font-weight: var(--fw-bold);
}

.stock-info > div {
    width: max-content;
}

.extended-stock-section .stock-price-variation {
    font-size: var(--fs-22px);
    font-weight: var(--fw-bold);
}

.extended-stock-section .stock-price {
    font-size: var(--fs-40px);
    font-weight: var(--fw-extrabold);
    line-height: var(--fs-40px);
}

.min-max {
    font-size: var(--fs-10px);
    font-weight: var(--fw-bold);
}

.min-max span {
    font-weight: var(--fw-regular);
}

.read-more-btn {
    margin-top: 32px;
}

.read-more-btn img {
    width: auto;
    height: 24px;
}

.read-more-btn span {
    color: var(--white);
    font-size: var(--fs-12px);
    font-weight: var(--fw-bold);
    margin-right: 28px;
    text-decoration: underline;
}

.read-more-btn:hover {
    opacity: 0.8;
}

.menu-links {
    padding: 40px 20px;
    text-align: center;
    background-color: var(--light-grey);
}

.menu-links-title {
    font-size: var(--fs-12px);
    font-weight: var(--fw-regular);
    color: var(--accent-color);
    margin-bottom: 32px;
}

.menu-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-links ul li {
    display: block;
    margin-bottom: 32px;
}

.menu-links ul li:last-child {
    margin-bottom: 0;
}

.menu-links ul li a {
    font-size: var(--fs-24px);
    font-weight: var(--fw-semibold);
    color: var(--black)
}

.menu-links ul li a:hover {
    color: var(--accent-color);
}

.language-section {
    padding: 24px 70px;
    background-color: var(--white);
/*    display: none;*/
}

.language-select {
    display: none;
}

.inner-language-section {
    /*    max-width: 160px;*/
    margin: 0 auto;
}

.language {
/*    opacity: 0.4;*/
}

.language img {
    width: auto;
    height: 20px;
    margin-right: 8px;
}

.language span {
    font-size: var(--fs-20px);
    font-weight: var(--fw-extrabold);
}

.language.active {
    opacity: 1;
}

.language.active span {
    color: var(--accent-color);
}


/*  HERO    */
.inner-hero-investors {
    width: 100%;
    height: 244px;
    background-image: url('../images/relatii-investitori-img-mobile.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.inner-hero {
    width: 100%;
    height: 700px;
    position: relative;
}

.inner-hero img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.hero-title {
    width: 100%;
    background-color: var(--accent-color);
    padding: 32px 0;
    opacity: .95;
}

.hero-title h1 {
    color: var(--white);
    font-size: var(--fs-22px);
    font-weight: var(--fw-bold);
    padding-left: 10%;
    padding-right: 10%;
}

.hero-subtitle {
    font-size: var(--fs-16px);
    font-weight: var(--fw-semibold);
    color: var(--white);
}


/*  SHAREHOLDERS  */

.shareholders-stats {
    width: 100%;
    min-width: 300px;
}

.shareholders-stats-header {
    color: #5F5F5F;
    font-weight: var(--fw-bold);
    font-size: var(--fs-14px);
    padding-bottom: 12px;
    /*margin-bottom: 12px;*/
    border-bottom: 2px solid var(--accent-color);
}

/*.shareholders-stats-content {*/
/*    padding: 24px 0 64px;*/
/*}*/

.strong {
    color: var(--black);
}

.shareholder {
    font-size: var(--fs-14px);
    /*padding-bottom: 20px;*/
}

.shareholder:last-child {
    margin-bottom: 0;
}

.investors-label,
.shareholder .shareholder-name,
.total-label {
    flex: 2;
}

.total-label span {
    margin-left: 8px;
}

.stocks-label,
.voting-percentage-label,
.shareholder .stocks-quantity,
.shareholder .voting-percentage,
.total-stocks,
.total-percentage {
    flex: 1;
}

.stocks-label,
.shareholder .stocks-quantity,
.total-stocks {
    text-align: center;
}

.voting-percentage-label,
.shareholder .voting-percentage,
.total-percentage {
    padding-left: 12px;
    padding-right: 12px;
}

.total-percentage {
    font-weight: var(--fw-black);
}

.shareholder-name {
    color: var(--black);
}

.stocks-quantity,
.total-stocks {
    color: #5F5F5F;
    background-color: #F8F8F8;
    padding-top: 20px;
    padding-bottom: 20px;
}

.voting-percentage-value {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
}

.shareholders-stats-total {
    border-width: 2px 0 2px 0;
    border-style: solid;
    border-color: #B9C0CD;
    font-size: var(--fs-16px);
}

/*.shareholder:last-child .stocks-quantity {*/
/*    padding-bottom: 64px;*/
/*}*/

/*.shareholder:last-child {*/
/*    align-content: flex-start;*/
/*}*/

.bullet {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    flex: 11px 0 0;
}

.total-bullet {
    margin-top: -4px;
}


/*  BOARD  */

.inner-section-full-width {
    padding: 24px 0;
}

.inner-section {
    padding: 24px 20px;
}

.name {
    font-size: var(--fs-16px);
    font-weight: var(--fw-bold);
}

.job-title,
.company,
.offer-description,
.nationality {
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-14px);
}

.name,
.job-title,
.company,
.nationality {
    color: var(--black);
}

.accordion-item {
    background-color: var(--light-grey);
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid var(--black);
}

.accordion-item:last-of-type {
    border-bottom: 0;
}
.accordion-button {
    background-color: var(--light-grey);
}

.accordion-button:not(.collapsed) {
    background-color: var(--accent-color);
}

.accordion-button:not(.collapsed) .name,
.accordion-button:not(.collapsed) .job-title,
.accordion-button:not(.collapsed) .nationality{
    color: var(--white);
}

.accordion-button:not(.collapsed)::after {
    background-image: url("../images/arrow-accordion.svg");
}

.accordion-body {
    font-family: 'Poppins', sans-serif;
    background-color: var(--accent-color-light);
    font-size: var(--fs-14px);
    padding: 24px 20px;
}

.accordion-item:first-of-type,
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion-item:last-of-type,
.accordion-item:last-of-type .accordion-button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.accordion-item img {
    width: 64px;
    height: 64px;
    margin-right: 8px;
}


/*  EVENTS  */

/*#financial-calendar {*/
/*    margin-bottom: 40px;*/
/*}*/

.event {
    padding-bottom: 18px;
    border-bottom: 1px solid #EAEAEA;
    margin-top: 24px;
}

.event:first-child {
    margin-top: 0;
}

.event:last-child {
    border-bottom: 0;
}

.events-header {
    margin-bottom: 30px;
}

.events-header h3 {
    font-size: var(--fs-16px);
    font-weight: var(--fw-extrabold);
}

.event-date {
    width: 48px;
    height: 48px;
    background-color: #EAEAEA;
    border-radius: 8px;
    /*padding: 8px 14px;*/
    margin-right: 8px;
    align-self: flex-start;
}

.event-date .day {
    color: #0054F7;
}

.event-date .day,
.event-date .month {
    font-size: var(--fs-12px);
    font-weight: var(--fw-extrabold);
    line-height: var(--fs-12px);
}

.event-date .month {
    text-transform: uppercase;
}

.event-details {
    align-self: center;
}

.event-title, .event-subtitle {
    font-size: var(--fs-14px);
}

.event-title {
    font-weight: var(--fw-bold);
}

.event-subtitle {
    color: #777777;
    font-weight: var(--fw-semibold);
}


/*  REPORTS  */

/*#reports,*/
/*#aga,*/
/*#presentations,*/
/*#offer {*/
/*    background-color: var(--accent-color);*/
/*}*/

#reports,
#meetings,
#corporate,
#form,
#speakup,
#financial_reports,
#aga_reports,
#presentation_for_investors{
    padding: 40px 6px;
}

.logo-sphera-contact {
    top: 20px;
    right: 0;
}

.logo-sphera-contact img {
    width: 64px;
    height: auto;
}

.reports-group {
    margin-top: 48px;
}

#aga,
#presentations,
#about-us {
    padding: 0 6px 10px;
}

.light-bg {
    background-color: var(--white);
    border: 2px solid var(--accent-color);
}

.reports-header h3 {
    font-size: var(--fs-14px);
    font-weight: var(--fw-bold);
}

.reports-inner-section,
.meetings-inner-section {
    padding: 16px 0;
}

.about-inner-section {
    padding: 40px 0;
}

.reports-inner-section .section-title,
.meetings-inner-section .section-title,
.meetings-inner-section .events-header,
.reports-inner-section .reports-header,
.about-inner-section .description,
.meetings {
    padding-left: 14px;
    padding-right: 14px;
}

.about-inner-section .description {
    text-align: center;
}

#reports .reports,
#corporate .reports,
#aga .reports,
#presentations .reports{
    background-color: var(--light-blue);
}

.reports {
    padding: 12px 14px;
}

.report {
    padding: 20px 0;
    border-bottom: 1px solid var(--black);
}

.reports a:last-child .report {
    border-bottom: 0;
}

.report-content {
    margin-right: 12px;
}

.report-date {
    font-size: var(--fs-14px);
    font-weight: var(--fw-extrabold);
    color: var(--accent-color);
}

.report-title {
    font-size: var(--fs-16px);
    font-weight: var(--fw-semibold);
    color: var(--black);
}

/*.report-btn {*/
/*    background-color: var(--white);*/
/*    padding: 8px 20px;*/
/*    border-radius: 20px;*/
/*}*/

/*.report-btn svg {*/
/*    width: 8px;*/
/*    height: 16px;*/
/*    stroke: #336FE8;*/
/*    stroke-width: 4;*/
/*}*/

.read-btn {
    background-color: var(--white);
    padding: 10px 20px;
    border-radius: 20px;
}

.read-btn svg {
    width: 8px;
    height: 16px;
    stroke: #336FE8;
    stroke-width: 4;
}

.read-btn span {
    display: none;
}

.cta-section,
.load-more-section {
    text-align: center;
}

.reports-cta-btn,
.load-more-section {
    margin: 24px 0;
}


/*  ANALYSTS    */

.analyst,
.member,
.labels {
    border-bottom: 1px solid var(--black);
    padding-top: 24px;
    padding-bottom: 24px;
}

.analyst-email {
    color: var(--black);
    font-size: var(--fs-14px);
    font-weight: var(--fw-bold);
}

.commitees-label,
.commitees-name,
.commitees-position {
    color: var(--black);
    font-weight: var(--fw-bold);
}

.commitees-position {
    align-self: flex-start;
}

.commitees-label {
    font-size: var(--fs-16px);
}

.commitees-name {
    font-size: var(--fs-16px);
}

.commitees-position {
    font-size: var(--fs-14px);
}

.analyst-icon {
    display: none;
}

#meetings {
    position: relative;
}

#meetings::after {
    content: '';
    position: absolute;
    /*background-color: var(--accent-color);*/
    width: 100%;
    height: 220px;
    bottom: 0;
    left: 0;
    z-index: -1;
}

#meetings {
    padding-bottom: 40px;
}

.meetings {
    background-color: var(--white);
}


/*  OFFER  */

#offer {
    padding: 40px 6px 90px;
}

.offer-inner-section {
    padding: 32px 16px 112px;
}

.offer-description {
    width: 75%;
    margin-bottom: 48px;
}


.offer-img {
    position: absolute;
    bottom: 0;
    z-index: 0;
}

.offer-img img {
    width: 100%;
    height: auto;
}

.select-btn {
    background-color: var(--accent-color);
    padding: 16px 40px;
    border-radius: 32px;
}

.country {
    position: relative;
    z-index: 2;
}

.country-select,
.filter-select {
    border-radius: 64px;
    padding: 16px 32px;
    position: relative;
    z-index: 1;
}

.country-select {
    background-color: var(--accent-color-light);
    border-color: var(--accent-color-light);
    color: var(--accent-color);
    background-image: url("../images/select-arrow.svg");
    background-position: calc(100% - 32px) center;
    font-size: var(--fs-14px);
    font-weight: var(--fw-semibold);
}

.filter-select {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    color: var(--white);
    font-size: var(--fs-16px);
    font-weight: var(--fw-extrabold);
    padding: 12px 20px;
    background-image: url("../images/arrow-down-white.svg");
    background-position: calc(100% - 32px) center;
    background-repeat: no-repeat;
}

option {
    font-size: var(--fs-14px);
    font-weight: var(--fw-semibold);
    font-family: 'Sofia Sans', sans-serif;
}


/*  ABOUT US    */

.about-card-text,
.about-card-unit {
    color: var(--black);
}

.about-card-text {
    font-size: var(--fs-24px);
    font-weight: var(--fw-regular);
}

.about-card-number {
    font-size: var(--fs-80px);
    font-weight: var(--fw-extrabold);
    color: var(--accent-color);
}

.about-card-unit {
    font-size: var(--fs-18px);
    font-weight: var(--fw-extrabold);
}


/*  MISSION    */

.mission-inner-section {
    padding: 40px 10%;
}

.mission-inner-section .row .col-md {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.mission-inner-section .row .col-md:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.mission-inner-section .row .col-md::after {
    content: '';
    position: absolute;
    width: 100%;
    max-width: 145px;
    height: 2px;
    background-color: var(--accent-color);
    left: 0;
    right: 0;
/*    bottom: 0; FIX PENTRU LINIUTA BUCLUCASA A LUI CRISTI*/
    margin: 0 auto;
}


/*  VALUES   */

#values .col-md-6 {
/*    padding: 32px;*/
}

.value-title {
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-18px);
    font-weight: var(--fw-bold);
    margin-bottom: 8px;
}

#values .row .col-md-6 {
    order: 3;
}

#values .row .col-md-6:first-child {
    order: 1;
}

#values .row .col-md-6:nth-child(2) {
    order: 2;
}

.search,
.newsletter {
    width: 100%;
}

/*.search,
.search input[type="text"],
.search input[type="email"],
.search button{
    border-radius: 80px !important;
    border: 1px solid var(--accent-color-light);
}*/

.search,
.newsletter-box p,
.search input[type="text"],
.newsletter input[type="email"],
.newsletter input[type="submit"],
.search button {
    border-radius: 80px !important;
    border: 1px solid var(--accent-color-light);

}

.search input[type="text"],
.newsletter input[type="email"] {
    padding: 16px 32px;
    background-color: var(--accent-color-light);
}

.search {
    background-color: var(--accent-color-light);
}

.search button,
.newsletter input[type="submit"] {
    background-color: var(--accent-color);
    padding-left: 32px;
    padding-right: 32px;
}

.search button:hover,
.newsletter input[type="submit"]:hover {
    background-color: var(--accent-color-dark);
    border: 1px solid var(--accent-color-dark);
}

.search button img {
    width: auto;
    height: 18px;
}

.newsletter-box p {
    display: flex;
    flex-direction: row;
    background-color: var(--accent-color-light);
}

.wpcf7-spinner {
    display: none !important;
}

.filter {
    width: 100%;
    margin-top: 20px;
}

.filter .text {
    font-size: var(--fs-16px);
    font-weight: var(--fw-bold);
}

.filter-year {
    width: 120px;
    border-radius: 80px;
    background-color: var(--accent-color-light);
    padding: 16px 24px;
    margin: 4px;
    font-size: var(--fs-16px);
}

.selected,
.btn-year:hover {
    color: var(--white);
    background-color: var(--accent-color);
}

.iso {
    padding: 0 10%;
}

.iso img {
    width: 148px;
    height: auto;
}

#strategy img {
    width: 100%;
    max-width: 500px;
    height: auto;
}

#strategy h2 {
    width: 100%;
    max-width: 1200px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    font-size: var(--fs-24px);
    font-weight: var(--fw-extrabold);
}



/*  CONTACT  */

#contact a {
    color: var(--black);
    text-decoration: none;
}

.contact-mail img {
    width: 16px;
    height: auto;
    margin-right: 10px;
}

.contact-text {
    color: var(--black);
    font-size: var(--fs-24px);
    font-weight: var(--fw-extrabold);
    margin-bottom: 8px;
}


.contact-mail {
    color: var(--black);
    font-size: var(--fs-18px);
    font-weight: var(--fw-regular);
}

.contact-mail:hover {
    opacity: .7;
}

.form-text {
    font-size: var(--fs-18px);
    color: var(--black);
    font-weight: var(--fw-regular);
    padding-right: 64px;
    margin-bottom: 30px;
}

#form .section-title {
    margin-bottom: 12px;
}

.members {
    margin-top: 80px;
    margin-bottom: 32px;
}

.commitees-name {
    padding-right: 20px;
}

#commitees h2 {
    font-size: var(--fs-24px);
    font-weight: var(--fw-extrabold);
}

#map {
    margin-top: 3rem;
}

.map {
    width: 100%;
    height: auto;
}

#embedded-map-display {
    height: 320px;
    width: 100%;
    max-width: 100%;
}

.map-card {
    background-color: var(--white);
    position: static;
    padding: 30px 0;
}

.map-card h2 {
    font-weight: var(--fw-extrabold);
    font-size: var(--fs-24px);
}

.map-card .description {
    font-weight: var(--fw-regular);
    font-size: var(--fs-14px);
}

/*ARTICLE*/

#article {
    margin-top: 40px;
}

#article h3 {
    font-weight: var(--fw-extrabold);
    font-size: var(--fs-24px);
}

.article-date {
    font-weight: var(--fw-extrabold);
    font-size: var(--fs-14px);
    color: var(--accent-color);
}

.article-content {
    margin-top: 40px;
}

/*FOOTER*/

footer {
    background-color: #142240;
    padding-top: 40px;
    padding-bottom: 40px;
}

.logo-footer img {
    width: 100px;
    height: auto;
}

.footer-links {
    margin-top: 150px;
}

.footer-links-group ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-links-group ul li {
    padding-bottom: 32px;
    line-height: 16px;
}

.footer-links-group ul li a,
.footer-label {
    color: #fff;
}

.footer-links-group .logo {
    padding-left: 0;
}

.footer-links-group .logo img {
    width: auto;
    height: 20px;
    margin-bottom: 25px;
}

.social-img img {
    width: 24px;
    height: auto;
}

.footer-label {
    margin-bottom: 22px;
}

.copyright-text {
    opacity: .64;
    color: #fff;
}

.footer-links .last {
    width: 100%;
}

.footer-bg {
    position: absolute;
    top: 144px;
    right: 0;
}

.footer-bg img {
    width: auto;
    height: 244px;
}

/*  MEDIA QUERIES   */

@media screen and (max-width: 768px) {
    .full-container {
        padding-left: 0;
        padding-right: 0;
    }

    .md-px {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (min-width: 576px) {
    .country-select {
        max-width: 250px;
    }
}

@media screen and (min-width: 720px) {
    .extended-stock-section > div {
        width: max-content;
    }
}

@media screen and (min-width: 768px) {
    #hero{
        padding: 0px;
    }
    .offer-img {
        bottom: 0;
        right: 0;
    }

    .offer-img img {
        width: 855px;
    }

    .search,
    .newsletter {
        max-width: 560px;
    }

    .filter {
        width: auto;
        margin-top: 0;
    }

    .filter-select {
        padding: 12px 32px;
        font-size: var(--fs-18px);
    }

    .filter-year {
        padding: 16px 24px;
        margin: 12px 12px 0;
        font-size: var(--fs-18px);
    }

    #strategy h2 {
        margin-bottom: 80px;
        font-size: var(--fs-40px);
    }

    .iso img {
        width: 220px;
        height: auto;
    }

    .section {
        padding-left: 0;
        padding-right: 0;
    }

    .filter .text {
        font-size: var(--fs-24px);
    }

    .container-fluid {
        max-width: 1366px;
    }

    .s-px {
        padding-left: 60px;
        padding-right: 60px;
    }

    .cta-btn,
    .primary-btn,
    .secondary-btn,
    .tertiary-btn {
        font-size: var(--fs-18px);
    }

    .s-mb {
        margin-bottom: 60px;
    }

    .inner-section-br {
        border-radius: 24px;
    }

    p {
        font-size: var(--fs-20px);
    }

    /*  HERO    */

    .hero-subtitle {
        font-size: var(--fs-24px);
    }

    .inner-hero-investors {
        height: 684px;
        background-image: url('../images/relatii-investitori-img-desktop.png');
    }

    .inner-hero {
        height: 864px;
    }

    .hero-title {
        padding: 60px 0;
    }

    .hero-title h1 {
        font-size: var(--fs-40px);
        padding-left: 10%;
        padding-right: 10%;
    }

    .inner-section,
    .reports-inner-section,
    .about-inner-section {
        padding: 40px 60px;
    }

    .meetings-inner-section {
        padding: 0;
    }

    .s-br {
        border-radius: 24px;
    }

    .inner-section-full-width {
        padding: 50px 0;
    }

    .section-title,
    .section-title h2,
    .inner-section-full-width .section-title {
        font-size: var(--fs-40px);
        margin-bottom: 20px;
    }

    #values h2 {
        font-size: var(--fs-40px);
    }

    /*  SHAREHOLDERS */

    .shareholders-chart {
        margin-right: 32px;
    }

    /*.shareholders-chart img {
        width: 260px;
        height: auto;
    }*/

    #shareholders .s-px {
        padding-left: 0;
        padding-right: 0;
    }

    .shareholders-stats {
        max-width: 900px;
    }



    /*  BOARD  */

    .name {
        font-size: var(--fs-32px);
    }

    .job-title,
    .company,
    .offer-description,
    .nationality {
        font-size: var(--fs-20px);
    }

    .accordion-button,
    .accordion-body {
        padding: 40px 60px;
    }

    .accordion-body {
        font-size: var(--fs-20px);
    }

    .accordion-item img {
        width: 144px;
        height: 144px;
        margin-right: 28px;
    }

    /*  EVENTS  */

    /*#financial-calendar {*/
    /*    margin-bottom: 510px;*/
    /*}*/

    .events {
        max-width: 1226px;
        margin-left: 20%;
        margin-right: auto;
    }

    .events-body {
        padding: 40px 32px 0px;
        background-color: var(--white);
        box-shadow: 0px 0px 60px #0000001D;
    }

    .event {
        padding-bottom: 20px;
        margin-top: 20px;
    }

    .event-date {
        width: 120px;
        height: 120px;
        margin-right: 78px;
    }

    .event-date .day,
    .event-date .month {
        font-size: var(--fs-32px);
        line-height: var(--fs-32px);
    }

    .events-header {
        margin-bottom: 16px;
        margin-left: 16px;
    }

    .events-header h3 {
        font-size: var(--fs-32px);
    }

    .event-title {
        font-size: var(--fs-24px);
    }

    .event-subtitle {
        font-size: var(--fs-20px);
    }

    /*  REPORTS  */

    #reports ,
    #aga_reports{
        margin-top: 360px;
    }

    #financial_reports,
    #presentation_for_investors{
        margin-top: 220px;
    }

    #corporate {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .reports-group {
        margin-top: 50px;
    }

    #reports,
    #aga,
    #aga_reports,
    #presentations,
    #financial_reports{
        padding-bottom: 120px;
    }

    .reports-inner-section .section-title,
    .meetings-inner-section .section-title,
    .meetings-inner-section .events-header,
    .reports-inner-section .reports-header {
        padding-left: 0;
        padding-right: 0;
    }

    .first-item {
        margin-top: -290px;
    }
    .reports-header h3 {
        font-size: var(--fs-24px);
        margin-bottom: 12px;
    }

    #aga .reports {
        background-color: var(--light-grey);
    }

    .reports {
        border-radius: 16px;
        padding: 20px 0;
    }

    .report {
        padding-left: 60px;
        padding-right: 60px;
    }

    .report-date {
        font-size: var(--fs-16px);
    }

    .report-title {
        font-size: var(--fs-22px);
    }

    .report-btn {
        background-color: transparent;
        padding: 20px 32px;
        border-radius: 32px;

    }

    .report:hover .read-btn {
        background-color: var(--white);
        color: var(--black);
    }

    .report:hover .read-btn span {
        display: block;
    }

    .read-btn {
        font-size: var(--fs-18px);
        font-weight: var(--fw-semibold);
        background-color: transparent;
        border-radius: 32px;
        padding: 20px 32px;
    }

    .read-btn span {
        margin-right: 42px;
        display: none;
    }

    /*.report-btn::before {*/
    /*    content: '';*/
    /*}*/

    /*.report:hover .report-btn::before {*/
    /*    content: 'Citește Raportul';*/
    /*    color: var(--black);*/
    /*    font-size: var(--fs-18px);*/
    /*    line-height: var(--fs-18px);*/
    /*    font-weight: var(--fw-semibold);*/
    /*    margin-right: 42px;*/
    /*    width: 280px;*/
    /*}*/

    /*.report:hover .report-btn {*/
    /*    background-color: var(--white);*/
    /*}*/

    .report:hover .report-content {
        width: calc(100% - 280px);
    }

    /*  ANALYSTS    */

    /*.report-btn svg,*/
    .analyst-icon svg,
    .read-btn svg {
        width: 14px;
        height: 26px;
        stroke: #1f1e25;
        stroke-width: 2;
    }

    .report:hover svg {
        stroke: #336FE8;
    }

    .report:hover {
        background-color: var(--accent-color);
    }

    .report:hover .report-date,
    .report:hover .report-title {
        color: var(--white);
    }

    .cta-section {
        text-align: right;
    }

    .reports-cta-btn {
        margin: 25px 100px 0 0;
    }

    /*.secondary-btn {*/
    /*    margin: 75px 0;*/
    /*}*/

    .analyst,
    .member {
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative;
    }

    .labels {
        border-bottom: 0;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .analyst-email,
    .member-position {
        font-size: var(--fs-24px);
    }

    .analyst-details {
        width: 40%;
    }

    .analyst-email {
        width: 60%;
        padding-right: 40px;
    }

    .commitees-label,
    .commitees-name,
    .commitees-position {
        width: 50%;
    }

    .commitees-label,
    .commitees-name  {
        font-size: var(--fs-32px);
    }

    .commitees-position {
        font-size: var(--fs-24px);
    }

    .analyst-icon {
        /*width: 10%;*/
        display: block;
        text-align: right;
        position: absolute;
        right: 60px;
    }

    .analyst-details,
    .member-details,
    .analyst-email,
    .commitees-label,
    .analyst-icon {
        word-break: break-all;
    }

    .analyst:hover,
    .member:hover {
        background-color: var(--accent-color);
    }

    .analyst:hover .inner-analyst .name,
    .member:hover .inner-member .name,
    .member:hover .inner-member .position,
    .analyst:hover .inner-analyst .company,
    .analyst:hover .analyst-email {
        color: var(--white);
    }

    .analyst:hover .analyst-icon svg {
        stroke: var(--white);
    }

    /*  MISSION   */

    .mission-inner-section .row .col-md {
        margin-bottom: 0;
        padding: 12px 32px;
    }

    .mission-inner-section .row .col-md {
        border-right: 2px solid var(--accent-color);
    }

    .mission-inner-section .row .col-md:last-child {
        border-right: 0;
    }

    .mission-inner-section .row .col-md::after {
        display: none;
    }

    /*  MEETINGS  */

    #meetings::after {
        height: 560px;
    }

    #meetings {
        padding-bottom: 100px;
    }

    /*  OFFER  */

    .offer-inner-section {
        max-width: 1364px;
        margin: 0 auto;
        padding: 88px 64px 214px;
    }

    .offer-inner-section .section-title {
        margin-bottom: 24px;
    }

    .offer-description {
        width: 60%;
        margin-bottom: 96px;
    }

    /*CONTACT*/

    .contact-text {
        font-size: var(--fs-40px);
    }


    .contact-mail {
        font-size: var(--fs-24px);
    }

    .contact-mail img {
        width: 24px;
    }

    .form-text {
        width: 100%;
        max-width: 720px;
        font-size: var(--fs-24px);
    }

    #commitees h2 {
        font-size: var(--fs-40px);
    }

    #commitees .section-description {
        font-size: var(--fs-24px);
        text-align: center;
/*        width: 746px;*/
        margin: 0 auto;
    }

    .members {
        margin-top: 120px;
        margin-bottom: 40px;
    }

    .footer-links .last {
        width: max-content;
    }

    .footer-links {
        margin-top: 400px;
    }

    .footer-bg {
        top: 100px;
        right: 0;
    }

    .footer-bg img {
        width: auto;
        height: 600px;
    }

    .logo-sphera-contact {
        top: 50%;
        transform: translateY(-50%);
    }

    .logo-sphera-contact img {
        width: 140px;
        height: auto;
    }

    #map {
        margin-top: 7rem;
    }

    .map {
        height: 800px;
    }

    #embedded-map-display {
        height: 100%;
    }

    .map-card {
        position: absolute;
        top: 50%;
        right: 12%;
        transform: translateY(-50%);
        padding: 100px 180px;
        border-radius: 24px;
        box-shadow: 0px 3px 10px #00000029;
    }

    .map-card h2 {
        font-size: var(--fs-40px);
    }

    .map-card .description {
        font-size: var(--fs-20px);
    }

}

@media screen and (min-width: 960px) {
    .shareholders-chart {
        margin-right: 64px;
    }

    .shareholders-chart img {
        width: 100%;
        max-width: fit-content;
    }

    .bullet {
        width: 16px;
        height: 16px;
        flex: 16px 0 0;
    }

    .investors-label {
        font-size: var(--fs-32px);
        font-weight: var(--fw-extrabold);
    }

    .shareholder {
        font-size: var(--fs-20px);
    }

    .stocks-label,
    .voting-percentage-label,
    .shareholders-stats-total {
        font-size: var(--fs-24px);
    }

    .total-bullet {
        margin-top: -6px;
    }

    .total-label span {
        margin-left: 12px;
    }

    /*  ABOUT-US  */

    .about-inner-section .description {
        width: 100%;
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
    }

    .about-card-text {
        font-size: var(--fs-48px);
    }

    .about-card-number {
        font-size: var(--fs-100px);
    }

    .about-card-unit {
        font-size: var(--fs-32px);
    }

    /*  VALUES  */

    .value-title {
        font-family: 'Poppins', sans-serif;
        font-size: var(--fs-24px);
        margin-bottom: 20px;
    }

    #values .row .col-md-6:first-child {
        order: 2;
    }

    #values .row .col-md-6:nth-child(2) {
        order: 1;
        align-self: flex-end;
    }

    #article {
        margin-top: 80px;
    }

    #article h3 {
        font-size: var(--fs-48px);
    }

    .article-date {
        font-size: var(--fs-20px);
    }

    .article-content {
        margin-top: 80px;
    }
}

@media screen and (min-width: 1050px) {
    header {
        height: 80px;
    }

    .logo {
        oder: 1;
    }

    .logo img {
        width: 122px;
        height: auto;
    }

    .stock-section {
        padding: 8px 20px;
        order: 3;
        min-width: 175px;
        text-align: right;
    }

    .hamburger-custom {
        display: none;
    }

    .stock-info {
        padding-left: 0;
    }

    .show-stock-info {
        display: block;
    }

    .show-stock-info img {
        transition: all .3s ease-in-out;
    }

    .extended-stock-section > div {
        flex-direction: column;
    }

    .extended-stock-section {
        width: max-content;
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        border: 1px solid var(--accent-color-light);
        z-index: 99;
    }

    header.open-menu  {
        background-color: transparent;
    }

    .extended-stock-section .date {
        transform-origin: unset;
        transform: unset;
        font-size: var(--fs-14px);
        position: unset;
        margin-bottom: 20px;
    }

    .investors-label span {
        padding-left: 64px;
    }

    .stock-label {
        margin-right: 12px;
    }

    .stock-name {
        font-size: var(--fs-24px);
    }

    .extended-stock-section .stock-price-variation {
        font-size: var(--fs-28px);
    }

    .extended-stock-section .stock-price {
        font-size: var(--fs-48px);
    }

    .min-max {
        font-size: var(--fs-14px);
    }

    /*.stock-info {*/
    /*    width: 100px;*/
    /*}*/

    .stock-symbol {
        font-size: var(--fs-12px);
    }

    .stock-section .stock-price-variation,
    .stock-label {
        font-size: var(--fs-12px);
    }

    .stock-section .stock-price {
        font-size: var(--fs-24px);
    }

    .open-menu .menu {
        display: flex;
    }

    .open-menu .extended-stock-section {
        display: block !important;
    }

    .open-menu .stock-section .stock-info {
        display: block;
    }

    .open-menu .open-menu-text {
        display: block !important;
    }

    .open-menu .stock-section .stock-price-info,
    .open-menu .stock-section .stock-price {
        display: none !important;
    }

    .rotate {
        transform: rotate(180deg);
    }

    .menu {
        width: -moz-max-content;
        height: auto;
        position: unset;
        display: flex;
        flex-direction: row;
        align-items: center;
        z-index: unset;
        box-shadow: 0 0 0;
        order: 2;
        flex: 2;
        justify-content: flex-end;
    }

    .menu-links {
        padding: 0 20px;
        text-align: left;
        background-color: transparent;
    }

    .menu-links-title {
        display: none;
    }

    .menu-links ul li {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 12px;
        background-color: transparent;
    }

    .menu-links ul li:last-child {
        margin-right: 0;
    }

    .menu-links ul li a {
        font-size: var(--fs-14px);
    }

    .language-section {
        padding: 0 0 0 12px;
        width: 100%;
        max-width: 140px;
        display: block;
/*        visibility: hidden;*/
    }

    .language-section .language {
        display: none !important;
    }

    .language-select {
        padding: 0 8px;
        background-color: var(--white);
        color: var(--accent-color);
        border: 0;
        outline: 0;
        font-size: var(--fs-20px);
        font-weight: var(--fw-semibold);
        display: block;
    }
}

@media screen and (min-width: 992px) {
   /* .carousel {
        min-height: 560px;
    }*/

    .custom-row {
        margin-bottom: 97px;
    }

    .custom-row-content {
        margin-bottom: 0;
        align-self: center;
        padding-right: 40px;
    }

    .custom-row-reverse .custom-row-content {
        padding-right: 0;
        padding-left: 40px;
    }

    .custom-row-content h2 {
        font-size: var(--fs-40px);
    }

    .custom-row-content .description {
        margin-bottom: 60px;
    }

    .custom-row-reverse {
        flex-direction: row-reverse;
    }
}

@media screen and (min-width: 1010px) {
    .language-section {
      padding: 0;
    }
    .menu-links {
        padding: 0 12px;
    }

    .menu-links ul li {
        margin-right: 25px;
    }
}

@media screen and (min-width: 1300px) {
    .logo {
        padding-left: 70px;
    }

    .stock-section {
        padding: 8px 40px;
        min-width: 215px;
    }

    .menu-links ul li {
        margin-right: 32px;
    }

    /*.language-section {
        padding: 0 0 0 24px;
    }*/

    .menu-links ul li a {
        font-size: var(--fs-16px);
    }

}

@media screen and (min-width: 1510px) {
    .menu-links ul li {
        margin-right: 64px;
    }

    .menu-links ul li a {
        font-size: var(--fs-20px);
    }

    .hero-title h1 {
        padding-left: 20%;
        padding-right: 20%;
    }

    .custom-row-content {
        padding-right: 164px;
    }

    .custom-row-reverse .custom-row-content {
        padding-right: 0;
        padding-left: 164px;
    }
}


.donut {
    --donut-size: 300px;
    --donut-border-width: 50px;
    --donut-spacing: 0;
    --donut-spacing-color: 255, 255, 255;
    --donut-spacing-deg: calc(1deg * var(--donut-spacing));
    border-radius: 50%;
    height: var(--donut-size);
    margin: 40px;
    position: relative;
    width: var(--donut-size);
}

.donut__label {
    left: 50%;
    line-height: 1.5;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}
.donut__label img{
    max-width: 100%;
}
.donut__label__heading {
    font-size: 24px;
    font-weight: 600;
}

.donut__label__sub {
    color: #666666;
    font-size: 14px;
    letter-spacing: 0.05em;
}

.donut__slice {
    height: 100%;
    position: absolute;
    width: 100%;
}

.donut__slice::before,
.donut__slice::after {
    border: var(--donut-border-width) solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(45deg);
    width: 100%;
}

.donut__slice::before {
    border-width: calc(var(--donut-border-width) + 1px);
    box-shadow: 0 0 1px 0 rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));
}

.donut__slice__first {
    --first-start: 0;
}

.donut__slice__first::before {
    border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));
    transform: rotate(calc(360deg * var(--first-start) + 45deg));
}

.donut__slice__first::after {
    border-top-color: #bac0cc;
    border-right-color: rgba(186, 192, 204, calc(100 * (var(--first) - .25)));
    border-bottom-color: rgba(186, 192, 204, calc(100 * (var(--first) - .5)));
    border-left-color: rgba(186, 192, 204, calc(100 * (var(--first) - .75)));
    transform: rotate(calc(360deg * var(--first-start) + 45deg + var(--donut-spacing-deg)));
}

.donut__slice__second {
    --second-start: calc(var(--first));
    --second-check: max(calc(var(--second-start) - .5), 0);
    /* -webkit-clip-path: inset(0 calc(50% * (var(--second-check) / var(--second-check))) 0 0);
    clip-path: inset(0 calc(50% * (var(--second-check) / var(--second-check))) 0 0); */
}

.donut__slice__second::before {
    border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));
    transform: rotate(calc(360deg * var(--second-start) + 45deg));
}

.donut__slice__second::after {
    border-top-color: #1f1e26;
    border-right-color: rgba(31, 30, 38, calc(100 * (var(--second) - .25)));
    border-bottom-color: rgba(31, 30, 38, calc(100 * (var(--second) - .5)));
    border-left-color: rgba(31, 30, 38, calc(100 * (var(--second) - .75)));
    transform: rotate(calc(360deg * var(--second-start) + 45deg + var(--donut-spacing-deg)));
}

.donut__slice__third {
    --third-start: calc(var(--first) + var(--second));
    --third-check: max(calc(var(--third-start) - .5), 0);
    /* -webkit-clip-path: inset(0 calc(50% * (var(--third-check) / var(--third-check))) 0 0);
    clip-path: inset(0 calc(50% * (var(--third-check) / var(--third-check))) 0 0); */
}

.donut__slice__third::before {
    border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));
    transform: rotate(calc(360deg * var(--third-start) + 45deg));
}

.donut__slice__third::after {
    border-top-color: #c2e0ff;
    border-right-color: rgba(194, 224, 255, calc(100 * (var(--third) - .25)));
    border-bottom-color: rgba(194, 224, 255, calc(100 * (var(--third) - .5)));
    border-left-color: rgba(194, 224, 255, calc(100 * (var(--third) - .75)));
    transform: rotate(calc(360deg * var(--third-start) + 45deg + var(--donut-spacing-deg)));
}

.donut__slice__fourth {
    --fourth-start: calc(var(--first) + var(--second) + var(--third));
    --fourth-check: max(calc(var(--fourth-start) - .5), 0);
    -webkit-clip-path: inset(0 calc(50% * (var(--fourth-check) / var(--fourth-check))) 0 0);
    clip-path: inset(0 calc(50% * (var(--fourth-check) / var(--fourth-check))) 0 0);
}

.donut__slice__fourth::before {
    border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));
    transform: rotate(calc(360deg * var(--fourth-start) + 45deg));
}

.donut__slice__fourth::after {
    border-top-color: #0054f7;
    border-right-color: rgba(0, 84, 247, calc(100 * (var(--fourth) - .25)));
    border-bottom-color: rgba(0, 84, 247, calc(100 * (var(--fourth) - .5)));
    border-left-color: rgba(0, 84, 247, calc(100 * (var(--fourth) - .75)));
    transform: rotate(calc(360deg * var(--fourth-start) + 45deg + var(--donut-spacing-deg)));
}

.donut__slice__fifth {
    --fifth-start: calc(var(--first) + var(--second) + var(--third) + var(--fourth));
    --fifth-check: max(calc(var(--fifth-start) - .5), 0);
    -webkit-clip-path: inset(0 calc(50% * (var(--fifth-check) / var(--fifth-check))) 0 0);
    clip-path: inset(0 calc(50% * (var(--fifth-check) / var(--fifth-check))) 0 0);
}

.donut__slice__fifth::before {
    border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));
    transform: rotate(calc(360deg * var(--fifth-start) + 45deg));
}

.donut__slice__fifth::after {
    border-top-color: #1685b8;
    border-right-color: rgba(22, 133, 184, calc(100 * (var(--fifth) - .25)));
    border-bottom-color: rgba(22, 133, 184, calc(100 * (var(--fifth) - .5)));
    border-left-color: rgba(22, 133, 184, calc(100 * (var(--fifth) - .75)));
    transform: rotate(calc(360deg * var(--fifth-start) + 45deg + var(--donut-spacing-deg)));
}




/*Oferta publica*/

.links img{
    width: 20px;
}
.links-ipo a{
    text-decoration: none;
    color: black;
    font-size: 1.5rem;
    padding: 10px 10px 10px 0px;
}


.inner-section-portofoliu h1{
    max-width: 1200px;
    margin: 0 auto;
}
@media  only screen and (min-width: 768px){
    .speakup{
        max-width: 80%;
    }
}


#embedded-map-display img{
    width: 100% !important;
}

.info{
    width:60%;
    display: none;
}


/*Language selector*/

.wpml-ls-current-language a {

    background: var(--accent-color);
    color: white;
    padding: 5px;
}

.wpml-ls-item a>span {

  text-transform: uppercase;
}

.accordion-item:hover,
.accordion-header:hover,
.accordion-button:hover {
    background-color: var(--accent-color) !important;
    --bs-accordion-bg: var(--accent-color) !important;
}

.accordion-button:hover .name, 
.accordion-button:hover .job-title,
.accordion-button:hover  .company,
.accordion-button:hover  .nationality {
        color: #ffffff;
}
.accordion-button:hover::after {

    background-image: url(../images/arrow-accordion.svg);
}
.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  transition: transform 0.3s ease-in-out;
}

.hidden {
  transform: translateY(-100%);
}

.hero-title .title-description{
    font-size: var(--fs-20px);
}
@media screen and (min-width:768px){
    .hero-title .title-description{
        font-size: var(--fs-32px);
    }
}


.hero-title {
    height: 90px;
    padding: 0px;
}
@media screen and (min-width:768px){

    .hero-title {
        height: 130px;
        padding: 0px;
    }
}

.accordion-button:not(.collapsed) .commitees-label .position,
.accordion-button:hover .commitees-label .position{
    color: var(--white) !important;
}




/*Meniu */

.menu-links ul li {
    position: relative;
}
.menu-links ul ul li {
    margin-bottom: 0px;
}
.menu-links ul li:hover > ul {
    display: block;
}

.menu-links ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
}

.menu-links ul ul li {
    width: 100%;
    white-space: nowrap;
}

.menu-links ul ul li {
    position: relative;
}

.menu-links ul ul a {
    padding: 12px 20px;
    display: block;
    color: #333; 
    font-size: var(--fs-18px); 
    font-family: 'Sofia Sans', sans-serif;
    font-weight: var(--fw-bold);
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}


.menu-links .sub-menu{
    display: none;
    position: relative;
   
}
.show-submenu{
    display: block;
}
.menu-links ul li:hover > ul {
    display: block;
}

.menu-links ul li > .indicator {
  /*  position: absolute;
    top: 50%;
    transform: translateY(-50%);*/
    font-size: var(--fs-20px); 
    color: #333; 
    pointer-events: none; 
    padding-left: 20px;
}

.menu-links ul ul a:hover {
    color: var(--accent-color);
}

.menu-links .sub-menu.show-submenu{
    display: block;
}

.menu.open-menu{
    overflow-y: auto; /* Enable vertical scrolling within the menu */
    height: 100vh;
    min-height: 100%;
}

@media screen and (min-width: 1050px){
    .menu-links  .indicator {
        padding-left: 5px;
        width: 7px;
        display: inline-block;
    }
    .menu-links .sub-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: -20px;
        background-color: #EAF6FF; /* Adjust the background color as needed */
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        z-index: 100;
    }
    .menu-links ul ul a {
        font-size: var(--fs-14px);
    }
    .menu{
        height: 100%;
    }
    .menu-links{
        height: 100%;
        display: flex;
        align-items: center;
    }
    .menu-links ul li{
        height: 100%;
        display: flex;
        align-items: center;
    }
}
@media screen and (min-width: 1400px){
    .menu-links  .indicator {
        padding-left: 10px;
        width: 10px;
        display: inline-block;
    }
     .menu-links ul ul a {
        font-size: var(--fs-20px);
    }

}

.menu-links ul ul li {
    position: relative;
}











/* List */
.inner-people-list{
    border-bottom: 1px solid rgba(31, 30, 36, 0.33);
    padding: 24px;
}
.people-list .inner-people-list .name{
    font-size: var(--fs-24px);
}
.people-list .inner-people-list .company{
    font-size: var(--fs-16px);
}
.people-list .inner-people-list .people-list-email{
    font-size: var(--fs-18px);
    color: var(--accent-color);
    text-decoration: underline;
}
.people-list:hover{
    background-color: var(--accent-color);
}
.inner-people-list:hover .name,
.inner-people-list:hover .company,
.inner-people-list:hover .people-list-email {
    color: var(--white);
}
@media screen and (min-width: 768px) {
    .people-list-row{
        padding: 40px 32px;
    }
    .people-list .inner-people-list .name{
        font-size: var(--fs-32px);
    }
    .people-list .inner-people-list .company{
        font-size: var(--fs-20px);
    }
    .people-list .inner-people-list .people-list-email{
        font-size: var(--fs-24px);
    }
}
@media screen and (min-width: 992px) {
      .people-list-row{
        padding: 40px 80px;
    }
}

/*Members*/

.members-title{
    background-color: #EFEFEF;
    padding: 20px 20px;
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.members{
    margin-top: 0px;
    margin-bottom: 0px;
}
.members-col .people-list{
    padding: 0px 30px;
}
.people-list:hover{
    background-color: rgb(248, 248, 248);
}
.inner-people-list:hover .name,
.inner-people-list:hover .company,
.inner-people-list:hover .people-list-email {
    color: var(--black);
}
@media screen and (min-width: 768px){
    .members-title{
        height: 160px;
    }
}
@media screen and (min-width: 992px){
    .members-col .people-list{
        padding: 20px 30px;
    }
}



/*echipa executiva*/



.member-description{
    display:none;
}
.active{
    display: block;
}
.executive-board-member{
/*    background-color: #DDEBFF;*/
    border-radius: 25px;
    display: flex;
    width: 340px;
    max-width: 100%;
/*    height: 300px;*/
    max-height: 100%;
    padding: 40px 20px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    margin: 0 auto;
}
.executive-board-member:hover{
/*    background-color: var(--white);*/
}
.executive-board-member:hover img{
    display: none;
}
.img-hover{
    display: none;
}
.executive-board-member:hover .img-hover{
    display: block;
    background-color: rgb(22, 91, 229);
    color: var(--white);
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    text-align: center;
    font-family: "Poppins", sans-serif;
    width: 118px; 
    height: 118px; 
    border-radius: 25px;
    margin-bottom: 20px;
}
.executive-board-member img{
    width: 118px; 
    max-width: 100%;
    margin-bottom: 20px;
}
.executive-board-member .name{
    line-height: 30px;
}
.descriptions-container{
    padding: 40px 20px;
}
.member-description{
    padding: 40px 20px;
    background-color: #DDEBFF;
    border-radius: 25px;
    position: relative;
}
.member-description::after {
    display: block; 
    width: 0; 
    content: "";
    border: 15px solid transparent;
    border-bottom-color: #DDEBFF;
    position: absolute;
    top: -25px; 
    left: calc(50% - 15px);
}
.btn-close-member-description{
    position: absolute;
    top: 20px;
    right: 10px;
}
/*consiliul de administratie*/
.consiliul-de-administratie-container{
    max-width: 1366px;
    margin: 0 auto;
}
#consiliul_de_administratie{
    padding: 40px 20px;
}
#consiliul_de_administratie a{
    padding: 10px;
}
.consiliul-description .card{
    background-color: #DDEBFF;
    border-radius: 25px;
    padding: 40px 20px;
    border: 0px;
    position: relative;
}
.consiliul-description .odd-card::after{
    display: block; 
    width: 0; 
    content: "";
    border: 15px solid transparent;
    border-bottom-color: #DDEBFF;
    position: absolute;
    top: -25px; 
    left: calc(15% - 15px);
}
.consiliul-description .even-card::after{
    display: block; 
    width: 0; 
    content: "";
    border: 15px solid transparent;                 
    border-bottom-color: #DDEBFF;
    position: absolute;
    top: -25px; 
    left: calc(60% - 15px);
}
#consiliul_de_administratie .name{
    text-decoration: underline;
}
#consiliul_de_administratie a:hover .name,
#consiliul_de_administratie a:hover .job-title{
    color: var(--accent-color);
}
@media screen and (min-width: 768px){
    .descriptions-container{
        padding: 10px 60px;
    }
    .executive-board{
        max-width: 90%;
        margin: 0 auto;
    }
    .executive-board-member{
        padding: 20px 10px;
        cursor: pointer;
    }
    #description-Ionescu:after {
        display: block; 
        width: 0; 
        content: "";
        border: 15px solid transparent;
        border-bottom-color: #DDEBFF;
        position: absolute;
        top: -25px; 
        left: calc(15% - 15px);
    }
    #description-Eftimie:after{
        display: block; 
        width: 0; 
        content: "";
        border: 15px solid transparent;
        border-bottom-color: #DDEBFF;
        position: absolute;
        top: -25px; 
        left: calc(85% - 15px);
    }
    .member-description{
        padding: 60px;
    }
    .btn-close-member-description{
        right: 20px;
    }
    #consiliul_de_administratie a{
        padding: 20px 60px;
    }
    .consiliul-description .card{
        padding: 60px;
    }
}
@media screen and (min-width: 992px){
     .executive-board-member{
        padding: 40px 15px;
    }
    #consiliul_de_administratie{
        padding: 40px 60px;
    }
}

/*Rezultate financiare*/

.wp-block-aab-accordion-block{
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}
.aab__accordion_head{
    background-color: var(--light-grey) !important;
    color: var(--black) !important;
    padding: 1rem 1.25rem !important;
}
.aab__accordion_title{
    font-family: "Sofia Sans", sans-serif;
    font-size: var(--fs-16px) !important;
    font-weight: 600;
}
.wp-block-aab-accordion-block {
    margin: 0px !important;
}
/*Inner-accordin*/
.aab__accordion_body{
    padding: 0px !important;
}
.wp-block-aab-accordion-block.aab__accordion_container > * .aab__accordion_head {    
    background-color: var(--accent-color-light) !important;
}
.aab__accordion_body p a,
.wp-block-file a{
    font-size: var(--fs-14px) !important;
    color: var(--black) !important;
    text-decoration: underline;
}
.wp-block-file__button{
    display: none !important;
}
.wp-block-aab-accordion-block.aab__accordion_container.wp-block-aab-accordion-block.aab__accordion_container > * .aab__accordion_body{  
    padding: 1rem 1.25rem !important;  
}
#accordion_financial_reports .accordion-item:hover, #accordion_financial_reports .accordion-header:hover, #accordion_financial_reports .accordion-button:hover, #accordion_financial_reports .accordion-button,
#accordion_aga_reports .accordion-item:hover, #accordion_aga_reports .accordion-header:hover, #accordion_aga_reports .accordion-button:hover, #accordion_aga_reports .accordion-button{
    background-color: var(--light-grey) !important;
    color: var(--black) !important;
}
#accordion_financial_reports .accordion-button:not(.collapsed),
#accordion_aga_reports .accordion-button:not(.collapsed){
    background-color: var(--light-grey) !important;
    color: var(--black) !important;
}
#accordion_financial_reports .accordion-button::after,
#accordion_aga_reports .accordion-button::after{
    background-image:var(--bs-accordion-btn-icon) !important;
}
#nested_accordion_financial_reports .accordion-button,
#nested_accordion_aga_reports .accordion-button{
    background-color:var(--accent-color-light) !important;
}
#nested_accordion_financial_reports .accordion-item:hover, #nested_accordion_financial_reports .accordion-header:hover, #nested_accordion_financial_reports .accordion-button:hover,
#nested_accordion_aga_reports .accordion-item:hover, #nested_accordion_aga_reports .accordion-header:hover, #nested_accordion_aga_reports .accordion-button:hover {
    background-color: var(--black) !important;
    color: var(--white) !important;
}
#nested_accordion_financial_reports .accordion-button:not(.collapsed),
#nested_accordion_aga_reports .accordion-button:not(.collapsed){
    background-color: var(--black) !important;
    color: var(--white) !important;
}
#nested_accordion_financial_reports .accordion-button:hover::after,
#nested_accordion_aga_reports .accordion-button:hover::after{
    background-color: var(--black) !important;
    color: var(--white) !important;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
}
#nested_accordion_financial_reports .accordion-button::after,
#nested_accordion_aga_reports .accordion-button::after{
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
}
#nested_accordion_financial_reports .accordion-button:not(.collapsed)::after,
#nested_accordion_aga_reports .accordion-button:not(.collapsed)::after{
     --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
    background-color: var(--black) !important;
    color: var(--white) !important;
}


#accordion_financial_reports .accordion-body,
#accordion_aga_reports .accordion-body{
    padding: 0px;
}
#nested_accordion_financial_reports .accordion-body,
#nested_accordion_aga_reports .accordion-body{
    padding: 40px 60px;
    background-color: var(--light-grey);
}
#nested_accordion_financial_reports .accordion-button,
#nested_accordion_aga_reports .accordion-button{
    font-size: var(--fs-16px);
    font-weight: var(--fw-semibold);
    font-family: "Sofia Sans", sans-serif;
}
.acordion-report a{
    color: var(--black) !important;
    text-decoration: underline;
}
@media screen and (min-width: 768px) {
    .aab__accordion_head{
        padding: 40px 60px !important;
    }
    .aab__accordion_title{
        font-size: var(--fs-22px) !important;
    }
    .aab__accordion_body p a,
    .wp-block-file a{
        font-size: var(--fs-20px) !important;

    }
    .wp-block-aab-accordion-block.aab__accordion_container.wp-block-aab-accordion-block.aab__accordion_container > * .aab__accordion_body{  
        padding: 40px 60px !important;
    }
    .first-item-rezultate-financiare{
        margin-top: -160px;
    }
    #nested_accordion_financial_reports .accordion-button,
    #nested_accordion_aga_reports .accordion-button{
        font-size: var(--fs-22px);
    }
}

#presentation_for_investors .reports{
    background-color: var(--light-blue);
}