/* ------------------------------------------------------------------------------------------- */
/* PADDINGS */

.section-adaptate,
.section-faq,
.section-contact,
.servicii-section,
.section-products,
.section-experts,
.section-povestea-noastra,
.section-our-mission {
  padding: 4rem 0rem;
}


.section-hero {
  padding-bottom: 6rem;
}

.module-text ul li a {
        text-decoration: underline;

}

.mobile-show {
    display: block;
}

@media (min-width: 768px) {
    .mobile-show {
        display: none !important;
    }
}

.desktop-only {
    display: none !important;
}

@media (min-width: 992px) {
    .desktop-only {
        display: block !important;
    }
}

.folder-search-input {
  width: 100%;
  padding: 0.8rem 1rem;
  border-radius: 8px;
  border: 1px solid #f5e4a3;
  background: #fffdf2;
  font-size: 1rem;
}

.folder-search-input:focus {
  outline: none;
  border-color: #f5b800;
  box-shadow: 0 0 0 2px rgba(245,184,0,0.2);
}
/* ------------------------------------------------------------------------------------------------ */
/* NAVBAR */
body.menu-open {
  overflow: hidden;
  height: 100vh;
}
html.menu-open {
  overflow: hidden;
  height: 100vh;
}

/* 
.navbar-menu {
  padding-right: 2rem;
} */
.search_input {
   padding-left: 2.5rem;
   height: 2.5rem;
    border-radius: 9999px;
    padding-left: 2.5rem; 
    display: flex;
    align-items: center; 
}
#web-search {
  font-size: 23px;
}
.align-nav {
  display: flex;
  justify-content: center;
  gap: 3rem;
  align-items: center;
}
/* .category-image{
  aspect-ratio: 2/1;
} */

.nav-link-nd {
  color: var(--primary-color-btn);
  background-color: #130F02;
  border-radius: 3rem;
  padding: 0.7rem 1.8rem;
  text-transform: uppercase;
  font-weight: 400;
  margin: calc(0px - var(--bs-nav-link-padding-y));
  font-size: 0.9rem;
}

.navbar {
  display: flex;
  align-items: center;
  /* aliniere verticală */
  justify-content: space-between;
  /* logo stânga, restul dreapta */
  padding: 1rem 0;
  gap: 1rem;
  /* spațiu între logo și rest */
}
.nav-bar-last a:hover{
    color: var(--white);
      background-color: var(--primary-color-btn);
}
/* header .navbar-nav li:last-child .nav-link {
  color: var(--primary-color-btn);
  background-color: #130F02;
  border-radius: 3rem;
      padding: 0.7rem 1.8rem;
} */

.nav-utility {
  list-style: none;
}

#close-search {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.search_input.active+#close-search {
  display: block !important;
}

.navbar-nav li:last-child .nav-link {
  background-color: #130F02;
  border-radius: var(--border-radius-btn);
  color: var(--primary-color-btn);
  border:1px solid var(--primary-color-btn);
  padding: .7rem 1rem 0.7rem 1rem;
  transition: all 0.3s ease;
}

header .navbar .navbar-brand {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  max-width: 100%;
}

header .navbar .navbar-brand img {
  width: 100%;
  height: auto;
  max-width: 250px;
  transition: all 0.3s ease;
}


header .navbar-menu .navbar-nav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.5rem; 
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Itemele din meniu */
header .navbar-menu .navbar-nav li {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}





/* -------------------------------------------------------------------------------------------------------- */
/* HERO */


.hp-hero .container-fluid .row{
  padding-left: unset;
  padding-right: unset;
}

.hp-hero {
    --bs-gutter-x: 1.5rem;
}
.hp-hero .col-lg-12 {
    padding: 0;
}

.hp-hero-inner {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    min-height: calc(100vh - var(--header-height) - 1rem);
        padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
    /* border-radius: var(--bs-border-radius-xxl); */
    overflow: hidden;
}

.hp-hero-inner .bg:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(10deg, #000000c7 0%, rgba(0, 0, 0, 0) 30%)
}



.hp-hero-inner .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.hp-hero .left .title strong {
    font-weight: 300;
    font-style: italic;
    color: white;
}

.hp-hero-inner .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    image-rendering: auto;
    backface-visibility: hidden;
    transform: translateZ(0);
}
.hp-hero-inner .module-image.bg {
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
}

.hp-hero-inner .module-image.bg.is-active {
    opacity: 1;
    z-index: -3;
}


.hp-hero .left .title>* {
    text-transform: inherit;
    font-weight: 800;
    color: #fff;
    margin: 0;
    line-height: 1em;
}

.hp-hero .left .title strong {
    font-weight: 300;
    font-style: italic;
}

.hp-hero .left .subhead>* {
    font-weight: 300;
    letter-spacing: 2.3px;
}

.hp-hero-slider-wrapper {
    position: relative;
    border-radius: var(--bs-border-radius-lg);
    box-shadow: 0 0 1px 1px #ffffff12;
    background: #26262654;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 0.5rem;
    overflow: hidden;
}

.hp-hero-slider {
    max-width: 20rem;
}

.hp-hero-slider .module-fickle {
    color: #fff;
}

