@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
/* colors */
:root {
  --themeprimaryclr: #372870;
  --dark-primary: #1F134B;
  --themesecondaryclr: #FB3D3B;
  --plainclr: #fff;
  --darkclr: #000;
  --themehoverclr: #ffed3b;
  --bs-table-color: #cdcdcd;
  --header-bg: #435050;
  --text-color: #696969;
  --card1-color: #439300;
  --card2-color: #003B62;
  --card3-color: #660095;
  --card4-color: #9E5400;
  --card5-color: #0014A2;
  --card6-color: #A70000;
  --card7-color: #007474;
  --card8-color: #FB302E;
  --card9-color: #E8A000;
  --card10-color: #483C92;
  --card11-color: #528BC9;
  --table-color1: #00AC06;
  --table-color2: #F43D3E;
  --disable-btn-clr: #DEDEDE;
  --color1: #555555;
  --color2: #D9D9D9;
  --color3: #444444;
  --color4: #059005;
  --color5: #00000099;
  /* --stars-color:#fbd34e; */
  --stars-color: #FABB05;
  --open-now-color: #00AE14;
  --text-color: #7B7B7B;
  --text-color1: #777777;
  --text-color2: #c9c9c9;
  --text-color3: #717171;
  --text-color4: #373737;
  --text-color5: #8D8D8D;
  --text-color6: #333333;
  --text-color7: #7C7C7C;
  --text-color8: #00000080;
  --text-color9: #000000CC;
  --text-color10: #00000066;
  --text-color11: #00A651;
  --text-color12: #EE3131;
  --text-color13: #387ABE;
  --text-color14: #223142;
  /* bg color  */
  --light-bg: #f1f1f1;
  --light-primary-bg: #E6F5FF;
  --dark-shadow: #D9D9D9;
  --card1-bg: #EEFFE0;
  --card2-bg: #E6F5FF;
  --card3-bg: #F9ECFF;
  --card4-bg: #FFF7EE;
  --card5-bg: #EFF1FF;
  --card6-bg: #FFEEEE;
  --card7-bg: #E3FFFF;
  --card8-bg: #F6DFDF;
  --card9-bg: #FFEFCA;
  --card10-bg: #DFF6F6;
  --card11-bg: #EDDFF6;
  --card12-bg: #F6DFE0;
  --card13-bg: #DFF6EE;
  --bg-color1: #F9F9F9;
  --bg-color2: #EADEFF;
  --bg-color3: #FFFCB0;
  --bg-color4: #DBFFD8;
  --bg-color5: #FFD9DB;
  --bg-color6: #FFEFD7;
  --bg-color7: #DBFFDD;
  --bg-color8: #E5FFE6;
  --bg-color9: #FFEEC2;
  --bg-color10: #BAFFFF;
  --bg-color11: #F3F3F3;
  --bg-color12: #FBFBFB;
  --bg-color13: #EDFEFF;
  --bg-color14: #FFE1E0;
  --bg-color15: #f8d7da;
  --bg-color16: #F7FFF6;
  --bg-color17: #daffe8;
  --bg-color18: #f2f2f2cc;
  --bg-color19: #e5f9ff;
  --bg-color20: #ECF7FF;
  --bg-color21: #ffdada;
  --bg-color22: #ddd;
  --bg-color23: #FFECEC;
  --bg-color24: #f0f8ff;
  --table-bg-clr: #FFF2F2;
  --gray-bg1: #EEEEEE;
  --footer-bg: #372B6F;
  --tab1-bg: #FFEDD8;
  --tab2-bg: #E8FFEC;
  --circle1-bg: #FFFFFF1F;
  --circle2-bg: #FFF9F921;
  --bread-bg: #F6F6F6;
  --light-pink-bg: #FFE5E5;
  --table-border1: #D2D2D2;
  /* border  */
  --gray-border: gray;
  --border-color2: #D9D9D9;
  --border-color3: #0000001A;
  --border-color4: #00000010;
  --border-color5: #00000033;
  --border-color6: #ABABAB;
  --border-color7: #EBEBEB;
  --border-color8: #0000000D;
  --border-color9: #ccc;
  /* shadow */
  --shadow1: #00000040;
  --shadow2: #DBDBDB40;
  /* bottom btn color  */
  --bottom-btn-bg1: #201169;
  --bottom-btn-bg2: #e20200;
  /* font  */
  /* --primary-font:'Plus Jakarta Sans Regular'; */
  --primary-font: "Plus Jakarta Sans", serif;
}

