* {
    box-sizing: border-box;
}

.container-fluid {
    padding: 0;
}

.footer-box {
    padding: 10px;
}

.bg-footer {
    background-color: #eef3f8;
}

.bg-navbar {
   background-color: #eef3f8;
}

.card-title {
    font-size: 20px;
}

.card-img-top {
    height: 212px;
}

.title-desc {
    font-size: 34px;
}

.description p {
    font-size: 22px;
    line-height: 2.5rem;
}

.border-blockquote {
    display: block;
    border-left: 3px solid red; 
    padding-left: 10px;
}

.form-border {
    border: 1px solid #dee2e6; 
    border-radius: 0.25rem; 
    padding: 1.5rem;
}

.hidden {
    display: none;
}

.btn-see-more {
    display: none !important;
}

.social-icon {
    width: 34px;
}

.container-table {
    overflow: auto;
}
.card-body {
    padding: 0 !important; 
}

/* Sidebar chat */
.container-sidebar-chat {
    position: fixed; 
    bottom: 5%;
    right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50px;
    height: 170px;
}

.viber-sidebar-chat, 
.telegram-sidebar-chat,
.whatsapp-sidebar-chat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 50px;
    border-radius: 50%;
    background-color: white;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

@media (max-width: 777px) {
    .hide {
        display: none !important;
    }

   .active {
        display: block !important;;
    }

    .btn-see-more {
        display: block !important;
    }   
}

@media (max-width: 600px) {
    .title-desc {
        font-size: 30px;
    }
    
    .description p {
        font-size: 18px;
    }
    
    .footer-box {
       width: 90%;
       margin: 0 auto;
    }
}