.hp-hero-slider .fickle-image {
    padding: 0;
    height: auto;
    border-radius: calc(var(--bs-border-radius-lg) - 0.15rem);
    overflow: hidden;
}

.hp-hero-slider .fickle-image>* {
    position: inherit !important;
    aspect-ratio: 4/2.7;
    object-fit: cover !important;
}

.hp-hero-slider .fickle-header-and-content {
    padding: 1rem 0.5rem;
    border: none;
}

.hp-hero-slider .fickle-item.fickle-title>* {
    font-size: 1.2rem;
    text-transform: inherit;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0.25rem;
}


.hp-hero-slider .fickle-content {
    color: #acacac;
}

.hp-hero-slider-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0.5rem 0.5rem;
    border-top: 1px solid transparent;
    border-image: linear-gradient(to right, transparent, #ffffff33, transparent) 1;
    font-size: 0.775rem;
    color: #fff;
    font-weight: 800;
}

.hp-hero-slider-bottom strong {
    color: var(--bs-primary);
}

.hp-hero-slider-arrows {
    display: flex;
    align-items: center;
    box-shadow: 0 0 1px 1px #ffffff33;
    border-radius: var(--bs-border-radius-pill);
    overflow: hidden;
}

.hp-hero-slider-arrows .slick-arrow {
    padding: 0;
    width: auto;
    height: auto;
    background-color: transparent;
    border: none;
    padding: 0.2rem 0.5rem;
    border-radius: 0;
    cursor: pointer;
    transition: var(--transition);
}

.hp-hero-slider-arrows .slick-arrow .arrow {
    display: flex;
    align-items: center;
}

.hp-hero-slider-arrows .slick-arrow:hover {
    background: #fff;
}

.hp-hero-slider-arrows .slick-arrow:hover>* {
    filter: invert();
}

.hp-hero-slider-arrows .slick-arrow.slick-disabled>* {
    opacity: 0.5;
}

.hp-hero-slider-arrows .slick-arrow-left {
    border-right: 1px solid #ffffff33;
    border-radius: 0;
}

.accent strong {
    background: var(--bs-primary-light);
    padding: 0rem 1rem;
    border-radius: var(--bs-border-radius-lg);
    color: var(--bs-primary);
}
/* -------------- */

.div-veziproduse {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background-color: #130F02;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.75rem 1rem;
  text-align: center;
  z-index: 3;
}

.div-veziproduse .bottom-hero-text {
  color: rgba(206, 220, 0, 1);
  border-radius: 3rem;
  display: inline-block;
  font-size: clamp(0.9rem, 2vw, 1.25rem);
  letter-spacing: 0.5px;
  font-weight: 600;
  line-height: 1.4;
}

.bottom-hero-text p {
  font-size: clamp(1rem, 2.5vw, 1.8rem);
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  color: rgba(206, 220, 0, 1);
  white-space: normal !important;
  word-break: break-word;
  display: inline-block;
}
.div-veziproduse {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #130F02;
  padding: 0.75rem 1rem;
  flex-wrap: wrap; 
}


.wrap-card-products {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}




.wrap-card-products{
    padding: 6rem;
}

.wrap-card-products .btn,
.wrap-card-products .module-text-simple {
  display: flex;
  justify-content: center;
}

/* ------------------------------------------------------------------------------------------------- */
/* FICKLE FAQ */
/* .fickle-faq {
  padding: 1rem 0rem;
}
.fickle-faq  .fickle-title h4{
  font-weight: 400;
}
.fickle-header {
  border-radius: var(--border-radius-xxl);
  border: 1px solid black;

  cursor: pointer;
}

.fickle-header:hover {
  background: #f5f5f5;
}

.fickle-title {
  margin: 0;
  color: inherit;
}


.fickle-content {
  margin-top: 1rem;

  color: #000;

  border-radius: 0.5rem;
  font-size: 1rem;
  line-height: 1.6;
}

.fickle-faq.active .fickle-content {
  display: block;
}

.image-faq {
  padding-top: 5rem;
}

.image-faq img {
      max-height: 25rem;
    max-width: 37rem;
}


.title-faq h2 {
  padding-bottom: 1rem;
}
h4.fickle-title {
  position: relative;
}


.fickle-faq {
  border-radius: var(--border-radius-xxl);
  overflow: hidden;
  transition: all 0.3s ease;
}

.fickle-header {
  position: relative;
  background: #fff;
  padding: 1rem 1.5rem;
  cursor: pointer;
  color: #00508B;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  transition: background 0.3s ease, color 0.3s ease;
}

.fickle-faq.active .fickle-header {
  background: rgba(19, 15, 2, 1);
  color: var(--primary-color-btn, #ffd700);
}

h4.fickle-title {
  line-height: 1.3;
  margin: 0;
  flex: 1;
  position: relative;
}

.fickle-content {
  max-height: 0;
  overflow: hidden;
  background: #fafafa;
  transition: max-height 0.4s ease, padding 0.3s ease;
  padding: 0 1.5rem;
}

.fickle-faq.active .fickle-content {
  max-height: 500px; 
  padding: 1rem 1.5rem 1.25rem;
}

.fickle-text-content p {
  margin: 0;
  color: #333;
}

.fickle-header:hover {
  background: rgba(0, 80, 139, 0.1);
} */



