/* GLOBAL */
/* GLOBAL CSS */
.btn {
letter-spacing: 0px;
font-weight: 600;
font-size: 1.25rem;
border-radius: 3px;
padding: 12px 25px;
}
.oms-team-cards .control .bg-image {
transition: transform .2s;
}
.oms-team-cards .control:hover .bg-image {
transform: scale(1.1);
}
.oms-team-cards .oms-team-card-wrapper {
width: 100%;
overflow: hidden;
}
form .form-control {
font-size: 15px;
padding: 15px 22px;
}
nav > .nav.nav-tabs {
border: none;
color: #fff;
background: #272e38;
border-radius: 0;
}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active {
border: none;
padding: 18px 25px;
color: #fff;
background: #272e38;
border-radius: 0;
}
nav > div a.nav-item.nav-link.active:after {
content: "";
position: relative;
bottom: -60px;
left: -10%;
border: 15px solid transparent;
border-top-color: var(--primary-alt);
}
.tab-content {
background: #fdfdfd;
line-height: 25px;
border: 1px solid #ddd;
border-top: 5px solid var(--primary-alt);
border-bottom: 5px solid var(--primary-alt);
padding: 30px 25px;
}
nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus {
border: none;
background: var(--primary-alt);
color: #fff;
border-radius: 0;
transition: background 0.20s linear;
}
/* PAGE SPECIFIC */
/* Page Specific CSS */
.circle {
padding: 13px 20px;
border-radius: 50%;
background-color: var(--primary);
color: #fff;
max-height: 50px;
z-index: 2;
}
.how-it-works.row .col-2 {
align-self: stretch;
}
.how-it-works.row .col-2::after {
content: "";
position: absolute;
border-left: 3px solid var(--primary);
z-index: 1;
}
.how-it-works.row .col-2.bottom::after {
height: 50%;
left: 50%;
top: 50%;
}
.how-it-works.row .col-2.full::after {
height: 100%;
left: calc(50% - 3px);
}
.how-it-works.row .col-2.top::after {
height: 50%;
left: 50%;
top: 0;
}
.timeline div {
padding: 0;
height: 40px;
}
.timeline hr {
border-top: 3px solid var(--primary);
margin: 0;
top: 17px;
position: relative;
}
.timeline .col-2 {
display: flex;
overflow: hidden;
}
.timeline .corner {
border: 3px solid var(--primary);
width: 100%;
position: relative;
border-radius: 15px;
}
.timeline .top-right {
left: 50%;
top: -50%;
}
.timeline .left-bottom {
left: -50%;
top: calc(50% - 3px);
}
.timeline .top-left {
left: -50%;
top: -50%;
}
.timeline .right-bottom {
left: 50%;
top: calc(50% - 3px);
}
/* FOOTER */