/* Custom Styles for Hollywood Smile Dental Clinic */

/* Red/Blue Color Scheme */
.btn {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #ffffff;
}

.btn:hover {
    background-color: #0056b3;
    border-color: #0056b3;
    color: #ffffff;
}

.header-top-info ul i {
  color: #dc3545;
}

.social li a {
  background-color: #dc3545;
}

.social li:hover a {
  background-color: #0056b3;
}

.header-primary-menu .nav-menu li a.active,
.header-primary-menu .nav-menu li:hover>a {
  color: #dc3545;
}

.section-title .sub-title {
  color: #dc3545;
}

.btn-primary {
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

.btn-secondary {
    background-color: #0056b3;
    border-color: #0056b3;
}

.btn-secondary:hover {
    background-color: #dc3545;
    border-color: #dc3545;
}

.back-to-top, .back-to-top-2 {
    background-color: #dc3545;
}

.back-to-top:hover, .back-to-top-2:hover {
    background-color: #0056b3;
}

.header-top-2 {
    background-color: #0056b3;
}
.header-info-2 ul li:first-child::before {
    color: #dc3545;
}
.header-info-2 ul i {
    color: #dc3545;
}
.header-right .header-bar {
    background-color: #0056b3;
}
.header-menu-2 .nav-menu li a.active, .header-menu-2 .nav-menu li:hover > a, .header-menu-2 .nav-menu li.dropdown > a::after {
    color: #dc3545;
}
.header-menu-2 .nav-menu li .sub-menu {
    border-top: 2px solid #dc3545;
}
.info-contact ul li i {
    color: #dc3545;
}
.page-banner-title .breadcrumb .breadcrumb-item.active {
    color: #dc3545;
}
.slider-active .slick-arrow i, .slider-active-2 .slick-arrow i {
    background-color: #dc3545;
}
.slider-area .slick-dots li.slick-active button {
    background-color: #dc3545;
}
.features-text {
    border-left: 2px solid #dc3545;
}
.features-text .name span {
    color: #dc3545;
}
.features-item .features-item-wrapper i {
    color: #dc3545;
}
.service-content i {
    background-color: #0056b3;
}
.service-content i:hover {
    background-color: #dc3545;
}
.appointment-area::before {
    background-color: #0056b3;
}
.appointment-title-wrapper {
    background-color: #dc3545;
}
.appointment-title-wrapper .appointment-icon i {
    color: #dc3545;
}
.appointment-form-inner .btn:hover {
    background-color: #fff;
    color: #dc3545;
}
.footer-2-area {
    background-color: #0056b3;
}
.footer-widget-2 .footer-link li:hover a {
    color: #dc3545;
}
.footer-widget-2 .footer-info-2 li i {
    color: #dc3545;
}
.footer-2-copyright-wrapper .footer-social-2 .social li:hover a {
    background: #dc3545;
}
.single-form .btn {
    background-color: #dc3545;
}
.single-form .btn:hover {
    background-color: #0056b3;
}
.contact-title .title {
    color: #0056b3;
}

.btn-tiktok {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}

.btn-tiktok:hover {
  background-color: #2b2b2b;
  border-color: #2b2b2b;
}

/* Floating Buttons */
.floating-btns {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

.floating-btns .btn {
    display: block;
    margin-bottom: 10px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
}

.floating-btns .btn-whatsapp {
    background-color: #25D366;
}

.floating-btns .btn-phone {
    background-color: #0056b3;
}

/* Increase menu font size */
.header-primary-menu .nav-menu li a {
    font-size: 20px !important;
    font-weight: 600 !important;
}

/* Service Pop-up Styles */
.white-popup-block {
    background: #ffffff;
    padding: 40px;
    border-radius: 10px;
    max-width: 700px;
    margin: 20px auto;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.white-popup-block h2 {
    font-weight: bold;
    margin-bottom: 20px;
    color: #0056b3;
}

.header-menu-2 .nav-menu li a {
    font-size: 20px !important;
    font-weight: 600 !important;
}