.bg-blue {
  --bs-bg-opacity: 1;
  background: linear-gradient(112.14deg, #00D2FF 0%, #3A7BD5 100%);
}

.back-top.back-top-show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
.back-top {
    cursor: pointer;
    position: fixed !important;
    bottom: 20px;
    right: 20px;
    display: block;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: var(--bs-primary);
    color: #fff;
    border-radius: 10%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
@media (max-width: 767.98px) {
    .back-top {
        bottom: 10px;
        right: 10px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
}
@media (max-width: 767.98px) {
    .back-top:before {
        font-size: 0.6rem;
    }
    @media (max-width: 575.98px) {
    .back-top {
        display: none;
    }
}
}
.back-top:before {
    content: "\f176";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.iconsize{
   font-size: 2rem;
   border-radius: 8px;
   background-color: #c6e0ff;
   padding: 1rem ;
   box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}
.mobilerounded-pill{
    border-radius: 1rem;
}