/* // bullet */

.bi-arrow-right-circle-fill {
    color: #50c0ed
}


/*mob and desk view  */

#desknav li,
#mobilenav li {
    position: relative;
    cursor: pointer;
}

#desknav li:not(:last-child) div {
    /* margin-top: 10px; */
    position: absolute;
    top: 100%;
    /* background: rgba(6, 12, 34, 0.5); */
    overflow: hidden;
    background-color: rgb(80, 192, 237, 1);
    transition: height 0.2s linear;
}

#desknav li:not(:last-child) div a:first-child {
    padding-top: 20px;
}

#desknav li:not(:last-child) div a {
    color: rgb(6, 12, 34);
    font-weight: 300;
    padding-left: 10px
}

#desknav li:not(:last-child) div a:hover {
    text-decoration: underline
}

#mobilenav li div {
    transition: height 0.4s linear, opacity 0.4s linear;
}

#mobilenav li div a {
    font-size: 14px;
    padding-bottom: 6px;
    padding-top: 6px;
    font-weight: 200;
    /* border-bottom: 1px ridge #50c0ed; */
}

#mobilenav li div a:hover {
    text-decoration: underline;
}

#mobilenav li:not(:last-child) {
    border-bottom: 1px ridge #50c0ed;
    margin-right: 30px
}

#mobilenav li:not(:last-child) a:hover {
    color: #50c0ed;
}

#mobilenav li:not(:last-child) a.active,
#mobilenav li:not(:last-child) a.active i {
    color: #00b4fb;
}

.bi-caret-down-fill {
    color: rgba(202, 206, 221, 0.8);
}

.bi-chevron-down {
    font-size: 18px;
    transition: transform 0.4s linear;
    transform-origin: center center;
}

li a:hover+.bi-caret-down-fill,
.bi-caret-down-fill:hover {
    color: #fff;
}


/* search  */

.bi-search {
    color: rgba(202, 206, 221, 0.8);
    cursor: pointer;
}

.bi-search:hover {
    color: #fff
}

#search {
    position: absolute;
    width: 220px;
    right: -10px;
    /* top: 100%; */
    /* overflow: hidden; */
    flex-direction: row;
    transition: opacity 0.5s linear;
}