.timeline {
position: relative;
max-width: 1200px;
margin: 0 auto;
} .timeline::after {
content: '';
position: absolute;
width: 6px;
background-color: white;
top: 0;
bottom: 0;
left: 50%;
margin-left: -3px;
} .timeline-container {
padding: 10px 40px;
position: relative;
background-color: inherit;
width: 50%;
} .timeline-container::after {
content: '';
position: absolute;
width: 25px;
height: 25px;
right: -17px;
background-color: white;
border: 4px solid #FF9F55;
top: 15px;
border-radius: 50%;
z-index: 1;
} .left {
left: 0;
} .right {
left: 50%;
} .left::before {
content: " ";
height: 0;
position: absolute;
top: 22px;
width: 0;
z-index: 1;
right: 30px;
border: medium solid white;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent white;
} .right::before {
content: " ";
height: 0;
position: absolute;
top: 22px;
width: 0;
z-index: 1;
left: 30px;
border: medium solid white;
border-width: 10px 10px 10px 0;
border-color: transparent white transparent transparent;
} .right::after {
left: -16px;
} .timeline-content {
padding: 20px 30px;
background-color: white;
position: relative;
border-radius: 6px;
} @media screen and (max-width: 600px) { .timeline::after {
left: 31px;
} .timeline-container {
width: 100%;
padding-left: 70px;
padding-right: 25px;
} .timeline-container::before {
left: 60px;
border: medium solid white;
border-width: 10px 10px 10px 0;
border-color: transparent white transparent transparent;
} .left::after, .right::after {
left: 15px;
} .right {
left: 0%;
}
h3 {
font-size: 12px;
text-align: left !important;
}
}.theme-btn{
background-color: #ffffff;
border-radius: 10px;
bottom: 150px;
color: #ffffff;
display: table;
height: 50px;
right: -10px;
min-width: 50px;
position: fixed;
text-align: center;
z-index: 9999;
}
.theme-btn i{
font-size: 22px;
line-height: 50px;
margin-left: 15px;
margin-bottom: 0px;
}
.theme-btn.bt-support-now{ background: #1ebbf0; background: -moz-linear-gradient(45deg, #1ebbf0 8%, #39dfaa 100%); background: -webkit-linear-gradient(45deg, #1ebbf0 8%,#39dfaa 100%); background: linear-gradient(45deg, #1ebbf0 8%,#39dfaa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ebbf0', endColorstr='#39dfaa',GradientType=1 ); bottom: 205px;
color: #ffffff;
}
.theme-btn.bt-buy-now{ background: #ff670f; background: -moz-linear-gradient(top, #ff670f 0%, #ff670f 100%); background: -webkit-linear-gradient(top, #ff670f 0%,#ff670f 100%); background: linear-gradient(to bottom, #ff670f 0%,#ff670f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#ff670f',GradientType=0 ); bottom: 95px !important;
color: #ffffff;
}
.theme-btn.bt-whatsapp-now{ background: #b4e391; background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%); background: -webkit-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); background: linear-gradient(to bottom, #b4e391 0%,#61c419 50%,#b4e391 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); color: #ffffff;
}
.theme-btn:hover{
color:#fff;
padding: 0 20px;
}
.theme-btn span{
display: table-cell;
vertical-align: middle;
font-size: 16px;
letter-spacing: -15px;
opacity: 0;
line-height: 50px;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
text-transform:uppercase;
}
.theme-btn:hover span{
opacity:1;
letter-spacing: 1px;
padding-left:10px;
}
.at-expanding-share-button[data-position="bottom-left"]{
bottom: 130px !important;
}