/* ------------------------------------------ CONTENT ----------------------------------*/
.benefits{display: flex;flex-wrap: wrap;justify-content: center;}
.benefits:hover .benefit:after{opacity: 1}
.benefits .benefit{position: relative;display: flex;flex-direction: column;justify-content: space-around;padding: 15px;border: 1px solid var(--lightbluecolor);border-radius: 10px;text-align: center;color: var(--brightwhitecolor);transition: all ease-in-out .3s;box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);}
.benefits .benefit:before, .benefits .benefit:after{border-radius: inherit;content: "";height: 100%;left: 0;opacity: 0;position: absolute;top: 0;transition: opacity 500ms;width: 100%}
.benefits .benefit:before{background: radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgba(191, 226, 255, 0.2), transparent 30%);z-index: 3}
.benefits .benefit:after{background: radial-gradient(500px circle at var(--mouse-x) var(--mouse-y), rgba(191, 226, 255, 0.5), transparent 30%);z-index: 1}
.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;}
.description-head{font-size: 0.9em;padding: 15px 0;color: var(--brightwhitecolor)}
.text-divider{display: flex;align-items: center;color: var(--lightbluecolor);text-transform: uppercase;}
.text-divider::before, .text-divider::after {content: "";flex: 1;height: 1px;border-top: 1px dotted var(--linecolor)}
.divider-label{padding: 0 15px;}
.list-landing p{letter-spacing: 0}
.service-ul{padding-left: 0;color: var(--linecolor);list-style: none;}
.service-ul li{position: relative;padding: 10px 0 10px 20px;color: var(--brightwhitecolor);font-size: 0.9em;}
.service-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 li:after{content: "";position: absolute;border-left: 1px dotted var(--linecolor);bottom: 50%;left: 3px;top: 0;transform: translateY(-50%);}
.service-ul li:first-child:after{border-left: 1px dotted transparent;}
.carousel-indicators{margin-bottom: 0;}
.carousel-control-next, .carousel-control-prev{align-items: flex-end;}
.carousel-indicators [data-bs-target]{background-color: var(--lightbluecolor);}
.carousel-control-next-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300BCD4'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.carousel-control-prev-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300BCD4'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
.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)}
/* -------------------------------------- /CONTENT ------------------------------------*/