.common-btn{
    border-radius: 8px;
}

.lite-btn{
    background: #D5E4E8;
    color: #2B788B;
    border-color: #D5E4E8;
}

.lite-btn:hover{
    background: #2B788B;
    color: #D5E4E8;
}

.common-fill-btn{
    background: #2B788B;
    color: white;
    border-color: #2B788B;
}

.common-fill-btn:hover{
    color: black
}

.link-btn{
    background: transparent;
    border: 0px;
    color: black;
}

.link-btn:hover{
    color: black
}
.bag2 .button{
    height: 40px;
}

.lite-shadow-border-bottom{
    
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

}

.navbar-links li a:hover{
    color: black;
}

.navbar-links li.active > a{
    color: black;
    font-weight: bold;
}

.navbar-links li.active > a:after{
    background: black;
}

.cafa-button a:hover, .quickeat a, ul.social-media li a i:hover, .banner-img h4, .button-price, .menu-dish li:before, .hours i, .services-card-style:hover i, .error-page a i, .questions i, .join-img-blog i, .pricing-table-cards h6, .blog-list li:before, .mobile-nav > ul > li.menu-item-has-children.active > ul.sub-menu li:before, .page-loader{
    background: #2B788B;
}

.footer-two{
    margin-top: 20px
}

.color-primary{
    color: #2B788B
}

.color-primary-bg{
    background-color: #2B788B
}

.color-secondary{
    color: #D5E4E8
}

.color-secondary-bg{
    background-color: #D5E4E8
}

.color-dark-gray{
    color: #84818A !important;
}

.color-dark-gray-bg{
    background-color: #84818A
}

.fonts-18{
    font-size: 18px;
}

.fonts-56{
    font-size: 56px;
}

.fonts-48{
    font-size: 48px;
}

.fonts-24{
    font-size: 24px;
}

.fonts-16-5{
    font-size: 16.5px;
}

.fonts-14{
    font-size: 14px;
}

.fonts-13{
    font-size: 13px;
}

.fonts-12{
    font-size: 12px !important;
}

.font-montserrat{
    font-family: 'Montserrat', sans-serif;
}

.font-weight-700{
    font-weight: 700;
}

.font-weight-400{
    font-weight: 400;
}

.font-weight-600{
    font-weight: 600;
}

.font-weight-500{
    font-weight: 500;
}


/* hero section */
.left-elipse {
    position: absolute;
    left: -170px;
    top: -40px;
    width: 280px;
    height: 280px;
    background-color: #C3DCE3;
    border-radius: 50%;
    z-index: 1;
}
.right-elipse {
    position: absolute;
    right: -50px;
    bottom: -396px;
    width: 700px;
    height: 700px;
    background-color: rgba(255, 99, 71, 0.1);
    border-radius: 50%;
    z-index: 1;
}

.img-restaurant{
    z-index: 2;
}

.text-container {
    position: relative;
    z-index: 2;
}

.lite-shadow-border-bottom {
    z-index: 2;
}

.container-hero{
    overflow: hidden;
    min-height: 630px;
}

/* end hero section */