/* -------------------------------------- BACKGROUND --------------------------------*/
#canvas{position: fixed;display: block;top: 0;left: 0;opacity: .1;z-index: -1;}
/* -------------------------------------- /BACKGROUND --------------------------------*/
/* -------------------------------------- CONTENT ------------------------------------*/
.numbers{color: var(--bluecolor);letter-spacing: 2px;}
.numbers span{background: var(--bluecolor);border-radius: 10px;color: var(--whitecolor);padding: 3px 6px 5px 6px;margin-right: 10px;font-size: 1.2em;text-shadow: 2px 2px 3px #000;}
.card h2{font-size: 1.5em; color: var(--bluecolor)}
.link-to-more{display: block;border: solid 1px var(--lightbluecolor);color: var(--whitecolor);border-radius: 10px;padding: 12px 28px;transition: all ease-in-out .3s;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='17' fill='%2300BCD4'%3E %3Cpath fill-rule='evenodd' d='M24.736 10.246v6.351l16.4-8.347-16.4-8.099v6.085H.541v4.01h24.195z'/%3E %3C/svg%3E");background-position: right 32px center;background-repeat: no-repeat;background-size: 31px 12px;}
.link-to-more:hover, .link-to-more:focus{background-color: var(--lightbluecolor);border-color: var(--darkcolor);color: var(--darkcolor);font-weight: bold;transition: all ease-in-out .3s;transform: translateY(-4px);box-shadow: 4px 4px 0 rgba(3,4,3,.2);background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='17' fill='%23000000'%3E %3Cpath fill-rule='evenodd' d='M24.736 10.246v6.351l16.4-8.347-16.4-8.099v6.085H.541v4.01h24.195z'/%3E %3C/svg%3E");}
.link-to-more:active{transform: translateY(0px);box-shadow: 0 0 0 rgba(3,4,3,.15);}
.link-to-more:hover::after{opacity: 1;}
.service-ul ul, .card ul{padding-left: 0;color: var(--linecolor);list-style: none;}
.service-ul ul li, .card ul li{position: relative;padding: 10px 0 10px 20px;color: var(--linecolor);font-size: 0.9em;}
.service-ul ul li:before, .card ul li:before{position: absolute;width: 7px;height: 7px;border-radius: 50%;background: var(--lightbluecolor);content: "";left: 0;top: 50%;transform: translateY(-50%)}
.service-ul ul li:after, .card ul li:after{content: "";position: absolute;border-left: 1px dotted #4F5151;bottom: 50%;left: 3px;top: 0;transform: translateY(-50%);}
.service-ul ul li:first-child:after, .card ul li:first-child:after{border-left: 1px dotted transparent;}
.circle{font-weight: bold;padding: 15px 20px;border-radius: 50%;background-color: var(--lightbluecolor);color: var(--whitecolor);max-height: 50px;z-index: 2;line-height: 20px;}
.how-it-works p{margin: 0;}
.how-it-works.row{display: flex;}
.how-it-works.row .col-2{display: inline-flex;align-self: stretch;align-items: center;justify-content: center;position: relative;}
.how-it-works.row .col-2::after{content: "";position: absolute;border-left: 3px solid var(--linecolor);z-index: 1;}
.how-it-works.row .col-2.bottom::after{height: 50%;left: 50%;top: 50%;}
.how-it-works.row .col-2.bottom-right::after{height: 50%;left: calc(50% - 3px);top: 50%;}
.how-it-works.row .col-2.top-left::after{height: 50%;left: calc(50% - 3px);top: 0;}
.how-it-works.row .col-2.full::after{height: 100%;left: calc(50% - 3px);}
.how-it-works.row .col-2.full-left::after{height: 100%;left: 50%;}
.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(--linecolor);margin: 0;top: 17px;position: relative;opacity: 1;width: 100%;}
.timeline-header{border-top: 3px solid transparent;border-image: linear-gradient(to right, transparent, var(--linecolor)) 1;}
.timeline-footer{border-top: 3px solid transparent;border-image: linear-gradient(to right, var(--linecolor), transparent) 1;}
.timeline .col-2{display: flex;overflow: hidden;}
.timeline .corner{border: 3px solid var(--linecolor);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);}
.advantages{padding-left: 0;list-style: none;height: 90%;display: flex;flex-direction: column;justify-content: space-evenly;}
.advantages li{color: var(--whitecolor);padding: 15px 40px;text-align: center;}
.accordion-item{background: var(--gradientopasitycolor);border: 1px solid var(--linecolor);}
.accordion-body{color: var(--whitecolor);box-shadow: inset 0 0 10px #000;}
.accordion-button{background: var(--gradientcolor); color: var(--whitecolor);min-height: 5em;}
.accordion-button:focus{box-shadow: none}
.accordion-button:not(.collapsed){background: var(--gradientcolor);color: var(--bluecolor)}
@media(max-width: 1200px){.advantages{height: auto}}
/* -------------------------------------- /CONTENT ------------------------------------*/