/* CSS Document */


.landing-bg {
    background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), color-stop(89.58%, #223f75));
    background: linear-gradient(0deg, #ffffff 0%, #223f75 89.58%);
}

#dynamicWord {
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}

.feature-summary-row {
    background: #f5f8fe;
}

h4 {
    font-weight: 600 !important;
}

.with-triangle {
    position: relative;
}

.with-triangle::after {
    content: "";
    position: absolute;
    right: -10px; /* adjust as needed */
    top: 50%; /* center vertically */
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); /* center vertically */
    width: 0;
    height: 0;
    border-left: 10px solid #f5f8fe; /* size and color of triangle */
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.univ-hover {
    cursor: pointer;
}


.large-icon {
    color: rgb(38, 57, 92);
}


#dynamicWord {
    opacity: 1;
    color: rgb(67, 88, 126);
}

@-webkit-keyframes float {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}

@keyframes float {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}

.float {
    -webkit-animation: float 3s ease-in-out infinite;
            animation: float 3s ease-in-out infinite;
}


.mobile-beacon {
    width: 50%;
}

@media (max-width: 768px) {
    .mobile-beacon {
    width: 35%;
    }
}

@media (min-width: 992px) {
    .mobile-beacon {
    width: 85%;
    }
}


.price-h6 {
    font-weight: 500 !important;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}