:root {
    --color-primary: #0F406B !important;
    --color-secondary: #95C122 !important;
    --color-tertiary: #e12901 !important;
    --color-primary-text: #000;
    --color-background: #fff;
    --max-width: normal;
    --font-primary: 'local', Arial, sans-serif;
    --font-secondary: 'local2', Arial, sans-serif;
  } 
  
  :root { --color-title: #0F406B; }
  
  
  :root { --border-radius: 0.375rem; }
  
  
  
  .template1 { .btn { border-radius: 0.375rem; } }
  
  .container {
      @media screen and (max-width: 1700px) {
        max-width: 90%;
      }
    }
  .property-search-container {
  .bg-secondary,
  .bg-tertiary {
    background-color: var(--color-primary);
    &:hover {
      background-color: var(--color-secondary);
    }
  }
}

.footer {
  div {
    a {
      color: #fff;
      &:hover {
        text-decoration: underline;
      }
    }
  }
}

.detail-list-documents,
.detail-list-group {
  h3 {
    font-weight: 400;
    color: var(--color-primary);
  }
}

.detail-list-documents {
  svg {
    fill: #ff0000;
  }
}

.ReactModal__Overlay .modal-title {
  background-color: var(--color-secondary);
}

.btn.bg-primary:hover {
  background-color: var(--color-secondary);
}

.template1 header.transparent>div.top-bar {
      background-color: #95C122 !important;
}

.property-detail .text-content p {
  text-align: justify;
}

[data-page="6793bdbd5401cd51e1feced8"] {
  .banner-box-video {
     .after\:opacity-50:after {
    opacity: 0.2;
  }
  }
}