.sitename .logo{
    margin: 0 !important;
    color: var(--heading-color) !important;
    font-family: var(--heading-font) !important;
    font-size: 26px !important;
    font-weight: 700 !important;
}

.sitename .logo span{
  color: var(--accent-color) !important;
}



.vatnr{
  font-family:'arial' !important;
  font-size:11px !important;
}




/* Custom position for the modal */
.modal.bottom-right .modal-dialog {
  font-family:arial !important;
  font-size:12px;
  position: fixed;
  bottom: 1rem;
  right: 5rem;
  margin: 0;
  max-width: 600px; /* optional: limit width */
  transition: all 0.3s ease-in-out;
}

.modal.bottom-right .modal-content {
  border-radius: 1rem;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

@media (max-width: 1199px) {
  .modal.bottom-right .modal-dialog {
    left: 5rem;
  }
}

@media only screen and (max-width: 600px) {
  .modal.bottom-right .modal-dialog {
    left: 1rem;
    right: 1rem;
    max-width: 600px
  }
}


/* terms styles */
.terms-of-service .tos-content .content-section .danger-box {
  display: flex;
  gap: 20px;
  padding: 25px;
  background-color: var(--surface-color);
  border-radius: 15px;
  border-left: 4px solid var(--bs-danger);
  margin-top: 20px;
}

.terms-of-service .tos-content .content-section .danger-box i {
  font-size: 2rem;
  color: var(--bs-danger);
  flex-shrink: 0;
}

.terms-of-service .tos-content .content-section .danger-box .alert-content h5 {
  font-size: 1.1rem;
  margin-bottom: 8px;
}

.terms-of-service .tos-content .content-section .danger-box .alert-content p {
  margin: 0;
  font-size: 0.95rem;
}

.section-title h1 {
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 0;
  position: relative;
  z-index: 2;
}




.blockquote {
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-left: 4px solid var(--accent-color);
  padding: 2rem;
  margin: 2rem 0;
  border-radius: 0 8px 8px 0;
}

.blockquote p {
  font-size: 1.2rem;
  font-style: italic;
  color: var(--heading-color);
  margin: 0 0 1rem;
}

.blockquote cite {
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  font-style: normal;
  display: block;
}

.blockquote cite:before {
  content: "— ";
}


.footer .btn-info{
    background-color: var(--accent-color) ;
    border: var(--accent-color) ;
    color:#fff;
}

.footer .btn-info:hover{
    background-color: #fff ;
    border: var(--accent-color) ;
    color:var(--accent-color) ;
}

.footer-top{
    min-height: 250px;
}


.alert-message
{
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}
.alert-message h4
{
    margin-top: 0;
    margin-bottom: 5px;
}
.alert-message p:last-child
{
    margin-bottom: 0;
}
.alert-message code
{
    background-color: #fff;
    border-radius: 3px;
}
.alert-message-success
{
    background-color: #F4FDF0;
    border-color: #3C763D;
}
.alert-message-success h4
{
    color: #3C763D;
}
.alert-message-danger
{
    background-color: #fdf7f7;
    border-color: #d9534f;
}
.alert-message-danger h4
{
    color: #d9534f;
}
.alert-message-warning
{
    background-color: #fcf8f2;
    border-color: #f0ad4e;
}
.alert-message-warning h4
{
    color: #f0ad4e;
}
.alert-message-info
{
    background-color: #f4f8fa;
    border-color: #5bc0de;
}
.alert-message-info h4
{
    color: #5bc0de;
}
.alert-message-default
{
    background-color: #EEE;
    border-color: #B4B4B4;
}
.alert-message-default h4
{
    color: #000;
}
.alert-message-notice
{
    background-color: #FCFCDD;
    border-color: #BDBD89;
}
.alert-message-notice h4
{
    color: #444;
}



/* Optional: make top-row slightly smaller so it fits nicely */
.top-row {
    margin: 0px auto;
    padding: 0px 20px;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}

.breadcrumbs ol li+li {
  padding-left: 10px;
}

.breadcrumbs ol li+li::before {
  content: "/";
  display: inline-block;
  padding-right: 10px;
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}

.mt-10{
    padding-top:100px;
}

#header .phone-number,#header .phone-number a {
  font-size: 14px;
  color: #6d6464;
}

#header .phone-number a:hover {
  color: var(--accent-color);
}

.sitemap{
    color:color-mix(in srgb, var(--default-color), transparent 30%)
}


@media (max-width: 576px) {
    .hero .hero-content .hero-stats {
        flex-direction: row;
    
        text-align: center !important;
    }

    .hero .hero-content .hero-stats .stat-item{
         text-align: center !important;
    }

    .stats-grid {
        display: none !important;
    }
}


.top-bar-item{
    font-size:14px;
}