.typing{
    text-align: right;
    margin-right: 0;
    padding-right: 0;
    /* text-decoration-line: underline; */
    display: inline-flex;
    border-right: solid 3px #FFFFFF;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    right: 0px;
    animation: animated-text 3.5s steps(10, end) 1s 10 alternate-reverse both,
               animated-cursor 750ms steps(20, end) 50 forwards;
}
/* Animation*/
@keyframes animated-text{
    0%{width: 1.3em;}
    40%{width: 1.3em;}
    60%{width: 0px;}
    100%{width: 0px;}

  }
@keyframes animated-cursor{
    from{border-right-color: #FFFFFF;}
    to{border-right-color: transparent;}
  }
/* Done */

/* specific width*/
.dibabible-bibutibin {
    width: 14rem;
}

.rotating-card {
    position: relative;
    width: 100%;
    height: 600px;
    cursor: pointer;
    transform-style: preserve-3d;
    transform-origin: center right;
    transition: transform 1s;
}
.rotating-card.is-flipped {
    transform: translateX(-100%) rotateY(-180deg);
}
.card-face{
    position: absolute;
    width: 100%;
    height: 100%;
    /* line-height: 260px; */
    color: white;
    text-align: center;
    font-weight: bold;
    /* font-size: 40px; */
    backface-visibility: hidden;
}
.card-face-front{
    background-color: transparent;
}
.card-face-back{
    padding-top: 100px;
    padding-left: 5%;
    padding-right: 5%;
    /* background-color: rgb(182, 73, 73); */
    border: 4px solid #332D2D;
    color: #332D2D;
    transform: rotateY(180deg);
}

#button1.clicked {
    color: white;
    background-color: #DC4C64;
}
#button2.clicked {
    color: white;
    background-color: #14A44D;
}
#button3.clicked {
    color: white;
    background-color: #14A44D;
}
#button4.clicked {
    color: white;
    background-color: #14A44D;
}
#button5.clicked {
    color: white;
    background-color: #DC4C64;
}
#button6.clicked {
    color: white;
    background-color: #DC4C64;
}
.twitter-container {
    height: 100%;
    overflow-y: hidden;
}

.blog-text {
    text-indent: 2.5em;
}
.no-indent{
    text-indent: 0;
}
.blog-text h1,
.blog-text h2,
.blog-text h3,
.blog-text h4,
.blog-text h5,
.blog-text li {
    text-indent: 0;
}
.blog-text li {
    margin-bottom: 0.3em;
}
.icon-background {
    width: 5em;
    height: 5em;
}
.icon-list1 {
    margin-left: 2.5em;
    text-indent: -1.6em;
}
.icon-list2 {
    margin-left: 2em;
    text-indent: -2em;
}
.space {
    height:100px;
}
.accordion-button.collapsed {
    background: rgb(246, 244, 244);
}

.checker-loader {
    visibility: hidden;
}

/* section {
    padding-top: 60px;
} */

/* Slider - disable tooltip */
.thumb {
display: none !important;
}

@media only screen and (min-width: 1200px) {
    .checker-mask {
        backdrop-filter:blur(7px);
    }
}

.badge-img {
    height:5em;
}

.floating-div {
    position: absolute;
    top: 125%;
    left: 20%;
    transform: translate(-50%, -50%);
    z-index: 9;
    /* background-color: rgba(163, 39, 39, 0.8); */
    padding: 20px;
}

@media only screen and (max-width: 1200px) {
    .floating-div {
      position: static;
      transform: none;
      margin-top: 10px;
      margin-bottom: 20px;
    }   
}