@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root {
  /* https://www.css-gradient.com/ */
  --background-one: rgba(255, 244, 227, 0.5);
  --background-two: rgba(12, 41, 171, 0.04);
  --background-three: rgba(245, 251, 255, 1);
  --background-four: radial-gradient(
    at center,
    rgba(255, 255, 255, 1),
    rgba(204, 246, 242, 1)
  );
  /*
* Created with https://www.css-gradient.com
* Gradient link: https://www.css-gradient.com/?c1=ffffff&c2=ccf6f2&gt=r&gd=dcc
*/
  /* background: rgba(255, 255, 255, 1.0);
background: radial-gradient(at center, rgba(255, 255, 255, 1.0), rgba(204, 246, 242, 1.0)); */
  --brand-color: #2563eb;
  --brand-color-light: #4d79e7;
  --brand-color-bold: #1e50da;
  --seconderyColor: #f5f8fd;
  --seconderyColorDark: #f2f4f8;
  --reviewColor: #ff5722;
  --light: 'lightgray';
  --white: white;
  --gray: #607d8b;
  --fontBold: 600;
  --black: #00224f;
  --border-color: #8080800f;
  --hover-shadow: 0 2px 5px rgb(0 0 0 / 10%);
  --shadow: 0 1px 1px rgb(0 0 0 / 10%);
  --radious: 3px;
  --tiny-size: 12px;
  --p-size: 15px;
  --p-line-height: 27px;
  --p-line-height-mobile: 25px;
  --p-color: #000000;
  --mini-size: 14px;
  --mini-color: #000000d6;
  --heading-size: 30px;
  --heading-color: #000000;
  --title-size: 19px;
  --title-color: var(--black);
  --mini-title-size: 17px;
  --mini-title-color: var(--black);
  --light: 'lightgray';
  --fontBold: 600;
  --font-primary: 'Manrope';
  /* plate color orange */
  --orange-plate-bg: #e67e22;
  --blue-plate-bg: #2980b9;
  --red-plate-bg: #e74c3c;
  --heading-one: 30px;
  --heading-two: 25px;
  --heading-three: 20px;
  --heading-four: 18px;
  --heading-five: 17px;
  --heading-six: 15px;
}
html {
  scroll-behavior: smooth;
}
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
body {
  font-family: 'Manrope' !important;
  box-sizing: border-box;
  background-color: rgb(218 218 218 / 15%);
  scroll-behavior: smooth;
}
b,
strong {
  font-weight: 600 !important;
}
/* 
Import style.css
*/
.color-white {
  color: white !important;
}
.center {
  text-align: center !important;
}
.color-black {
  color: black !important;
}
.border-shadow-none {
  border: unset !important;
  box-shadow: unset !important;
  cursor: pointer;
}
.white-bg {
  background: white !important;
}
.grid {
  display: grid;
  grid-gap: 10px;
}
.col-one {
  grid-template-columns: 1fr !important;
}
.col-three {
  grid-template-columns: repeat(3, 1fr) !important;
}
.col-four {
  grid-template-columns: repeat(4, 1fr) !important;
}
.grid.col-four {
  grid-template-columns: repeat(4, 1fr) !important;
}
.col-two {
  grid-template-columns: repeat(2, 1fr) !important;
}
.grid.col-two {
  grid-template-columns: repeat(2, 1fr) !important;
}
.gap-15 {
  grid-gap: 15px;
}
.gap-10 {
  grid-gap: 10px;
}
.gap-20 {
  grid-gap: 20px;
}
.gap-25 {
  grid-gap: 25px;
}
.position-unset {
  position: unset !important;
}
section {
  /* background-color: rgba(218, 218, 218, 0.466); */
}
table {
  font-family: var(--font-primary);
  border-collapse: collapse;
  width: 100%;
  border-radius: 3px;
}
.wp-block-table {
  margin-bottom: 25px;
}
thead tr th {
  font-weight: 600;
  font-size: var(--p-size);
}
td,
th {
  border: 1px solid #d1d1d1ad;
  text-align: left;
  padding: 8px;
  font-size: var(--p-size);
}
tr td strong {
  font-weight: 600;
}
tr:nth-child(even) {
  background-color: #f5f8fd49;
}
/* WP styles */
.wp-block-image {
  margin: unset !important;
}
.wp-block-image a {
  border-bottom: unset !important;
}
.single-content-area .wp-block-image img {
  height: auto;
  width: auto;
  border-radius: 5px;
  margin: 10px 0px;
}
.wp-block-image figcaption {
  margin-top: unset !important;
  font-style: italic;
  font-size: var(--tiny-size);
}
.single-content-area iframe {
  width: 100%;
  height: 480px;
  border-radius: 5px;
}
.wpp-meta,
.post-stats {
}
figure.wp-block-embed .wp-block-embed__wrapper iframe {
  width: 100% !important;
  height: 450px !important;
  border-radius: 7px;
  margin: 15px 0px;
}
/* .wp-block-table tr {
border: 1px solid lightgray;
} */
.wp-block-table table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  font-family: 'Manrope';
}
.wp-block-table table td,
.wp-block-table table th {
  border: 1px solid #ddd;
  padding: 12px;
  font-weight: 600;
}
.wp-block-table table td strong,
.wp-block-table table th strong,
.wp-block-table td strong,
.single-content-area th strong {
  font-weight: 600;
  font-size: var(--p-size);
}
.wp-block-table table td,
.wp-block-table table th,
.wp-block-table td {
  font-weight: 400;
  font-size: var(--p-size);
  transition: all 0.3s ease-in;
}
.wp-block-table thead {
  border-bottom: unset !important;
}
.wp-block-table table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.wp-block-table table tr:hover {
  background-color: #ddd;
}
.wp-block-table table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
}
.wp-block-table .wp-element-caption {
  font-style: italic;
  margin-top: 5px;
  font-size: 14px;
}
/* li {
list-style: none;
}
a {
text-decoration: unset;
color: var(--black);
transition: all 0.3s ease-in-out;
}
a:hover {
color: var(--brand-color) !important;
}
.none {
display: none;
}
.w-100 {
width: 100%;
}
.container {
width: 100%;
max-width: 1220px;
margin: 0px auto;
position: relative;
}
.append-style {
font-size: 24px !important;
transition: all 0.1s ease-in-out;
}
.p-5 {
padding: 5px;
}
.p-10 {
padding: 10px;
}
.pb-10 {
padding-bottom: 10px;
}
.pt-10 {
padding-top: 10px;
}
.pb-20 {
padding-bottom: 20px;
}
.pt-20 {
padding-top: 20px;
}
.m-10 {
margin: 10px;
}
.m-20 {
margin: 20px;
}
.mb-10 {
margin-bottom: 10px;
}
.mt-10 {
margin-top: 10px;
}
.mb-20 {
margin-bottom: 20px;
}
.mt-20 {
margin-top: 20px;
}
.padding-bg {
background: white;
}
.flex {
display: flex;
justify-content: space-between;
grid-gap: 10px;
} */
.link {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.876);
  transition: all 0.3s ease-in-out;
}
.link:hover {
  color: #0e3293;
}
.title {
  display: flex;
  justify-content: center;
  grid-gap: 5px;
  align-items: center;
  padding: 3px 0px;
  transition: all 0.3s ease-in-out;
  margin-bottom: 8px;
  border-bottom: 4px solid #e5e5e5;
  position: relative;
  flex-direction: column;
  text-align: center;
}
.line {
  top: 36px;
  width: 50px;
  height: 4px;
  background: #ff0404;
}
.title:hover {
  /* border-left: 5px solid black; */
}
.title img {
  width: 15px;
  filter: invert(1);
}
.title h2 {
  font-size: 20px;
  transition: all 0.3s ease-in-out;
  color: #000000;
  text-transform: uppercase;
}
.title h2:hover {
  color: var(--brand-color);
}
/* .title h2::after {
content: "";
position: absolute;
left: 40px;
bottom: 10px;
width: 40px;
height: 4px;
border-radius: 4px;
background: var(--brand-color);
} */
.title a {
  color: black;
}
.title a:hover {
  color: var(--brand-color) !important;
}
.spacing-10 {
  height: 15px;
}
/* Super top heder */
.super-top-section {
  /* margin-top: 5px; */
}
.super-top-wrapper {
  background: #d90914;
  margin-bottom: 5px;
  align-items: center;
  height: 30px;
}
.super-top-left-date-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  grid-gap: 10px;
  height: 100%;
}
.super-top-date {
  background: black;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0px 20px;
}
.super-top-date h6 {
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  color: white;
}
.super-top-social > ul > li > a > img {
  /* filter: brightness(0.5); */
  width: 17px !important;
}
.super-top-header-menus {
}
.super-top-header-menus ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  grid-gap: 13px;
  margin-top: -2px;
}
.super-top-header-menus .menu > li {
  list-style: none;
}
.super-top-header-menus .menu a {
  color: #000;
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
  color: white;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
}
.super-top-header-menus .menu a:hover {
  color: yellow;
}
/* Top Advertisement 1200/90
=========================== */
.top-advertisement {
  width: 100%;
  padding: 10px 0px;
}
.top__ads__wrapper {
  width: 100%;
  height: 90px;
}
.top-ads-wrapper {
  height: 90px;
  padding: 5px;
  background: white;
}
.top-ads-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* middle header section
========================== */
.appendLogoClass {
  width: 200px;
  transition: all 0.5s ease-in-out;
}
/* .appendLogoActive {
visibility: visible;
opacity: 1;
width: 160px;
} */
.append-logo figure.wp-block-image {
  width: 200px;
}
.append-logo figure.wp-block-image img {
  width: 130px;
  height: auto;
  /* object-fit: contain; */
}
.middle-header-section {
  background: white;
}
.middle-header-wrapper {
  grid-gap: 30px;
  background: white;
  align-items: center;
  justify-content: center;
  padding: 20px 0px;
}
.header-logo {
  width: 140px;
  height: 40px;
}
.header-logo img {
  width: 100%;
  height: 100%;
}
.middle-header-banner {
  width: 100%;
  height: auto;
}
.middle-header-banner img {
  width: 100%;
  border-radius: 5px;
  height: 100%;
}
/* mobile header
================== */
.mobile-header-section {
  background: white;
  position: sticky;
  z-index: 9999;
  width: 100%;
  /* box-shadow: 0px 0px 10px 0px #00000082; */
  top: 0px;
}
.mobile-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  padding: 10px 0px;
  position: sticky;
  top: 0px;
}
.mobile-header-icon {
  width: 25px;
  height: 25px;
}
.mobile-header-icon img {
  width: 100%;
}
.mobile-header-logo .wp-block-image {
  width: 140px;
  height: 45px;
}
.mobile-header-logo .wp-block-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* Navigation section
===================== */
.navbar-section {
  padding-top: 5px;
  position: relative;
  transition: all 0.3s ease-in-out;
  background-color: white;
  padding: 20px 10px;
  border-right: unset;
  border-left: unset;
}
.navbar-section.activeMenu {
  position: fixed;
  top: -10px;
  left: 0px;
  right: 0px;
  width: 100%;
  z-index: 999;
  background: white;
  box-shadow: -1px 1px 11px 0px #0000003d;
  border-bottom: 2px solid white;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar-wrapper {
  align-items: center;
  position: relative;
}
.activeMenu .navbar-search img {
  filter: invert(1);
}
.activeMenu .navbar-wrapper {
  background: white;
}
.activeMenu .navbar-wrapper {
  padding: unset !important;
}
.navbar-megamenu,
.navbar-search {
  width: 23px;
  height: 23px;
  filter: contrast(0.1);
}
.navbar-megamenu img {
  cursor: pointer;
  width: 100%;
  transform: scale(-1.5);
}
.navbar-search img {
  width: 100%;
  height: auto;
  cursor: pointer;
}
.search-wrap {
  position: absolute;
  top: -20px;
  right: 0px;
  background: #ffffff;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  padding: 6px 20px;
  z-index: 999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1240px;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
  left: 0px;
  /* box-shadow: 0px 1px 3px 0px black; */
}
.search-wrap.active {
  visibility: visible;
  opacity: 1 !important;
  top: -10px;
  left: 0px;
}
.search-wrap input {
  width: 100%;
  padding: 10px 20px;
  border-radius: 4px;
  color: black;
  font-size: 17px;
  font-family: 'Manrope';
  outline: none;
  border: 1px solid white;
}
.search-wrap input:focus {
  outline: unset;
  border: 1px solid var(--brand-color);
}
.search-wrap button {
  outline: none;
  background-color: var(--brand-color);
  color: white;
  padding: 8px 15px;
  font-family: 'Manrope';
  font-size: 15px;
  font-weight: 600;
  border-radius: 4px;
  border: 1px solid white;
  margin-left: -150px;
  cursor: pointer;
  text-transform: uppercase;
}
.search-wrap button:hover {
  background: black;
}
.cancel {
  width: 26px;
  position: absolute;
  right: -12px;
  top: 15px;
  cursor: pointer;
  /* box-shadow: 0px 0px 10px 0px black; */
  border-radius: 50%;
}
/* menus */
.navbar-menus {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-gap: 20px;
}
.navbar-menus ul {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin-left: 5px;
}
.navbar-menus ul li {
  padding: 0px 10px;
}
.navbar-menus ul li a {
  font-weight: 500;
  text-decoration: none;
  color: var(--p-color);
  font-size: var(--p-size);
  text-transform: capitalize;
}
.navbar-menus ul li a:hover {
  color: var(--brand-color);
}
/* Left sidebar */
/* Right sidebar section
========================= */
.right__sidbar__section {
}
#LeftSidebar {
  /* display: none; */
}
.main__right__sidebar__container {
  position: fixed;
  top: 0px;
  left: -290px;
  width: 290px;
  background: white;
  height: 100vh;
  z-index: 999;
  overflow-y: scroll;
  transition: 0.4s;
}
.main__right__sidebar__container.active {
  left: 0px;
}
.main__right__sidebar__container.remove {
  left: -290px;
}
#stickyLogo {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s linear;
}
#stickyLogo img {
  width: 200px;
  height: auto;
}
#stickyLogo.activeLogo {
  visibility: visible;
  opacity: 1;
}
.right__sidebar__header {
  background: rgb(255 255 255);
  box-shadow: 0px 0px 8px 0px gray;
  margin-bottom: 10px;
  padding: 5px;
  position: sticky;
  top: 0px;
  align-items: center;
}
.right__sidebar__header .middle-header-logo {
  width: 90px !important;
}
.right__sidebar__logo {
  width: 110px;
}
.right__sidebar__logo img {
  width: 100%;
  height: 100%;
}
.right__sidebar__menu__wrapper {
}
.right__sidebar__menu__wrapper ul {
  display: flex;
  flex-direction: column;
}
.right__sidebar__menu__wrapper li {
}
.right__sidebar__menu__wrapper a {
  font-size: 17px;
  padding: 5px 20px;
  padding-left: 22px;
  border-bottom: 2px solid #d3d3d34a;
  display: block;
  color: var(--black);
  text-decoration: none;
  font-weight: 600;
}
.right__sidebar__menu__wrapper a:hover {
  background: #8080801f;
}
.right__sidebar__footer {
  padding: 16px;
}
.right__sidebar__footer h4 {
  font-size: var(--p-size);
  margin-bottom: 6px;
  color: var(--brand-color);
  font-weight: 500;
  margin-bottom: 10px;
}
.sidebar-social > ul {
  display: flex;
  align-items: center;
}
.sidebar-social > ul > li {
  list-style: none;
  padding: 0px 5px;
}
.sidebar-social > ul > li > a {
}
.sidebar-social > ul > li > a > img {
  width: 18px;
  background: #303030;
  padding: 7px;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}
