body a {
  text-decoration: none;
}

body p {
  margin-bottom: 0;
}

.btn-link {
  text-decoration: none;
  color: #000;
}

.btn-link-light {
  text-decoration: none;
  color: #000;
}

/* body a:hover {
  text-decoration: underline;
} */

h1 {
  font-size: 2.5rem!important;
}

body
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600 !important;
}

h3 {
  font-size: 1.25rem!important;
}

h4 {
  font-size: 1.2rem!important;
}

h5 {
  font-size: 1.15rem!important;
}

/* .owl-stage {
  display: flex;
  align-items: start;
} */


.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.btn-cst{
  border: 4px solid #313490;
}

.text-cst {
  color: #313490;
}

.border-cst{
  border-top: 2px solid #313490;
}

td .select2-container {
  max-width: 230px !important;
}

.select2-container--default .select2-selection--single {
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  padding: .375rem .35rem;
}

.select2-container .select2-selection--single {
  height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 4px;
  margin-left: -5px;
}

.form-control {
  padding: .375rem .35rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 24px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0px;
}


@media(max-width:768px) {
  #account-dropdown {
      min-width: 50vw;
  }
}

@media(min-width:768px) {
  #account-dropdown {
      min-width: 365px;
      right: 0;
  }
}

.nav-costum {
  color: #000;
  position: relative;
  transition: color 0.2s ease;
}

.nav-costum::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px; /* înălțimea liniei */
  background-color: #ff0000; /* culoarea liniei */
  bottom: -5px; /* distanța față de text */
  left: 0;
  transition: width 0.2s ease;
}

.nav-costum:hover {
  color: #ff0000;
}

.nav-costum:hover::after {
  width: 100%; /* extinde linia la întreaga lățime */
}

.menu-sidebar::before {
  content: "";
  width: 3px;
  height: 25px;
  background-color: var(--primary);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -5px;
  transition: all .5sease-in;
  -moz-transition: all .5s ease-in;
  -ms-transition: all .5s ease-in;
  -o-transition: all .5s ease-in;
  -webkit-transition: all .5sease-in;
}

@media (max-width: 768px) {
    .menu-sidebar::before {
      left: -10px;
  }
}

.nav-item a {
  color: #222;
}

.nav-item a.menu-sidebar {
  color: var(--primary)!important;
}

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

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='black' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* .btn-cst{
  background-color: #b21b1b;
}

.btn-cst:hover{
  background-color: #b21b1b;
}

.custom-hr {
  border: none;
  height: 4px;
  background: linear-gradient(to right, transparent 0%, transparent 20%, #ff0000 50%, transparent 80%, transparent 100%);
} */

.custom-hr-2 {
  border: none;
  height: 4px;
  background: linear-gradient(to right, transparent 0%, transparent 20%, #0f9ed5 50%, transparent 80%, transparent 100%);
}

/* .line {
  height: 2px;
  background-color: #ff0000;
  width: 10%;
}

.line-2 {
  height: 3px;
  background-color: #ff0000;
  width: 10%;
} */

.sticky-img {
  position: sticky;
  top: 0;
  height: 100vh;
  object-fit: cover;
}

/* .article-title:hover{
  color: #ff0000;
} */

.btn-contact{
  background-color: #0f9ed5;
}

.btn-contact:hover{
  background-color: #0f9ed5;
}

.btn {
  border-radius: 50px;
  padding: .75rem 1.5rem;
  font-weight: 500!important;
}

.bg-outline-primary {
  border: 2px solid var(--primary) !important;
  color: var(--primary)!important;
}

.bg-outline-primary.active {
  color: #fff!important;
}

.bg-outline-primary:hover {
  background-color: var(--primary) !important;
  color: #fff!important;
}

.text-cst{
  color: #0f9ed5;
}

.image-cont {
  overflow: hidden;
}

.zoom-image {
  transition: transform 0.3s ease;
}

.zoom-image:hover {
  transform: scale(1.02);
}

.card-img-scale .card-img-scale-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
  overflow: hidden;
  /* height: 100%; */
  /* width: 100%; */
}

.card-img-scale:hover img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.card-img-scale img {
  will-change: transform;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-truncate-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-img-scale .card-img-scale-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.card-img-scale img {
  will-change: transform;
  -webkit-transition: all .5sease;
  transition: all .5sease;
  -webkit-transform: scale(11);
  transform: scale(1);
}

.header-filter {
  position: relative;
}

.header-filter:before {
  background: rgba(0, 0, 0, 0.3);
}

.header-filter:after, .header-filter:before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  content: "";
}

.circle-topics {
  width: 50px;
  height: 50px;
  background-color: white; /* Fundal alb */
  color: #0d6efd; /* Culoarea textului albastru */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: bold;
  margin: 0 auto;
  border: 3px solid #0d6efd; /* Marginea albastră */
}

.bg-image{
  background-size: cover;
  background-position: center;
  background-attachment: fixed; 
  position: relative;
  object-fit: cover;
}

.bg-costum{
  background-color: #313492;
}

.text-costum{
  color: #313492;
}

.btn-costum{
  background-color: #313492;
  color: #fff;
}

.link-costum:hover,
.link-costum:hover p {
    color: #313492;
}