/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap'); */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* font-family: 'Poppins', sans-serif; */
  font-size: 10pt;
}

.main {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  /* background-image: url(images/back.jpg); */
  background-position: center;
  background-size: cover;
}

.container {
  color: #719dde !important;
}

.nav-link {
  color: #1664b5 !important;
}

.nav-link.active {
  background-color: #002051 !important;
  border-radius: 20px 20px 0px 0px !important;
  color: white !important;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #14449659 #1444965e #e9ecef !important;
  isolation: isolate;
  border-radius: 20px 20px 0px 0px;
}

.nav-tabs {
  border-bottom: none !important;
}

.fa-star.checked {
  color: orange !important;
  width: 9.9px;
}

.fa-star {
  color: rgb(238, 237, 237) !important;
  width: 9.9px;
}

#nav-tabContent.tab-content {
  color: #002051;
  background-color: #ede4ec;
  border-radius: 0px 0px 10px 10px;
  padding: 0px 13px;
  border-top: 1px solid #14449659;
}

.profile-card {
  /* display: flex; */
  flex-direction: column;
  align-items: center;
  /* max-width: 800px; */
  width: 100%;
  height: 100%;
  border-radius: 25px;
  padding: 30px;
  border: 1px solid #ffffff40;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
  /* background-image: url(back.jpg); */
  /* background-repeat: no-repeat; */
  /* background: linear-gradient(#0e62e4 -1%, #0093ffdb 1%, #03143a 33%, #cdd9f6e6 54%, #eff1f3 71%, #0dcaf045 89%, #0d6efd 99%);  */
  background-color: #fff;
}

.profile-badge {
  background: linear-gradient(to right, rgb(239 230 238), rgb(2 8 17));
  border-radius: 100px 0px 0px 100px;
  padding: 20px 0px 20px 0px;
}

.image {
  position: relative;
  height: 150px;
  width: 150px;
}

.image .profile-pic {
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 50%;
  /* box-shadow: 15px 0px 30px #000; */
  /* background-color: white; */
}

.timeline-with-icons {
  border-left: 1px solid hsl(0, 0%, 90%);
  position: relative;
  list-style: none;
}

.timeline-with-icons .timeline-item {
  position: relative;
}

.timeline-with-icons .timeline-item:after {
  position: absolute;
  display: block;
  top: 0;
}

.timeline-with-icons .timeline-icon {
  position: absolute;
  left: -37px;
  background-color: hsl(217deg 30.53% 53.77%);
  color: hsl(217, 88.8%, 35.1%);
  border-radius: 50%;
  height: 10px;
  width: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 6px;
}

.bg {
  background-image: url(bg.svg);
  background-repeat: no-repeat;
  /* width: 150px; */
  background-size: 25px;
}


.checked {
  color: orange;
}

ol, ul {
  list-style: none;
}

a {
  text-decoration: none !important;
}

.card {
  background-color: transparent !important;
  border: none !important;
  font-size: 10pt;
  padding: 0px !important;
}

.card-header {
  background-color: transparent !important;
  border-bottom: 1px solid rgba(0,0,0,.125);
  font-size: 10pt;
  padding: 0px !important;
  font-weight: bold;
}

.cus-card-header{
  padding: 1rem 1rem !important;
  font-weight: bold;
}

.card-body{
  padding: 0px !important;
}

.cus-card-body{
  padding: 1rem 1rem !important;
}

.cus-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 0.25rem;
  font-size: 10pt;
}

.cus-card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.125);
}


.footer-copyright {
  font-size: 10pt !important;
}

#menu-lg {
  display: block !important;
}
#menu-sm {
  display: none !important;
}


.progress-bar {
  background-color: #1a5c98 !important;
}

div .bg-success {
  background-color: #154496 !important;
}

@media (max-width: 767px) {
  .profile-badge {
    border-radius: 18px 18px 18px 18px;
    padding: 20px 0px 20px 0px;
    background: linear-gradient(to bottom, rgb(239 230 238), rgb(2 8 17));

  }

  .nav-link.active {
    background-color: #144496 !important;
    border-radius: 10px 10px 0px 0px !important;
  }

  #menu-lg {
    display: none !important;
  }
  #menu-sm {
    display: block !important;
  }
}