/* ---------------------------------------------------------------------------------------------------------------- */
/* CONTACT FORM */



.row-contact-form .container-fluid .row {
  padding-left: 0rem;
  padding-right: 0rem;
}

.section-contact {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.form-border-col {
  border-radius: var(--border-radius-lg);
}

.form-check-acceptance {
  padding-left: 2rem;
  padding-right: 1.5rem;
}


.btn_module_form_submit {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.form-control::placeholder {
  padding-left: 1rem;
}

.mesaj {
  height: 7rem;
  resize: none;
}

.form-check .form-check-input {
  border-radius: 1rem;
}

.col-inputs-form {
  padding-right: 8rem;
}










/* ---------------------------------------------------------------------------------- */
/* FOOTER */


.anpc-sol-col {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.col-code-rights-col{
      display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.footer-simple-menu ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
 display: flex;
 flex-direction: column;
 gap: .8rem;
}

.footer-simple-menu a {
  color: var(--white);
}
.footer-simple-menu a:hover{
  color:var(--primary-color-btn);
}
footer a:hover{
  color:var(--primary-color-btn);
}
.footer-class {
  border-radius: var(--border-radius-lg);
}

footer .social-media svg {
  width: 36px;
  height: 36px;

}


.social-media {
  display: flex;
}
/* --------------------------------------------------------- */
/* TEHNOLOGII */
.fickle-tehnologii .fickle-item .fickle-title a{
  margin-bottom: 1.5rem;
    font-weight: 700;
    font-size: 3.3rem;
}

.fickle-tehnologii {
  background: #f8f9fa;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 5rem 2rem;
  text-align: center;
  width: 100%;
  /* max-width: 480px; */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.fickle-tehnologii:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

.fickle-tehnologii h2 {
  margin-bottom: 1.5rem;
  font-weight: 700;
}

.fickle-tehnologii .fickle-image img {
  max-width: 5rem;
  margin-bottom: 1.5rem;
}

.category-header .category-image-inner{
  max-width: 17rem;
}
.produse-pg{
  display:grid;
  margin: 2rem 0rem;
  grid-template-columns:1fr 1fr;
  gap:20px;
}


/* ----------------------------------------------------------------------------------- */
/* SERVICII */


.servicii-col-left-col {
  border-top-left-radius: var(--border-radius-lg);
  border-bottom-left-radius: var(--border-radius-lg);
}


.servicii-col-right-col {
  border-top-right-radius: var(--border-radius-lg);
  border-bottom-right-radius: var(--border-radius-lg);
}

.btn-servicii .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(1rem, 3vw, 1.75rem); 
  color: black;
  text-decoration: none;
  padding: clamp(0.75rem, 2vw, 1.25rem) clamp(1.25rem, 4vw, 2.5rem);
  border: 1px solid #555;
  border-radius: 9999px;
  width: 100%;
  max-width: 40rem;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
  text-align: center;
  font-weight: 600;
  line-height: 1.3;
}


.btn-servicii .btn:hover,
.btn-servicii .btn:focus {
  background: var(--primary-color-btn, #ffd700);
  color: #130F02;
  border-color: var(--primary-color-btn, #ffd700);
}


.color-div{
  background-color: rgba(206, 220, 0, 1);
  
  border-radius: var(--border-radius-lg)
}



.txt-servicii h2 {
  padding-bottom: 1rem;
}

.txt-servicii p {
  padding-right: 5rem;
}



/* --------------------------------------------------------------------------------------------- */
/* PIESE IMAGINI */



.piese-imagini {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.piese-imagini img {
  max-height: 100%;
  height: auto;
}


/* ----------------------------------------------------------------------------------- */
/* CATEGORY CARD */
.col-lg-12.categories-grid{
display:block;
}

.col-lg-12.categories-grid > .categories-grid{
display:grid;
grid-template-columns:repeat(12,1fr);
gap:2rem;
}

.col-lg-12.categories-grid > .categories-grid .module:nth-child(1){
grid-column:span 4;
grid-row:1;
}

.col-lg-12.categories-grid > .categories-grid .module:nth-child(2){
grid-column:span 4;
grid-row:1;
}

.col-lg-12.categories-grid > .categories-grid .module:nth-child(3){
grid-column:span 4;
grid-row:1;
}

.col-lg-12.categories-grid > .categories-grid .module:nth-child(4){
grid-column:span 3;
grid-row:2;
}

.col-lg-12.categories-grid > .categories-grid .module:nth-child(5){
grid-column:span 3;
grid-row:2;
}

.col-lg-12.categories-grid > .categories-grid .module:nth-child(6){
grid-column:span 3;
grid-row:2;
}

.col-lg-12.categories-grid > .categories-grid .module:nth-child(7){
grid-column:span 3;
grid-row:2;
}
.category-image img {
    width: 100%;
    height: 100%;
    object-fit: contain; 
}
.category-item {
  --margin: 3rem;
  margin-top: var(--margin);
}
.category-item-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
    background-color: #EDF4F6;
    padding: 0 0 1.5rem 1.5rem;
}
.category-item-inner .top {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
}
.category-item-inner .category-image > * {
    margin-top: calc(var(--margin) * -1);
    max-width: 15rem;
}


.col-lg-12.categories-grid > .categories-grid .module:nth-child(4) .category-image > *,
.col-lg-12.categories-grid > .categories-grid .module:nth-child(5) .category-image > * {
    scale: 1.12;
}

.col-lg-12.categories-grid > .categories-grid .module:nth-child(6) .category-image > * {
    scale: 1;
}




.categories-grid .module-category-card:last-child .category-image > * {
  padding: .25rem;
}

.module-category-card .category-title p {
      font-size: 1.9rem;
    font-weight: 500;
    padding-left: .6rem;
}
.category-item .cta-wrapper {
    --padding: 1rem;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}
.category-item .cta-wrapper .icon {
    position: relative;
    display: flex;
    padding: 0 0 var(--padding) var(--padding);
    background: #fff;
    border-bottom-left-radius: var(--bs-border-radius-xl);
}
.category-item .cta-wrapper .icon:before,
.category-item .cta-wrapper .icon:after {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    width: 1rem;
    aspect-ratio: 1 / 1;
    transform: scaleX(-1) scaleY(-1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-1.39876e-06 0L0 32L32 32C14.3269 32 -6.26248e-07 17.6731 -1.39876e-06 0Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
}
.contact-info {
    background-color: #f8f9fa;
    border: 1px solid #e5e5e5;
    border-radius: var(--border-radius-lg);
    padding: 1rem 0rem;
}
.category-item .cta-wrapper .icon:after {
    top: 100%;
    right: 0;
}
.category-item .cta-wrapper .icon-inner {
    display: flex;
    padding: 1rem;
    border-radius: var(--bs-border-radius-pill);
    background-color: blue;
    color: #fff;
}
.category-item .cta-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 1.2rem;
    font-weight: 200;
    color: #00508B;
    text-transform: uppercase;
    padding-right: var(--padding);
}

.products-description-col {
  border-radius: var(--border-radius-lg)
}

.products-description {
  padding: 3rem 2rem;
}

.proudcts-listed-description ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.products-description h3 {
  color: var(--secondary-color);
  padding-bottom: 1rem;
}

.products-description p {
  padding-bottom: 1rem;
}

.proudcts-listed-description {
  padding-bottom: 2rem;
}


/* ----------------------------------------------------------------------------------- */
                                  /* DESPRE NOI */
.number-big p {
      font-size: 20rem;
    text-align: center;

}

.big-number-text{
      padding: 1rem 13rem;
}

.listed-things {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 2rem 0rem;
  height: 20vh;
  overflow: hidden;
  transition: height 0.6s ease;
}

.listed-things.active {
  height: 19rem;
}

.container-desprenoi-titlu {
  padding:2rem 0rem;
}
.container-desprenoi-titlu h1 {
  color:rgba(0, 80, 139, 1);;
}

.container-desprenoi-titlu h2,
.container-desprenoi-titlu p {
  color: var(--black);
}


.about-card {
  border: 1px solid #e5e7eb;
  border-radius: var(--border-radius-lg);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  background: linear-gradient(135deg,
 color-mix(in srgb, var(--primary-color-btn) 70%, transparent),
 color-mix(in srgb, var(--primary-color-btn) 20%, white));
    backdrop-filter: blur(12px);
  padding: 1.5rem; 
  max-width: 600px; 
  margin: 0 auto;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.about-card h5{
  padding-bottom: 1rem;
}

.about-card:hover {
  background-color: #f3f4f6;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); 
}

.about-card .module-image img {
  width: 6rem;      
  height: 6rem;     
  display: block;
  margin: 0 auto 1rem auto; 
}



.section-our-mission {
  background-size: cover;      
  background-position: center; 
  background-repeat: no-repeat;
  position: relative;
  color: #fff;                 
  padding: 80px 20px;         
}
.description-mission p{
  font-weight: 400;
}


/* ----------------------------------------------------------------------------------------------- */
                                              /* PDF */
                                            
/* ====== CONTAINER GENERAL ====== */
.card-preview-pdf {
  background: #fff;
  border-radius: 0;
  padding: 2rem 0;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

/* ====== TITLU ====== */
.card-preview-pdf .card-title-pdf h3 {
  color: #f5b800;
  font-weight: 800;
  text-transform: uppercase;
  border-left: 6px solid #f5b800;
  padding-left: 14px;
  margin-bottom: 2rem;
  letter-spacing: 1px;
  font-size: 1.5rem;
  position: relative;
}

.card-preview-pdf .card-title-pdf h3::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #f5b800, #ffea80);
  margin-top: 0.4rem;
}

/* ====== GRID: 5 CARDURI PE RÂND ====== */
.module-folder {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.2rem;
  width: 100%;
  transition: all 0.3s ease;
}

/* ====== CARD INDIVIDUAL ====== */
.folder-item {
  background: #fffdf0;
  border: 1px solid #f7eebd;
  border-radius: 10px;
  padding: 1rem;
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: all 0.35s ease;
  opacity: 0;
  transform: translateY(10px);
  animation: fadeIn 0.6s forwards;
}

.folder-item:nth-child(1) { animation-delay: 0.05s; }
.folder-item:nth-child(2) { animation-delay: 0.1s; }
.folder-item:nth-child(3) { animation-delay: 0.15s; }
.folder-item:nth-child(4) { animation-delay: 0.2s; }
.folder-item:nth-child(5) { animation-delay: 0.25s; }

@keyframes fadeIn {
  to { opacity: 1; transform: translateY(0); }
}

.folder-item:hover {
  background: #fff8cc;
  border-color: #f5b800;
  box-shadow: 0 8px 18px rgba(245, 184, 0, 0.25);
  transform: translateY(-4px);
}

/* ====== LINK PDF ====== */
.folder-item a {
  color: #111;
  text-decoration: none;
  font-weight: 600;
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  flex: 1;
  line-height: 1.3;
  word-break: break-word;
  transition: color 0.25s ease;
}

.folder-item a:hover {
  color: #c69700;
}

/* ====== ICON ====== */
.folder-item svg {
  width: 28px;
  height: 28px;
  color: #f5b800;
  flex-shrink: 0;
  transition: transform 0.3s ease, color 0.25s ease;
}

.folder-item:hover svg {
  color: #dba500;
  transform: scale(1.15);
}

/* ====== HIDDEN ITEMS (pentru Vezi mai multe) ====== */
.hidden-folder-item {
  display: none;
}

/* ====== BUTON VEZI MAI MULTE ====== */
.folder-toggle-wrap {
  grid-column: 1 / -1;
  text-align: center;
  margin-top: 2rem;
}

.folder-toggle-btn {
  background: linear-gradient(90deg, #f5b800, #ffcd1a);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 0.8rem 2rem;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: 0.6px;
  box-shadow: 0 3px 8px rgba(245, 184, 0, 0.4);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.folder-toggle-btn:hover {
  background: linear-gradient(90deg, #ffce2e, #f5b800);
  box-shadow: 0 6px 15px rgba(245, 184, 0, 0.45);
  transform: translateY(-2px);
}


.folder-toggle-btn.active::after {
  transform: rotate(180deg);
}

/* ====== RESPONSIVE ====== */
@media (max-width: 1400px) {
  .module-folder { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 1100px) {
  .module-folder { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .module-folder { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .module-folder { grid-template-columns: 1fr; }
}

/* ------------------------------------------------------------------ */      
                  /* view produse */
.section-buttons {
  background-color: #f9fafb;
}

.section-buttons h3 {
  font-weight: 700;
  color: #111827;
}

.section-buttons .custom-btn {
  background-color: var(--primary-color-btn);
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.25s ease;
}

.section-buttons .custom-btn:hover {
  background-color: #006cc1; /* ușor mai închis la hover */
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0,0)
}

.search-container {
  display: none !important;
  max-height: 400px;
  overflow-y: auto;
}

.search-container.show {
  display: block !important;
}

.category-list li.active > .category-title-wrapper a {
  color: var(--primary-color-btn);
  font-weight: 600;
}

.cod-bullets{
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;

}

.hero-steps {
    position: absolute;
    right: 0%;
    display: flex;
    gap: 12px;
    z-index: 30;
    pointer-events: auto;
}

.hero-step {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(0,0,0,.25);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,.25);
    color: rgba(255,255,255,.85);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
    transition: 
        background .3s ease,
        border-color .3s ease,
        transform .3s ease,
        color .3s ease;
}

.hero-step:hover {
    background: rgba(255,255,255,.15);
    transform: translateY(-2px);
}

.hero-step.is-active {
    background: rgba(0,0,0,.45);
    border-color: rgba(255,255,255,.9);
    color: #fff;
}

.hero-step::after {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 2px solid transparent;
    pointer-events: none;
}

.hero-step.is-active::after {
    border-top-color: rgba(255,255,255,.9);
    border-right-color: rgba(255,255,255,.25);
    animation: heroProgress 6s linear infinite;
}

@keyframes heroProgress {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}



/* -------------------- */
.about-ba-section .left {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    gap: 1rem;
    overflow: hidden;
}
.about-ba-section .left .bot {
    position: relative;
}
.about-ba-section .left .bot img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;

}
.about-ba-section .left .right {
    grid-row: 1 / 3;
    grid-column: 2 / 3;
    aspect-ratio: 9 / 16;
    position: relative;
}
.about-ba-section .module-video video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scaleX(-1);
}

.parallax-section .module-button {
  display: flex;
  justify-content: center;
}
.image-right-abt img{
height: 100%;
    width: 100%;
    display: block;
    border-radius: var(--border-radius-lg);
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.about-card-col {
    display: flex;
}

.about-card {
    display: flex;
    flex-direction: column;
    height: 100%;

    border: 1px solid #e5e7eb;
    border-radius: var(--border-radius-lg);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--primary-color-btn) 70%, transparent),
        color-mix(in srgb, var(--primary-color-btn) 20%, white)
    );
    backdrop-filter: blur(12px);
    padding: 1.5rem;
    max-width: 600px;
    margin: 0 auto;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}


.col-code-rights{
  border-top:1px solid rgb(255, 255, 255);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0rem;

}

.anpc-sol-wrapper{
  display: flex;
  gap:.8rem;
}

.send-sames {
  position: absolute;
  bottom: 3px;
  right: 10px;
}

.send-sames {
    display: flex;
    align-items: center;
}

.sames-link {
    font-size: 13px;
    font-weight: 500;
    color: #0f4761;
    text-decoration: none;
    transition: all 0.3s ease;
    opacity: 0.8;
}

.sames-link:hover {
    opacity: 1;
    letter-spacing: 0.5px;
}
.header-top-part{
  position: relative;
}

.search_input::placeholder {
    color: #999;
    font-size: 0.85rem;
    letter-spacing: .03em;
}

.search_input:focus::placeholder {
    opacity: 0.4;
}

.search-icon-btn {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: 0.7;
    z-index: 5;              
    pointer-events: auto;   
}

.search-icon-btn:hover {
    opacity: 1;
}

.search-icon-btn svg {
    display: block;
    pointer-events: none;   
}


.hero-tech {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 2rem;
}

.hero-tech .module-text {
    flex: 1;
}

.hero-tech .img-hero-tech {
    flex: 0 0 40%;      
    max-width: 15rem;   
    height: 100%;
}

.hero-tech .img-hero-tech img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.read-more-wrapper {
  position: absolute;
  bottom: 1rem;
  right: 10px;
}

.category-products-header .category-count h2 {
      font-size: 2.2rem;
    margin: 0;
}


.contact-pg .social-media {
      justify-content: center;
}

.contact-pg .social-media ul{
  gap: 4rem;
}

.cms-related-products {
    padding: 20px 0;
}

.cms-related-products .product-card {
        background: #ffffff;
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    transition: 0.35s ease;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
    height: 100%;
    border: 1px solid #d1d1d1;
}

.cms-related-products .product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.12);
}

.cms-related-products .product-image {
    padding: 20px;
    text-align: center;
    position: relative;
}

.cms-related-products .product-image img {
    max-height: 180px;
    object-fit: contain;
    transition: 0.4s ease;
}

.cms-related-products .product-card:hover .product-image img {
    transform: scale(1.08);
}

.cms-related-products .product-body {
    padding: 20px;
    background-color: #f3f4f6;
}

.cms-related-products .product-description .title {
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
}

.cms-related-products .product-description a {
    text-decoration: none;
    color: #111;
    transition: 0.3s ease;
}

.cms-related-products .product-description a:hover {
    color: var(--primary-color-btn);
}

.cms-related-products .product-purchase {
    margin-top: 12px;
}

/* Responsive spacing */
.cms-related-products .row > div {
    margin-bottom: 30px;
}




/* ---------------------------------------------------- */
/* SIDEBAR MANUALE */



.manual-sidebar {
    position: sticky;
    top: 85px;
}

.manual-sidebar-box {
  position: sticky;
    top: 10%;
    z-index: 50;
    background: #fff;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    transition: box-shadow 0.3s ease;
    border-radius: var(--border-radius-sm);
    overflow: hidden;
}





.manual-category-list {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    overflow: auto;
    padding: 0 1rem 1rem;
    gap: 1rem;
}

.manual-category-list li {
    margin-bottom: 8px;
    padding: 0.25rem 0;
}

.manual-sidebar-title{
  font-size: 2.5rem;
  font-weight: 600;
  padding: 1rem;
}

.manual-category-list li a {
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 500;
    transition: all 0.25s ease;
    position: relative;
    display: inline-block;
}


.manual-category-list li a:hover {
       color: var(--primary-color-btn);
    transition: var(--transition-fast);
}


.manual-category-list li.active a {
       color: var(--primary-color-btn);
    font-weight: 600;
}


.manual-category-list li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #dcdcdc;
    border-radius: 2px;
}
.row-youtube .container{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.videos-youtube {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.youtube-lazy {
    position: relative;
    cursor: pointer;
}

.youtube-lazy img {
    width: 100%;
    display: block;
    border-radius: 8px;
}

.play-button {
    position: absolute;
    width: 60px;
    height: 60px;
    background: rgba(0,0,0,0.7);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.play-button::before {
    content: '';
    position: absolute;
    left: 24px;
    top: 18px;
    border-style: solid;
    border-width: 12px 0 12px 18px;
    border-color: transparent transparent transparent white;
}

.manual-category-list li a:hover::before {
    background: var(--primary-color-btn);
}

.manual-category-list li.active a::before {
    background: #ffffff;
}


/* ---------------------------------------------------- */
/* PFD MANUALE PAG */
.pg-manuale-ajax {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 pe desktop */
    gap: 22px;
}

/* 3 pe tablet mare */
@media (max-width: 1200px) {
    .pg-manuale-ajax{
        grid-template-columns: repeat(3, 1fr);
    }
}

/* 2 pe tablet mic */
@media (max-width: 992px) {
    .pg-manuale-ajax {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 1 pe mobil */
@media (max-width: 576px) {
    .pg-manuale-ajax {
        grid-template-columns: 1fr;
    }
}
    .no-results-box {
        text-align: center;
        padding: 40px 20px;
        background: #f9f9f9;
        border-radius: 10px;
        margin-top: 20px;
    }
.pg-manuale-pdf-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 26px 18px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    text-align: center;
}

.pg-manuale-pdf-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
    border-color: var(--primary-color-btn);
}

.pg-manuale-pdf-icon {
    font-size: 48px;
    color: #dc2626;
    margin-bottom: 16px;
}

.pg-manuale-pdf-title {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    line-height: 1.4;
    min-height: 42px;
}

.pg-manuale-pdf-download {
    margin-top: 14px;
    font-size: 16px;
    color: var(--primary-color-btn);
    opacity: 0.7;
    transition: 0.2s ease;
}

.pg-manuale-pdf-card:hover .pg-manuale-pdf-download {
    opacity: 1;
    transform: translateY(3px);
}




/* BUTON */
.mobile-filters-trigger button {
    font-weight: 600;
}

/* OFFCANVAS */
.filters-offcanvas {
    position: fixed;
    top: 0;
    right: -100%;
    width: 85%;
    height: 100vh;
    z-index: 9999;
    transition: right 0.3s ease;
}

.filters-offcanvas.active {
    right: 0;
}

.filters-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.4);
    display: none;
}

.filters-offcanvas.active .filters-overlay {
    display: block;
}

.filters-offcanvas-inner {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    max-width: 400px;
    height: 100%;
    background: #fff;
    padding: 20px;
    overflow-y: auto;
}

.filters-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
}

.filters-header button {
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
}

.filters-offcanvas-inner .category-list {
  display: flex;
    flex-direction: column;
    gap: 1.3rem;
}

.filters-offcanvas-inner .filters-tab {
  padding: unset;
  box-shadow: unset;
  border: unset;
}

.filters-offcanvas-inner .filters-tab-title ,
.filters-offcanvas-inner .filters-tab-inner{
  padding: 1rem 0rem;
}



.manuals-offcanvas {
    position: fixed;
    top: 0;
    right: -100%;
    width: 85%;
    height: 100vh;
    z-index: 9999;
    transition: right 0.3s ease;
}

.manuals-offcanvas.active {
    right: 0;
}

.manuals-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.4);
    display: none;
}

.manuals-offcanvas.active .manuals-overlay {
    display: block;
}

.manuals-offcanvas-inner {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    max-width: 400px;
    height: 100%;
    background: #fff;
    padding: 20px;
    overflow-y: auto;
}

.manuals-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
}

