body {
    position: relative;
    font-family: 'Inter-Regular' !important;
    color: var(--fav-primary-text) !important;
}

.navbar-brand {
    width: auto;
}

    .navbar-brand img {
        height: 30px;
    }

.navbar-toggler:focus {
    box-shadow: none !important;
}

.navbar-toggler:focus {
    background: none;
    outline: 0;
    border: 0;
}

.navbar-toggler span {
    display: block;
    width: 30px;
    height: 2px;
    margin: 6px auto;
    background: #7d7d7d;
    transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}



/* rotate first span */
.navbar-toggler[aria-expanded="true"] span:first-of-type {
    transform: rotate(45deg) translate(6px, 6px);
}

/* hide second span */
.navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
    opacity: 0;
}

/* rotate third span */
.navbar-toggler[aria-expanded="true"] span:last-of-type {
    transform: rotate(-45deg) translate(5px, -5px);
}

.navbar-toggler[aria-expanded="false"] span {
    transform: none;
    opacity: 1;
}

.hero-wrap {
    background-image: url('../png/hero-bg.png');
    background-repeat: repeat-x;
}


.feature-icon {
    min-height: 80px;
}

.desc-text {
    font-size: 17px;
}

.testimonials-card {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-shadow: 7px 7px 20px -10px rgba(156, 156, 156, 0.5);
    border-radius: 8px;
}

.testimonials-section {
    background-color: #FAFAFA;
}

.testimonials-profile-photo {
    width: 50px;
    height: 50px;
}

.pricing-btn-wrap {
    width: fit-content !important;
}

.nav-pills .nav-link.active {
    color: var(--fav-blue) !important;
    background-color: #fff !important;
}

.pricing-card {
    border: 1px solid #D9D9D9;
    border-radius: 15px;
}

.popular-card {
    border: none;
    background-image: url('../svg/pricing-card-bg.svg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
}

.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.footer-banner-bg {
    background-image: url('../svg/twitter-banner-icon.svg');
    background-position: left bottom;
    background-size: contain;
    background-repeat: no-repeat;
}


.head-text {
    font-size: 24px;
}
.link-hover:hover {
    color: var(--fav-blue) !important;
}