:root {
  --bg: #ffffff;
  --surface: #f3f4f6;
  --text: #0f172a;
  --muted: #e8e9ed;
  --accent: #6366f1;
  --radius: 12px;
  --transition: 250ms ease;
  --nav-color: #e2dddd;
   --place-holder: #515050;

}

[data-theme="dark"] {
  --bg: #0f0f10;
  --surface: #212122;
  --text: #e6eef8;
  --muted: #1a1919;
  --accent: #8b5cf6;
  --nav-color: #292a2b;
   --place-holder: #515050;

}

* {
  margin: 0px;
  padding: 0px;
  box-shadow: none;
  font-family: Arial, Helvetica, sans-serif;
}
li,ol,span{
  line-height: 2em;
}
.card a {
  text-decoration: none !important;
  color: var(--text) !important;
}

.card {
  background-color: var(--bg) !important;
  margin-bottom: 2em;
}

.image-card {
  width: 25px;
  overflow: hidden;
}


h1 {
  font-size: 20px !important;
  font-weight: 600 !important;
  margin-top: 1.5em !important;
  /* line-height: 1.6em!important; */
}

h2 {
  font-size: 18px !important;
  margin-top: 1em !important;
  line-height: 2em!important;
}

h3 {
  font-size: 16px !important;
  margin-top: 1em !important;
  line-height: 2em!important;
}


a {
  text-decoration: none !important;
  color: var(--text)!important;
  opacity: 0.8;
}

.active>.page-link, .page-link.active{
  background-color: var(--accent)!important;
  border: 1px solid var(--accent) !important;

}

.page-link{
  background-color: var(--muted)!important;
}



h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
blockquote,
pre,
p,
li,
.btn,
.under_line,
small {
  color: var(--text) !important;
}

h2 {
  font-size: 16px;
  font-weight: 400;
}

.search_icon {
  background-color: white !important;
  margin-top: 1px !important;
  border: none !important;
}

.form-control{
  background-color: var(--muted)!important;
  color: var(--text) !important;
}

 /* Optional: on focus */
 textarea::placeholder {
   color: var(--place-holder) !important;
 }

 input::placeholder {
   color: var(--place-holder) !important;
   /* light gray */
   opacity: 1 !important;
   /* ensure full visibility */
 }

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

.form-control:focus {
  border-color: var(--nav-color) !important;
  box-shadow: none !important;
}

/* p text limit set Start */

.card-text {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  height: 2.6em;
  /* Fallback for non-webkit, line-height * 2 */
  line-height: 1.5em;
  -webkit-line-clamp: 2;
  /* if you change this, make sure to change the fallback line-height and height */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-image {
  height: 12em;
  width: 100%;
  overflow: hidden;
}

.card-image_1 {
  height: 26em;
  width: 100%;
  overflow: hidden;
}

/* p text limit set End */

.blod_color {
  color: var(--accent);
}

.heading {
  font-size: 25px;
  margin-left: 1em;
}

.page-link:focus {
  box-shadow: none !important;
}

.navbar-toggler {
  background-color: white !important;
}

li .active {
  border-bottom: 2px solid var(--text);
  margin: 0px 1em;
  padding: auto 0px;
}

/* =============================
        Contact Page
================================ */

.section_heading_center {
  text-align: center;
}

.contact_boxed {
  box-shadow: -4px -5px 14px rgba(0, 0, 0, 0.08),
    5px 8px 16px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  padding: 30px 15px;
  text-align: center;
}

.contact_boxed h6 {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 15px;
}

.contact_boxed h3 {
  padding-bottom: 20px;
  font-weight: 500;
}

.contact_boxed p {
  padding-bottom: 15px;
}

.contact_boxed a {
  font-weight: 600;
}

.phone_tuch_area {
  display: flex;
  justify-content: space-between;
  padding-bottom: 35px;
  padding-top: 35px;
}

.phone_tuch_area h3 {
  font-weight: 500;
  font-size: 30px;
}

.contact_main_form_area {
  padding-top: 50px;
}

.contact_form {
  background: #ffffff;
  box-shadow: -4px -4px 16px rgba(0, 0, 0, 0.08),
    4px 8px 16px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  padding: 35px 35px;
  margin-top: 20px;
}

#contact_form_content .form-control {
  margin-bottom: 20px;
}


#contact_form_content textarea {
  height: 100%;
}

.map_modal_content {
  text-align: center;
  padding: 80px 25px 25px 25px;
}

.category {
  background-color: var(--muted);
}

/* Pagination Start */