.manuals-header button {
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
}

.manuals-offcanvas .manual-category-list {
  padding: 1rem 0rem;
}

.tab-content .imagine-stanga .cms-upload-name {
  display: none;
}

.tab-content .imagine-stanga .cms-upload-item {
  display: flex;
  justify-content: center;
  align-items: unset;
    gap: unset;
    padding: unset;
    background: unset;
    border-radius: unset;
    text-decoration: unset;
    color:unset;
    transition: unset;
    box-shadow: unset;
    border: unset;
}

.tab-content .imagine-stanga .cms-upload-item:hover {
    transform: unset;
    box-shadow: unset;
}


.tab-content .imagine-stanga .cms-upload-files {
    width: 100%;
}

.tab-content .imagine-stanga .cms-upload-item {
    display: block;
    text-decoration: none;
}

.tab-content .imagine-stanga .cms-upload-thumb {
    width: 100%;
    height: 75vh;
    object-fit: contain;
    border-radius: 8px;
}

.hp-faq .accordion-button {
  font-size: 1.8rem;
}

.hp-faq .accordion-header .accordion-button {
    color: #00508B;
}
.hp-faq .accordion-button:not(.collapsed) {
    background-color: rgba(19, 15, 2, 1);
    color: var(--primary-color-btn);
}

