main.home {
  background-color: #FBFBFD;
  padding-left: 3em;
  padding-right: 3em;
  padding-bottom: 30%;
  color: #181D5F;
  /***
    *** mob caro
    ******************/ }
  @media (max-width: 991.98px) {
    main.home {
      padding-bottom: 500px; } }
  main.home .top h4 {
    margin-top: 1.8em;
    margin-bottom: .7em;
    color: #181D5F; }
  main.home .top .wrapper {
    min-height: 330px;
    overflow: hidden;
    background-color: #fff;
    padding: .5em 1em; }
    main.home .top .wrapper .title {
      color: #FF72AA;
      margin-bottom: 1em; }
      main.home .top .wrapper .title .right {
        text-align: right; }
        main.home .top .wrapper .title .right > span {
          color: #CECECE;
          border: 2px solid #CECECE;
          border-radius: 50%;
          text-align: center;
          width: 28px;
          height: 28px;
          cursor: pointer;
          transition: .4s; }
          main.home .top .wrapper .title .right > span:not(:last-child) {
            margin-right: 5px; }
          main.home .top .wrapper .title .right > span.active, main.home .top .wrapper .title .right > span:hover {
            color: #FF72AA;
            border-color: #FF72AA; }
  main.home .bottom-web > h4,
  main.home .bottom-mob > h4 {
    margin-top: 2em;
    margin-bottom: 3em; }
  @media (max-width: 767.98px) {
    main.home .bottom-web .item,
    main.home .bottom-mob .item {
      margin-bottom: 4em; } }
  main.home .bottom-web .item > .wrapper,
  main.home .bottom-mob .item > .wrapper {
    background-color: #fff; }
  main.home .bottom-web .item .title,
  main.home .bottom-mob .item .title {
    position: relative;
    top: -2em; }
    main.home .bottom-web .item .title img,
    main.home .bottom-mob .item .title img {
      width: 60px;
      height: 60px;
      transform: scale(1.5); }
    main.home .bottom-web .item .title h5,
    main.home .bottom-mob .item .title h5 {
      margin-top: .5em;
      font-size: 1.1em;
      font-size: 18px; }
  main.home .bottom-web .item .carousel-item-web h5,
  main.home .bottom-mob .item .carousel-item-web h5 {
    color: #FF72AA; }
  main.home .bottom-web .item .carousel-item-web .info,
  main.home .bottom-mob .item .carousel-item-web .info {
    margin-top: 2em; }
    main.home .bottom-web .item .carousel-item-web .info div,
    main.home .bottom-mob .item .carousel-item-web .info div {
      font-weight: 500; }
      main.home .bottom-web .item .carousel-item-web .info div:first-of-type,
      main.home .bottom-mob .item .carousel-item-web .info div:first-of-type {
        position: relative; }
        @media (min-width: 768px) {
          main.home .bottom-web .item .carousel-item-web .info div:first-of-type::after,
          main.home .bottom-mob .item .carousel-item-web .info div:first-of-type::after {
            content: "";
            position: absolute;
            top: 15%;
            right: 0;
            width: 1px;
            height: 75%;
            background-color: #ddd; } }
      main.home .bottom-web .item .carousel-item-web .info div p,
      main.home .bottom-mob .item .carousel-item-web .info div p {
        margin-bottom: 0; }
      main.home .bottom-web .item .carousel-item-web .info div span,
      main.home .bottom-mob .item .carousel-item-web .info div span {
        color: #FF72AA;
        font-size: 25px; }
  main.home .bottom-web .item .carousel-item-web .rate,
  main.home .bottom-mob .item .carousel-item-web .rate {
    color: #FACB58;
    margin-top: .5em;
    margin-bottom: .5em; }
    main.home .bottom-web .item .carousel-item-web .rate span,
    main.home .bottom-mob .item .carousel-item-web .rate span {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #FACB58; }
  main.home .bottom-web .item .carousel-control-prev,
  main.home .bottom-web .item .carousel-control-next,
  main.home .bottom-mob .item .carousel-control-prev,
  main.home .bottom-mob .item .carousel-control-next {
    color: #181D5F;
    align-items: flex-start;
    padding-top: 0.4em; }
    main.home .bottom-web .item .carousel-control-prev:hover,
    main.home .bottom-web .item .carousel-control-next:hover,
    main.home .bottom-mob .item .carousel-control-prev:hover,
    main.home .bottom-mob .item .carousel-control-next:hover {
      color: #FF72AA; }
  main.home .bottom-mob .presets-carousel .presets-carousel-item:not(:first-of-type) {
    display: none; }
  main.home .bottom-mob .presets-carousel > span {
    cursor: pointer;
    position: absolute;
    bottom: 0; }
    main.home .bottom-mob .presets-carousel > span img {
      width: 35px;
      height: 35px; }
    main.home .bottom-mob .presets-carousel > span.presets-carousel-control-prev {
      left: 45%;
      transform: translateX(-45%); }
    main.home .bottom-mob .presets-carousel > span.presets-carousel-control-next {
      left: 55%;
      transform: translateX(-55%); }

#chartjs-tooltip {
  color: #FF72AA;
  font-weight: 500;
  opacity: 1;
  background-color: #fff;
  border-radius: .35rem;
  position: relative;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
  #chartjs-tooltip td {
    padding-left: 2em;
    padding-right: 2em; }
    #chartjs-tooltip td ::after {
      position: absolute;
      content: "";
      left: 50%;
      bottom: -15px;
      transform: translateX(-50%);
      border: 8px solid transparent;
      border-top-color: #fff; }