body,


html {
  background: linear-gradient(180deg, 
    #c80404 0%, 
    #2e2b2b 40%, 
    #1a1a1a 70%, 
    #0b0b0b 100%);
  
}

.whiteBackGround{
  background-color: #ffffff;
}

.whiteBox {
  background-color: white;
  
  padding: 20px;
  margin: 20px;
  box-shadow: 0 0 20px rgba(0,0,0,0.1); /* opțional: umbră subtilă */
}
.whiteTitle{
  color: white;
  align-items: center;
  font-weight: normal !important;

}
.title{
  font-size: 40px;
  color: #ffffff !important;
  font-weight: normal !important;


}

.whiteSubTitle{
  color: white;
  align-items: center;
  font-weight: normal !important;

}
.two-columns {
  columns: 2;        /* Face 2 coloane */
  -webkit-columns: 2;
  -moz-columns: 2;
}
.whiteDescription{
  color: white
}
.hyphenated {
  hyphens: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-align: center;
}
/* Pentru Chrome, Edge și Safari */
::-webkit-scrollbar {
  width: 8px; /* grosimea scrollbarului */
}

::-webkit-scrollbar-track {
  background: transparent; /* fundalul pistei */
}

::-webkit-scrollbar-thumb {
  background: rgba(200, 0, 0, 0.7); /* culoarea thumb-ului */
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(200, 0, 0, 0.9);
}

/* Pentru Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(4, 4, 4, 0.7) transparent;
}


/* Medium screens: tablets ( <576px) */
@media (max-width: 575.98px) {
.title{
  font-size: 40px;
}
.whiteDescription{
  font-size: 12px;
}



}

/* Medium screens: tablets (≥576px and <768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
.title{
  font-size: 40px;
}
.whiteDescription{
  font-size: 18px;
}
}



/* Large screens: desktops (≥768px and <992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
.title{
  font-size: 50px;
}
.whiteDescription{
  font-size: 20px;
}
}

/* Extra large screens: desktops (≥992px) */
@media (min-width: 992px) {
  .title{
  font-size: 60px;
}
.whiteDescription{
  font-size: 22px;
}

}