.itemHeading {
    color: orange !important;
    font-weight: 500;
    font-size: 13px;
}

.liheading {
    color: orange !important;
    font-weight: 500;
    font-size: 19px;
}
.btn-infos {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01a8c1+0,2adbf7+50,00b5d1+51,0aafc9+71,0599b1+100 */
    background: #01a8c1;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #01a8c1 0%, #2adbf7 50%, #00b5d1 51%, #0aafc9 71%, #0599b1 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #01a8c1 0%,#2adbf7 50%,#00b5d1 51%,#0aafc9 71%,#0599b1 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #01a8c1 0%,#2adbf7 50%,#00b5d1 51%,#0aafc9 71%,#0599b1 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a8c1', endColorstr='#0599b1',GradientType=1 ) !important;
    /* IE6-9 fallback on horizontal gradient */
    background-size: 400% 400% !important;
    -webkit-animation: AnimationName 3s ease infinite !important;
    -moz-animation: AnimationName 3s ease infinite !important;
    animation: AnimationName 3s ease infinite !important;
    -webkit-animation: AnimationName 3s ease infinite !important;
    -moz-animation: AnimationName 3s ease infinite !important;
    animation: AnimationName 3s ease infinite !important;
    border: medium none;
}
.nav-link {
    color: white !important;
}
@media(max-width:280px){
    #init{
        right:50% !important;
    }
}
@media(max-width:450px) {
    #init {
        right: 38% !important;
    }
}
@media(max-width:540px) {
    #init {
        right: 26% !important;
    }
}

@media(max-width:820px) {
    #init {
        right: 18% !important;
    }
}
@media(max-width:912px) {
    #init {
        right: 16% !important;
    }
}

@media(max-width:1024px) {
    #init {
        right: 14% !important;
    }
}
@media(max-width:1280px) {
    #init {
        right: 11% !important;
    }
}
.mybtn {
    padding: 2%;
    border: 2px solid white;
    border-radius: 50px 50px 50px 50px;
    background-color: transparent;
    color: white;
    font-weight: bold;
    min-width: 200px;
}

    .mybtn:hover {
        box-shadow: 0px 0px 5px black;
        border: 2px solid #f6921e;
        background-color: #f6921e;
    }
.subheading {
    color: orange !important
}
.g-bg-refpage {
    /* background-image: url('../../uploads/ref-frd.jpg');*/
   /* background-image: url('../../uploads/rrferralbg.png');*/
    background-image: url('../../uploads/ref-to-frd.jpg');
}

@media(max-width:1000px) {
    .scrollres {
        height: 500px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}
@media(max-width:1000px){
    .Mbheader{
        background-color:black;
    }
    .Refferalheader{
        background-color:white;
    }
}

#chat-box {
    position: relative;
    top: 40px;
    padding: 8px 10px;
    font-size: 12px;
    height: 30.2rem;
    overflow: auto;
    background: white;
    text-align: center;
    width: 23rem;
}
.childhe {
    box-shadow: 0 0 2px salmon;
    border-radius: 15px;
    height: 30rem;
    width: 21rem;
    margin: auto;
    background: white;
}
.msg {
    background: rgb(245, 248, 250);
    padding: 5px 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    width: max-content;
    font-size: 14px;
    color: lightslategrey;
    box-shadow: 0 0 5px;
    max-width: 94%;
    text-align: left;
    display:block;
}

.test {
    text-align: right;
}

.rep {
    padding: 5px 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    width: max-content;
    font-size: 14px;
    max-width: 80%;
    box-shadow: 0 0 5px rgb(211,211,211);
    display: inline-block;
    text-align: left;
}
.topsection {
    position: absolute;
    top: 0;
    align-items: center;
    /*border-bottom: 1px solid whitesmoke;*/
    background: #f6921e;
    width: 23rem;
    padding: 5px 0;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    z-index: 1;
    box-shadow: 0 0 2px rgb(175,175,175);
}

#chat-box::-webkit-scrollbar {
   display:none;
}
.coinimage {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
    .coinimage img {
       max-width: 200px;
        height: auto;
          position: absolute;
       transition: all 0.3s ease;
overflow: hidden;
           transform: translate(var(--x-position), var(--y-position)) scale(0.75);
             
    }

.btc {
    position: absolute;
    transform-style: preserve-3d;
    animation: rotate 3s linear infinite;
}

    

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) perspective(500px) rotateY(0deg);
    }

    100% {
        transform: translate(-50%, -50%) perspective(500px) rotateY(360deg);
    }
}


    .spinner > div {
        width: 10px;
        height: 10px;
        background-color: #333;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: dot-pulse 1.5s infinite linear;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
#chatbotbtn {
    background-color: white;
    color: black;
    border: 1px solid black;
}
.ChatbotForms {
    background-color: #013f6a00 !important;
    color: white !important;
    border-color: white !important;
}
.g-bg-referpage {
    background-image: url('../referimage/banner_bg.png');
}
.g-bg-cta {
    background-image: url('../referimage/cta_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.u-btn-cta {
    color: #fff;
    background-color: #FF6624;
}
    .u-btn-cta:hover {
        color: #fff !important;
        background-color: #FF6624;
    }
.g-bg-main-txt {
    background-image: url('../referimage/line-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}