.bg-lightred {
  background-color: #f7f7f7;
}

.text-red {
  color: #ff4550;
}

.text-lightred {
  color: #f7f7f7;
}

.text-mango {
  color: #fdc06f;
}

.text-skyblue {
  color: #1cc4f3;
}

.text-green {
  color: #89c541;
}

.text-green-2 {
  color: #4cbc9a;
}

.text-orange {
  color: #f26929;
}

.text-magnolia {
  color: #f3f4fe;
}

.text-lightpurple {
  color: #a098ae;
}

.text-purple {
  color: #9f2c93;
}

.text-rhino {
  color: #303972;
}

.kidprofile {
  margin-bottom: 32px;
}

@media screen and (min-width: 767px) {
  .kidprofile__details {
    width: 450px;
    margin-left: 40px;
  }
}

.kidprofile__name {
  margin-bottom: 11px;
  font-weight: bold;
}

.kidprofile__btns .btn {
  width: 443px;
  max-width: 100%;
}

@media screen and (max-width: 1650px) {
  .kidprofile__btns .btn {
    width: 350px;
  }
}

@media screen and (max-width: 1550px) {
  .kidprofile__btns .btn {
    width: 250px;
  }
}

@media screen and (max-width: 1400px) {
  .kidprofile__btns .btn {
    width: 100%;
  }
}

.kidprofile__btns .btn-success {
  margin-bottom: 10px !important;
}

.user {
  margin-bottom: 32px;
}

.user__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 300px auto;
      grid-template-columns: 300px auto;
}

@media screen and (max-width: 1700px) {
  .user__inner {
    -ms-grid-columns: 200px auto;
        grid-template-columns: 200px auto;
  }
}

@media screen and (max-width: 1400px) {
  .user__inner {
    -ms-grid-columns: 130px auto;
        grid-template-columns: 130px auto;
  }
}

@media screen and (max-width: 767px) {
  .user__inner {
    display: block;
  }
}

.user__img {
  width: 295px;
  max-width: 100%;
}

.user__img-sm {
  width: 164px;
}

@media screen and (min-width: 767px) {
  .user__details {
    width: 100%;
    margin-left: 40px;
  }
}

.user__detailsinner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto auto auto;
      grid-template-columns: auto auto auto auto;
  grid-gap: 51px;
}

@media screen and (max-width: 1600px) {
  .user__detailsinner {
    -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
    grid-gap: 25px;
  }
}

.user__name {
  margin-bottom: 11px;
  font-weight: bold;
}

.user__btns .btn {
  width: 443px;
  max-width: 100%;
}

.user-detail {
  padding-top: 100px;
}

.user-detail .user__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 300px auto;
      grid-template-columns: 300px auto;
}

@media screen and (max-width: 1700px) {
  .user-detail .user__inner {
    -ms-grid-columns: 300px auto;
        grid-template-columns: 300px auto;
  }
}

@media screen and (max-width: 1600px) {
  .user-detail .user__inner {
    display: block;
  }
}

@media screen and (max-width: 1600px) {
  .user-detail header {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 1600px) {
  .user-detail .user__detailsinner {
    -ms-grid-columns: 2fr 1fr;
        grid-template-columns: 2fr 1fr;
  }
}

.user-detail .btn {
  width: 375px;
  min-width: 45%;
}

.accordion {
  margin-top: 83px;
}

.accordion-button {
  background-color: #1cc4f3 !important;
  color: white !important;
  border-radius: 20px 20px 0 0 !important;
}

.accordion-button::after {
  background-image: url("../assets/images/dropdown-white.svg");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.accordion-button:not(.collapsed)::after {
  background-image: url("../assets/images/dropdown-white.svg");
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.accordion .user__details {
  width: 1060px;
  max-width: 100%;
}

.accordion-body {
  padding: 37px 68px;
}

@media screen and (max-width: 767px) {
  .accordion-body {
    padding: 25px 12px;
  }
}

.accordion-item {
  border-radius: 20px !important;
  margin-bottom: 83px;
}

.pagination .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #303972;
  border-color: #303972;
}

.pagination .page-link {
  border-radius: 50%;
  margin: 0 8px;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pagination .page-link:focus {
  -webkit-box-shadow: 0 0 0 0.25rem #30397284 !important;
          box-shadow: 0 0 0 0.25rem #30397284 !important;
}

.pagination .next .page-link,
.pagination .prev .page-link {
  border: none;
  border-radius: 50%;
}

.pagination .prev svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.pagination .next svg {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
/*# sourceMappingURL=profile.css.map */