.sidebar-social > ul > li > a > img:hover {
  transform: translateY(-4px);
  background: lightseagreen;
}
.cross__icon {
  background: red;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  cursor: pointer;
  width: 35px;
  height: 35px;
}
.cross__icon i {
  font-size: 20px;
  color: white;
}
/* Click to top */
.ClickTop {
  background: var(--brand-color);
  color: white;
  position: fixed;
  bottom: 16px;
  right: 0px;
  width: 35px;
  height: 34px;
  /* border-radius: 5px; */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  background: var(--brand-color);
}
.ClickTop.active {
  bottom: 32px;
  opacity: 1;
}
.ClickTop i {
  font-size: 17px;
  z-index: 999;
  margin-top: -4px;
}
/* End Click to top */
/* Stickey menu */
.stickyMenu {
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0px 0px 3px 0px rgb(80, 80, 80);
  z-index: 999;
  padding: 3px 0px;
  transition: all 0.4s linear;
}
/* Hero Section
================ */
.hero-section {
  margin-bottom: 20px;
}
.hero-wrappper {
  display: flex;
  justify-content: space-between;
  grid-gap: 10px;
  width: 100%;
}
.lead-news-container {
  width: 50%;
}
.lead-news-wrapper {
  background: white;
  /* height: fit-content; */
  width: 45%;
  box-shadow: 0px 2px 6px 0px lightgrey;
}
.lead-news-thumb {
  width: 100%;
  height: 300px;
  border-radius: 3px;
}
.lead-news-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lead-news-content {
  padding: 10px;
}
.lead-news-content h4 {
  color: red;
  font-size: 25px;
}
.lead-news-content a {
  text-decoration: none;
  color: var(--black);
}
.lead-news-content h2 {
  font-size: 35px;
  line-height: 36px;
  font-weight: bold;
  margin-bottom: 10px;
  color: var(--brand-color);
  text-transform: capitalize;
}
.lead-news-content span {
  color: red;
}
.lead-news-content p {
  font-size: 19px;
}
.lead-news-content .date {
  color: gray;
}
.date {
  font-style: italic;
  margin-top: 4px;
  color: gray;
}
/* sub lead news  */
.sub-lead-news-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  grid-gap: 10px;
  width: 50%;
}
.sub-lead-news-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  grid-gap: 10px;
  width: 100%;
  background: white;
  padding: 5px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0px 2px 8px 0px lightgrey;
  height: -webkit-fill-available;
}
.sub-lead-news-thumb {
  width: 130px;
  height: 90px;
}
.sub-lead-news-item img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.sub-lead-news-content {
  width: 100%;
  margin-top: 5px;
  padding-right: 5px;
}
.sub-lead-news-content a {
  text-decoration: none;
}
.sub-lead-news-content h2 {
  font-size: 19px;
  line-height: 21px;
  color: var(--black);
  font-weight: 600;
}
.sub-lead-news-content h2:hover {
  color: var(--brand-color);
}
/* Swiper bullet */
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
  width: 10px;
  height: 10px;
  background: rgb(153, 153, 153);
  background: -moz-linear-gradient(
    top,
    rgb(153, 153, 153) 0%,
    rgb(225, 225, 225) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgb(153, 153, 153) 0%,
    rgb(225, 225, 225) 100%
  );
  background: -o-linear-gradient(
    top,
    rgb(153, 153, 153) 0%,
    rgb(225, 225, 225) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgb(153, 153, 153) 0%,
    rgb(225, 225, 225) 100%
  );
  background: linear-gradient(to bottom, rgb(4, 4, 4) 0%, rgb(70, 69, 69) 100%);
  filter: progid:dximagetransform.microsoft.gradient( startcolorstr="rgb(153, 153, 153)", endcolorstr="rgb(225, 225, 225)",gradienttype=0 );
  border: 3px solid rgb(229, 229, 229);
  border-radius: 50%;
  cursor: pointer;
  box-sizing: content-box;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 300px !important;
}
.swiper-pagination-bullet-active {
  background: var(--brand-color) !important;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
  font-size: 18px;
  background: var(--brand-color);
  padding: 10px;
  color: white;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-button-prev::after,
.swiper-container-rtl .swiper-button-next::after {
  content: 'prev';
  font-size: 18px;
  background: var(--brand-color);
  padding: 10px;
  color: white;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.right-side-wrapper {
  width: 55%;
  align-items: unset;
  grid-gap: 20px;
}
.latest-popular-wrap {
  width: 100%;
  background: white;
}
.spotlight-wrap {
  width: 50%;
}
.hero-sidebar-ads figure {
  width: 100%;
  height: auto;
}
.hero-sidebar-ads figure img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  box-shadow: 0px 2px 6px 0px lightgrey;
}
/* latest and popular */
/* Style the tab */
.tab {
  overflow: hidden;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid lightgray;
}
/* Style the buttons inside the tab */
.tab button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 12px 0px;
  transition: 0.3s;
  font-size: 14px;
  width: 100%;
  background: white;
  font-weight: 600;
  font-family: 'Manrope';
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}
/* Create an active/current tablink class */
.tab button.active {
  background-color: var(--brand-color);
  color: white;
}
/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
}
/* tabs wrapper */
.tab-wrapper {
}
.tab-wrapper > ul {
  overflow-y: scroll;
  height: 450px;
}
.tab-wrapper > ul > li {
  list-style: none;
  border-bottom: 1px solid lightgray;
  padding: 10px 0px;
}
.tab-wrapper > ul > li:hover {
  background: #8080800e;
}
.tab-wrapper > ul > li:last-child {
  border-bottom: unset;
}
.tab-wrapper > ul > li > a {
  font-size: 16px;
  text-decoration: none;
  font-weight: 600;
  color: #000000d1;
}
.tab-wrapper > ul > li > a:hover {
}
/* width */
.tab-wrapper > ul::-webkit-scrollbar {
  width: 8px;
}
/* Track */
.tab-wrapper > ul::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
.tab-wrapper > ul::-webkit-scrollbar-thumb {
  background: rgb(156, 155, 155);
  border-radius: 30px;
}
/* Handle on hover */
.tab-wrapper > ul::-webkit-scrollbar-thumb:hover {
  background: #555;
}
/* Sport light */
.sportlight-wrapper {
  margin-top: 10px;
  background: white;
  box-shadow: 0px 2px 6px 0px lightgrey;
  /* border: 1px solid cadetblue; */
  border-radius: 3px;
}
.sportlight-wrapper video {
  width: 100%;
  height: 100%;
}
.spotlight-thumb {
  height: 185px;
}
.sportlight-content {
  padding: 23px 10px;
}
.sportlight-content a {
  text-decoration: none;
  color: var(--black);
}
.sportlight-content h2 {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 10px;
}
.sportlight-content .data {
}
.sportlight-content p {
  font-size: 16px;
  margin-top: 1px;
}
/* Title Glowing */
.intro-banner-vdo-play-btn {
  height: 10px;
  width: 10px;
  position: absolute;
  top: 12px;
  left: 9px;
  border-radius: 100px;
}
.pinkBg {
  background-color: white !important;
  background-image: linear-gradient(90deg, white, #fff7f7);
}
.intro-banner-vdo-play-btn .ripple {
  position: absolute;
  width: 40px;
  height: 40px;
  left: -15px;
  top: -15px;
  opacity: 0;
  border-radius: 100px;
  -webkit-animation: ripple 1.8s infinite;
  animation: ripple 1.8s infinite;
}
@-webkit-keyframes ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.intro-banner-vdo-play-btn .ripple:nth-child(2) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.intro-banner-vdo-play-btn .ripple:nth-child(3) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
.country-list {
  width: 70%;
  margin-bottom: 10px;
}
.country-list > ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.country-list > ul > li {
  list-style: none;
  margin-right: 5px;
}
.country-list-item {
  border: none;
  outline: none;
  background: #0e3293;
  color: white;
  padding: 5px 15px;
  text-decoration: none;
  display: inline-block;
  font-size: 17px;
  font-family: bangla;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
  border-bottom: 3px solid #00154c4d;
}
.country-list-item.active {
  background: green;
}
.country-list-item:hover {
  background: black;
  color: white;
}
.country {
}
.specific-country {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  width: 100%;
}
.country-tabs-item {
  width: 100%;
  border: 1px solid lightgray;
  background: white;
}
.tabs-item-thumb {
  width: 100%;
  height: 170px;
}
.tabs-item-thumb img {
  width: 100%;
  height: 100%;
}
.country-item-content {
  padding: 5px 10px;
}
.country-item-content h2 {
  margin-top: 7px;
  line-height: 25px;
  font-size: 21px;
  margin-bottom: 10px;
}
.country-item-content h3 a {
  color: var(--light);
  text-decoration: none;
}
/* Featured news section
========================= */
.featured-section {
  position: relative;
  background: white;
  overflow: hidden;
}
.featured-wrapper {
  display: flex;
  justify-content: space-between;
  grid-gap: 10px;
}
.for-mobile-wrapper {
  background: white;
}
.box {
  width: 320px;
  background: white;
  border: 1px solid lightgray;
}
.box-thumb {
  width: 100%;
  height: 173px;
}
.box-thumb img {
  width: 100%;
  height: 100%;
}
.box-content {
  padding: 10px 5px;
}
.box-content h2 {
  font-size: 20px;
  line-height: 24px;
  margin: 3px 0px;
  font-weight: 700;
}
.box-content a {
  text-decoration: none;
  color: #000000;
}
.bangladesh-box-content {
}
.box-content span {
  color: var(--light);
}
.box-content p {
}
.box-mini-thumb {
}
.box-mini-content h2 {
}
.featured-lead-news-box {
  width: 100%;
  background: white;
  border: 1px solid lightgray;
}
.featured-lead-news-thumb {
  width: 100%;
  height: 300px;
}
.featured-lead-news-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.featured-lead-content {
  margin-top: 10px;
  padding: 3px 12px 20px 12px;
}
.featured-lead-content h2 {
  color: red;
  transition: all 0.3s ease-in-out;
}
.featured-lead-content h2:hover {
  color: var(--brand-color);
}
.featured-lead-content h2 {
  font-size: 30px;
  font-weight: bold;
  line-height: 33px;
  margin: 5px 0px;
  display: inherit;
  margin-bottom: 12px;
}
.featured-lead-content a {
  text-decoration: none;
  color: black;
}
.featured-lead-content span {
}
.featured-lead-content p {
  font-size: 17px;
}
/* Opinion Section
================= */
.opinion-section {
  margin-bottom: 25px;
  padding: 30px 0px;
}
.opinion-section .featured-right {
  padding-top: unset;
}
.opinion-wrapper {
  margin-top: 15px;
}
.opinion-box {
  background: white;
  border: 1px solid lightgray;
  width: 100%;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.opinion-box h2 {
  font-size: 20px;
  line-height: 27px;
  padding: 18px;
  position: absolute;
  bottom: 0px;
  z-index: 100;
  opacity: 1;
  left: 0px;
  right: 0px;
  font-weight: 600;
}
.opinion-box h2::before {
  content: '';
  position: absolute;
  top: -110px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(
    180deg,
    rgb(42 41 41 / 0%),
    #0000008c,
    #000
  );
  z-index: -1;
  left: 0px;
  width: 100%;
}
.opinion-box a {
  text-decoration: none;
  color: white;
}
.opinion-box a:hover {
  color: #06fff1;
}
.opinion-box-thumb {
  /* width: 100%; */
  /* height: 207px; */
}
.opinion-box-thumb img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
/* page page
============== */
.page-wrapper {
  background: white;
}
.page-thumb {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 300px;
  margin-bottom: 10px;
  position: relative;
}
.page-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-title {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  bottom: 25%;
}
.page-title h1 {
  font-weight: bold;
  font-size: 30px;
  border-bottom: 4px solid #060184;
  background: var(--brand-color);
  color: white;
  padding: 10px 30px;
  border-radius: 4px;
}
/* three column news section
============================ */
.three-column-section {
}
.featured-box-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  grid-gap: 10px;
}
.featured-box-wrapper {
  width: 100%;
  background: white;
  border: 1px solid lightgray;
  /* min-height: 612px; */
}
.featured-box {
}
.featured-box h2 {
  margin-top: 8px;
  line-height: 28px;
  font-size: 23px;
  padding: 5px 5px;
}
.featured-box a {
}
.featured-box-thumb {
  width: 100%;
  height: 230px;
}
.featured-box-thumb img {
  width: 100%;
  height: 100%;
}
.featured-box-list-container {
}
.featured-box-list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-start;
  background: white;
  margin-top: 4px;
  grid-gap: 5px;
  position: relative;
}
.featured-box-list-thumb {
  width: 170px;
  padding: 5px;
  height: 70px;
  background: #ffffff4a;
}
.featured-box-list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.featured-content {
  width: 100%;
  padding: 5px;
}
.featured-content h2 {
  font-size: 18px;
  line-height: 23px;
  font-weight: 500;
}
.featured-content a {
}
.featured-content p {
  color: gray;
  font-size: 15px;
}
/* Four column section
======================= */
.mini-featured-box-wrapper {
  width: 100%;
  background: white;
  border: 1px solid lightgray;
  /* min-height: 460px; */
}
.mini-featured-box {
  min-height: 214px;
}
.mini-featured-box h2 {
  margin-top: 8px;
  line-height: 23px;
  font-size: 19px;
  padding: 5px 5px;
}
.mini-featured-box a {
}
.mini-featured-box-thumb {
  width: 100%;
  height: 160px;
}
.mini-featured-box-thumb img {
  width: 100%;
  height: 100%;
}
.mini-featured-box-list-container {
}
.mini-featured-box-list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: white;
  min-height: 50px;
  align-items: center;
  border-top: 1px solid lightgray;
}
.mini-featured-box-list-thumb {
  width: 20px;
  height: 100%;
  padding: 5px;
}
.mini-featured-box-list-thumb img {
  width: 100%;
  height: 100%;
  filter: opacity(0.5);
}
.mini-featured-content {
  width: 100%;
  padding: 3px;
}
.mini-featured-content h2 {
  font-size: 17px;
  line-height: 24px;
}
.mini-featured-content a {
}
/* Sports and facebook section
============================= */
.SF-container {
  width: 100%;
}
.sports-wrapper {
  display: flex;
  justify-content: space-between;
  grid-gap: 15px;
}
.facebook-widget-wrapper {
  width: 30%;
}
.featured-box-list-thumb-sports {
  width: 180px;
  height: 80px;
}
/* Entertainment Section
======================== */
.entertainment-section {
  padding: 40px 0px;
}
.entertainment-wrapper {
  grid-gap: 15px;
}
.entertainment-box {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.entertainment-title {
  background: #9c27b0;
  text-align: center;
  padding: 2px 10px;
  border-bottom: 2px solid #00000052;
  border-radius: 2px;
  width: fit-content;
  margin-bottom: 8px;
  border-radius: 30px;
}
.entertainment-title a {
  text-decoration: none;
  color: white;
  padding: 5px;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}
.entertainment-thumb {
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 10px;
}
.entertainment-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.entertainment-thumb img:hover {
  -moz-transform: scale(1.1) rotate(0.02deg);
  -webkit-transform: scale(1.1) rotate(0.02deg);
  -ms-transform: scale(1.1) rotate(0.02deg);
}
.entertainment-content {
  position: absolute;
  bottom: 0px;
  z-index: 100;
  opacity: 1;
  left: 0;
  right: 0;
  padding: 13px;
}
.entertainment-content::before {
  content: '';
  position: absolute;
  top: -44px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(
    180deg,
    rgb(42 41 41 / 0%),
    #000000b3,
    #000
  );
  z-index: -1;
  left: 0px;
  border-bottom-left-radius: 10px;
  /* width: 100%; */
  border-bottom-right-radius: 10px;
}
.entertainment-content h2 {
  line-height: 27px;
  font-size: 21px;
  margin-bottom: 7px;
}
.entertainment-content a {
  color: white;
}
.entertainment-content a:hover {
  color: orangered;
}
.entertainment-content p {
  color: lightgray;
}
/* Footer
============ */
.up-arrow {
  width: 35px;
  height: 35px;
  position: fixed;
  right: 22px;
  bottom: -10px;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.up-arrow.active {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}
.up-arrow img {
  width: 100%;
  height: 100%;
  background: var(--brand-color);
  border-radius: 30px;
  padding: 6px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.up-arrow img:hover {
  transform: translateY(-5px);
}
footer {
  background: #2f2f2f;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--brand-color-light);
}
.footer-menus {
  padding: 30px 0px;
}
.footer-menus > ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-menus > ul > li {
  list-style: none;
}
.footer-menus > ul > li > a {
  color: white;
  padding: 6px 22px;
  background: transparent;
  margin: 0px 4px;
  text-decoration: none;
  font-size: 19px;
  font-family: 'bangla';
  border: 1px solid #699;
  transition: all 0.3s ease-in-out;
}
.footer-menus > ul > li > a:hover {
  background: black;
  transform: translateY(-15px);
}
/* footer middle */
.footer-middle-section {
  border-top: 5px solid #1a1a1a;
  padding-top: 10px;
}
.footer-middle-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 20px;
  padding: 20px 0px;
  border-bottom: 2px solid #0a0a0a73;
}
.footer-logo figure.wp-block-image {
  width: 170px;
  height: auto;
  margin: 0px auto;
}
.footer-logo figure.wp-block-image img {
  width: 100%;
  height: 100%;
}
/* footer menu */
.footer-middle-menu {
}
.footer-middle-menu ul {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
}
.footer-middle-menu li {
  transition: all 0.3s ease-in-out;
}
/* .footer-middle-menu li:hover{
transform: translateY(-5px);
} */
.footer-middle-menu a {
  color: white;
  background: #101228;
  padding: 9px 18px;
  text-decoration: none;
  border: 1px solid #06fff1;
  font-weight: bold;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 0px 10px 0px #000000c2;
}
.footer-middle-menu a:hover {
  background: black;
  color: white;
  letter-spacing: 1px;
}
.footer-content-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  grid-gap: 40px;
  width: 100%;
}
.footer-social {
  grid-gap: 12px !important;
}
.footer-social > ul {
  display: flex;
}
.footer-social > ul > li {
  list-style: none;
  padding: 0px 5px;
}
.footer-social > ul > li > a {
}
.footer-social > ul > li > a > img {
  width: 25px;
  transition: all 0.3s ease-in-out;
}
.footer-social > ul > li > a > img:hover {
  transform: translateY(-5px);
}
.footer-contact-section {
  padding: 10px 0px;
}
.footer-contact {
  padding: 25px 0px;
  width: 100%;
}
.footer-contact li:first-child {
  font-weight: bold;
  font-size: 22px;
  color: #06fff1;
  margin-bottom: 5px;
}
.footer-contact li:nth-of-type(2) {
  font-size: 20px;
  color: #06fff1;
  font-weight: bold;
  margin: 4px 0px;
}
.highlight {
  color: #06fff1 !important;
  font-weight: bold;
}
.footer-contact li {
  color: white;
  font-size: 20px;
}
.footer-contact a {
  color: #06fff1;
  text-decoration: none;
}
.footer-end-section {
  border-top: 2px solid #0a0a0a5c;
}
.footer-end {
  padding: 12px 0px;
}
.footer-end > li {
  color: white;
}
.footer-company {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 6px;
}
.footer-company a {
  text-decoration: none;
  font-weight: bold;
  color: #daff00;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
  font-size: 15px;
}
.footer-company a:hover {
  color: #07ecd5;
  padding-left: 5px;
}
.footer-company img {
  width: 75px;
  transition: all 0.3s ease-in-out;
}
.footer-company img:hover {
  transform: translateY(-3px);
}
.footer-company span {
  font-size: 20px;
}
.site-cradit span {
  font-size: 16px;
}
.footer-contact-first p {
  color: white;
  font-size: 18px;
  line-height: 26px;
}
.footer-contact p {
  font-size: 20px;
  color: white;
}
/* Category page
================
================ */
.category-heading-title {
  padding: 10px;
  border-left: 4px solid var(--brand-color);
  color: dimgray;
  font-weight: 500;
  background: white;
  width: 100%;
  margin-bottom: 10px;
  font-size: 18px;
  margin-top: 20px;
}
.breadcumb {
  color: lightslategray;
}
.breadcumb img {
  width: 18px;
  filter: saturate(0.5);
}
.breadcumb a {
}
/* featured section */
.category-section {
}
.main-category {
  width: 100%;
  grid-gap: 35px;
  display: grid;
  grid-template-columns: 5fr 2fr;
  grid-gap: 30px;
  padding: 30px 0px;
}
.category-featured-wrapper {
  width: 100%;
}
.category-featured-lead-news-box {
  width: 65%;
}
.category-box {
  width: 100%;
  background-color: white;
  padding: 20px 10px;
  margin-bottom: 10px;
  min-height: 202px;
}
.category-box a {
}
.category-box h2 {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 6px;
}
.category-box span {
}
.category-box p {
  margin-top: 3px;
  font-size: 16px;
}
.categroy-featured-lead-news-thumb {
  height: 320px;
}
.category-box-wrap {
  width: 35%;
}
aside {
  position: sticky;
  top: 0px;
}
.sidebar-wrapper {
  border: 1px solid #d3d3d382;
  background: white;
  height: fit-content;
  margin-top: 20px;
  border-radius: 6px;
}
.category-wrap {
  width: 100%;
}
/* list news */
.list-news-wrappper {
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
.list-news-box {
  background: white;
  padding: 10px;
  display: grid;
  grid-template-columns: 2fr 4fr;
  width: 100%;
  grid-gap: 20px;
  border: 1px solid rgb(255, 255, 255);
}
.list-news-box-thumb {
  width: 100%;
  height: 200px;
}
.list-news-box-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.list-news-box-content {
  width: 100%;
}
.list-news-box-content h2 {
  line-height: 33px;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.list-news-box-content p {
  font-size: var(--p-size);
  color: #0000009e;
}
.list-news-box-content p:nth-last-child(1) {
  color: gray;
  font-size: var(--p-size);
  margin-top: 10px;
}
/* Single page
==============
============== */
.main-single {
  grid-gap: 20px !important;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 20px;
}
.single-wrap {
  background: white;
  padding: 20px;
  width: 100%;
  overflow: hidden;
  padding-top: 27px;
  border: 1px solid #d3d3d31f;
}
.single-wrap .single-content-area {
  padding: unset !important;
}
.single-breadcrumb {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid whitesmoke;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.single-breadcrumb span {
  color: gray;
  font-size: var(--mini-size);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 5px;
}
.single-breadcrumb span a {
  color: var(--gray);
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  grid-gap: 10px;
  font-size: var(--mini-size);
}
.print {
  font-weight: bold;
  background: white;
  padding: 5px 10px;
  border-radius: 3px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
  border: 1px solid lightgray;
  cursor: pointer;
}
.print img {
  width: 20px;
}
.print:hover {
  border: 1px solid #2b3589;
  color: #2b3589;
}
.single-title span {
  color: red;
  font-size: 22px;
  font-weight: bold;
}
.single-title h1 {
  font-size: 40px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 60px;
}
.single-date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 7px;
  margin-bottom: 10px;
  display: none;
}
.single-date img {
  width: 17px;
  height: 17px;
}
.single-date p {
  font-size: var(--mini-size);
  color: var(--gray);
}
.single-thumb {
  position: relative;
  overflow: hidden;
}
.single-thumb img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 3px;
}
.excerpt-area {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  border-top: 1px solid whitesmoke;
  padding-top: 10px;
}
.buttons {
}
.buttons button {
  background: white;
  color: dimgray;
  padding: 6px 10px;
  border-radius: 2px;
  cursor: pointer;
  font-size: var(--p-size);
  font-weight: 600;
  font-family: 'Manrope';
  border: 1px solid lightgray;
}
.buttons button:hover {
  background: darkblue;
  color: white;
}
/* content details */

/* content area */
.single-content-area {
  margin-top: 13px;
  width: 100%;
  padding: 20px;
}
.single-content-area:last-child {
  margin-bottom: 20px;
}
.page-content-area {
  padding: 10px;
}
.page-content-area p {
}
.page-content-area.single-content-area > h3 {
  display: inline-block;
}
.page-content-area.single-content-area {
  max-width: 900px;
  margin: auto;
  padding: 30px 0px;
}
.single-content-area p ul {
}
.single-content-area ul,
.single-content-area ol {
  margin-bottom: 18px;
  margin-left: 20px;
}
.single-content-area li {
  font-size: 18px;
  position: relative;
  padding-left: 22px;
  line-height: 30px;
  color: #000000f2;
  margin-bottom: 10px;
  font-weight: 400;
}
.single-content-area li::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 8px;
  width: 12px;
  height: 12px;
  background: var(--brand-color);
  border-radius: 2px;
}
.single-content-area li strong {
  font-weight: 600;
}
.single-content-area p {
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 30px;
}
.single-content-area p strong {
  font-weight: 600;
}
.single-content-area p img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.single-content-area p iframe {
  width: 100%;
  height: 450px;
}
.single-content-area h2,
.single-content-area h3,
.single-content-area h4,
.single-content-area h5,
.single-content-area h6 {
  text-transform: capitalize;
  margin: 10px 0px;
  font-weight: 500;
  color: var(--black);
}
.single-content-area h2 strong,
.single-content-area h3 strong,
.single-content-area h4 strong,
.single-content-area h5 strong,
.single-content-area h6 strong {
  font-weight: 600;
}
.single-content-area h2 {
  font-weight: 600 !important;
  font-size: var(--heading-two) !important;
  line-height: 35px;
}
.single-content-area h3 {
  font-weight: 600 !important;
  font-size: var(--heading-three);
}
.single-content-area h4 {
  font-size: var(--heading-four);
}
.single-content-area h5 {
  font-size: var(--heading-five);
}
.single-content-area h6 {
  font-size: var(--heading-six);
}
.single-content-area a {
  border-bottom: 2px dotted #0000004a;
  font-weight: 600;
  text-decoration: none;
  color: var(--brand-color);
  margin: 0px 1px;
}
.single-content-area a:hover {
  color: green;
}
.single-content-area blockquote {
  background: var(--background-two);
  padding: 15px;
  border-left: 3px solid #009688;
  box-shadow: 0px 0px 1px 0px lightgrey;
  margin: 20px 0px;
  border-radius: 3px;
}
.single-content-area blockquote p {
  font-size: var(--p-size);
  line-height: 28px;
  font-weight: 400;
  color: #282524;
  margin-bottom: unset;
}
/* video ads */
.video-ads-wrapper {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 99999;
}
.video-ads-wrapper img {
  width: 30px;
  cursor: pointer;
  top: -15px;
  position: absolute;
  left: -15px;
}
.video-ads-wrapper video {
  width: 450px;
  height: auto;
}
/* country tabs styles */
.tabs-wrapper {
  display: flex;
  justify-content: space-between;
  grid-gap: 10px;
}
/* sidebar ads */
.sidebar {
  position: sticky;
  top: 96px;
  transition: all 0.3s ease-in-out;
  max-width: 320px;
  min-width: 320px;
}
.sidebar-ads-widget-area img {
  width: 100%;
  margin-bottom: 7px;
  box-shadow: 0px 0px 10px 0px #d3d3d394;
  border: 3px solid white;
  border-radius: 5px;
}
/* single mini */
.single-mini {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
  border-top: 2px solid lightgray;
  padding: 10px;
}
.single-mini .single-mini-thumb img {
  width: 16px;
}
.single-mini-content h2 {
  font-size: 18px;
  color: #00000085;
  font-weight: 400;
  line-height: 21px;
}
/* Search page
=============== */
.search-header {
  background: white;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
}
.search-header img {
  width: 20px;
}
.search-header h1 {
  color: black;
  font-weight: 600;
  font-size: 20px;
}
.search-header .search-keyword {
  color: var(--brand-color);
}
/* Author page
=============== */
.author-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 8px;
  margin-top: 8px;
}
.author p {
  font-weight: 500;
  font-size: var(--p-size);
}
.author p a {
  color: var(--brand-color);
}
.author-profile-container {
  width: 100%;
  background: white;
  margin-bottom: 50px;
  position: relative;
  border-radius: 5px;
}
.author-cover-photo {
  width: 100%;
  height: 300px;
}
.author-cover-photo img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  object-fit: cover;
}
.has-background {
  padding: 20px !important;
}
.author-excerpt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  box-shadow: 0px 1px 5px 0px lightgrey;
}
.author-avater {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
  margin-left: 20px;
  margin-bottom: 20px;
}
.author-avater h2 {
  background: var(--brand-color);
  border-radius: 4px;
  padding: 5px 15px;
  color: white;
  font-size: 18px;
  margin-top: 10px;
}
.author-thumb {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 4px solid white;
  box-shadow: 0px 3px 7px -3px #4a4a4aa8;
}
.author-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.author-socialmedia {
  margin-right: 15px;
}
.author-socialmedia > ul {
  display: flex;
}
.author-socialmedia > ul > li {
  list-style: none;
  padding: 0px 3px;
}
.author-socialmedia > ul > li > a {
}
.author-socialmedia > ul > li > a > img {
  width: 20px;
  transition: all 0.3s ease-in-out;
  background: var(--brand-color);
  padding: 5px;
  border-radius: 5px;
}
.author-socialmedia > ul > li > a > img:hover {
  transform: translateY(-5px);
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  color: #fff;
  text-decoration: none;
}
.navigation li {
  display: inline;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  background-color: #6fb7e9;
  border-radius: 3px;
  cursor: pointer;
  padding: 12px;
  padding: 0.75rem;
}
.navigation li a:hover,
.navigation li.active a {
  background-color: #3c8dc5;
}
.search-date {
  display: flex;
  justify-content: flex-start;
  grid-gap: 5px;
  align-items: center;
  margin-top: 5px;
}
.search-date img {
  width: 13px;
}
.search-404 {
  width: 100%;
  background: white;
  padding: 100px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.search-404 p {
  font-size: 16px;
  text-align: center;
  max-width: 480px;
}
.search-404 h1 {
  text-align: center;
  font-size: 45px;
  margin-bottom: 10px;
  line-height: 65px;
  text-transform: uppercase;
}
.search-404 h2 {
  text-align: center;
  font-size: 45px;
  margin-bottom: 10px;
  line-height: 65px;
  text-transform: uppercase;
}
.search-404 h2 span {
  color: var(--brand-color);
}
.search-404 h1 span {
  color: var(--brand-color);
}
.search-404 img {
  width: 100%;
  height: auto;
}
/* paginations */
.pagination {
  background: white;
  padding: 10px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  grid-gap: 5px;
}
.pagination .prev.page-numbers,
.pagination .next.page-numbers,
.page-numbers {
  color: white;
  font-weight: 600;
  background: #808080;
  padding: 7px 15px;
  border-radius: 3px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination .prev.page-numbers:hover,
.pagination .next.page-numbers:hover,
.page-numbers:hover {
  background: var(--brand-color);
}
.pagination .page-numbers.current {
  background: var(--brand-color);
  padding: 7px 15px;
  border-radius: 4px;
  color: white;
}
/* 404 page */
.not-found-page {
  padding-right: 0px;
  padding-left: 0px;
}
/* Ads section */
.ads-section {
  padding: 12px 0px;
}
/* big ads */
.ads-box-big {
  margin-bottom: 10px;
}
.ads-box-big figure.wp-block-image {
  width: 100%;
  height: 120px;
}
.ads-box-big figure.wp-block-image img {
  width: 100%;
  height: 100%;
}
/* half ads */
.ads-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  grid-gap: 10px;
}
.ads-wrapper-big figure.wp-block-image {
  margin-bottom: 10px;
}
.ads-box figure.wp-block-image {
  width: 100%;
  height: 100px;
}
.ads-box figure.wp-block-image img {
  width: 100%;
  height: 100%;
}
/* Single article ads */
.single-article-ads {
  margin-top: 20px;
  border-top: 1px solid lightgray;
  padding-top: 14px;
}
.single-article-ads figure.wp-block-image {
  width: 100%;
  height: auto;
}
.single-article-ads figure.wp-block-image img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
.exclusive-title {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  align-items: center;
  margin-bottom: 3px;
  border-bottom: 2px solid #ffffffab;
}
.exclusive-title h2 {
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  color: white;
}
.read-more-text {
  color: var(--black);
  font-weight: bold;
  font-size: 16px;
}
.exclusive-read-more {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}
.exclusive-read-more img {
  width: 14px;
}
.exclusive-content h2 {
  color: white;
}
.exclusive-content a:hover {
  color: yellow !important;
}
/* mega menu */
.menu-item-has-children {
  position: relative;
}
ul.sub-menu {
  flex-direction: column;
  position: absolute;
  background: white;
  width: 100%;
  left: 0px;
  top: 10px;
  box-shadow: 0px 3px 4px 0px lightgrey;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  width: 155px;
}
.navbar-menus li.menu-item:hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
  top: 35px;
  z-index: 9999;
}
ul.sub-menu li {
  padding: 6px 10px;
  border-bottom: 1px solid lightgray;
  width: 100%;
}
ul.sub-menu li:last-child {
  border-bottom: unset;
}
ul.sub-menu li a:hover {
  background: lightgray;
}
ul.sub-menu a {
  text-decoration: none;
  color: black;
  font-weight: bold;
  font-size: 19px;
  padding: 0px 10px;
}
li.mega-menu-item {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 5px;
}
.mega-menu-wrapper {
  background: white;
  display: flex;
  justify-content: space-around;
  padding: 25px;
  background-size: cover;
  background-position: bottom, center;
  transition: all 0.3s ease-in-out;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 70px;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
}
li.mega-menu-item:hover .mega-menu-wrapper {
  visibility: visible;
  opacity: 1;
  z-index: 99;
  top: 45px;
}
.mega-menu-wrapper h2 {
  font-weight: bold;
  color: #b71540;
  font-size: 23px;
  border-bottom: 2px solid lightsteelblue;
  margin-bottom: 10px;
}
.mega-menu-box {
  width: 100%;
}
.mega-menu-box ul {
  flex-direction: column;
  align-items: flex-start;
}
.mega-menu-box li {
  border-bottom: 2px solid lightgray;
  transition: all 0.3s ease-in-out;
}
.mega-menu-box li:last-child {
  border-bottom: unset;
}
.mega-menu-box a {
  color: #004954 !important;
  font-size: 20px;
  line-height: 35px;
  text-decoration: none;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
  padding: 2px 5px;
}
.mega-menu-box a:hover {
  background: #004954;
  border-radius: 3px;
  padding: 2px 8px;
  width: max-content;
  color: #fff !important;
}
.mega-icon {
  margin-top: 7px;
}
/* categories */
.sub-categories {
  background: white;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
}
li.categories {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
  font-weight: bold;
}
li.categories ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 6px;
}
li.categories ul .cat-item {
  background: var(--brand-color);
  padding: 4px 15px;
  border-radius: 4px;
  border-bottom: 2px solid #02006d;
  transition: all 0.3s ease-in-out;
}
li.categories ul .cat-item:hover {
  background: rgb(0 84 123);
}
li.categories ul .cat-item a {
  text-decoration: none;
  font-size: 19px;
  font-weight: bold;
  color: white;
}
/* new animation */
.circleAnimationWrap {
  display: inline-flex;
  align-items: center;
  border: 2px solid orangered;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 10px;
  float: left;
}
.circleDot {
  width: 10px;
  height: 10px;
  background-color: orangered;
  border-radius: 50%;
  margin: 0 auto;
  -webkit-animation: circleAnimation 1.5s ease-in-out infinite;
  animation: circleAnimation 1.5s ease-in-out infinite;
}
@-webkit-keyframes circleAnimation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes circleAnimation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* recipies */
/* Quality Section
================= */
.quality-section {
  padding: 50px 0px;
  position: relative;
}
.bg {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  background-position: left;
  height: 235px;
  position: absolute;
  left: -131px;
  top: -65px;
}
.quality-wrapper {
}
.quality-content {
  text-align: center;
  width: 100%;
  max-width: 900px;
  margin: 0px auto;
  padding: 45px 0px;
  padding-bottom: 26px;
}
.quality-content span {
  text-transform: uppercase;
  font-size: 17px;
  z-index: 10;
}
.quality-content span::before {
  content: 'TYPES';
  position: absolute;
  color: #8080809e;
  font-size: 80px;
  left: 100px;
  right: 100px;
  font-family: 'Manrope';
  top: 46px;
  z-index: 1;
  opacity: 0.2;
  font-weight: 700;
}

