.logik-history-style-1 .history-box-content .history-year
{
text-align: center;
position: relative;
margin: 30px; 
font-weight: bold;
}
.history-year::before
{
content: "";
background: var(--color-theme-secondary);
width: 20px;
height: 20px;
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
z-index: 9;
}
.logik-history-style-1 .history-box-content .history-box-info{
background: var(--color-theme-white);
border-radius: var(--box-border-radius);
text-align: center;
}
.logik-history-style-1 .history-box-content::before {
width: 30%;
height: 2px;
content: "";
background: var(--color-theme-primary);
position: absolute;
bottom: 0;
margin: 0 auto;
left: 0;
right: 0;
opacity: 1;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.logik-history-style-1 .history-box-content:hover::before{
width: 100%;
}
.logik-history-style-1 .history-box-content .history-box-info .history-details{
padding: 30px;
}
.logik-history-style-1 .history-box-content .history-box-info .history-image{
overflow: hidden;
border-radius: var(--box-border-radius) var(--box-border-radius) 0 0;
}
.logik-history-style-1 .history-box-content .history-box-info .history-image img{
border-radius: var(--box-border-radius) var(--box-border-radius) 0 0;
transition: transform .5s ease-in;
-webkit-transition: transform .5s ease-in;
-moz-transition: transform .5s ease-in;
-o-transition: transform .5s ease-in;
}
.logik-history-style-1 .history-box-content:hover .history-box-info .history-image img{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
}
.logik-history-style-1 .history-box-content .history-box-info .history-discription {
display: none;
}
.logik-history-style-1 .owl-dots {
text-align: center;
padding-top: 15px;
}
.logik-history-style-1 .owl-carousel .owl-dots button.owl-dot {
width: 10px;
height: 10px;
display: inline-block;
background: var(--color-theme-grey);
margin: 0 5px;
}
.logik-history-style-1 .owl-carousel .owl-dots button.owl-dot.active {
background-color: var(--color-theme-primary);
}
.logik-history-style-1 .owl-carousel .owl-dots button.owl-dot:focus {
outline: none;
}