.container-img-tech{
  display: flex;
  justify-content: center;
}

.img-tech-page {
  max-width: 50rem;
}

.container-tech-btn {
  display: flex;
  justify-content: center;
  gap: 1rem;
  text-align: center;
}

.sames-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    color: #0f4761;
    text-decoration: none;
    transition: 0.3s ease;
}

.sames-icon {
    width: 14px;
    height: 14px;
    transition: 0.3s ease;
    opacity: 0.7;
}

.sames-link:hover .sames-icon {
    transform: translate(2px, -2px);
    opacity: 1;
}

.pg-servicii li{
    font-weight: 300;
    font-size: 1.25rem;
}

.about-ba-section li {
    font-weight: 300;
    font-size: 1.3rem;
}


/* ---------------------------- */
  /* TIMELINE */

/* =========================
   BASE TIMELINE
========================= */

.timeline{
position:relative;
width:100%;
}


/* =========================
   HORIZONTAL TIMELINE
========================= */

.timeline.timeline-horizontal{
display:flex;
justify-content:space-between;
align-items:center;
height:22rem;
margin: 2rem 0;
}

/* LINE */

.timeline.timeline-horizontal .timeline-line{
position:absolute;
left:0;
right:0;
top:50%;
height:4px;
background:#dcdcdc;
transform:translateY(-50%);
z-index:1;
}