.quality-content h2 {
  font-size: 40px;
  margin-bottom: 7px;
  text-transform: capitalize;
  font-weight: revert;
}
.quality-content p {
  text-transform: capitalize;
  font-size: 17px;
}
/* items */
.quality-item-wrapper {
}
.quality-item-wrapper ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px;
  /* width: 1220px; */
  /* overflow-x: auto; */
  /* padding-bottom: 20px; */
}
.quality-item-wrapper li {
  list-style: none;
}
.quality-item-wrapper li a {
  text-decoration: none;
  color: unset;
}
.border-unset {
  border: unset !important;
}
.quality-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.quality-thumb {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 2px 5px 0px #d3d3d373;
  overflow: hidden;
  margin: auto;
  margin-bottom: 10px;
}
.quality-thumb:hover {
}
.quality-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quality-item h3 {
  /* font-family: 'poppinsLight'; */
  text-transform: capitalize;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  margin-bottom: 7px;
}
.quality-item h3:hover {
  color: var(--brand-color);
}
.quality-item p {
  font-size: 15px;
  line-height: 20px;
  color: #525252;
}
.read-more {
  font-size: 12px;
  color: var(--brand-color) !important;
  font-weight: 500;
  text-decoration: unset !important;
  border-bottom: 1px solid lightgray;
}
/* title */
.title h2 {
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 10px;
}
.title-content {
  max-width: 920px;
  margin: auto;
  margin-bottom: 10px;
}
/* Featured Section
=================== */
.featured-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  grid-gap: 50px;
}
.featured-left {
  width: 100%;
  height: 390px;
}
.featured-left img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* Featured Right */
.featured-right {
  width: 100%;
  z-index: 9999;
  padding-top: 25px;
}
.featured-right .featured-subtitle {
  text-transform: capitalize;
  font-size: 18px;
}
.featured-right h2 {
  font-size: var(--heading-size);
  color: var(--heading-color);
  padding: 5px 0px;
  line-height: 40px;
  font-weight: 200;
  text-transform: capitalize;
}
.featured-right h1 {
  font-size: var(--heading-size);
  color: var(--heading-color);
  padding: 5px 0px;
  line-height: 40px;
}
.featured-right .span-bold {
  text-transform: capitalize;
}
.featured-right .span-light {
  font-weight: 100;
}
.featured-right .orderlist {
  margin-bottom: 20px;
}
.featured-right .orderlist li {
  color: #004b05;
  font-weight: 600;
}
.li-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.li-wrap img {
  width: 14px;
}
.featured-right p {
  font-size: var(--p-size) !important;
}
.featured-right button {
  border: none;
  outline: none;
  padding: 15px 30px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.863);
  border: 1px solid black;
  color: white;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  cursor: pointer;
  margin-top: 20px;
  transition: all 0.3s ease-in-out;
  font-weight: 500;
}
.featured-right button:hover {
  background: black;
  border: 1px solid transparent;
  color: white;
  transform: translateY(-2px);
}
.bg1 {
  background-size: contain;
  background-repeat: no-repeat;
  width: 551px;
  background-position: right;
  height: 329px;
  position: absolute;
  right: 40px;
  bottom: -17px;
  transform: rotate(355deg);
  overflow: hidden;
  /* z-index: 1; */
  /* background: red; */
  /* opacity: 0.3; */
}
.hero-bg {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  background-position: right;
  height: 200px;
  position: absolute;
  right: 0px;
  top: -70px;
}
.recipe-section {
  padding: 50px 0px;
}
.title-thumb {
  width: 60px;
  height: 60px;
  background: white;
  border-radius: 50%;
  padding: 20px;
  margin: auto;
}
.title-thumb img {
  width: 100%;
  height: 100%;
  filter: unset;
  object-fit: contain;
}
.trending-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px;
}
.trending-wrapper a {
  text-decoration: unset;
}
.trending-content h2:hover {
  color: var(--brand-color);
}
.trending-item {
  background: white;
  border-radius: 4px;
  box-shadow: 0px 3px 3px 0px lightgray;
}
.trending-content {
  padding: 20px;
  padding-top: 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  grid-gap: 5px;
}
.trending-content h2 {
  color: #2e2e2e;
  font-weight: 600;
  font-size: 20px;
  transition: all 0.3s ease-in;
}
.trending-content p {
  font-size: 14px;
  color: #8d8d8d;
}
.trending-thumb {
  width: 100%;
  height: 200px;
}
.trending-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.drawing-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
.drawing-card-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}
.drawing-card-wrapper .trending-item {
  box-shadow: unset;
}
.drawing-thumb {
  height: 240px;
  border-radius: 3px;
  overflow: hidden;
}
.drawing-thumb img {
  border-radius: 4px;
}
.product-item {
  overflow: hidden;
  position: relative;
}
.product-thumb {
  height: 300px;
}
.product-thumb img {
  object-fit: cover;
  border-radius: 7px;
}
.product-content {
  padding: 10px 20px;
  padding-top: 15px;
  text-align: unset;
  display: flex;
  flex-direction: column;
  grid-gap: 5px;
}
/* health benefits */
.benefit-wrapper {
  display: grid;
  grid-template-columns: 2fr 2fr 2fr;
  grid-gap: 20px;
  justify-content: center;
  align-items: center;
  max-width: 90%;
  margin: auto;
  margin-top: 20px;
}
.benefit-item {
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
}
.benefit-item li h3 {
  display: flex;
  grid-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 7px;
  border-bottom: 1px dotted lightgray;
  width: fit-content;
  padding-bottom: 3px;
}
.benefit-item p {
  font-size: 15px;
}
.health-benefit-thumb {
  width: 100%;
  height: auto;
  margin-left: -20px;
  transition: transform 0.4s;
}
.health-benefit-thumb:hover {
  transform: rotate(45deg); /* Rotate the image 90 degrees when hovered */
}
.benefits-section {
  background: white;
  padding: 50px 0px !important;
}
.benefit-title {
  border-bottom: unset;
}
.hero-featured-ul {
  margin-top: 15px;
  display: flex;
  justify-content: flex-start;
  grid-gap: 15px;
  flex-wrap: wrap;
}
.review-title-badge {
  color: var(--brand-color);
}
/* grow kit */
.text-call-to-action-section {
  background-size: cover;
  background-position: center;
  padding: 120px 0px;
}
.text-cta-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 1000px;
  margin: auto;
  text-align: center;
}
.text-cta-content p,
.text-cta-content h2,
.text-cta-content h3,
.text-cta-content span {
  color: white;
}
.ribbon_main {
  position: absolute;
  right: -1px;
  overflow: hidden;
  z-index: 1;
  height: 137px;
  width: 126px;
  top: -1px;
}
.ribbon_main:after {
  font-weight: 600;
  font-size: 10px;
  width: 200px;
  padding: 10px;
  color: #fff;
  content: 'Most Popular';
  position: absolute;
  text-align: center;
  background: #ff5722;
  transform: rotate(45deg);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  top: 20px;
  left: -20px;
  z-index: 1;
}
/* faq section */
.faq-section {
  background-color: #f8f8f8;
  padding: 70px 0px;
}
.faq-wrapper {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
.faq {
}
.faq-title {
}
.faq-title h2 {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 35px;
}
.faq-item {
  border: 1px solid #ddd;
  padding: 20px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #fff;
  transition: padding 0.3s;
  border-radius: 8px;
  flex-direction: column;
}
.faq-item.active {
  border-bottom-right-radius: unset;
  border-bottom-left-radius: unset;
}
.faq-item h2 {
  font-size: 19px;
  font-weight: 600;
}
.faq-content {
}
.faq-content.active {
  display: block;
}
.minus-icon {
  display: none;
}
.plus-icon,
.minus-icon {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: transform 0.3s;
}
.faq-item.active .plus-icon {
  display: none;
}
.faq-item.active .minus-icon {
  display: block;
}
.featured-kit-section {
  padding-bottom: 40px;
}
.kit-hero-section {
  padding: 10px 0px;
  margin-bottom: 20px;
  padding-top: 50px;
}
.action-btn-wrap {
  display: flex;
  grid-gap: 10px;
}
.action-btn-wrap a {
}
.action-btn-wrap button img {
  width: 10px;
}
.buy-now-btn,
.learn-more-btn {
  padding: 7px 15px;
  color: #000;
  border: 2px solid #0e0e0e;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 8px;
  background: white;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  font-family: 'Manrope';
}
.learn-more-btn {
  background: white !important;
  color: black !important;
}
.buy-now-btn {
  background: black;
  color: white;
  border: 2px solid black;
}
.featured-product-content {
  margin: auto;
  padding-bottom: 25px;
}
.key-features-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}
.features-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.features-wrap .orderlist {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
.features-wrap .orderlist li {
}
/* how it works */
.hiw-section {
  background: black;
}
.hiw-wrapper {
  grid-template-columns: unset;
  flex-direction: column;
}
.how-it-work-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
}
.hiw-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
}
.hiw-thumb {
}
.hiw-thumb img {
  width: 120px;
  height: auto;
}
.hiw-content {
}
/* card section */
.card-section {
  padding: 100px 0px;
}
.card-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
.card-item {
  background: white;
  border-radius: 8px;
  display: flex;
  flex-direction: column-reverse;
  grid-gap: 20px;
  padding: 30px;
  position: relative;
}
.card-content {
}
.card-content h2 {
  font-size: 23px;
  margin-bottom: 10px;
  font-weight: 800;
  text-transform: uppercase;
  color: black;
}
.card-content p {
  font-size: 14px;
  color: #4c4c4c;
}
.card-thumb {
  width: 100%;
  height: 260px;
  max-height: 260px;
  object-fit: contain;
}
.card-btn {
  border: 2px solid #f3f3f3;
  margin-top: 10px;
}
.card-btn a {
  text-decoration: unset;
  color: var(--brand-color);
}
.description-section {
}
.des-content-title {
  text-align: center;
  max-width: 900px;
  margin: auto;
}
.description-content {
  max-width: 1000px;
  margin: auto;
}
.description-content p {
  margin-bottom: 10px;
}
.margin-left {
  margin: unset;
}
/* list of grow kit */
.list-of-grow-kit-wrapper {
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
}
.list-of-grow-kit-item {
  border: 1px solid #d3d3d352;
  padding: 20px;
  border-radius: 7px;
  transition: all 0.3s ease-in;
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-gap: 25px;
}
.list-of-grow-kit-item:hover {
  border: 1px solid lightgray;
  box-shadow: 0px 2px 4px 0px lightgray;
}
.list-of-grow-kit-thumb {
  height: max-content;
  min-height: 300px;
  max-height: 450px;
}
.list-of-grow-kit-thumb img {
}
.list-of-grow-kit-content {
}
.list-of-grow-kit-content h2 {
  font-size: 25px;
  margin-top: 4px;
}
.list-of-grow-kit-btn {
  margin-top: 5px !important;
  padding: 9px 20px !important;
}
.list-of-grow-kit-content .featured-subtitle {
  background: #00968808;
  border-radius: 20px;
  padding: 4px 15px;
  color: #009688;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 500;
}
.list-of-grow-kit-action-wrap {
  justify-content: flex-start;
}
.list-of-grow-kit-action-wrap a {
  text-decoration: unset;
}
.description-content-group {
  margin-top: 30px;
}
.bg-unset {
  background: unset;
}
.call-to-action-wrapper {
  display: grid;
  grid-template-columns: 2fr 3fr;
}
/* health benefit section */
.health-benifit-section {
}
.health-benefit-wrapper {
  grid-template-columns: repeat(4, 1fr);
}
.health-benefit-item {
  display: flex;
  /* flex-direction: column-reverse; */
  justify-content: flex-start;
  flex-direction: column;
}
.health-benefit-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  width: 100%;
}
.health-benefit-img {
  position: unset;
  width: 220px;
  height: 207px;
}
.suggest-link {
  width: 100%;
  background: #0096880d;
  border-radius: 4px;
  padding: 10px;
  margin: 25px 0px;
  display: flex;
  justify-content: flex-start;
  grid-gap: 30px;
  align-items: center;
  border: 1px solid #0080000f;
  position: relative;
}
.suggest-link a {
  text-decoration: unset;
}
.suggest-link h3 {
  color: #000000;
  font-size: 23px;
  font-weight: 600;
  border-bottom: 1px solid #000;
  margin-top: 5px;
}
.suggest-link .title-thumb {
  width: 30px;
  height: 30px;
  background: white;
  border-radius: 50%;
  padding: 15px;
}
.badge {
  background: #0000005c;
  font-size: 12px;
  border-radius: 30px;
  color: white;
  padding: 3px 10px;
  /* position: absolute; */
  top: -15px;
  right: 22px;
}
.see-more {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  align-items: center;
  grid-gap: 10px;
}
.see-more a {
  font-weight: 500;
  text-decoration: unset;
  color: var(--brand-color);
  font-size: var(--p-size);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 8px;
}
.see-more i {
  color: var(--brand-color);
  font-size: 20px;
}
.see-more img {
  width: 25px;
}
.benefit-thumb {
  width: 50px;
  height: 50px;
  background: white;
  border-radius: 50%;
  padding: 10px;
  margin: auto;
}
.suggest-link-sec-wrapper {
  grid-template-columns: repeat(3, 1fr);
  /* border-top: 2px solid rgba(211, 211, 211, 0.158);
padding-top: 30px; */
  border-bottom: unset;
  margin-bottom: unset;
}
/* .footer-see-more img {
width: 20px;
} */
.italic {
  margin-top: 10px;
  font-weight: 400;
  font-size: 17px;
  font-style: italic;
}
.table-of-content-wrap {
  margin-top: 20px;
}
.toc-item {
  width: 800px;
  margin: auto;
  background: var(--background-three);
  padding: 30px;
  border-radius: 3px;
}
.toc-item ul {
  display: flex;
  flex-direction: column;
  grid-gap: 14px;
  margin-top: 10px;
  margin-left: 10px;
}
.toc-item ul li {
  grid-gap: 20px;
  margin-bottom: 2px;
}
.toc-item ul li a {
  text-transform: capitalize;
  text-decoration: unset;
  border-bottom: 2px dotted lightgray;
  font-weight: 500;
  font-size: var(--mini-title-size);
  color: var(--mini-title-color);
}
.toc-thumb {
  width: 35px;
  height: 35px;
  background: white;
  border-radius: 30px;
  padding: 10px;
  box-shadow: 0px 3px 5px 0px lightgray;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--p-size);
  color: var(--title-color);
}
.toc-thumb img {
  width: 100%;
  height: unset;
  object-fit: contain;
}
.brand-color {
  color: var(--brand-color);
  font-weight: 700;
}
.common-brand-color {
  color: var(--brand-color) !important;
  font-size: var(--mini-size);
  font-weight: 500;
}
.suggest-link-grow-item {
  padding: 20px;
  box-sizing: border-box;
  border-radius: 4px;
  background: #0080000a;
}
.suggest-link-grow-item .footer-cat-title-wrap {
  border-bottom: 2px solid #d3d3d31f;
  padding-bottom: 10px;
}
.suggest-link-grow-item .footer-cat-title-wrap .footer-cat-icon {
  width: 30px;
  height: 30px;
}
.review-wrap {
}
.review-wrap img {
  width: 15px;
}
.price-wrap {
}
.price {
  font-size: 20px;
  font-weight: 600;
}
.separate {
}
.price-and-review-wrap {
  display: flex;
  grid-gap: 10px;
}
.type-group-wrap {
  display: flex;
  grid-gap: 13px;
  flex-wrap: wrap;
  margin-top: 20px;
  margin: auto;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.group-item {
  background: #3f51b51a;
  color: var(--brand-color);
  border-radius: 30px;
  padding: 3px 15px;
  font-weight: 500;
}
.mush-types-wrapper {
  grid-template-columns: repeat(3, 1fr);
}
.types-hero-section {
  padding: 80px 0px;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  background-position: right;
  background: white;
}
.popular-link-sidebar {
  padding: 20px;
  border-radius: 8px;
  margin: 10px 0px;
}
.author-wrapper {
  display: grid;
  grid-template-columns: 1fr 7fr;
  grid-gap: 20px;
  padding: 20px;
  border-radius: 10px;
  background: white;
  margin-top: 20px;
  border: 1px solid lightgray;
}
.author-thumb {
  width: 90px;
  height: 90px;
}
.author-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.author-bio {
}
.author-bio a {
  text-decoration: unset;
  transition: all 0.3s ease-in-out;
}
.author-bio a:hover {
  color: black;
}
.author-bio h3 {
  font-weight: 600;
}
.contentBox {
  display: grid;
  grid-template-columns: 1fr 5fr;
  grid-gap: 20px;
  background: white;
  border-radius: 3px;
  padding: 10px;
}
.contentImg {
  width: 300px;
  height: 200px;
}
.contentImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 7px;
}
.author_content {
}
.author_content h2 {
  color: #222222;
  transition: all 0.3s ease-in-out;
  font-weight: 600;
}
.author_content h2:hover {
  color: var(--brand-color);
}
.author_content p {
  font-weight: 400;
  font-size: 15px;
}
.author_content a {
  text-decoration: unset;
  color: black;
  transition: all 0.3s ease-in-out;
}
.author_content a:hover {
  color: var(--brand-color);
}
.main_author_posts {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  margin-bottom: 20px;
}
.author-body-wrapper {
  display: grid;
  grid-template-columns: 5fr 2fr;
  grid-gap: 20px;
}
.author-main-profile-section {
  background: white;
  padding: 50px;
  margin-bottom: 20px;
}
.author-social-media {
  margin-top: 10px;
}
.author-social-media ul {
  display: flex;
  justify-content: flex-start;
  grid-gap: 10px;
  align-items: center;
}
.author-social-media li {
}
.author-profile-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  grid-gap: 20px;
}
.author_name {
  max-width: 90%;
  display: flex;
  flex-direction: column;
  grid-gap: 7px;
}
.author_name h2 {
}
.author_name h4 {
  font-weight: 400;
}
.author_titleAndtotal {
  display: flex;
  justify-content: flex-start;
  grid-gap: 10px;
  align-items: center;
  background: white;
  padding: 20px;
  margin-bottom: 20px;
}
.trending-recipe-wrap {
  margin-top: 10px;
  margin-bottom: 20px;
}
.autor_profile figure img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: 0px 0px 5px 0px lightgray;
}
.article-sugg-item::before {
  content: unset !important;
  position: unset !important;
}
.meta-left-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 20px;
}
.author-ref {
}
.author-ref a {
  text-decoration: unset;
  color: var(--brand-color);
}
.author-ref p {
  font-weight: 400;
}
.suggest-content-item {
  width: 100%;
  margin: unset;
}
.border-less {
  border-bottom: unset;
  margin-bottom: 30px;
}
.article-sugg-wrap {
  /* overflow: hidden; */
  background: var(--background-two);
  padding: 20px;
  border-radius: 5px;
  box-shadow: var(--shadow);
}
.article-sugg-wrap .tool-title {
  background: unset;
  margin-bottom: 20px;
  padding: unset;
}
.related-article-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  margin-top: 20px;
}
.related-cat-name-badge {
  color: var(--brand-color);
  text-transform: capitalize;
}
.article-sugg-title h3 {
  font-weight: 400;
  text-transform: capitalize;
  font-size: var(--title-size);
  color: var(--title-color);
}
.hero-featured-wrapper {
  display: grid;
  grid-template-columns: 4fr 2fr;
  grid-gap: 20px;
}
.display-none {
  display: none;
}
.form-field #custom_excerpt {
  width: 100%;
}
.category-bio-wrap {
}
.category-bio-content {
  text-align: left;
  width: 100%;
  margin-bottom: 10px;
  max-width: 100%;
  margin: unset;
}
.category-bio-content h1 {
  font-size: var(--heading-size);
  text-transform: capitalize;
}
.category-bio-content p {
  font-size: var(--mini-size);
  line-height: 26px;
  font-weight: 400;
}
.category-bio-content p a {
  border-bottom: 1px dotted;
}
.category-breadcrumb {
}
.category-breadcrumb span {
  font-size: var(--mini-size);
  color: var(--mini-color);
}
.category-breadcrumb .breadcumb {
}
.category-details {
  background: var(--white);
  padding: 20px;
  border-radius: 3px;
}
.category-details-section h2 {
  margin-bottom: 10px;
}
.category-details-section {
  margin-top: 20px;
}
.category-bio-section {
  background: white;
  padding: 20px 0px;
}
/* CSS to align hospital_logo to the right side */
.custom-media-uploader {
  float: right;
  margin-left: 20px; /* Adjust margin as needed */
}
/* Additional styles for better alignment and spacing */
.custom-field-hospital_logo {
  overflow: hidden;
  clear: both;
}
.custom-field-hospital_logo label {
  display: block;
}
.featured-hospital-wrapper {
}
.featured-hospital-wrapper ul {
}
.doctor-service-item {
  background: white;
  padding: 20px;
  border-radius: 10px;
  margin-top: 10px;
}
.taxonomy-excerpt-wrap {
  margin-bottom: 10px;
  font-size: var(--p-size);
  line-height: 27px;
}
/* wordpress rewrite */
.wp-block-details {
  margin-top: 15px;
  background: #00800008;
  border-radius: 5px;
  padding: 20px;
}
.wp-block-details summary {
  font-weight: 600;
  font-size: var(--title-size);
  color: var(--title-color);
}
.wp-block-details p {
  padding-left: 20px;
  margin-top: 10px;
  color: var(--p-color);
  font-size: var(--p-size);
}
.menu-item.current-menu-item.current_page_item a {
  color: var(--brand-color) !important;
  font-weight: 600;
  border-bottom: 1px dotted lightgray;
  padding-bottom: 4px;
}
/* specialist */
.specialist-content-wrapper ul {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  margin: 15px 0px;
}
.specialist-content-wrapper ul li {
  font-size: var(--p-size);
  color: var(--p-color);
  font-weight: 500;
}
.specialist-content-wrapper ul li::before {
  content: '\f666'; /* Unicode for the Bahai icon */
  font-family: 'Font Awesome 5 Free'; /* Font family for Font Awesome */
  font-weight: 900; /* Font weight for the icon */
  margin-right: 5px; /* Adjust spacing between icon and text */
  color: var(--brand-color);
}
/* 
End style.css
*/
::selection {
  background: var(--brand-color);
  color: white;
}
.title-2 {
  margin: 20px 0px;
  margin-bottom: 12px;
  font-size: 20px;
  color: var(--black);
}
.brandColor {
  color: var(--brand-color);
  font-weight: 500;
}
.card {
  box-shadow: var(--shadow);
  border-radius: var(--radious);
  padding: 20px;
  background: white;
}
.bg-secondery {
  background: var(--seconderyColor);
}
.btn {
  border: unset;
  padding: 8px 20px;
  font-family: 'Manrope';
}
.img-fluid {
  width: 20px;
  height: auto;
}
.none {
  display: none;
}
.container {
  width: 100%;
  max-width: 1230px;
  margin: 0px auto;
}
.append-style {
  font-size: 30px !important;
}
/* 
* HEADER SECTION
*/
header {
  background: white;
  box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
  position: sticky;
  top: 0px;
  z-index: 9999;
}
.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 20px;
  height: 85px;
  transition: height 0.3s ease-in-out;
}
.header-container.active {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  z-index: 9999;
  height: 70px;
  background: white;
  padding: 0px 60px;
  box-shadow: 0px 0px 10px 0px lightgray;
}
.header-logo-wrapper {
  width: 100px;
  height: auto;
}
.header-logo-wrapper img {
  width: 100%;
  object-fit: contain;
}
.header-menu-wrapper ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 20px;
  list-style: none;
}
.header-menu-wrapper li a {
  font-size: 15px;
  text-decoration: none;
  transition: all 0.3s ease-in;
  font-weight: 500;
  color: var(--black);
}
.header-menu-wrapper li a:hover {
  color: var(--brand-color);
}
.submit-doctor-button {
  background-color: var(--brand-color);
  color: white !important;
  border-radius: 30px;
  border: 1px solid var(--brand-color);
  padding: 13px 20px;
  transition: all 0.3s ease-in;
  font-weight: 500;
}
.submit-doctor-button:hover {
  background: white;
  color: var(--brand-color) !important;
  border: 1px solid var(--brand-color);
}
/* 
* HERO SECTION
*/
.hero-wrapper {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--background-four);
  padding: 80px 0px;
}
.featured-hero-thumb {
  height: 100%;
}
.featured-hero-thumb img {
}
.hero-search-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 5px;
  background: var(--brand-color);
  border-radius: 45px;
  color: white;
  padding: 10px 20px;
  font-size: 20px;
  margin-left: -48px;
  cursor: pointer;
  font-size: 16px;
  margin-left: -120px;
}
.hero-search-wrapper {
}
.hero-search {
  width: 660px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: auto;
}
.hero-search-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 5px;
  background: var(--brand-color);
  border-radius: 45px;
  color: white;
  padding: 10px 20px;
  font-size: 20px;
  margin-left: -48px;
  cursor: pointer;
  font-size: 16px;
  margin-left: -125px;
}
.hero-search input {
  width: 100%;
  height: 60px;
  border-radius: 30px;
  padding: 10px 30px;
  border: 1px solid var(--seconderyColor);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  box-shadow: 0px 1px 3px -1px #d3d3d3d1;
  font-family: 'poppins';
}
.hero-search input:focus {
  outline: none;
  border: 1px solid var(--seconderyColor);
}
.hero-search i {
  transition: all 0.3s ease-in;
}
.hero-search i:hover {
  background: white;
  color: var(--brand-color-light);
}
/* 
* FEATURED CITY
*/
.featured-city-title-wrapper {
  margin-bottom: 25px;
}
.featured-city-title-wrapper h1 {
  font-size: var(--heading-size);
  color: var(--heading-color);
  text-transform: uppercase;
  text-align: center;
}
.featured-city-title-wrapper h2 {
  font-size: var(--heading-size);
  color: var(--heading-color);
  text-transform: capitalize;
  font-weight: 400;
}
.featured-city-title-wrapper h2 span {
  color: var(--heading-color) !important;
}