.gradient-text {
  font-weight: bold;
  background: linear-gradient(to right, var(--themesecondaryclr), var(--themeprimaryclr));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  line-height: normal;
}

body {
  font-family: var(--primary-font);
}
body .blog-details {
  /* Filter Part */
  /* Category */
  /* tags  */
  /*  .filter .tags .card .card-body ul li a {
    padding: 0.3125rem 0.625rem;
    background: var(--plainclr);
  } */
  /* owl carousel css start */
  /* new css */
}
body .blog-details .left-side-part .details-part .heading-part h1 {
  font-size: 2.5rem;
  line-height: 3.4375rem;
}
@media (max-width: 1199px) {
  body .blog-details .left-side-part .details-part .heading-part h1 {
    font-size: 1.8125rem !important;
    line-height: 2.375rem;
  }
}
@media (max-width: 991px) {
  body .blog-details .left-side-part .details-part .heading-part h1 {
    font-size: 1.5625rem !important;
    line-height: 1.875rem;
  }
}
@media (max-width: 767px) {
  body .blog-details .left-side-part .details-part .heading-part h1 {
    font-size: 1.4375rem !important;
  }
}
body .blog-details .left-side-part .details-part .heading-part p {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.575rem;
  color: var(--text-color5);
}
@media (max-width: 1199px) {
  body .blog-details .left-side-part .details-part .heading-part p {
    font-size: 1.125rem !important;
  }
}
@media (max-width: 991px) {
  body .blog-details .left-side-part .details-part .heading-part p {
    font-size: 1rem !important;
  }
}
@media (max-width: 767px) {
  body .blog-details .left-side-part .details-part .heading-part p {
    ont-size: 1rem !important;
  }
}
body .blog-details .left-side-part .details-part .desc-part p {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 2rem;
}
@media (max-width: 575px) {
  body .blog-details .left-side-part .details-part .desc-part p p {
    line-height: 1.5625rem;
    font-size: 1rem;
  }
}
body .blog-details .left-side-part .details-part .content-part h3 {
  font-size: 1.625rem;
  line-height: 2rem;
  font-weight: 700;
}
body .blog-details .left-side-part .details-part .content-part p {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 2rem;
}
@media (max-width: 575px) {
  body .blog-details .left-side-part .details-part .content-part p {
    line-height: 1.5625rem;
    font-size: 1rem;
  }
}
@media (max-width: 575px) {
  body .blog-details .left-side-part .details-part .content-part p b {
    font-size: 0.9rem;
  }
}
@media (max-width: 575px) {
  body .blog-details .left-side-part .details-part .content-part b {
    font-size: 0.9rem;
  }
}
body .blog-details .left-side-part .details-part .content-part ol li {
  font-size: 1.125rem;
  line-height: 2rem;
}
body .blog-details .left-side-part .details-part .bottom-cont p {
  font-size: 1.125rem;
  line-height: 2rem;
}
@media (max-width: 575px) {
  body .blog-details .left-side-part .details-part .bottom-cont p {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}
body .blog-details .left-side-part .details-part .headings-part h5 {
  position: relative;
  padding-left: 0.75rem;
  background: var(--card3-bg);
  padding: 0.625rem 1.25rem;
  font-size: 1.625rem;
  color: var(--darkclr);
  margin-bottom: 1.25rem;
  font-weight: 700;
}
body .blog-details .left-side-part .details-part .headings-part h5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.1875rem;
  height: 100%;
  background: linear-gradient(var(--themesecondaryclr), var(--themeprimaryclr));
}
body .blog-details .left-side-part .details-part .headings-part p {
  font-size: 1.125rem;
  line-height: 2rem;
}
@media (max-width: 575px) {
  body .blog-details .left-side-part .details-part .headings-part p {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}
body .blog-details .left-side-part .details-part .also-read h5 {
  background: var(--card1-bg);
}
@media (max-width: 991px) {
  body .blog-details .left-side-part {
    margin-bottom: 1.875rem;
  }
}
body .blog-details .left-side-part .banner-part .card .social-icon img {
  height: 1.875rem;
  width: 1.875rem;
  margin-left: 0.3125rem;
  transition: all 0.5s linear;
}
body .blog-details .left-side-part .banner-part .card .social-icon img:hover {
  margin-top: -10px;
}
@media (max-width: 1399px) {
  body .blog-details .left-side-part .banner-part .card .social-icon img {
    height: 1.5rem;
    width: 1.5rem;
  }
}
@media (max-width: 1199px) {
  body .blog-details .left-side-part .banner-part .card .social-icon img {
    height: 1rem;
    width: 1rem;
  }
}
@media (max-width: 991px) {
  body .blog-details .left-side-part .banner-part .card .social-icon img {
    height: 1.5625rem;
    width: 1.5625rem;
  }
}
@media (max-width: 767px) {
  body .blog-details .left-side-part .banner-part .card .social-icon img {
    height: 1.5625rem;
    width: 1.5625rem;
  }
}
body .blog-details .left-side-part .banner-part .profile img {
  width: 1.875rem;
  height: 1.875rem;
  -o-object-fit: cover;
     object-fit: cover;
}
body .blog-details .filter .post .link-part h5 a {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  text-decoration: none;
  color: var(--darkclr);
}
body .blog-details .filter .post .link-part h5 a:hover {
  color: var(--themesecondaryclr);
}
body .blog-details .carousel-card {
  position: relative;
  padding: 0.9375rem !important;
}
body .blog-details .carousel-card .card {
  padding: 0 1.25rem;
  border-radius: 0;
}
@media (min-width: 768px) {
  body .blog-details .carousel-card .card1 {
    border: 0;
    border-right: 1px solid var(--border-color3) !important;
  }
}
@media (max-width: 767px) {
  body .blog-details .carousel-card .card1 {
    display: none;
  }
}
body .blog-details .carousel-card .prev {
  position: absolute;
  left: -3.9375rem;
  top: 42%;
  transform: rotate(270deg);
  z-index: 11;
  background: var(--themesecondaryclr);
  color: var(--plainclr);
  padding: 0.1875rem 1.3125rem;
  border-radius: 0;
  border: 0;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  font-weight: 600;
  transition: all 0.5s linear;
}
body .blog-details .carousel-card .prev:hover {
  background: var(--themeprimaryclr);
}
body .blog-details .carousel-card .next {
  position: absolute;
  right: -3.875rem;
  top: 42%;
  transform: rotate(90deg);
  z-index: 11;
  background: var(--themesecondaryclr);
  color: var(--plainclr);
  padding: 0.1875rem 2.125rem;
  border-radius: 0;
  border: 0;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  font-weight: 600;
  transition: all 0.5s linear;
}
body .blog-details .carousel-card .next:hover {
  background: var(--themeprimaryclr);
}
body .blog-details .carousel-card h6 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}
body .blog-details .details-part .form-part {
  padding: 1.5rem;
  border: 1px solid var(--border-color3);
  background: var(--bg-color1);
  border-radius: 0.625rem;
}
body .blog-details .details-part .form-part .form-group {
  margin-bottom: 1.2rem;
}
body .blog-details .details-part .form-part .form-group label {
  margin-bottom: 0.3rem;
}
body .blog-details .details-part .comment-part h4 {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 2rem;
}
body .blog-details .details-part .comment-part .btn:first-child:active {
  border-color: transparent;
}
body .blog-details .details-part .comment-part .main-comment .main-part img {
  height: 1.875rem;
  width: 1.875rem;
  -o-object-fit: cover;
     object-fit: cover;
}
body .blog-details .filter {
  position: relative;
}
body .blog-details .filter .post {
  background: var(--card1-bg);
  padding: 1.25rem;
  border-radius: 0.5rem;
  margin-bottom: 1.875rem;
}
body .blog-details .filter .post .top-part {
  position: relative;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid var(--border-color5);
}
body .blog-details .filter .post h5 {
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1.6875rem;
}
body .blog-details .filter .post h5.gradient-text::before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 0.1875rem;
  width: 3.75rem;
  background: linear-gradient(to right, var(--themesecondaryclr), var(--themeprimaryclr));
}
body .blog-details .filter .post .link-part h5 a {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}
@media (max-width: 575px) {
  body .blog-details .filter .post .link-part h5 a {
    font-size: 1rem;
  }
}
body .blog-details .filter .post .link-part .calendar .calendar-cont {
  color: var(--text-color6);
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
body .blog-details .filter .category {
  background: var(--card3-bg);
  padding: 1.25rem;
  border-radius: 0.5rem;
  margin-bottom: 1.875rem;
}
body .blog-details .filter .category .top-part {
  position: relative;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid var(--border-color5);
}
body .blog-details .filter .category h5 {
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1.6875rem;
}
body .blog-details .filter .category h5::before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 0.1875rem;
  width: 3.75rem;
  background: linear-gradient(to right, var(--themesecondaryclr), var(--themeprimaryclr));
}
body .blog-details .filter .category .link-part {
  display: flex;
  align-items: start;
}
body .blog-details .filter .category .link-part img {
  margin-top: 0.125rem;
}
body .blog-details .filter .category .link-part h6 a {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 500;
}
@media (max-width: 575px) {
  body .blog-details .filter .category .link-part h6 a {
    font-size: 1rem;
  }
}
body .blog-details .filter .tags {
  background: var(--card9-bg);
  padding: 1.25rem;
  padding-bottom: 0.0625rem;
  border-radius: 0.5rem;
  /* margin-bottom: 1.875rem; */
}
body .blog-details .filter .tags .top-part {
  position: relative;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid var(--border-color5);
}
body .blog-details .filter .tags h5 {
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1.6875rem;
}
body .blog-details .filter .tags h5::before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.1875rem;
  width: 3.75rem;
  background: linear-gradient(to right, var(--themesecondaryclr), var(--themeprimaryclr));
}
body .blog-details .filter .tags .card {
  background: transparent;
  border: 0;
}
body .blog-details .filter .tags .card .card-body {
  padding: 0;
  padding-top: 0.75rem;
}
body .blog-details .filter .tags .card .card-body ul {
  padding-left: 0;
}
body .blog-details .filter .tags .card .card-body ul li {
  list-style: none;
  display: inline !important;
  line-height: 2.875rem;
  margin-right: 0.875rem;
  padding: 0.3125rem 0.625rem;
  background: var(--plainclr);
}
@media (max-width: 1100px) {
  body .blog-details .filter .tags .card .card-body ul li {
    line-height: 2.375rem;
  }
}
body .blog-details .table-part .mark-range {
  width: 200px;
}
body .blog-details .table-part .range {
  width: 400px;
}
body .blog-details .owl-carousel.blog-details-slider .owl-nav {
  position: absolute;
  top: 34%;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
body .blog-details .owl-carousel.blog-details-slider .owl-nav button {
  color: var(--plainclr);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: none;
  font-size: 1.25rem;
  pointer-events: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease;
}
body .blog-details .owl-carousel.blog-details-slider .owl-nav .owl-prev {
  margin-left: 0;
}
body .blog-details .owl-carousel.blog-details-slider .owl-nav .owl-prev span {
  font-size: 4.375rem !important;
  color: var(--themesecondaryclr);
}
body .blog-details .owl-carousel.blog-details-slider .owl-nav .owl-prev span:hover {
  color: var(--themeprimaryclr);
}
body .blog-details .owl-carousel.blog-details-slider .owl-nav .owl-next {
  margin-right: 0;
}
body .blog-details .owl-carousel.blog-details-slider .owl-nav .owl-next span {
  font-size: 4.375rem !important;
  color: var(--themesecondaryclr);
}
body .blog-details .owl-carousel.blog-details-slider .owl-nav .owl-next span:hover {
  color: var(--themeprimaryclr);
}
body .blog-details .owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
}
body .blog-details .owl-carousel.blog-details-slider .owl-dots {
  display: none;
}
body .blog-details .owl-carousel .owl-nav.disabled {
  display: none;
  opacity: 0;
}
body .blog-details .details-part .banner-part img.banner {
  width: 100%;
  height: 550px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
body .blog-details .owl-carousel.blog-details-slider h6 a {
  color: var(--darkclr);
}
body .blog-details .owl-carousel.blog-details-slider h6 a:hover {
  color: var(--themesecondaryclr);
}
body .blog-details .table-danger {
  --bs-table-color: var(--darkclr);
  --bs-table-bg: var(--card6-bg);
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
body .blog-details .table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--card6-bg);
}
@media (max-width: 575px) {
  body .blog-details .table .table1-th {
    width: 18.75rem;
  }
}
@media (max-width: 575px) {
  body .blog-details .table .table2-th {
    width: 31.25rem;
  }
}/*# sourceMappingURL=blog-detailDesign1.css.map */