/* ITEM */

.timeline.timeline-horizontal .timeline-item{
position:relative;
flex:1;
text-align:center;
}

/* DOT */

.timeline.timeline-horizontal .timeline-marker{
width:16px;
height:16px;
background:var(--primary-color-btn);
border-radius:50%;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
z-index:3;
box-shadow:0 0 0 4px #fff;
}

/* CONTENT */

.timeline.timeline-horizontal .timeline-content{
position:absolute;
left:50%;
transform:translateX(-50%);
width:150px;
}

/* TOP */

.timeline.timeline-horizontal .timeline-item.top .timeline-content{
bottom:40px;
}

/* BOTTOM */

.timeline.timeline-horizontal .timeline-item.bottom .timeline-content{
top:40px;
}

/* YEAR */

.timeline.timeline-horizontal .timeline-year{
font-weight:700;
font-size:20px;
margin-bottom:5px;
color:#111;
}

/* TITLE */

.timeline.timeline-horizontal h4{
font-size:16px;
margin:5px 0;
}

/* TEXT */

.timeline.timeline-horizontal p{
font-size:14px;
color:#666;
line-height:1.5;
}


/* =========================
   TABLET FIX (768 - 1200)
========================= */

@media (max-width:1200px){

.timeline.timeline-horizontal{
margin:1.5rem 0;
}

.timeline.timeline-horizontal .timeline-content{
width:120px;
}

.timeline.timeline-horizontal .timeline-item.top .timeline-content{
bottom:30px;
}

.timeline.timeline-horizontal .timeline-item.bottom .timeline-content{
top:30px;
}

.timeline.timeline-horizontal .timeline-marker{
width:12px;
height:12px;
}

.timeline.timeline-horizontal .timeline-year{
font-size:16px;
}

.timeline.timeline-horizontal h4{
font-size:14px;
}

.timeline.timeline-horizontal p{
font-size:12px;
line-height:1.4;
}

}



