:root {
  --text-color: black;
  --text2-color: #6B7177;
  --bg-color: #f8f8f8;
  --bg-color2: #fff;
  --bg-color3: #FBF7ED;
  --header-color:#489bb4;
  --header-color2:#ed1c24;
}

[data-theme="dark"] {
  --text-color: white;
  --text2-color: #cacaca;
  --bg-color: #303030;
  --bg-color2: #282828;
  --bg-color3: #3b3b3b;
  --header-color: #3d6c7a;
  --header-color2: #960006;
}

.text-dynamic {
  color: var(--text-color) !important;
}

.text {
  color: var(--text-color) !important;
}

.text2 {
  color: var(--text2-color) !important;
}

.background {
  background-color: var(--bg-color) !important;
}

.back2 {
  background-color: var(--bg-color2) !important;
}

.datadeas p, .datadeas h2, .datadeas strong, .datadeas p strong {
    color: var(--text2-color) !important;
}

.datadeas a {
    color: var(--text-color) !important;
}

.page-link{
   background-color: var(--bg-color2) !important;
   color: var(--text2-color) !important;
   
}

.accordion-style1 .accordion-button:before{
    color: var(--text2-color) !important;
}

.iconbox-style1 .icon:before{
    background-color: var(--bg-color3) !important;  
}

.btn-fb{
    background:none;
}

.blog-style1:hover .title, .blog-style1:hover .title a{
    text-decoration:none;
}
.form-style1 .form-control.active, .form-style1 .form-control:focus{
        border: 1px solid #489bb4;
}

.text-success {
    color: rgb(44 223 140) !important;
}

.header-nav.nav-homepage-style, .footer-style1.at-home6 {
     background-color: var(--header-color) !important;  
}

.topbar {
     background-color: var(--header-color2) !important;  
}

.slogan-hero{
        background: linear-gradient(135deg, var(--bg-color), var(--bg-color2));
}