.featured-city-title-wrapper p {
  margin: 0px;
  padding: 0px;
}
.featured-city-item {
  width: 100%;
  height: 160px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.featured-city-thumb {
  width: 100%;
  height: 100%;
}
.featured-city-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in;
}
.featured-city-thumb img:hover {
  transform: scale(1.1);
}
.featured-city-content {
  position: absolute;
  inset: 0;
  width: 100%;
  color: white;
  padding: 20px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: flex-end;
}
.featured-city-content::before {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(
    180deg,
    rgb(42 41 41 / 0%),
    #00000054,
    #000
  );
  z-index: -1;
  left: 0px;
  width: 100%;
}
.featured-city-content h2 {
  color: white;
  margin-bottom: 8px;
  background: var(--brand-color);
  width: max-content;
  padding: 5px 19px;
  border-radius: 20px;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
  padding-left: 10px;
  font-size: var(--title-size);
  text-transform: capitalize;
  font-weight: 600;
}
.featured-city-content a {
  color: lightgoldenrodyellow;
  font-weight: 500;
}
.featured-city-content li {
  position: relative;
  padding-left: 17px;
  margin-bottom: 8px;
}
.featured-city-content li::before {
  content: '';
  position: absolute;
  top: 4px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 10px;
  height: 10px;
  background: var(--seconderyColor);
  border-radius: 2px;
  margin-right: 20px;
}
/* 
* SPECIALIST SECTION
*/
.specialist-section {
  background: var(--white);
  padding: 40px 0px;
}
.specialist-title-wrapper {
  margin-bottom: 20px;
}
.specialist-wrapper {
}
.specialist-wrapper ul {
  margin: 0px;
  padding: 0px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  grid-gap: 12px;
}
.specialist-wrapper li {
  margin-bottom: 1px;
  font-size: 16px;
  /* border-radius: 40px; */
  padding: 7px 9px;
  /* background: white; */
  /* box-shadow: var(--shadow); */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 8px;
  font-weight: 500;
  width: 100%;
}
.specialist-wrapper li img {
  width: 20px;
}
.specialist-wrapper i {
  color: green;
  background: #00968824;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  color: #009688;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 2px; */
}
.specialist-wrapper a {
  color: var(--p-color);
  font-size: var(--p-size);
}
/* 
* FEATURED DOCTOR
*/
.featured-doctor-section {
  padding: 50px 0px;
  padding-top: 0px;
  background: var(--background-three);
}
.featured-doctor-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  row-gap: 30px;
}
.feauted-doctor-item {
  width: 100%;
  background: white;
  border: 1px solid whitesmoke;
  padding: 15px 10px;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: all 0.3s ease-in;
  box-shadow: var(--shadow);
  border-radius: 3px;
  position: relative;
  padding-bottom: 10px;
}
.feauted-doctor-item:hover {
  box-shadow: var(--hover-shadow);
}
.featured-docotor-thumb {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid white;
  margin-bottom: 10px;
  box-shadow: var(--shadow);
}
.featured-docotor-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.featured-doctor-content {
  padding: 0px 10px;
}
.featured-doctor-content h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 2px;
  color: var(--mini-title-color);
}
.featured-doctor-content h3 a {
  color: var(--black);
}
.featured-doctor-content li {
  margin-bottom: 6px;
  font-size: var(--mini-size);
  line-height: 22px;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 4px;
}
.featured-doctor-content li strong {
  font-weight: 500;
}
.featured-doctor-content li a {
  text-decoration: none;
  font-size: 13px !important;
  color: var(--brand-color);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 5px;
}
.featured-doctor-social {
  margin-top: 10px;
  width: 100%;
  /* display: flex; */
  /* justify-content: flex-start; */
}
.featured-doctor-social ul {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.featured-doctor-social ul li a {
  color: #009688;
}
.specialist-tag {
  font-weight: 500;
  color: white;
  background: var(--brand-color);
  border-radius: 30px;
  padding: 3px 10px;
  font-size: 13px;
  box-shadow: var(--shadow);
}
.doctor-name-tag {
  color: var(--brand-color);
  font-weight: 500;
}
/* 
*   HOSPITAL SECTION 
*/
.hospital-section {
  /* margin-bottom: 40px; */
  padding: 70px 0px;
  padding-top: 20px;
  background: var(--background-four);
}
.hospital-title-wrapper {
  margin-bottom: 20px;
}
.hospital-wrapper {
}
.hospital-wrapper ul {
  margin: 0px;
  padding: 0px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.hospital-wrapper li {
  font-size: 20px;
  padding: 14px;
  background: white;
  box-shadow: var(--shadow);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 8px;
  border-radius: var(--radious);
  font-weight: 500;
}
.hospital-wrapper i {
  color: green;
  background: #009688;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  color: white;
  font-size: var(--p-size);
  display: flex;
  justify-content: center;
  align-items: center;
}
.hospital-wrapper a {
  text-decoration: none;
  color: var(--brand-color);
  font-size: var(--p-size);
}
.hospital-wrapper a:hover {
  border-bottom: 1px solid var(--brand-color);
}
.profile-banner .no-banner {
  height: 250px;
  width: 100%;
  background: var(--background-four);
}
.profile-banner .no-banner.doctor,
.profile-banner .no-banner,
.no-banner {
  height: 90px;
  background: var(--background-four);
}
.profile-banner .no-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer-item h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #000000d7;
}
.footer-item p {
  color: #000000d7;
}
.footer-item ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.footer-item ul li a {
  font-size: 16px;
  font-weight: 400;
  color: #000000b4;
  transition: all 0.3s ease-in;
}
.footer-item ul li a:hover {
  color: var(--brand-color);
  border-bottom: 1px dotted var(--brand-color);
}
/* 
* HOSPITAL SINGLE PAGE
*/
.hospital-details-wrapper {
  display: grid;
  grid-template-columns: 8fr 3fr;
  grid-gap: 30px;
  padding: 40px 0px;
  position: relative;
  margin-top: -60px;
}
.hospital-details-content {
}
.doctor-meta-box,
.hospital-meta-box {
  display: grid;
  grid-template-columns: 1fr 5fr;
  align-items: flex-start;
  grid-gap: 30px;
  border-bottom: 1px solid #f8f8f8;
  padding-bottom: 20px;
  position: relative;
  border-radius: 5px;
}
.specialist-content-wrapper {
}
.group-block {
  padding: 20px;
  margin-bottom: 20px;
}
.group-block h2 {
  margin-bottom: 15px;
  font-weight: 600 !important;
  font-size: var(--heading-three) !important;
  color: var(--title-color);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
}
.group-block h3 {
  margin-bottom: 10px;
  font-weight: 600 !important;
  font-size: var(--mini-title-size);
  color: var(--mini-title-color);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
}
.specialist-wise-doctors-group h2 {
  border-bottom: 1px solid #d3d3d340;
  padding-bottom: 10px;
}
.group-block h2 svg {
  width: 25px;
}
.hospital-meta-box h1 {
  font-size: 45px;
  margin-bottom: 10px;
}
.hospital-meta-box h1 i {
  color: #2196f3;
  font-size: 18px;
}
.hospital-review-count {
  margin-bottom: 10px;
}
.hospital-service-short-overview {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
  padding: 20px 0px;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.hospital-service-overview-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  grid-gap: 5px;
  background: #f5f8fd;
  height: 100px;
}
.hospital-service-overview-item h4 {
  font-weight: 400;
}
.hospital-service-overview-thumb {
  width: 30px;
  height: auto;
}
.hospital-service-overview-thumb img {
  width: 100%;
  height: auto;
}
.hospital-details-services {
  background: var(--white);
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.hospital-details-service-wrapper {
}
.hospital-details-service-wrapper ul {
  grid-template-columns: repeat(3, 1fr);
}
.hospital-details-service-wrapper ul li {
  font-size: var(--p-size);
  padding: unset;
}
.hospital-details-service-wrapper ul li i {
  width: 18px;
  height: 18px;
  font-size: 10px;
}
/* feature */
.hospital-details-feature-wrapper {
}
.hospital-details-doctor-wrapper {
  grid-template-columns: repeat(3, 1fr) !important;
  margin-top: 32px;
}
.medical-type-badge {
  font-weight: 500;
  color: #607d8b;
  background: #0096880f;
  border-radius: 30px;
  padding: 1px 10px;
  font-size: var(--p-size);
}
.hospital-review-badge {
  color: var(--reviewColor);
  font-weight: 500;
}
#common_email li,
#common_phone li {
  font-size: var(--p-size);
}
#common_email li strong,
#common_phone li strong {
  font-size: var(--p-size);
  font-weight: 600;
}
#common_email,
#common_phone {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 6px;
  flex-wrap: wrap;
  row-gap: 1px;
}
/* 
*   HOSPITAL SIDEBAR
*/
.hospital-details-sidebar {
  border-radius: 3px;
  height: max-content;
  position: sticky;
  top: 96px;
}
.hospital-sidebar-info {
  background: white;
  padding: 30px 20px;
  box-shadow: var(--shadow);
  border-radius: var(--radious);
}
.hospital-sidebar-info h2 {
  margin-bottom: 15px;
  font-size: var(--mini-title-size);
  color: var(--mini-title-color);
  font-weight: 600;
  border-bottom: 2px solid #d3d3d342;
  padding-bottom: 10px;
}
.hospital-sidebar-info ul {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
.hospital-sidebar-info i {
  color: var(--gray);
}
.hospital-sidebar-info i:hover {
  color: var(--brand-color);
}
.hospital-sidebar-info a {
  text-decoration: none;
  color: var(--white);
}
.sidebar-call-to-action-button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
  margin-top: 20px;
}
.sidebar-call-to-action-button button {
  border-radius: 50px;
  padding: 10px 20px;
  border: unset;
  font-weight: 600;
  font-family: 'Manrope';
  cursor: pointer;
  transition: all 0.3s ease-in;
  border: 1px solid transparent;
  letter-spacing: 1.2px;
}
.call-now {
  background: var(--brand-color);
  color: white;
}
.call-now i {
  color: var(--white);
}
.call-now:hover {
  color: var(--brand-color);
  background: white;
  border: 1px solid var(--brand-color) !important;
}
.send-message {
  color: var(--brand-color);
  background: white;
  border: 1px solid var(--brand-color) !important;
}
.send-message:hover {
  background: var(--brand-color);
  color: white;
}
/* 
*   VIDEO
*/
.hospital-details-video {
  margin-top: 40px;
}
.hospital-details-video h2 {
  margin-bottom: 10px;
}
.hospital-sidebar-ads {
  width: 100%;
  height: auto;
  margin-top: 20px;
}
.hospital-sidebar-ads img {
  border-radius: 3px;
}
.doctor-specialist-badge {
  background: var(--brand-color);
  color: white;
}
.hospital-metabox-thumb {
  width: 200px;
  height: 200px;
  overflow: hidden;
  background: white;
}
.hospital-metabox-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 10px;
}
.hospital-metabox-content {
  width: 100%;
}
.hospital-metabox-content h1 {
  font-size: var(--heading-size);
  color: var(--heading-color);
  margin-bottom: 3px;
  text-transform: capitalize;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 8px;
}
.hospital-metabox-content ul {
  display: flex;
  flex-direction: column;
  grid-gap: 2px;
}
.hospital-metabox-content p {
  font-size: var(--p-size);
  font-weight: 500;
  color: var(--black);
}
.doctor-details-excerpt {
}
.doctor-details-excerpt ul {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
.doctor-details-excerpt i {
  color: var(--brand-color);
}
.doctor-details-excerpt a {
  text-decoration: none;
  font-weight: 500;
  color: var(--brand-color);
}
.degree-badge {
  background-color: #607d8b;
  color: white;
  padding: 4px 10px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 500;
}
.related-doctors-wrapper {
  grid-template-columns: repeat(4, 1fr);
  margin: 20px 0px;
  width: 100%;
  row-gap: unset;
  grid-gap: 15px;
  row-gap: 30px;
}
.related-doctor-item {
  flex-direction: row;
  width: 100%;
  display: grid;
  grid-template-columns: 2fr 6fr;
  grid-gap: 5px;
  padding: 10px;
}
.related-doctor-item .featured-doctor-content {
  width: 100%;
}
.related-doctor-item .featured-doctor-content li {
  margin-bottom: unset;
}
/* Chamber */
.doctor-chamber-item {
  display: grid;
  grid-template-columns: 1fr 6fr;
  grid-gap: 20px;
  background: var(--seconderyColor);
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.doctor-details-chamber-container h2 {
  margin: 20px 0px;
}
.line-wrap,
.label-value-wrap,
.line-wrap ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 5px;
  flex-wrap: wrap;
  row-gap: unset;
}
.line-wrap strong,
.label-value-wrap strong,
.line-wrap strong {
  font-weight: 500;
  font-size: 13px;
}
.label-value-wrap span {
  font-weight: 500;
  font-size: var(--p-size);
}
.line-wrap ul {
  flex-direction: row;
}
.line-wrap span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 5px;
}
.line-wrap span i {
  color: gray;
  font-size: 14px;
}
.line-wrap a {
  font-size: var(--mini-size);
  font-weight: 500;
}
.doctor-chamber-hospital-logo {
  width: 130px;
  height: 130px;
  border-radius: 10px;
  border: 3px solid white;
  background: var(--white);
  padding: 10px;
}
.doctor-chamber-hospital-logo img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  border-radius: 9px;
}
.doctor-chamber-hospital-details {
  /* width: 100%; */
}
.doctor-chamber-hospital-details h3 {
  margin-bottom: 10px;
  text-transform: capitalize;
  font-size: var(--title-size);
}
.doctor-chamber-hospital-details p {
  font-size: var(--mini-size);
  font-weight: 400;
  line-height: 22px;
  color: var(--gray);
}
.doctor-chamber-hospital-details h2 a {
  color: #000000;
  transition: all 0.2s ease-in;
  font-size: 18px;
  font-weight: 600;
}
.doctor-chamber-hospital-details h2 a:hover {
  color: var(--brand-color);
}
.doctor-chamber-hospital-details ul {
  display: flex;
  flex-direction: column;
  grid-gap: 2px;
}
.visiting-time-badge {
  background: var(--brand-color);
  color: white;
  border-radius: 30px;
  padding: 3px 10px;
  font-size: 14px;
  font-weight: 500;
}
.doctor-chamber-hospital-details li a {
  color: var(--brand-color) !important;
  font-weight: 500;
  font-size: 13px;
}
.doctor-chamber-hospital-details li a:hover {
  color: var(--brand-color) !important;
}
.hospital-details p {
  font-size: 13px;
  color: black !important;
  font-weight: 400 !important;
}
.hospital-details li {
  margin-bottom: unset;
}
.hospital-details li:last-child {
  /* padding-bottom: 5px; */
}
.hospital-details h2 {
  font-size: var(--title-size);
  color: var(--title-color);
  line-height: 22px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.address-badge {
  font-weight: 500;
}
.doctor-review-badge {
  color: #ff5722;
  font-weight: 500;
}
.about-doctor {
  margin-top: 20px;
}
.about-doctor h2 {
  margin-bottom: 10px;
}
.about-doctor p {
  font-size: 18px;
}
/* professional experice */
.professional-experience {
  margin-top: 20px;
}
.professional-experience h2 {
  margin-bottom: 20px;
}
.professional-experience p {
  font-weight: normal;
}
.professional-experience,
.key-skill,
.doctor-education {
  background: var(--seconderyColor);
  padding: 20px;
  margin-bottom: 10px;
}
.professional-experience li,
.key-skill li,
.doctor-education li {
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 28px;
  font-weight: 500;
  color: #061a3a;
  padding-left: 25px;
  margin-bottom: 8px;
}
.professional-experience li::before,
.key-skill li::before,
.doctor-education li::before {
  position: absolute;
  content: '';
  border: 3px solid var(--brand-color);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  left: 0px;
  top: 7px;
}
.professional-experience li::after {
  position: absolute;
  content: '';
  width: 3px;
  height: 48px;
  left: 7px;
  top: 24px;
  background: var(--brand-color);
}
.doctor-education li::after,
.key-skill li::after {
  position: absolute;
  content: '';
  width: 3px;
  height: 21px;
  left: 7px;
  top: 24px;
  background: var(--brand-color);
}
.professional-experience li:last-child::after,
.doctor-education li:last-child::after,
.key-skill li:last-child::after {
  height: 0px;
}
/* 
*   SPECIALIST PAGE
*/
.area-form-wrapper {
  width: 100%;
  position: relative;
}
.area-form-wrapper img {
  position: relative;
  height: 150px;
  object-fit: cover;
}
.area-form-wrapper form {
  width: 100%;
  padding: 5px;
  margin: 0px auto;
  background: white;
  border-radius: 3px;
  box-shadow: 0px 0px 7px 0px #8080805c;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.area-form-wrapper label {
}
.area-form-wrapper select {
  margin-right: -5px;
}
.area-form-wrapper option {
}
.form-group {
  box-sizing: border-box;
}
.form-group input,
.form-group .specialist-input,
.form-group .search-input,
.form-group button,
.form-group select,
.form-group .form-button {
  font-size: 16px;
  font-family: 'Manrope';
  padding: 7px;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.form-group input:focus,
.form-group button:focus,
.form-group select:focus .form-group .form-button:focus {
  outline: none;
  border: 1px solid var(--brand-color);
}
.form-group .form-button {
  background: var(--brand-color);
  color: white;
  border: 1px solid var(--brand-color);
}
.form-group .specialist-input {
  border-right: unset;
}
.form-group select:focus,
.form-group .specialist-input:focus {
  border-right: unset;
}
.district-select {
  padding-left: 20px !important;
}
/* 
*   DISTRICT HOSPITAL
*/
.district-hospital-container {
  display: grid;
  grid-template-columns: 8fr 3fr;
  grid-gap: 30px;
  margin: 30px 0px;
}
.district-hospital-sidebar {
  width: 100%;
  height: auto;
}
.district-hospital-sidebar img {
  width: 100%;
  object-fit: contain;
  border-radius: 4px;
}
/* Style the tab */
.add-new-form-tab {
  overflow: hidden;
  /* border: 1px solid var(--brand-color); */
  background-color: white;
  border-radius: 3px;
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
  gap: 10px;
  margin-bottom: 10px;
}
/* Style the buttons inside the tab */
.add-new-form-tab button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 15px;
  text-align: center;
  font-family: 'poppins';
  font-weight: 500;
  border-radius: 3px;
  border: 1px solid var(--seconderyColor);
}
/* Change background color of buttons on hover */
.add-new-form-tab button:hover {
  background-color: var(--seconderyColor);
  color: var(--brand-color);
}
/* Create an active/current tablink class */
.add-new-form-tab button.active {
  background-color: var(--brand-color);
  color: white;
}
/* Style the tab content */
.tabcontent {
  display: none;
}
.add-new-form-section {
  background: var(--seconderyColor);
  padding: 30px 0px;
  position: relative;
}
.add-new-form-wrapper {
  width: 100%;
  padding: 15px;
  background: white;
}
.form-group-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 20px;
  width: 100%;
}
.form-group {
  position: relative;
  width: fit-content;
}
.form-group .submit-btn {
  border-radius: unset;
  width: 100%;
  margin-left: unset;
  border-radius: 3px;
  font-weight: 500;
  font-size: 18px;
  cursor: pointer;
}
.form-group label {
  /* position: absolute; */
  left: 16px;
  top: -6px;
  background: white;
  /* padding: 0px 10px; */
  color: #818181;
  font-size: 14px;
}
.input-control,
.select-control {
  width: 100%;
  height: 40px;
  padding: 5px 10px;
  border: 1px solid var(--seconderyColorDark) !important;
  background: var(--seconderyColor);
  font-size: 15px;
  font-family: 'poppins';
  border-radius: 3px;
}
.input-control:focus,
.select-control:focus,
textarea:focus {
  border: 1px solid var(--brand-color) !important;
  background: white;
}
.form-title {
  margin-top: 30px;
}
.form-title h3 {
  color: #9e9e9e;
  font-size: 17px;
  text-transform: uppercase;
}
.required {
  color: red;
}
.form-group textarea.input-control {
  resize: none;
  height: 100px;
  outline: none;
}
.verify-badge {
  color: #2196f3;
  font-size: 15px;
  margin-left: 3px;
}
/* checkbox */
.form-group-checkbox-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  grid-row-gap: 10px;
  width: 100%;
  margin: 10px 0px;
}
.form-group-checkbox-item {
  display: flex;
  justify-content: flex-start;
}
.checkbox-label {
  display: flex;
  justify-content: flex-start;
  grid-gap: 10px;
  cursor: pointer;
}
.input-checkbox[type='checkbox'] {
  width: 20px;
  height: 20px;
  border: 1px solid var(--brand-color) !important;
  background: red;
}
.input-checkbox:checked {
  background: red;
}
input[type='checkbox'] {
  display: grid;
  place-content: center;
  background: red !important;
}
input[type='checkbox']::before {
  content: '';
  width: 14px;
  height: 13px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  /* box-shadow: inset 1em 1em gray; */
  background: var(--brand-color);
  color: white;
  border: 2px solid white;
}
input[type='checkbox']:checked::before {
  transform: scale(1);
}
/* MOBILE HEADER */
.mobile-header-section {
  /* position: fixed; */
  width: 100%;
  background: white;
  z-index: 9999;
  box-shadow: 0px 0px 10px 0px lightgray;
}
.mobile-header-logo-wrapper {
  width: 80px;
  height: auto;
}
.mobile-header-logo-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mobile-header-menu-wrapper ul {
}
.mobile-header-menu-wrapper li {
}
.mobile-header-menu-wrapper a {
}
.mobile-add-new-btn {
  background-color: var(--brand-color);
  color: white !important;
  border-radius: 30px;
  border: 1px solid var(--brand-color);
  padding: 9px 12px;
  transition: all 0.3s ease-in;
  font-weight: 500;
  font-size: 13px;
}
.mobile-add-new-btn:hover {
  background: white;
  color: var(--brand-color) !important;
  border: 1px solid var(--brand-color);
}
/* Accordion */
.accordian-title {
  margin: 20px 0px;
}
.accordian-title h2 {
}
.accrodion-item {
  border-bottom: 1px solid #f3f3f3;
}
.accrodion-item:last-child {
  border-bottom: unset;
}
.accordion {
  color: #444;
  cursor: pointer;
  padding: 18px 0px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
  transition: 0.4s;
}
.active,
.accordion:hover {
  color: var(--brand-color);
}
.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: 500;
  float: right;
  margin-left: 5px;
  font-size: 35px;
  margin-top: -9px;
}
.accordion.active:after {
  content: '\2212';
}
.panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.single-content {
  background: white;
  padding: 20px;
}
.single-meta {
  margin: 10px 0px;
}
.single-district-item {
  height: 320px;
}
.single-meta h1 {
  font-size: 40px;
}
.single-city-wrapper {
  margin-top: 5px;
  display: flex;
  grid-gap: 15px;
}
.discover-more-content {
}
.discover-more-content h2 {
  background: unset;
  width: auto;
}
/* Online doctor and pharmacy */
.online-doctor-and-pharmacy {
  margin: 20px 0px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  grid-gap: 13px;
}
.online-item {
  display: grid;
  grid-template-columns: auto auto;
  align-items: flex-start;
  grid-gap: 13px;
  background-color: var(--seconderyColor);
  padding: 14px;
  width: 100%;
}
.online-thumb {
  width: 90px;
  height: 90px;
  border-radius: 5px;
  overflow: hidden;
  border: 2px solid white;
}
.online-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.online-content {
  width: 100%;
}
.online-content a {
}
.online-content h3 {
  color: var(--black);
}
.blog-container {
  display: grid;
  grid-template-columns: 8fr 3fr;
  grid-gap: 20px;
}
.blog-list-wrapper {
}
.burger-menu {
}
.burger-menu i {
  color: var(--brand-color);
  font-size: 23px;
}
.bar-and-menu-area {
  display: flex;
  justify-content: flex-end;
  grid-gap: 10px;
}
.sidebar-wrapper {
  width: 250px;
  background: white;
  position: fixed;
  left: -300px;
  height: 100%;
  top: 0px;
  z-index: 999;
  box-shadow: -2px 0px 7px 0px #00000059;
  transition: all 0.3s ease-in-out;
  background-size: cover;
  overflow-y: scroll;
  visibility: hidden;
  opacity: 0;
}
.sidebar-header {
}
.sidebar-logo {
}
.sidebar-body-wrapper {
}
.sidebar-underline {
}
.sidebar-close-icon {
  width: 25px;
  position: absolute;
  right: 27px;
  top: 20px;
}
.sidebar-close-icon img {
  width: 100%;
  height: auto;
}
.sidebar-body-wrapper {
}
.sidebar-body-wrapper ul {
  display: flex;
  justify-content: flex-start;
  /* grid-gap: 10px; */
  flex-direction: column;
  margin-top: 20px;
}
.sidebar-body-wrapper li {
  padding: 8px 20px;
  border-bottom: 1px solid #f7f7f7;
  transition: all 0.2s ease-out;
}
.sidebar-body-wrapper li:hover {
  background: var(--seconderyColor);
}
.sidebar-body-wrapper a {
  color: var(--brand-color);
  font-weight: 500;
}
.sidebar-social-media {
  margin-top: 20px;
}
.sidebar-social-media ul {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  grid-gap: 10px;
  padding: 0px 20px;
}
.sidebar-social-media li {
  border: unset;
  padding: unset;
}
.sidebar-wrapper.active {
  visibility: visible;
  opacity: 1;
  left: 0px;
}
/* Ambulance section */
.ambulance-section {
  padding: 60px 0px;
  background-color: var(--white);
}
.ambulance-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 20px;
  position: relative;
  width: 100%;
}
.ambulance-item-wrap {
  width: 100%;
}
.ambulance-item {
  width: 100%;
}
.ambulance-thumb {
  width: 630px;
  height: auto;
  position: absolute;
  bottom: -80px;
  right: 0px;
}
.ambulance-thumb img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.book-ambulance-button {
  border: none;
  outline: none;
  padding: 9px 25px;
  background: var(--brand-color);
  color: white;
  font-family: 'Manrope';
  font-size: 16px;
  border: 1px solid var(--brand-color);
  border-radius: 30px;
  margin-top: 15px;
  cursor: pointer;
  transition: all 0.3s ease-in;
  font-weight: 400;
  border-top-left-radius: unset;
  box-shadow: var(--shadow);
}
.book-ambulance-button:hover {
  background-color: var(--brand-color-bold);
  box-shadow: var(--hover-shadow);
}
.ambulance-emergency-badge {
  color: var(--brand-color);
  text-transform: uppercase;
  font-size: 40px;
}
.ambulance-item h2 {
  margin-bottom: 8px;
  font-size: 43px;
  font-weight: 300;
}
.red-hero-badge {
  color: red;
}
.feature-donner-item {
  background-color: #ff000008;
  border: 1px solid #ff000040;
}
.donner-location-tag {
  background-color: red;
}
.location-badge {
  background-color: #fff;
  color: var(--black);
  /* border: 1px solid gray; */
}
/* product review section */
.review-section {
  padding-bottom: 40px;
}
.review-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  grid-gap: 15px;
}
.review-item {
  width: 100%;
  background-color: var(--seconderyColor);
  padding: 10px;
  border-radius: 3px;
  position: relative;
}
.review-thumb {
  width: 100%;
  height: 200px;
}
.review-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.review-content {
}
.product-review-badge {
  color: orangered;
  font-size: 15px;
  margin-bottom: 3px;
  font-weight: 500;
}
.review-content p {
  margin: 0px;
  padding: 0px;
}
.review-content h2 {
  font-size: 17px;
  margin-bottom: 5px;
  color: var(--black);
}
.review-content h2:hover {
  color: var(--brand-color);
}
.product-review-price {
  font-weight: 500;
  color: green;
}
.review-read-more {
  border: none;
  outline: none;
  color: white;
  background: var(--brand-color);
  padding: 5px 15px;
  border-radius: 20px;
  margin-top: 10px;
  font-family: 'Manrope';
  cursor: pointer;
}
.review-title-badge {
  color: var(--brand-color);
}
/* product details page */
.product-details-section {
  padding: 40px 0px;
}
.product-details-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  grid-gap: 20px;
}
.product-left-item {
  width: 100%;
}
.product-right-item {
  width: 100%;
}
.product-details-thumb {
  width: 100%;
  height: 400px;
  background-color: var(--seconderyColor);
  padding: 20px;
  border-radius: 4px;
}
.product-details-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-details-content {
  display: flex;
  justify-content: flex-start;
  grid-gap: 5px;
  flex-direction: column;
}
.product-title {
  font-size: 40px;
}
.product-price {
  font-size: 25px;
  padding: 10px 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
}
.product-price-cross {
  color: gray;
  text-decoration: line-through;
}
.product-price-hipen {
  color: lightgray;
}
.product-price-regular {
  color: var(--brand-color);
  font-weight: 500;
}
.product-excerpt {
  font-size: 16px;
  line-height: 27px;
}
.product-details-review {
  color: orangered;
  font-size: 16px;
  font-weight: 500;
}
.product-details-review span {
}
.product-details-review i {
}
.buy-buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
  margin-top: 20px;
}
.product-buy-now-img {
  width: 100px;
  height: 40px;
  object-fit: contain;
  padding: 7px;
  border-radius: 4px;
  border: 1px solid var(--seconderyColor);
  box-shadow: 0px 1px 1px 0px lightgray;
  transition: all 0.3s ease;
}
.product-buy-now-img:hover {
  transform: translateY(-3px);
}
.buy-from {
  color: var(--brand-color);
  font-weight: 500;
}
.product-description-wrapper {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  grid-gap: 20px;
  width: 100%;
}
.product-description-wrapper h3 {
  font-size: 25px;
  margin-bottom: 20px;
  color: var(--brand-color);
}
.product-description-wrapper p {
  margin-bottom: 15px;
}
.releted-product-section {
  margin-bottom: 20px;
}
.related-product-title {
  margin-bottom: 20px;
}
.product-description-section {
  background: var(--seconderyColor);
  padding: 30px 0px;
  margin-bottom: 20px;
}
.product-share-wrapper {
  margin-top: 10px;
}
.product-share-wrapper ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
}
.product-share-wrapper li {
}
.product-share-wrapper li a {
  color: var(--brand-color);
}
.product-share-wrapper li i {
}
.product-details-generic,
.product-details-brand {
  font-weight: 500;
  font-size: 17px;
}
.product-details-generic a,
.product-details-brand a {
  font-weight: 500;
  color: var(--brand-color);
}
.product-details-brand {
}
.product-and-generic {
  margin-top: 10px;
}
.product-description-sidebar {
  background: white;
  padding: 40px 20px;
  width: 500px;
  border-radius: 4px;
  box-shadow: var(--shadow);
  height: 100%;
  position: sticky;
  top: 20px;
}
.product-spec-title {
  font-size: 20px;
  margin-bottom: 10px;
}
.product-description-content {
  width: 100%;
}
.product-details-brand-sidebar,
.product-details-generic-sidebar {
  font-size: 16px !important;
}
.product-details-brand-sidebar a,
.product-details-generic-sidebar a {
  color: var(--brand-color);
}
.desc-sidebar-product-price {
  font-weight: 500;
}
.desc-product-details-review {
  color: orangered;
  font-size: 16px;
  margin: 0px !important;
}
.product-description-sidebar ul {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
.desc-sidebar-product-price {
  color: white;
  font-weight: 500;
  font-size: 17px;
  background: var(--brand-color);
  border-radius: 30px;
  padding: 8px 15px;
  width: fit-content;
}
.product-details-faq {
  padding: 20px;
  background: white;
  border-radius: 3px;
}
.product-details-faq-title {
  margin: unset !important;
}
/* category page */
.category-page {
  display: grid;
  grid-template-columns: 8fr 3fr;
  grid-gap: 20px;
}
.category-sidebar {
  width: 100%;
  height: 100%;
  /* position: sticky;
top: 20px; */
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
.category-section {
  padding: 30px 0px;
  padding-top: 10px;
}
/* category sidebar toggle */
.category-sidebar-item {
  background: white;
  border-radius: 4px;
  height: 45px;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
  padding-bottom: 10px;
  background-color: var(--white);
  padding: 15px;
  box-shadow: var(--shadow);
  border-radius: var(--radious);
}
.category-sidebar-item.active-category-sidebar-item {
  height: max-content !important;
}
.category-sidebar-item ul {
  display: flex;
  flex-direction: column;
  grid-gap: 5px;
}
.category-sidebar-item input[type='checkbox'] {
  height: 20px;
  width: 20px;
}
.category-sidebar-item label {
  display: inline-block;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
  cursor: pointer;
}
.category-sidebar-item li {
  font-size: 17px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 8px;
  /* padding: 2px 17px; */
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.category-sidebar-item li:hover {
  background: #0078b80f;
}
.category-sidebar-title {
  padding-bottom: 11px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* padding: 0px 20px; */
  /* height: 50px;
line-height: 50px; */
  cursor: pointer;
  color: #111;
  font-size: 17px;
  border-bottom: 1px solid #eee;
}
.category-sidebar-title h4 {
  font-size: 16px;
  font-family: var(--roboto);
  color: var(--brand-color);
}
.category-sidebar-title i {
  -webkit-transition: all 400ms linear;
  -moz-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
  color: var(--brand-color);
}
.category-sidebar-title i.active-category-icon {
  transform: rotate(180deg);
}
.category-items-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  width: 100%;
}
.category-filter-search-input {
  margin-top: 5px;
}
.category-filter-search-input:focus {
  border: 1px solid var(--seconderyColor);
  outline: none;
}
.category-filter-search-item {
  position: relative;
  margin-top: -1px;
}
.category-filter-search-item label {
  margin-bottom: 10px;
}
.category-sidebar-specialist-list {
  /* padding: 10px; */
  background: white;
}
.category-sidebar-specialist-list ul::-webkit-scrollbar {
  width: 10px;
  border-radius: 30px;
}
.category-sidebar-specialist-list ul::-webkit-scrollbar-track {
  background-color: rgba(211, 211, 211, 0.103);
  border-radius: 30px;
}
.category-sidebar-specialist-list ul::-webkit-scrollbar-thumb {
  background-color: rgba(169, 169, 169, 0.199);
  border-radius: 30px;
}
.category-sidebar-specialist-list ul {
  height: 220px;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
.category-sidebar-specialist-list h3 {
  margin: 5px 0px;
}
.category-filter-degree-item {
}
.category-filter-select-control {
  margin-top: -1px;
}
.category-filter-select-control:focus {
  outline: none;
}
.category-filter-banner {
  height: 180px;
  z-index: -1;
  width: 100%;
}
.category-filter-banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.row-filter-form-group {
  margin-top: unset !important;
}
.category-filter-search-input {
  width: 640px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-radius: 30px;
}
.category-top-search {
  position: absolute;
  top: -70px;
}
.category-top-search button {
  background: var(--brand-color);
  color: white;
  border: 1px solid var(--brand-color);
  position: absolute;
  bottom: 7px;
  right: 8px;
  width: 120px;
  border-radius: 30px;
  height: 37px;
  font-family: 'Manrope';
  font-size: 16px;
}
.category-filter-search-input:focus {
  outline: none;
}
.degree-select {
  width: max-content;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.hosptail-category-filter-wrapper {
  grid-template-columns: repeat(1, 1fr);
}
/* animation text */
.animate-text {
  background-image: linear-gradient(
    -225deg,
    #f44336 0%,
    #e91e63 29%,
    #9c27b0 67%,
    #ff5722 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textanim 2s linear infinite;
  display: inline-block;
}
@keyframes textanim {
  to {
    background-position: 200% center;
  }
}
.featured-doctor-category-item {
  padding-top: 10px;
  background: var(--white);
  padding-bottom: 15px;
}
.blood-donner-category-item {
  padding-top: 10px;
  background: #ff000012;
  padding-bottom: 15px;
  border: 3px solid #fff;
  box-shadow: unset;
  position: relative;
}
.blood-donner-category-item:hover {
  border: 3px solid white;
  box-shadow: var(--hover-shadow);
}
.featured-doctor-category-thumb {
  margin: unset;
  margin-bottom: 10px;
  border: 10px solid var(--seconderyColor);
}
.blood-donner-category-thumb {
  margin: unset;
  margin-bottom: 10px;
  border: 3px solid var(--white);
}
.featured-doctor-social-category-filter {
  margin-top: 10px;
}
.category-panel {
  box-shadow: var(--shadow);
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 10px;
  background: var(--white);
  color: var(--brand-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.category-panel h2 {
  font-size: 20px;
}
.category-panel-right-filter {
}
.category-panel-right-filter label {
}
.category-panel-right-filter select {
  margin: unset;
  padding: 0px 5px;
  height: 30px;
  background: var(--seconderyColor);
  font-size: 13px;
  font-weight: 600;
  color: var(--brand-color);
  border: unset !important;
}
.category-panel-right-filter select:focus {
  border: unset !important;
}
.category-panel-right-filter option {
}
.hostpital-category-item {
  background: white;
  box-shadow: var(--shadow);
  border-radius: var(--radious);
  padding: 15px;
}
.category-filter-product-review-item {
  background: var(--white);
  box-shadow: var(--shadow);
}
.column-4 {
  grid-template-columns: repeat(4, 1fr);
}
.category-menu-list {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
.category-menu-list li {
  font-weight: 600;
  border-bottom: 1px solid var(--seconderyColor);
  padding: unset;
  padding-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 8px;
}
.category-menu-list li:last-child {
  border-bottom: unset;
  padding-bottom: unset;
}
.category-menu-list a {
  color: var(--brand-color);
}
.category-menu-list img {
  width: 20px;
}
.grid-3-10 {
  grid-template-columns: 3fr 10fr;
}
/* breadcrumbs */
.breadcrumb-section {
}
.breadcrumbs {
  background: white;
  margin-bottom: 10px;
  margin-top: 10px;
}
.breadcrumbs ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 5px;
}
.breadcrumbs ul li {
}
.breadcrumbs ul li img {
  width: 18px;
  filter: opacity(0.5);
}
.breadcrumbs ul li a {
  color: var(--brand-color);
  font-weight: 600;
}
/* call to action */
.call-to-action-section {
  padding: 50px 0px;
  background: var(--seconderyColor);
}
.call-to-action-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  grid-gap: 10px;
}
.call-to-action-item {
  width: 100%;
  background: var(--brand-color);
  padding: 10px;
  box-shadow: var(--shadow);
  border-radius: var(--radious);
  transition: all 0.3s ease-in-out;
}
.call-to-action-item:hover {
  transform: translateY(-5px);
}
.call-to-action-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.call-to-action-thumb {
  width: 100px;
}
.call-to-action-thumb img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.call-to-action-content {
}
.call-to-action-content h2 {
  color: white;
  font-size: 15px;
  max-width: 90%;
  margin: auto;
}
.category-blood-thumb {
  border: 10px solid var(--seconderyColor);
}
.category-hospital-review-count {
  margin-bottom: 0px;
}
.red {
  color: red;
}
/* ambulance */
.ambulance-category-item {
  background: white;
  box-shadow: var(--shadow);
  border-radius: var(--radious);
}
.category-ambulance-thumb {
  width: 300px;
  height: auto;
  border-radius: unset;
}
.category-ambulance-thumb img {
  object-fit: contain;
}
/* card option */
.card-option {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  padding: 10px;
  transition: all 0.2s ease-in-out;
  border-radius: 40px;
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--seconderyColor);
  z-index: 99;
}
.bookmark-option {
  bottom: 20px;
  top: unset;
}
/* .card-option:hover {
background: var(--brand-color);
color: white;
} */
.card-option i {
  font-size: 20px;
}
.bookmark-option i {
  color: var(--brand-color);
}
.bookmark-option:hover .bookmark-option i {
  color: var(--white);
}
/* category description */
.category-description {
  background: white;
  padding: 20px;
  border-radius: var(--radious);
  box-shadow: var(--shadow);
  padding-top: 35px;
}
:where(
    .category-description h1,
    .category-description h2,
    .category-description h3,
    .category-description h4,
    .category-description h5,
    .category-description h6
  ) {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 30px;
  color: var(--black);
}
.category-description h1 {
  font-size: 26px;
}
.category-description h2 {
  font-size: 23px;
  /* color: var(--brand-color); */
}
.category-description p {
  font-size: 16px;
  margin-bottom: 15px;
}
/* pagination */
.pagination-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #eaeaea;
  border-right: unset;
  border-left: unset;
  margin: 20px 0px;
  padding: 10px 0px;
}
.pagination {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 15px;
}
.pagination li.active {
  display: inline-block;
  margin-right: 5px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
  min-width: 36px;
  background: var(--brand-color);
  text-decoration: none;
  transition: background-color 0.3s;
  color: white;
  border-radius: var(--radious);
  box-shadow: var(--shadow);
}
.pagination li.active span {
}
.pagination a,
.pagination-result p,
.pagination li,
.pagination span {
  font-size: 15px;
}
.pagination-result p {
}
/* table */
.table-wrap {
}
.section-head h2 {
  background: var(--seconderyColor);
  padding: 10px;
  font-size: 18px;
  border-radius: 3px;
  color: var(--brand-color);
}
/* jobs */
.jobs-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  grid-gap: 20px;
  background: var(--white);
  padding: 20px;
  margin-bottom: 15px;
  width: 100%;
  position: relative;
  box-shadow: var(--shadow);
  border-radius: var(--radious);
}
.jobs-item-logo {
  max-width: 200px;
  height: auto;
  border-radius: var(--radious);
  margin-right: 60px;
}
.jobs-item-logo img {
  object-fit: contain;
  height: auto;
  width: 100%;
  margin-top: 4px;
}
.jobs-item-details {
  width: 100%;
}
.jobs-item-details ul {
  grid-gap: 10px;
}
.job-type-badge {
  color: var(--brand-color);
  font-weight: 500;
  font-size: 13px !important;
}
.job-experience-badge {
  color: #e91e63;
  background: #e91e6312;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 3px;
}
.job-location-badge {
  color: #673ab7;
  background: #673ab714;
  font-weight: 600;
  padding: 0px 5px;
  border-radius: 3px;
  font-size: var(--p-size);
}
/* question */
.product-questions-wrapper {
  margin-top: 20px;
}
.question-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 10px;
}
.question-header-content {
}
.question-header-content h2 {
  font-size: var(--heading-size);
}
.question-header-content p {
  font-size: var(--p-size);
}
.question-header-button {
}
.question-header-button .question-btn {
  border: 2px solid var(--brand-color);
  padding: 8px 20px;
  border-radius: 3px;
  color: var(--brand-color);
  background: white;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Manrope';
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.question-btn:hover {
  background: var(--brand-color);
  color: white;
}
.question-body {
}
.question-not-found {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-gap: 5px;
  padding-bottom: 20px;
}
.question-not-found-icon-thumb {
  width: 110px;
  padding: 20px;
  background: var(--seconderyColor);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
  width: 90px;
}
.question-not-found img {
  width: 100%;
  height: auto;
}
.question-not-found p {
  font-size: 12px;
}
.review-overview {
}
.review-overview i {
  font-size: 18px;
  color: orangered;
}
.review-span {
  font-weight: 500;
}
/* question body comment */
.question-body ul {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
.question-body li.review-wrap {
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 10px;
}
.question-body li.review-wrap:last-child {
  border-bottom: unset;
  padding-bottom: unset;
}
.review-content {
}
.review-author p,
.review-star i,
.review-content p {
  font-size: 14px;
  line-height: 24px;
  margin: unset;
}
.review-content p {
}
.review-author {
}
.review-star i {
}
/*  */
.medicine-company-thumb {
  border-radius: unset;
  border: unset;
}
.medicine-company-thumb img {
  object-fit: contain;
}
.company-key-features {
  display: flex;
  flex-direction: column;
  grid-gap: 5px;
}
/* add new post form */
.create-new-wrap {
  display: grid;
  grid-template-columns: 8fr 3fr;
  grid-gap: 20px;
  width: 100%;
}
.create-new-sidebar {
  width: 100%;
}
/* tostify popup */
.toast {
  transform: translateX(calc(100% + 30px));
  overflow: hidden;
  transform: translateX(0%);
  margin-bottom: 0px;
  /* transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35); */
  opacity: 0;
  visibility: hidden;
  height: 0px;
  padding: 0px;
}
.toast.active {
  transform: translateX(0%);
  opacity: 1;
  visibility: visible;
  height: auto;
  padding: 10px;
  margin-bottom: 10px;
}
.toast .toast-content {
  display: flex;
  align-items: center;
}
.toast-content .check {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  min-width: 35px;
  background-color: #4070f4;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
}
.toast-content .message {
  display: flex;
  flex-direction: column;
  margin: 0 20px;
  grid-gap: 6px;
}
.message .text {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
.message .text.text-1 {
  font-weight: 600;
  color: #333;
}
.text.text-2 {
  font-size: 14px;
}
.toast .close {
  position: absolute;
  top: 10px;
  right: 15px;
  padding: 5px;
  cursor: pointer;
  opacity: 0.7;
}
.toast .close:hover {
  opacity: 1;
}
.toast .progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
}
.toast .progress:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #4070f4;
}
.progress.active:before {
  animation: progress 5s linear forwards;
}
@keyframes progress {
  100% {
    right: 100%;
  }
}
/* message alert */
.create-new-sidebar {
}
.create-message {
}
.create-message-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #fbfbfb;
  padding-bottom: 10px;
}
.create-message-header h3 {
}
.create-message-header i {
  background: #ff45000f;
  color: red;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
}
.create-message-body {
  padding: 10px 0px;
}
.create-message-body ul {
}
.create-message-body li {
  line-height: 25px;
}
.red-version-message {
  background: #ff000005;
  margin-top: 10px;
  border: 1px solid #ffefeb;
}
.red-version-message .create-message-header {
  border-bottom: 1px solid #ff572214;
}
.category-filter-icon {
  background: var(--seconderyColor);
  padding: 5px 10px;
  font-weight: 500;
  border-radius: 3px;
  cursor: pointer;
}
.category-filter-icon i,
.category-filter-icon span {
  font-size: 14px;
}
.mobile-filter-cross {
  cursor: pointer;
  padding-left: 15px;
}
.mobile-filter-cross i {
  color: red;
  font-size: 30px;
}
/* single author */
.single-author-box {
  display: flex;
  flex-direction: flex-start;
  align-items: center;
  grid-gap: 10px;
  margin-bottom: 10px;
}
.single-date {
}
.single-date p {
}
.single-date a {
  color: var(--brand-color);
  font-weight: 500;
}
.single-date i {
  color: var(--gray);
}
.page-details-wrapper {
  width: 100%;
  margin: auto;
  padding: 20px 0px;
}
.single-excerpt p {
  margin-bottom: 10px;
}
.single-description p {
  margin-bottom: 10px;
}
.category-drug-company-thumb {
  width: 150px;
  height: 100px;
  border-radius: unset;
  overflow: unset;
}
.category-drug-company-thumb img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.not-found-section {
  padding: 40px 0px;
}
.not-found-wrap {
  width: 400px;
  margin: auto;
  text-align: center;
}
.not-found-wrap img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.not-found-wrap h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: var(--brand-color);
  font-size: 30px;
}
.not-found-wrap p {
  font-size: 17px;
  line-height: 27px;
}
/* login register */
.login-section {
  background: var(--seconderyColor);
  padding: 100px 0px;
}
.login-wrap {
  max-width: 400px;
  margin: auto;
  padding: 50px 0px;
  background: white;
  padding: 20px;
  box-shadow: var(--shadow);
  border-radius: var(--radious);
}
.login-form h1 {
  /* text-align: center; */
}
.login-button {
  width: 100%;
  border: unset;
  border-radius: unset;
  font-weight: 500;
}
.forget-password {
  font-size: 13px;
}
.already-account {
  font-size: 13px;
}
.already-account a {
  color: var(--brand-color);
  font-weight: 500;
}
.header-message-section {
  height: 0px;
  visibility: hidden;
  opacity: 0;
  transition: height 0.3s ease-in-out;
}
.header-message-section.active {
  padding: 5px 0px;
  padding: 0px;
  visibility: visible;
  opacity: 1;
  background: #9c27b0;
  height: 50px;
  display: flex;
  align-items: center;
  display: none;
}
.header-message {
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-message p {
  font-size: 17px;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.header-message p i {
  margin-right: 10px;
  background: #841c96;
  color: white;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: var(--shadow);
}
i.message-close {
  color: white;
  font-size: 20px;
  /* background: orangered;
height: 25px;
width: 25px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center; */
}
.click-to-top {
  position: fixed;
  right: 20px;
  bottom: 0px;
  box-shadow: var(--shadow);
  background: var(--brand-color);
  height: 35px;
  width: 35px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px;
  z-index: 999;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: bottom 0.3s ease-in-out;
}
.click-to-top.active {
  visibility: visible;
  opacity: 1;
  bottom: 20px;
}
.click-to-top i {
  font-size: 20px;
  color: white;
}
/* filter section */
.category-section {
}
.form-filter-wrap {
  background: white;
  margin-bottom: 20px;
  padding: 8px;
  /* border-radius: 5px; */
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.form-button.reset {
  background: var(--reviewColor);
}
.hospital-type-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
}
.time-ago {
  font-size: 13px !important;
  color: #7788996e !important;
  font-weight: 500;
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
}
.social_media {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
}
.social_media a {
  color: var(--gray);
}
.taxonomy-section {
  padding: 20px 0px;
}
.taxonomy-container {
  display: grid;
  grid-template-columns: 6fr 2fr;
  grid-gap: 20px;
}
.taxonomy-wrapper {
}
.taxonomy-description {
}
.taxonomy-description.hospital {
  margin-bottom: unset;
}
.taxonomy-description h1 {
  margin-bottom: 5px;
  font-size: var(--heading-size);
  color: var(--heading-color);
  margin-top: 6px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: 7px;
  text-transform: capitalize;
}
.taxonomy-description p {
  font-size: var(--p-size);
}
.taxonomy-sidebar {
  height: max-content;
  position: sticky;
  top: 95px;
  padding: unset;
  background: unset;
  border-radius: 3px;
}
.taxonomy-lists {
}
.taxonomy-item {
}
.location-flag-img {
  width: 35px;
  height: auto;
  margin-left: 5px;
  border-radius: 3px;
}
.country-tree-item {
  background: white;
  border-radius: 3px;
  padding: 20px;
}
.country-tree-item h2 {
  margin-bottom: 10px;
  border-bottom: 2px solid #d3d3d32b;
  padding-bottom: 10px;
  font-size: var(--title-size);
  color: var(--title-color);
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 5px;
}
.country-tree-item .specialist-details {
  margin-top: 10px;
  width: fit-content;
  border-radius: 35px;
  padding: 8px 14px;
  color: var(--brand-color);
  border-bottom: 1px dotted var(--brand-color);
  font-size: var(--mini-size) !important;
}
.country-tree-item a {
  font-weight: 400;
  font-size: var(--p-size);
  font-weight: 500;
  border-bottom: 1px dashed var(--brand-color);
  color: var(--brand-color);
}
.country-tree-item a:hover {
  border-bottom: 1px dotted var(--brand-color);
  color: var(--brand-color-bold) !important;
}
.country-tree-item li {
  border-bottom: 1px solid #d3d3d32e;
  padding-bottom: 5px;
}
.country-tree-item li:last-child {
  border-bottom: unset;
  padding-bottom: unset;
}
.country-tree-item ul {
  display: flex;
  flex-direction: column;
  grid-gap: 5px;
}
.featured-city-hospitals {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 25px;
}
.map-icon {
  color: gray;
}
.all-hospital-location-section {
  padding: 50px 0px;
}
.hospital-location a {
  font-size: var(--p-size);
}
.sub-categories-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  grid-gap: 10px;
}
.sub-categories-wrap li {
  background: #0096880a;
  border-radius: 4px;
  padding: 3px 10px;
  font-size: 14px;
}
.sub-categories-wrap li a {
  color: var(--brand-color);
  font-weight: 500;
}
.sub-categories-wrap li i {
  color: var(--brand-color);
}
.see-all-locations {
  display: flex;
  justify-content: flex-end;
}
.see-all-locations a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
}
.see-all-locations span {
  font-size: 14px;
}
.see-all-locations i {
}
.feature-list {
  display: flex !important;
  flex-wrap: wrap;
}
.feature-list li {
  width: max-content;
  padding: 5px 20px;
  padding-left: 8px;
}
.home-blog-section {
  padding: 50px 0px;
}
/* Tooltip container */
.tooltip {
  position: relative;
  cursor: help; /* Cursor changes to pointer on hover */
}
/* Tooltip text */
.tooltip::after {
  content: 'This hospital is officially verified by hospital employee or hospital related staff';
  visibility: hidden;
  width: 220px;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -110px;
  opacity: 0;
  transition: opacity 0.3s;
  font-family: 'Manrope';
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.tooltip.doctor::after {
  content: 'This doctor is officially verified by doctor employee or doctor related staff';
}
/* Show the tooltip on hover */
.tooltip:hover::after {
  visibility: visible;
  opacity: 1;
}
.footer-suggest-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  padding-bottom: 30px;
}
/* suggest articles */
.suggest-article-wrapper {
  padding: 50px 30px;
  padding-top: 30px;
}
.suggest-article-wrapper h2 {
  font-size: 30px;
}
.suggest-article-wrapper ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
}
.suggest-article-wrapper li {
  position: relative;
  padding-left: 20px;
  border-bottom: 1px solid #d3d3d354;
  padding-bottom: 10px;
  padding-top: 10px;
}
.suggest-article-wrapper li::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 16px;
  width: 13px;
  height: 13px;
  background: var(--brand-color);
  border-radius: 3px;
}
/* .suggest-article-wrapper li:last-child {
border-bottom: unset;
padding-bottom: unset;
} */
/* Remove border from the last row of all columns */
.suggest-article-wrapper li:nth-last-child(-n + 3) {
  /* Adjust border properties */
  border-bottom: none; /* Remove the bottom border */
  padding-bottom: 0; /* Reset or remove padding as needed */
}
.suggest-article-wrapper a {
  transition: all 0.3s ease-in;
}
.suggest-article-wrapper a:hover {
  border-bottom: 1px dotted var(--brand-color-light);
}
.featured-city-section {
  padding: 50px 0px;
  background: var(--white);
}
.no-hospital-found {
  margin-bottom: 20px;
}
.excerpt-section {
  background: var(--white);
}
.excerpt-section .group-block {
  padding: 20px 0px;
}
.gender-location-wrap {
  display: flex;
  justify-content: flex-start;
  grid-gap: 10px;
  align-items: center;
  font-size: var(--mini-size);
  border-top: 1px solid #d3d3d33d;
  padding-top: 7px;
  margin-top: 5px;
}
.gender-location-wrap .location-flag-img {
  width: 22px;
  margin-left: unset;
}
.ward-kpi-wrap span {
  display: flex;
  justify-content: flex-start;
  grid-gap: 8px;
  align-items: center;
  font-size: var(--tiny-size);
}
/* filter  */
.common-select,
.common-input,
.common-button {
  padding: 10px;
  border-radius: 3px;
  border: 1px solid lightgray;
  font-family: 'Manrope';
}
.common-select:focus,
.common-input:focus {
  outline: none;
  border: 1px solid var(--brand-color-light);
}
.common-select {
}
.filter-select {
}
.filter-input {
}
.common-input {
}
.common-button {
  cursor: pointer;
}
.filter-section {
  padding: 10px 0px;
}
.single-title-wrapper {
  padding-bottom: unset !important;
}
.doctor-metabox-thumb {
  border-radius: 10px !important;
  padding: unset !important;
  border: unset !important;
  margin-bottom: 10px;
}
.doctor-metabox-thumb img {
  object-fit: cover;
  border: 1px solid #cfedea69;
  border-radius: 10px;
}
.hero-content-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 900px;
  margin: auto;
  text-align: center;
}
.hero-content-wrapper h1 {
  font-size: 40px;
  color: var(--heading-color);
  margin: 10px 0px;
  margin-bottom: 20px;
  font-weight: 600;
}
.hero-content-wrapper p {
  font-size: var(--p-size);
  color: var(--p-color);
}
.hero-content-text {
  margin-bottom: 20px;
}
.hero-content-text h1 {
  margin-top: 20px;
}
.hero-content-text a,
.hero-content-text p a {
  border-bottom: 1px dashed var(--brand-color);
  color: var(--brand-color);
}
.sub-title {
  font-size: 18px;
  font-weight: 400;
  color: var(--brand-color);
  background: white;
  border-radius: 45px;
  padding: 8px 20px;
}
.text-underline {
  border-bottom: 2px dotted #000000;
  text-transform: uppercase;
}
.featured-specialist-item {
  transition: all 0.3s ease-in-out;
  border: 1px solid #d3d3d35c;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.featured-specialist-item a {
  display: flex;
  grid-gap: 15px;
  align-items: flex-start;
  justify-content: flex-start;
  border-bottom: unset;
  text-align: left;
}
.featured-specialist-item a:hover {
  border-bottom: unset;
}
.hospital-suggest-specialist-item a {
  grid-gap: 15px !important;
}
.featured-specialist-item h2 {
  border: unset;
  margin-bottom: unset;
  padding-bottom: unset;
  font-weight: 600;
  font-size: var(--mini-title-size);
  transition: all 0.2s ease-in-out;
}
.featured-specialist-item h2:hover {
  color: var(--brand-color);
}
.featured-specialist-item img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin: auto;
}
.featured-specialist-item p {
  font-size: var(--mini-size);
  color: var(--mini-color);
  line-height: 21px;
  text-align: center;
  font-weight: 400;
}
.featured-specialist-item p:hover {
  color: var(--mini-color) !important;
}
.specialist-details {
  padding: 10px;
  border-radius: 5px;
  border: 1px dotted var(--brand-color);
  width: fit-content;
  margin: auto;
  font-size: var(--mini-size) !important;
  width: 100%;
  background: white;
  font-family: 'Manrope';
  color: var(--brand-color);
  font-weight: 500;
  cursor: pointer;
  display: none;
}
.specialist-details:hover {
  border: 1px dotted var(--brand-color);
  color: white;
}
.gray-bg {
  background: var(--seconderyColorDark);
}
.column-four {
  grid-template-columns: repeat(4, 1fr);
  padding: 20px 0px;
}
.featured-hospital-sponsored-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
.featured-hospital-sponsored-item {
  width: 100%;
  border: 1px solid #d3d3d34f;
  border-radius: 8px;
  padding: 20px;
  position: relative;
  background: var(--white);
  overflow: hidden;
  transition: all 0.3s ease-in;
}
.featured-hospital-sponsored-item:hover {
  box-shadow: var(--hover-shadow);
}
.featured-hospital-sponsored-item .doctor-chamber-hospital-logo {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
  padding: unset;
}
.featured-hospital-sponsored-item .hospital-details {
  grid-gap: 4px;
}
.featured-hospital-sponsored-item .hospital-details li {
  font-size: var(--p-size) !important;
}
.featured-hospital-sponsored-item .hospital-details p {
  font-weight: 400;
  line-height: 22px;
  color: gray;
}
.sponsored-badge {
  position: absolute;
  right: 15px;
  top: 15px;
  background: rgb(0 150 136 / 11%);
  color: var(--brand-color);
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
}
.specialist-details.active {
}
.action-btn-links {
  margin-top: 10px;
}
.hospital-feature-group-item {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 4px !important;
  border: 1px dotted lightgray;
  padding: 4px 10px !important;
  min-width: 100px !important;
  border-radius: 30px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.hospital-feature-group-item:hover {
  border: 1px dotted var(--brand-color);
}
.hospital-feature-group-item img {
  width: 20px;
  object-fit: contain;
}
.hospital-feature-group-item p {
  font-size: var(--tiny-size);
}
.hospital-feature-group-item p:hover {
  color: var(--brand-color);
}
.message-wrap {
  flex-direction: column;
  display: flex;
  justify-content: flex-start;
  grid-gap: 10px;
  align-items: flex-end;
  border-radius: 5px;
  border: 1px dotted #f44336;
  padding: 20px;
  margin: 15px 0px;
  background: #fffffd;
}
.message-icon-and-text-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  grid-gap: 15px;
  width: 100%;
  flex-direction: column;
}
.message-icon-and-text-wrap p {
  font-size: var(--mini-size);
  line-height: 23px;
  color: #000000;
}
.message-wrap i {
  color: var(--brand-color);
  font-size: 25px;
  display: none;
}
.message-btn {
  background: var(--brand-color);
  color: var(--white);
  border-radius: 5px;
  padding: 10px 10px;
  width: 125px;
  font-weight: 500;
  cursor: pointer;
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap select {
  transition: all 0.2s ease-in-out;
  outline: none;
  width: 100%;
  padding: 15px;
  border-radius: 7px;
  outline: none;
  border: 1px solid lightgray;
  font-size: var(--p-size);
  font-family: 'Manrope';
}
/* Targeting only input type submit within Contact Form 7 */
.wpcf7-form input[type='submit'] {
  background: var(--brand-color);
  color: var(--white);
  border-radius: 7px;
  padding: 10px 10px;
  width: 125px;
  cursor: pointer;
  border: 1px solid var(--brand-color);
  font-size: var(--p-size);
  font-family: 'Manrope';
  font-weight: 500;
  transition: all 0.2s ease-in;
}
button {
  transition: all 0.2s ease-in;
}
.wpcf7-form input[type='submit']:hover,
.wpcf7-form button:hover {
  background: rgb(0 122 111);
}
/* blog page */
.blog-section {
  margin: 30px 0px;
}
.blog-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  margin-top: 10px;
}
.blog-item {
  background: var(--white);
  border-radius: 3px;
  padding: 10px;
}
.blog-item a {
  transition: all 0.3s ease-in-out;
}
.blog-item a:hover {
  text-decoration: dotted;
  color: var(--brand-color);
}
.blog-thumb {
  width: 100%;
  height: 150px;
  margin-bottom: 10px;
}
.blog-thumb img {
  border-radius: 3px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hospital-specialists-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: 8px;
}
.specialist-item {
  padding: unset !important;
  transition: all 0.3s ease-in;
}
.specialist-item.active {
  background: var(--brand-color);
  border: 1px solid transparent;
  border-radius: 30px;
  padding: 2px 8px !important;
}
.specialist-item.active:hover {
  background: var(--brand-color);
  border: 1px solid transparent;
  border-radius: 30px;
  padding: 2px 8px !important;
}
.specialist-item.active a {
  color: var(--white) !important;
}
.specialist-item:hover {
  background: unset;
  box-shadow: unset !important;
  border: unset;
}
.specialist-item a {
  gap: 6px;
  display: flex;
  justify-content: flex-start;
  /* align-items: center; */
  font-weight: 500;
  color: var(--brand-color);
  font-size: 14px;
}
.featured-category-list-wrap {
  padding-bottom: unset;
  margin-top: 10px;
}
.category-hospital-table {
  background: var(--white);
  padding: 20px;
  border-radius: 3px;
  margin: 20px 0px;
}
.category-hospital-table table {
  font-family: 'poppins';
}
.category-hospital-table tr {
  padding: 0px 10px;
}
.category-hospital-table-title {
  font-size: 20px;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
}
.category-hospital-table-title img {
  width: 150px;
}
.category-hospital-table-title .mobile-header-logo .wp-block-image {
  width: 120px !important;
}
.related-hospital-section {
  margin-bottom: unset;
  background: var(--background-three);
  padding: 0px;
  padding-bottom: 40px;
}
.related-hospital-item {
  background: var(--white);
}
.latest-pro-thumb img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
}
.latest-pro-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
}
.latest-pro-content {
  width: 100%;
}
.latest-pro-content p {
  font-size: var(--mini-size);
}
.latest-pro-content i {
  font-size: var(--tiny-size);
  color: var(--gray);
}
.latest-pro-content .img-icon {
  width: 15px !important;
}
.latest-pro-thumb.hospital img {
  width: 90px;
  height: 50px;
  object-fit: contain;
  border-radius: 3px;
}
.inline-spe-deg-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
}
.page-header-content {
  padding-top: 40px;
}
.full-page-description {
  margin-bottom: 20px;
  background: white;
  padding: 30px;
}
.degree-wrapper {
  grid-gap: 15px;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}