/* =========================
   VERTICAL TIMELINE
========================= */

.timeline.timeline-vertical{
padding:40px 0;
max-width:900px;
margin:auto;
}

/* LINE */

.timeline.timeline-vertical:before{
content:"";
position:absolute;
left:150px;
top:0;
bottom:0;
width:3px;
background:#e5e5e5;
}

/* ITEM */

.timeline.timeline-vertical .timeline-item{
position:relative;
display:flex;
align-items:flex-start;
margin-bottom:40px;
}

/* DOT */

.timeline.timeline-vertical .timeline-item:before{
content:"";
position:absolute;
left:142px;
top:8px;
width:16px;
height:16px;
background:var(--primary-color-btn);
border-radius:50%;
border:4px solid #fff;
box-shadow:0 0 0 3px var(--primary-color-btn);
}

/* YEAR */

.timeline.timeline-vertical .timeline-year{
width:130px;
text-align:right;
padding-right:20px;
font-weight:700;
font-size:18px;
}

/* CONTENT */

.timeline.timeline-vertical .timeline-content{
flex:1;
background:#fff;
border:1px solid #eee;
padding:20px;
border-radius:6px;
margin-left:40px;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
}

.timeline.timeline-vertical .timeline-content h4{
margin:0 0 8px;
}

.timeline.timeline-vertical .timeline-content p{
margin:0;
color:#666;
line-height:1.6;
}

