:root {
  --primary-color: #f5f5dc;
  --contant-color: #212529;
  --post-title: #212529;
  --button-color: #f27935;
  --button-hover: #dc6624;
  --button-text: #ffffff;
  --pagi-hover: #f27935;
  --pagi-text: #383131;
  --button-text-hover: #ffffff;
}
:root {
  --aprimary-color: #0f172a;
  --asecondary-color: #1e40af;
  --aaccent-color: #f43f5e;
  --atext-color: #e2e8f0;
  --abackground-color: #0a0f1e;
}

/* h2,
h2.title,
h2 a {
  font-weight: 700;
  line-height: 1.15;
  font-size: 50px;
  text-decoration: none;
  color: var(--post-title);
} */
h3,
h3.title {
  font-weight: 500;
  line-height: 1.15;
  font-size: 30px;
  color: var(--post-title);
}
.br-non {
  border-radius: 0;
}
.no-underline {
  text-decoration: none !important;
}
body p {
  margin-bottom: 0;
}

/******************************
	-	Website title	-
********************************/
h2.wdtitle {
  font-size: 40px;
  font-weight: 800;
  color: #212529;
}
h3.web-descrip {
  font-size: 30px;
  font-weight: 600;
  color: #212529;
}
/******************************
	-	Blog	-
********************************/


/******************************
	-	Sidebare	-
********************************/
.sidebar .sidebar ol li a {
  text-decoration: none;
}
.sidebar .sidebar ul li {
  display: block;
}
.sidebar .sidebar ul li a {
  text-decoration: none;
  color: #333;
}
.sidebar .sidebar ul li a:hover {
  color: #f27935;
}
/******************************
	-	Contact Page	-
********************************/
/* Eroor Massage */
.contt .rt-masseg {
  padding: 20px 0;
  border: 1px solid #12b878;
  background-color: rgba(18, 184, 120, 0.2);
  opacity: 0.4;
}
.contt .rt-masseg p svg {
  margin-right: 5px;
}
.contt .rt-masseg p {
  text-align: center;
  color: #12b878;
  padding: 5px;
  font-size: 17px;
  line-height: 27px;
  margin-bottom: 0;
}
.rt-masseg {
  position: relative;
}
.rt-masseg a {
  position: absolute;
  color: #12b878;
  top: 0;
  right: 0;
  border-left: 1px solid #12b878;
  border-bottom: 1px solid #12b878;
  padding: 2px 6px;
  text-decoration: none;
}
.rt-masseg a:hover {
  color: #12b878 !important;
}

.contt .er-masseg {
  padding: 20px 0;
  border: 1px solid red;
  background-color: rgba(253, 3, 3, 0.2);
  opacity: 0.4;
}
.contt .er-masseg p i {
  margin-right: 5px;
}
.contt .er-masseg p {
  text-align: center;
  color: #ff0000;
  padding: 5px;
  font-size: 17px;
  line-height: 27px;
  margin-bottom: 0;
}
.er-masseg {
  position: relative;
}
.er-masseg a {
  position: absolute;
  color: red;
  top: 0;
  right: 0;
  border-left: 1px solid red;
  border-bottom: 1px solid red;
  padding: 2px 6px;
  text-decoration: none;
}
.er-masseg a:hover {
  color: #ff0000 !important;
}
.icon svg {
  background-color: transparent;
  color: #333;
}
/* website */
/* body {
  background-color: var(--background-color);
  color: var(--text-color);
}

h1,
h2,
h3 {
  color: var(--secondary-color);
}

a {
  color: var(--secondary-color);
}

a:hover {
  color: var(--accent-color);
}

button {
  background-color: var(--accent-color);
  color: white;
}

button:hover {
  background-color: var(--secondary-color);
} */