.degree-wrapper.hospital-types ul {
  grid-template-columns: repeat(4, 1fr);
}
.degree-wrapper ul li {
  padding: 10px 18px;
  border-radius: 5px;
  border: 1px dotted var(--brand-color);
  margin-bottom: unset !important;
  background: white;
}
.degree-wrapper ul li:hover {
  border: 1px solid var(--brand-color);
}
.degree-wrapper ul li a {
  font-size: var(--p-size);
  color: var(--brand-color);
}
.degree-wrapper ul li i {
  color: var(--brand-color);
  background: unset;
  width: unset;
  height: unset;
  font-size: 20px;
}
.degree-title-wrapper {
  border-bottom: unset !important;
}
.latest-pro-content a {
  font-size: 16px;
  font-weight: 500;
}
.latest-pro-content .line-wrap a {
  font-size: var(--mini-size) !important;
  font-weight: 400;
}
.hospital-suggest-specialist-item {
  /* padding: unset !important; */
  border: unset !important;
  border-radius: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background: white;
  padding: 15px;
  transition: all 0.2s ease-in;
}
.hospital-suggest-specialist-item:hover {
  box-shadow: var(--hover-shadow);
}
.no-border-no-padding {
  border-bottom: unset;
  padding-bottom: unset;
}
.hospital-suggest-specialist-item h2 {
  color: var(--mini-title-color);
  font-size: 15px;
}
.single-item-breadcrumb {
  position: absolute;
  left: 0px;
  top: 20px;
}
.doctor-language-suggest-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin: 20px 0px;
  grid-gap: 10px;
}
.doctor-language-suggest-wrapper li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
  padding: 8px 10px;
  border-radius: 5px;
  border: 1px dotted #7a7a7a59;
  font-weight: 400;
  font-size: var(--mini-size);
  transition: all 0.3s ease-in;
}
.doctor-language-suggest-wrapper li a {
  color: var(--black);
}
.doctor-language-suggest-wrapper li:hover {
  border-bottom: 1px solid var(--brand-color);
  color: var(--brand-color);
}
.doctor-language-suggest-wrapper
  li:hover
  .doctor-language-suggest-wrapper
  li
  i {
  color: var(--brand-color);
}
.doctor-language-suggest-wrapper li .img-icon {
  width: 25px;
  border-radius: 3px;
}
.doctor-language-suggest-wrapper li i {
  color: var(--gray);
}
.specialist-wise-doctors-container {
  margin-top: 20px;
}
.specialist-wise-doctors-group {
  box-shadow: var(--shadow);
}
.specialist-wise-doctors-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  grid-gap: 15px;
}
.specialist-wise-doctor-item {
  padding: 10px;
  border: 1px solid #d3d3d33d;
  border-radius: 5px;
}
.specialist-wise-doctor-item .featured-docotor-thumb {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid white;
  margin-bottom: 10px;
  box-shadow: var(--shadow);
}
.specialist-wise-doctor-item .featured-doctor-content {
  padding: unset;
}
.specialist-wise-doctor-item .featured-doctor-content h3 {
  padding: unset;
  font-size: var(--p-size);
}
.specialist-wise-doctor-item .hospital-details .line-wrap a,
.specialist-wise-doctor-item .hospital-details .line-wrap i,
.specialist-wise-doctor-item .hospital-details .hospital-location a {
  font-size: var(--tiny-size) !important;
}
.doctor-list-thumb {
  width: 145px;
  height: 165px;
  border-radius: 5px;
  border: 3px solid white;
  background: var(--white);
  padding: 0px;
}
.doctor-list-thumb img {
  border: 1px solid #d3d3d338;
  object-fit: inherit;
}
.job-exp-badge p {
  font-size: var(--mini-size);
}
.google-map-wrap {
  width: 100%;
  height: 130px;
  transition: all 0.3s ease-in;
}
.google-map-wrap:hover {
  opacity: 0.5;
}
.google-map-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.resume-section ul {
  margin-left: 20px;
}
.resume-section ul li {
  font-size: var(--p-size);
  position: relative;
  padding-left: 22px;
  line-height: 27px;
  color: #000000f2;
  margin-bottom: 3px;
}
.resume-section ul li::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 8px;
  width: 12px;
  height: 12px;
  background: var(--brand-color);
  border-radius: 3px;
}
.country-li-wrap {
  width: max-content;
}
.wp-block-separator {
  border: 1px solid #d3d3d32b !important;
}
.ward-kpi-wrap {
}
.taxonomy-description-section {
  background: var(--white);
  padding: 20px 0px;
  padding-bottom: unset;
}
.taxonomy-description-section .single-content-area,
.taxonomy-description-section .group-block,
.taxonomy-description-section .suggest-article-wrapper {
  padding: 20px 0px;
  margin-bottom: unset;
}
.taxonomy.taxonomy-description {
  margin-bottom: unset;
}
.taxonomy.taxonomy-description .hospital-specialists-section {
  padding-top: 0px;
}
.author-mini-profile {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  grid-gap: 7px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.author-mini-profile figure img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
}
.author-mini-content p {
  line-height: 12px;
  font-size: var(--tiny-size);
  margin-bottom: 8px;
}
.author-mini-content a {
  color: var(--brand-color) !important;
  font-weight: 500;
}
.author-mini-content a p {
  color: var(--brand-color) !important;
  transition: all 0.3s ease-in;
  padding-bottom: 3px;
  font-size: var(--mini-size);
  font-weight: 500;
}
.author-mini-content a p:hover {
  border-bottom: 1px dotted var(--brand-color);
  padding-bottom: 3px;
}
.template-latest-post-wrapper {
  grid-template-columns: repeat(4, 1fr);
  display: grid;
  grid-gap: 15px;
}
.template-related-section {
  padding: 40px 0px;
  background: var(--background-one);
  padding-top: unset;
}
.template-related-categories {
  margin-top: 15px;
}
.author-list-section {
  padding: 40px 0px;
  background: var(--background-one);
}
.author-list-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.author-list-wrapper li {
  padding: 30px;
  background: var(--white);
  border-radius: 3px;
}
.author-list-avatar img {
  height: 100px;
  width: 100px;
  border-radius: 5px;
  margin-bottom: 10px;
}
/* Apply styles to the polyline elements */
#trend-up polyline {
  stroke: var(--brand-color); /* Change the color of the strokes */
}
.specialist-item.active a #trend-up polyline {
  stroke: var(--white);
}
/* Apply styles to the rect element */
#trend-up rect {
}
/* Apply styles to the entire SVG */
#trend-up {
  width: 18px; /* Adjust the width */
  height: auto; /* Adjust the height */
}
#verified {
  width: 15px;
  height: 15px;
}
#verified path {
  fill: #2196f3;
}
.website-btn {
  padding: 10px 20px;
  border-radius: 30px;
  border: unset;
  background: var(--brand-color);
  color: var(--white);
  font-weight: 500;
  font-family: 'Manrope';
  transition: all 0.3s ease-in;
  cursor: pointer;
  border: 3px solid #b8eae5;
}
.website-btn:hover {
}
.time-ago.relative {
  position: unset;
}
.hospital-type-wrap {
  display: flex;
  justify-content: flex-start;
  grid-gap: 8px;
  flex-wrap: wrap;
}
/* trending article links */
.trending-location-articles {
}
.trending-location-articles .hospital-specialists-list {
  grid-gap: 20px;
  row-gap: 15px;
}
.trending-location-articles .specialist-item {
  border: unset;
  padding: unset;
}
.trending-location-articles .specialist-item.active {
  background: unset;
}
.trending-location-articles .specialist-item.active a,
.trending-location-articles .specialist-item.active a #trend-up polyline {
  color: var(--brand-color) !important;
  stroke: var(--brand-color);
}
.trending-location-articles .specialist-item a {
  font-size: var(--p-size);
  border-bottom: 1px solid lightgray;
  text-transform: capitalize;
}
.trending-location-articles .specialist-item a:hover {
  color: #007a6f;
}
.orangered {
  color: #ff1100;
}
.tooltip-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.tooltip-text {
  visibility: hidden;
  width: 280px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  font-weight: 400;
  line-height: 18px;
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -140px; /* Half of width to center */
  margin-bottom: 5px; /* Gap between icon and tooltip */
  font-size: var(--brand-color);
  font-size: var(--tiny-size);
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.doctor-exp-duration-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 6px;
}
.doctor-exp-duration-wrap p,
.doctor-exp-duration-wrap,
.doctor-exp-duration-wrap i {
  color: var(--gray);
  font-size: var(--mini-size);
}
.one-line-intro-text {
  color: #506975 !important;
  font-weight: 500 !important;
}
.all-specialist-wrapper {
  grid-template-columns: 1fr;
}
.all-specialist-item {
  padding: 30px;
  border-radius: 3px;
}
.all-specialist-item ul {
  flex-direction: row;
  grid-gap: 20px;
  flex-wrap: wrap;
}
.all-specialist-item li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 6px;
  border-bottom: unset;
  padding-bottom: unset;
}
.language-section {
  background: var(--background-two);
  padding: 30px 0px;
}
.image-caption {
  font-style: italic;
  font-size: var(--tiny-size);
}
.category-name-list {
  color: var(--brand-color);
  font-weight: 500;
  border-radius: 30px;
  padding: 4px 10px;
  background: rgb(0 150 136 / 3%);
  width: fit-content;
  font-size: var(--tiny-size);
  margin-bottom: 15px;
}
.category-name-list a {
  color: var(--brand-color) !important;
}
.excerpt-p {
  border-bottom: 1px dotted #d3d3d34f;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.display-block {
  display: block;
}
.quick-link-body-wrapper {
  grid-template-columns: 3fr 8fr;
}
.quick-link-sidebar {
  background: var(--white);
  border-radius: 3px;
  padding: 20px;
  position: unset;
}
.quick-link-item {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.quick-link-item:last-child {
  margin-bottom: unset;
  border-bottom: unset;
  padding-bottom: unset;
}
.quick-link-item a {
  color: var(--gray);
  font-weight: 500;
  font-size: var(--p-size);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 8px;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px dotted transparent;
  width: fit-content;
}
.quick-link-item a:hover {
  border-bottom: 1px dotted var(--brand-color);
  width: fit-content;
}
.quick-link-item a i {
  font-size: var(--title-size);
}
.quick-link-item a #trend-up polyline {
  stroke: var(--gray);
}
.quick-link-item.active {
  background: #00968812;
  padding: 10px;
  border-radius: 3px;
}
.quick-link-item.active a {
  color: var(--brand-color);
}
.quick-link-item.active a #trend-up polyline {
  stroke: var(--brand-color);
}
.quick-link-list-item {
  display: grid;
  grid-template-columns: 1fr 11fr;
  grid-gap: 10px;
  border-bottom: 1px solid #d3d3d357;
  padding-bottom: 20px;
}
.quick-link-logo {
  width: 90px;
  height: 90px;
  border-radius: 5px;
  border: 3px solid white;
  background: var(--white);
  padding: 3px;
  box-shadow: 0px 2px 3px -1px #d3d3d336;
}
.quick-link-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  border-radius: 10px;
}
.quick-link-list-wrapper {
  margin-bottom: 30px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px;
  background: white;
  padding: 25px;
  border-radius: 3px;
}
.quick-link-details {
}
.quick-link-details h2 {
  font-weight: 600;
  font-size: var(--heading-five) !important;
  border-bottom: 1px solid transparent;
}
.quick-link-details p {
  font-size: var(--mini-size);
  line-height: 22px;
}
.app-types-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 5px;
  margin-top: 6px;
  flex-direction: row !important;
}
.quick-link-website-url {
  font-size: var(--tiny-size);
  color: var(--brand-color);
  font-weight: 500;
  background: rgb(0 150 136 / 12%);
  border-radius: 5px;
  padding: 2px 8px;
  width: max-content;
}
.quick-link-website-url a {
  color: var(--brand-color) !important;
  font-size: var(--tiny-size) !important;
}
.banner-ads {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.banner-ads img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  box-shadow: 0px 2px 3px -1px #d3d3d336;
}
.quick-link-section {
  padding-top: 15px;
}
.quick-link-description h1 {
  margin-bottom: unset;
}
.quick-link-description .taxonomy-excerpt-wrap {
  margin-bottom: unset;
}
.quick-link-title {
  font-size: var(--title-size);
  margin: 15px 0px;
  font-weight: 600;
  border-bottom: 2px solid var(--border-color);
  padding-bottom: 6px;
  margin-bottom: unset;
  margin-top: 5px;
  text-transform: capitalize;
}
.see-all-link {
  display: flex;
  justify-content: flex-end;
  font-weight: 500;
  text-transform: lowercase;
  color: var(--brand-color);
  font-size: var(--p-size);
}
.quick-link-details h2:hover {
  border-bottom: 1px dashed var(--brand-color);
  width: fit-content;
}
.hospital-details {
  font-size: var(--mini-size);
}
.types-category-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 5px;
}
.quick-link-website-url.app-categories {
  background: #8000801a;
}
.quick-link-website-url.app-categories a {
  color: purple !important;
}
.quick-link-website-url.app-categories a:hover {
  color: purple !important;
}
.related-app-title {
  margin-bottom: 15px;
}
.useful-website-url {
  padding: unset;
  background: unset;
}
.wp-block-post-template {
  margin-left: unset !important;
}
.wp-block-post-template li::before {
  position: unset !important;
}
.wp-block-post-template li {
  border-bottom: 1px solid #d3d3d34d;
  margin-bottom: 25px;
  padding-bottom: 20px;
}
.wp-block-post-template li h2 {
  font-size: var(--heading-three) !important;
  margin-top: unset;
}
.wp-block-post-template .wp-block-post-featured-image a {
  border-bottom: unset !important;
}
.mini-icon {
  width: 18px;
}
.download-icon-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
}
.download-app-img {
  width: 130px;
  height: 40px;
  margin-top: 5px;
  object-fit: cover;
  border-radius: 7px;
}
.latest-logo img {
  width: 100px !important;
}
.card-app-type-list {
  margin-top: unset;
}
.taxonomy-header-wrap p a {
  font-weight: 600;
  border-bottom: 1px dotted var(--brand-color);
  color: var(--brand-color);
}
.taxonomy-header-wrap p a:hover {
  color: var(--brand-color-bold);
  border-bottom: 1px solid var(--brand-color);
}
/* taxonomy grouped item */
.taxonomy-group-item {
  margin-top: 20px;
}
.taxonomy-group-header {
  margin-bottom: 15px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d3d3d361;
}
.taxonomy-group-header h2 {
  line-height: 35px;
  margin-bottom: 0px;
  font-size: var(--heading-three) !important;
}
.taxonomy-group-header b {
  font-weight: 600;
}
.shortcode-doctor-list-item {
  width: 100%;
  display: grid;
  grid-template-columns: 0fr 1fr;
  align-items: flex-start;
  grid-gap: 20px;
  margin-bottom: 20px;
  border: 1px solid #d3d3d38c;
  padding: 15px;
  border-radius: 8px;
}
.shortcode-doctor-list-item a {
  border-bottom: unset;
}
.shortcode-doctor-details {
  margin: unset !important;
}
.shortcode-doctor-details a {
  padding: unset;
  border-bottom: unset;
  margin: unset;
  color: var(--brand-color-bold) !important;
}
.shortcode-doctor-details h2,
.shortcode-doctor-details h3 {
}
.shortcode-doctor-details p {
  line-height: unset;
  margin: unset;
  margin-bottom: 0px !important;
}
.shortcode-doctor-details li {
  padding-left: unset;
  line-height: 23px;
  margin-bottom: 0px !important;
}
.shortcode-doctor-details li::before {
  position: unset;
}
.inline-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 5px;
  flex-wrap: wrap;
  row-gap: 0px;
}
.shortcode-job-exp-badge {
  padding-top: 6px;
  border-top: 1px solid #d3d3d32e;
  width: 100%;
  margin-top: 6px;
}
.shortcode-doctor-overview {
  padding-top: 6px;
  border-top: 1px solid #d3d3d32e;
  width: 100%;
  margin-top: 6px;
}
.line-wrap {
  font-size: var(--mini-size);
}
.featured-description {
  margin-bottom: 15px;
  margin-top: unset;
}
/* tools */
.calculator-result {
  margin-top: 20px;
  background: #00968814;
  border-radius: 7px;
  padding: 20px;
}
form {
  display: flex;
  flex-direction: column;
}
label {
  margin-top: 10px;
}
input[type='date'],
input[type='number'],
input[type='submit'] {
  margin-top: 5px;
  padding: 10px;
  font-size: 16px;
  font-family: var(--font-primary);
  border: 1px solid lightgray;
  border-radius: 3px;
}
input[type='submit'] {
  margin-top: 20px;
  background-color: var(--brand-color);
  color: white;
  border: none;
  cursor: pointer;
}
input[type='submit']:hover {
  background-color: #005177;
}
.tool-list-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  margin: 10px 0px;
}
.tool-item {
  width: 100%;
  border-radius: 3px;
  padding: 20px;
  box-shadow: var(--shadow);
  background: var(--white);
  transition: all 0.3s ease-in;
}
.tool-item:hover {
  box-shadow: var(--hover-shadow);
}
.tool-thumb {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}
.tool-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tool-content {
}
.tool-content h3 {
  font-weight: 600;
  font-size: var(--mini-title-size);
  margin-bottom: 5px;
}
.tool-content p {
  line-height: 25px;
  font-size: var(--mini-size);
}
.tool-title {
  background: var(--white);
  padding: 15px 20px;
  border-radius: 3px;
  margin-bottom: 10px;
}
.tool-title h2 {
  font-weight: 600 !important;
  font-size: var(--heading-three) !important;
  color: var(--title-color);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 5px;
}
.cal-btn {
  background: var(--brand-color);
  color: white;
  font-family: 'Manrope';
  font-weight: 500;
  border: unset;
  padding: 10px 15px;
  border-radius: 40px;
  margin-top: 10px;
  border-top-left-radius: unset;
  cursor: pointer;
  z-index: 999;
  transition: all 0.3s ease-in;
  box-shadow: var(--shadow);
}
.cal-btn:hover {
  background: var(--brand-color-bold);
}
.related-apps-wrapper {
  grid-template-columns: repeat(2, 1fr);
  padding: unset;
  margin-bottom: 15px;
}
.wp-block-columns {
  margin-bottom: 15px;
}
/* medicines */
.inline-dosage-icon,
.single-dosage-icon {
  width: 30px;
  margin-right: 7px;
}
.medicine-list-item {
  background: var(--white);
  border-radius: 5px;
  padding: 15px;
  padding-bottom: 10px;
  transition: all 0.2s ease-in;
  box-shadow: var(--shadow);
}
.medicine-list-item:hover {
  box-shadow: var(--hover-shadow);
}
.medicine-list-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
  margin-bottom: 20px;
}
.medicine-list-item h3 {
  margin-bottom: 3px;
  font-size: var(--mini-title-size);
  font-weight: 600;
  color: var(--mini-title-color);
}
.medicine-list-item h3 a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 5px;
}
.default-button {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 8px;
  height: 38px;
}
.load-more-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 25px 0px;
}
#doctor-load-more,
#medicine-load-more,
#hospital-load-more {
  text-align: center;
  margin: auto;
  border: 2px solid var(--brand-color);
  color: var(--white);
  border-radius: 5px;
  background: var(--brand-color);
  transition: 0.1s ease-in-out;
  font-size: var(--mini-size);
  font-weight: 500;
  padding: 8px 20px;
  font-family: var(--font-primary);
  cursor: pointer;
  width: fit-content;
  box-shadow: unset;
  transition: all 0.2s ease-in;
}
#load-more:hover {
  background: var(--brand-color-bold);
  border: 2px solid var(--brand-color-bold);
}
.you-have-reached {
  background: #ff57220a;
  padding: 20px;
  border-radius: 5px;
  box-shadow: var(--shadow);
  margin-top: 20px;
}
.you-have-reached a {
  font-weight: 500;
  color: var(--brand-color);
  border-bottom: 1px dotted var(--brand-color);
}
/* filter */
.filter-container {
  /* margin-bottom: 15px; */
  background: white;
  /* padding: 20px; */
  /* box-shadow: var(--shadow); */
  border-radius: 3px;
  border-top: 1px solid #d3d3d338;
  padding-top: 10px;
}
.filter-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
}
.form-group {
}
.form-group input,
.form-group select {
  padding: 7px;
  border-radius: 3px;
  border: 1px solid lightgray;
}
.filter-wrapper .form-group input,
.filter-wrapper .form-group select {
  width: 160px;
}
.filter-wrapper .form-group input,
.filter-wrapper .form-group select,
.filter-wrapper .form-group button {
  font-size: var(--mini-size);
}
.form-group input:focus,
.form-group select:focus {
  outline: unset;
}
.search-button {
  text-align: center;
  margin: 20px auto;
  border: 1px solid var(--brand-color);
  color: var(--white);
  border-radius: 5px;
  background: var(--brand-color);
  transition: 0.1s ease-in-out;
  font-size: var(--mini-size);
  font-weight: 500;
  padding: 8px 20px;
  font-family: var(--font-primary);
  cursor: pointer;
  width: fit-content;
  box-shadow: unset;
  transition: all 0.2s ease-in;
}
.filter-wrapper .form-group button {
  padding: 7px 10px;
  margin: unset;
}
.filter-wrapper .form-group button:focus {
  border: 1px solid transparent;
}
.search-not-found {
  padding: 20px;
  border-radius: 3px;
  box-shadow: var(--shadow);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
  background: var(--white);
  color: gray;
}
.filter-title {
  margin-bottom: 10px;
}
.filter-title h2 {
  color: #000000d9;
  font-size: 18px !important;
  /* display: none; */
  margin-bottom: 0px;
}
.filter-title p {
  color: #303030;
  font-weight: 500;
  display: none;
}
.default-button.reset {
  background: #9e9e9e;
  border: 1px solid transparent;
  min-width: 50px;
}
.action-buttons {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
}
.hero-tranding-topics {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
  margin-top: 10px;
}
.hero-tranding-topics li {
  font-size: var(--mini-size);
}
.hero-tranding-topics li a {
  color: var(--brand-color);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 6px;
  font-weight: 500;
}
.available-day-item a {
  background: #607d8b17;
  border-radius: 3px;
  padding: 2px 7px;
  color: black;
}
/* svg map */
.bangladesh-map {
  background: white;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 10px;
}
.bangladesh-map h2 {
  font-size: var(--title-size);
  font-weight: 600;
  border-bottom: 1px solid #d3d3d336;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#rangpur,
#sylhet,
#khulna,
#dhaka,
#mymensingh,
#rajshahi,
#barisal,
#chattogram {
  fill: #017268;
  stroke: var(--white);
}
#rangpur a:hover,
#sylhet a:hover,
#khulna a:hover,
#dhaka a:hover,
#mymensingh a:hover,
#rajshahi a:hover,
#barisal a:hover,
#chattogram a:hover {
  fill: #980909;
  stroke: var(--white);
}
.st16 {
  fill: var(--white);
  stroke: var(--white);
}
#border {
  fill: var(--white);
}
.map-icon {
  fill: var(--white);
  stroke: var(--white);
}
/* medicine price */
.medicine-price-wrap {
  border-top: 1px dotted #d3d3d3bd;
  padding-top: 8px;
  margin-top: 8px;
}
.medicine-price-wrap p {
  font-size: var(--mini-size);
}
.pharma-company-item {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  flex-direction: row;
  grid-gap: 10px;
}
.pharma-company-item a {
  flex-direction: row !important;
}
.pharma-company-item h3 {
  color: var(--mini-title-color);
  font-weight: 600;
  font-size: var(--mini-title-size);
  transition: all 0.3s ease-in;
  border-bottom: 1px solid transparent;
}
.pharma-company-item h3:hover {
  color: var(--brand-color);
  border-bottom: 1px dotted var(--brand-color);
}
.pharma-company-item p {
  font-size: var(--tiny-size);
}
.pharma-company-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.dosage-forms-item {
  padding: 15px;
}
.hero-kpi-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 10px;
}
.hero-kpi-item {
  width: 100%;
  background: var(--white);
  border-radius: 5px;
  box-shadow: var(--shadow);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  grid-gap: 2px;
  padding: 10px;
  transition: all 0.3s ease-in;
}
.hero-kpi-item:hover {
  box-shadow: var(--hover-shadow);
}
.hero-kpi-item h2 {
  font-weight: 500;
  font-size: 16px !important;
}
.hero-kpi-item p {
  line-height: 18px;
  font-size: var(--mini-size);
  font-weight: 400;
  color: var(--brand-color-bold);
}
.hero-kpi-item img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  display: none;
}
.tool-template.tool-list-wrapper {
  margin-top: unset;
  margin-bottom: 15px;
  grid-gap: 15px;
  grid-template-columns: repeat(1, 1fr);
}
.doctor-list-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
}
/* featured apps */
.featured-apps-wrapper {
  grid-template-columns: repeat(4, 1fr);
}
.featured-app-item {
  flex-direction: row;
  padding: unset;
  margin: unset;
  border: unset;
  box-shadow: unset;
  background: unset;
  grid-gap: 10px;
  display: grid;
  grid-template-columns: 2fr 10fr;
}
.featured-app-item:hover {
  box-shadow: unset;
  background: unset;
}
.featured-app-thumb {
  border-radius: 15px;
  box-shadow: var(--hover-shadow);
  border: unset;
  width: 70px;
  height: 70px;
  background: var(--white);
}
.featured-app-content {
}
.featured-app-content h3 {
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  margin-bottom: 2px;
  color: var(--mini-title-color);
}
/* new skeleton */
.skeleton-wrapper {
  width: 100%;
  border-radius: 5px;
  margin-bottom: 15px;
  grid-gap: 15px;
}
.doctor-skeleton-wrapper {
  width: 100%;
  border-radius: 5px;
  margin-bottom: 15px;
  grid-gap: 15px;
}
.doctor-skeleton-item {
  background: white;
  padding: 20px;
  box-shadow: var(--shadow);
  border-radius: 5px;
}
.skeleton-box {
  display: inline-block;
  height: 1em;
  position: relative;
  overflow: hidden;
  background-color: #dddbdd;
}
.skeleton-box::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.2) 20%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0)
  );
  animation: shimmer 5s infinite;
  content: '';
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
/* align */
.align-svg {
  width: 35px;
  height: 35px;
}
.specialist-thumb {
  background: #ecf7ff;
  padding: 12px;
  border-radius: 5px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: var(--shadow);
}
.specialist-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.specialist-content h2 {
  font-size: 16px;
  font-weight: 500;
}
.specialist-content p {
}
#medicine-load-more {
  display: block !important;
}
/* jquery accrodion ui */
.ui-widget {
  font-family: var(--poppins) !important;
  line-height: 32px !important;
  display: flex !important;
  flex-direction: column;
  grid-gap: 5px;
}
.ui-accordion {
}
.ui-state-active {
  background: var(--brand-color) !important;
  border: 1px solid var(--brand-color) !important;
}
.ui-state-active h3 {
  color: var(--brand-color) !important;
}
.faq-title {
  background: var(--white) !important;
}
.faq-title h3 {
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  font-size: var(--heading-five);
}
.ui-accordion .ui-accordion-header {
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
  padding: 10px 20px !important;
}
.ui-accordion .ui-accordion-content {
  padding: 20px !important;
}
.single-content-area p:last-child {
  margin-bottom: unset;
}
.ui-state-default,
.ui-widget-content {
  border: 1px solid #c5c5c53b !important;
}
.faq-container {
  display: grid;
  grid-template-columns: 2fr 6fr;
  grid-gap: 20px;
}
.faq-container .taxonomy-sidebar {
  background: var(--white) !important;
}
.faq-taxonomy-group {
  margin-bottom: 25px;
}
.shortcode-insurance-thumb img {
  object-fit: contain;
}
.wp-block-group.has-background {
  margin-bottom: 10px;
  border-radius: 5px;
}
.wp-block-button__link {
  color: white !important;
  margin: 20px 0px !important;
}
.healtha-chamber {
  background: #0096880d;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #00968812;
  margin-bottom: 15px;
}
.yarpp.yarpp-related {
  background: #00968812;
  padding: 20px;
  border-radius: 10px;
}
.yarpp-related a {
  font-weight: 600 !important;
  text-decoration: none;
}
/* rating */
.post-ratings {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 3px;
}
.post-ratings strong {
  font-weight: 600;
}