.company-box{
background:#f8f9fa;
border:1px solid #e5e5e5;
border-radius:8px;
padding:28px;
width:100%;
border-radius: var(--border-radius-lg);
}

.company-box h5{
font-size:20px;
border-bottom:1px solid #e5e5e5;
padding-bottom:10px;
margin-bottom:20px;
}

.company-box p{
display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 10px 0;
    margin: 0;
    font-size: 18px;
    border-bottom: 1px solid #f0f0f0;
    align-items: center;
}

.company-box p:last-child{
border-bottom:none;
}

.company-box strong{
min-width:170px;
color:#333;
font-weight:600;
font-size: 20px;
}

.company-box a{
color:#01648e;
text-decoration:none;
font-weight:500;
}

.company-box a:hover{
text-decoration:underline;
}

header .navbar-nav .nav-item .nav-link:hover{
  color: var(--primary-color-btn);  
}

.center-text-col {
  display: flex;
  align-items: center;
}



.links-inside {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.links-inside .txt-title-tip {
  /* border-bottom: 2px solid #e0e0e0; */
  padding-bottom: 16px;
  margin-bottom: 0 !important;
}

.links-inside .module-fickle {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  padding: 0 16px;
  border-left: 4px solid transparent;
  transition: background 0.2s, border-color 0.2s;
  cursor: pointer;
}

/* .links-inside .module-fickle:last-child {
  border-bottom: none;
} */

.links-inside .module-fickle:hover {
  background-color: #EDF4F6;
}

.links-inside .fickle-item.fickle-image {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 50%;
  background: #1a2a3a;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-right: 16px;
  order: 1;
  transition: background 0.2s;
}

.links-inside .module-fickle:hover .fickle-item.fickle-image {
  background: #c8d400;
}

.links-inside .fickle-item.fickle-image img {
  width: 26px;
  height: 26px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  display: block;
}

.links-inside .module-fickle:hover .fickle-item.fickle-image img {
  filter: brightness(0);
}

.links-inside .fickle-header {
  order: 2;
  flex: 1;
  padding: 32px 0;
}

.links-inside .fickle-item.fickle-title {
  margin: 0;
}

.links-inside h4.fickle-title {
  font-size: 1rem;
  font-weight: 600;
  color: #1a2a1a;
  margin: 0;
}

.links-inside .fickle-content {
  display: none;
}