/* Getting rid of the font */

body {
  overflow-y: hidden; 
}

/* body, p, li, dt, dd {

  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

} */

body, p, li, dt, dd {

  font-family: "Poppins", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

}

h1, h2, h3, h4, h5, h6 {
  color: #337ab7;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-regular{
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-light{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.btn-primary {
  background-color: #0C6B97 !important;
}

.btn-primary:hover{
  background-color: #034f72 !important;
}

.bg-white{
  background: #FFFFFF;
}



.card:hover {

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  
  
  }

.plan:hover{
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  
  transform: translateY(-5px);
}

.plan.no-hover {

  box-shadow: none;

  transform: translateY(0);

}

  .selected {

    background-color: #f0f0f0; /* light gray background */
  
    border: 2px solid #337ab7; /* blue border */
  
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* subtle shadow */
  
  }



  .card:not(.selected) {

    background-color: #fff; /* white background */
  
    border: 1px solid #ddd; /* light gray border */
  
  }


  .fonethover:hover {

    background-color: #ccc;
  
  }


/* Theming Menu Element */
.nav.nav-pills .nav-link:hover {
  color: #FFFFFF !important; /* change the text color on hover */
  background-color: #0C6B97 !important; /* change the background color on hover */
}

.nav.nav-item .nav-item:hover {
  color: #FFFFFF !important; /* change the text color on hover */
}

a.nav-link{
  margin-bottom: 3px;
  color: black;
}

.nav-link:hover {

  color: #FFFFFF !important; /* change the text color on hover */
  background-color: #0C6B97 !important; /* change the background color on hover */

}

.nav-link.active {

  color: #FFFFFF !important; /* change the text color on hover */
  background-color: #0C6B97 !important; /* change the background color on hover */

}

.border-orange {

  border-color: #FF5A1F;

}

.border-fonet {

  border-color: #0C6B97 !important;

}

/* Theming Colors for Clients */
.fonet-naranja {

  color: #FF5A1F;

}

.is-invalid{
  border-color: #FF5A1F !important;
}

.bg-orange {

  background-color: #FF5A1F;

}

.bt-orange {

  background-color: #FF5A1F !important;
  border-color: #FF5A1F !important;
  
}

.bt-orange:hover{
  background-color: #f7490a !important;
  border-color: #f7490a !important;
}

.bg-fonet-naranja {

  background-color: #FF5A1F;

}

.bg-blue {

  background-color: #0C6B97;

}

.vh-50 {

  height: 35vh;

}

.vh-90{
  height: 95vh;
}

.vh-10{
  height: 10vh;
}

.custom-rounded-lg {

  border-radius: 1rem;

}



.circle-btn {
  padding: 0.5em;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
  width: 110px;
  transform: translateX(20%) translateY(-20%);
}

.rounded-circle {
  padding: 0.5em;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
  width: fit-content;
}

.carousel-small-screen-only {

  display: none;

}


@media (max-width: 768px) {

  .carousel-small-screen-only {

    display: block;

  }

}

.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='%23FF5A1F' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

  background-size: 30px 30px;

  background-position: center;

  display: inline-block;

  width: 30px;

  height: 30px;

}


.blur-wrapper {

  filter: blur(5px);
  user-select: none; /* Prevent text selection */
  -webkit-user-select: none; /* For Safari and Chrome */
  -moz-user-select: none; /* For Firefox */
  -ms-user-select: none; /* For IE */
  pointer-events: none; /* Prevent right-click and copy */

}