/* ===================================
    Crafto - Magazine
====================================== */
/* font */
@import url("https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300..900&display=swap");

@import url("../../../assets/fonts/lufga/style.css");

/* variable */
:root {
  --primary-font: 'Archivo';
  --alt-font: "Frank Ruhl Libre", serif;
  --base-color: #2f7557;
  --light-green: #dfeadb;
  --white: #ffffff;
  --very-light-green: #eef6f3;
  --black: #212121;
  --light-black: #2d2e2f;
  --secondary-color: #444444;
  --gray: #626262;
  --light-gray: #b1b1b1;
  --border-gray: #cbcbcb;

  --bs-border-radius-xxl: 45px;

  --bs-link-hover-color-rgb: #2f7557;
  --swiper-pagination-color: var(--base-color);
  --swiper-theme-color: var(--base-color);
  --swiper-pagination-bullet-inactive-color: transparent;
}

.bottom-right {
  border-bottom-right-radius: 75%;
}

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

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

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

.w-fit {
  width: fit-content !important;
}

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

.primary-font {
  font-family: var(--primary-font);
}

.light-green-bg {
  background-color: var(--light-green);
}

.bg-grey {
  background-color: #e3ede9;
}

.text-danger {
  font-size: 14px !important;
}

.grey-color {
  color: var(--gray);
}

.very-light-green-bg {
  background-color: var(--very-light-green) !important;
  /* margin-top:20px; */
}

.bg-light-gray {
  background-color: #f7f7f7;
}

.read-more {
  padding: 7px 16px !important;
}

.pointer {
  cursor: pointer;
}

.textbox-container {
  position: relative;
  display: inline-block;
}

.btn {
  padding: 0.25rem 0.5rem;
  font-size: 16px !important;
  transition: all 0.3s ease !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: var(--base-color) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: var(--base-color) !important;
}

.close-button1 {
  right: 75px !important;
  top: 0px !important;
  height: 30px !important;
  width: auto;
  line-height: 25px !important;
}

.fb:active {
  padding: 0px 0px !important;
  font-size: 13px !important;
  outline: none !important;
  transform: none !important;
}

.btn:active {
  font-size: 16px !important;
  outline: none !important;
  transform: none !important;
  /* padding: 1%; */
}

.btn:hover {
  /* background-color: var(--very-light-green) !important;  */
  transform: scale(1.01);
}

.apiloader {
  display: none;
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid #3498db;
  width: 20px;
  height: 20px;
  animation: spin 0.5s linear infinite;
}

#header-container {
  padding-left: 55px;
  padding-right: 58px;
}

#share-popup img {
  width: 30px;
}

.active-menu-item {
  color: var(--base-color) !important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.lre-blogdet-lef1 {
  margin-left: 0px !important;
  padding: 0px !important;
  overflow: hidden;
}

.lre-rap-hide1 {
  .lre-static-slider {
    padding: 0px !important;
  }
}

.lre-blogdet-lef2 {
  overflow: hidden;
}

.lre-blolis-padding {
  padding-bottom: 0px !important;
}

.textbox-container input[type="text"] {
  width: 100%;
  padding: 10px 10px 10px 40px;
  /* Adjust padding to accommodate image */
  font-size: 16px;
  box-sizing: border-box;
}

.textbox-container img {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  /* Adjust the size of the image */
  height: 20px;
  /* Adjust the size of the image */
}

.four-line-truncate {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bg-very-light-gray {
  background-color: #f7f7f7;
}

.bg-light-white {
  background-color: #fbfcfc !important;
}

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

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

.border-primary {
  border: 1px solid var(--base-color) !important;
}

.border-gray {
  border: 1px solid var(--light-gray) !important;
}

.close-button {
  right: 65px !important;
  top: 5px !important;
  width: 100px !important;
  line-height: 19px !important;
}

.close-button-logout {
  right: -28px !important;
  top: 5px !important;
  width: 100px !important;
  line-height: 19px !important;
}

.close-button:hover {
  background-color: var(--very-light-green);
}

.muted-color {
  color: #888888 !important;
}

.hover-none {
  transform: none !important;
}

.bullet-color {
  color: #555555;
}

.light-border {
  border: 1px solid #eef6f3;
}

.green-border {
  border: 1px solid #bed6cc;
}

.mr-img {
  margin-right: 10px;
}

.count-radius {
  border-radius: 170px !important;
  padding: 40px !important;
}

.feature-box-icon {
  position: relative;
  /* Add other styles if needed */
}

.thought-input {
  width: 690px !important;
}

.cursor {
  cursor: pointer;
}

.custom-modal {
  max-width: 500px;
  width: 100%;
}

.custom-select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.custom-mt-25 {
  margin-top: 2.5% !important;
}

.custom-select-wrapper select {
  width: 100%;
  padding-right: 2.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-mt-15 {
  margin-top: 1.5% !important;
}

.btn-container {
  display: flex;
  justify-content: center;
}

.custom-select-wrapper .lre-select-wrapper::after {
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  /* Use absolute positioning inside the wrapper */
  right: 1rem;
  /* Adjust the right position */
  top: 50%;
  /* Center the icon vertically */
  transform: translateY(-50%);
  /* Perfectly center the icon */
  pointer-events: none;
  font-size: 1rem;
  z-index: 1;
}

.custom-select-wrapper select.error+.lre-select-wrapper::after {
  top: 35%;
  /* Keep the icon centered when there's an error */
  transform: translateY(-50%);
  /* Center it vertically */
}

.multi-line-truncate {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profile-letter {
  width: 30px;
  /* Adjust size as needed */
  height: 30px;
  /* Adjust size as needed */
  background-color: #2f7557;
  /* Green background */
  color: white;
  /* White text color for contrast */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  /* Makes the background circular */
  font-size: 14px;
  /* Adjust font size as needed */
  font-weight: 400;
  /* Optional: bold text */
}

.lre-blgbtn-radius {
  border-radius: 0px !important;
}

.single-line-truncate {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.two-line-truncate {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.three-line-truncate {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.five-line-truncate {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}

.feature-box-icon .visitor-img {
  width: 55px;
  height: 55px;
  background-color: #9fcb90;
  -webkit-mask: url("../../images/life/aboutus/visitors.svg") no-repeat center;
  mask: url("../../images/life/aboutus/visitors.svg") no-repeat center;
  transition: background-color 0.3s ease;
}

.feature-box-icon .article-img {
  width: 55px;
  height: 55px;
  background-color: #9fcb90;
  /* -webkit-mask: url('..//images/aboutus/articles.svg') no-repeat center; */
  -webkit-mask: url("../../images/life/aboutus/articles.svg") no-repeat center;
  mask: url("../../images/life/aboutus/articles.svg") no-repeat center;
  transition: background-color 0.3s ease;
}

.feature-box-icon .subscriber-img {
  width: 55px;
  height: 55px;
  background-color: #9fcb90;
  -webkit-mask: url("../../images/life/aboutus/subscribers.svg") no-repeat center;
  mask: url("../../images/life/aboutus/subscribers.svg") no-repeat center;
  transition: background-color 0.3s ease;
}

.feature-box-icon .follower-img {
  width: 55px;
  height: 55px;
  background-color: #9fcb90;
  -webkit-mask: url("../../images/life/aboutus/followers.svg") no-repeat center;
  mask: url("../../images/life/aboutus/followers.svg") no-repeat center;
  transition: background-color 0.3s ease;
}

.green-op {
  opacity: 0.2;
}

.btn,
a {
  transition: none !important;
}

.btn:hover,
.btn:active,
.btn:focus,
.btn:focus-within,
.btn:focus-visible {
  text-decoration: none;
  outline: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.cancel-btn:hover {
  background-color: #dfeadb !important;
}

/* .btn:active {
  font-size: unset !important;
  padding: 9px 17px !important;
  transition: none !important;
}
.read-more:active {
  font-size: unset !important;
  padding: 4px 15px !important ;
  transition: none !important;
} */
header .header-top-bar+.navbar {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 40px;
}

.feature-box-icon:hover .visitor-img,
.follower-img,
.subscriber-img,
.article-img {
  background-color: white;
}

.feature-box-icon:hover .follower-img,
.subscriber-img,
.article-img {
  background-color: white;
}

.feature-box-icon:hover .subscriber-img,
.article-img {
  background-color: white;
}

.feature-box-icon:hover .article-img {
  background-color: white;
}

.menuhover {
  color: var(--black) !important;
  position: relative;
}

.contact-card:hover {
  background-color: var(--very-light-green) !important;
}

.arwowimg {
  width: 32px;
  height: 32px;
}

.dot-border {
  border-top: 0.5px dashed #979797;
  border-bottom: 0.5px dashed #979797;
}

.no-radius {
  border-radius: 0px !important;
}

.follow li {
  margin: 0 5px !important;
}

.imgvisiblity {
  display: none;
}

.login-img-hide {
  display: block;
}

.menuhover:hover .imgvisiblity {
  display: block;
}

.menuhover:hover {
  color: var(--base-color) !important;
}

.max-width-100 {
  max-width: 100% !important;
}

.center-image {
  left: 44%;
  bottom: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 160px;
  width: 211px !important;
  height: 21ppx !important;
  margin-left: -20px !important;
  animation: rotate-img 5s linear infinite !important;
}

header.sticky.sticky-active [data-header-hover="dark"] .navbar-nav .nav-item:hover .nav-link {
  color: var(--base-color) !important;
}

.form-control:focus {
  background-color: #eef6f3 !important;
}

.rotate-img {
  animation: rotateImage 5s linear infinite;
  /* Adjust animation duration and timing function as needed */
}

.w-420px {
  width: 400px;
}

.liked-btn {
  background-color: #2f7557 !important;
}

.fav-btn {
  background-color: #2f7557 !important;
}

.liked-btn div {
  color: #ffffff !important;
}

.liked-btn img {
  filter: brightness(0) invert(1) !important;
}

/* General Header Styles */
header {
  width: 100%;
  z-index: 1000;
  /* Ensure header is above other elements */
  transition: all 0.3s ease-in-out;
  /* Smooth transition for scrolling */
}

.pt-3px {
  padding-top: 3px;
}

/* Fixed Header for Desktop */
.header-light.disable-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  background-color: #ffffff;
  /* Background color of your header */
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
  /* Optional shadow for better visibility */
  /* Adjust height if necessary based on logo and menu */
}

.overflow-x {
  overflow-x: hidden;
}

.spacing-bottom {
  margin-bottom: 10px;
  /* Adjust this value as needed */
}

.ad-label {
  position: absolute;
  top: 10px;
  right: 10px;
  color: var(--base-color);
  font-weight: 400;
  padding: 5px;
}

footer .fs-12 {
  font-size: 12px !important;
}

footer .fs-15 {
  font-size: 15px !important;
}

/* for all ads */
/* #home-topad {
  background-color: var(--very-light-green);
  height: 190px;
  width: 100%;
  position: relative;
} */

#home-thirdad {
  background-color: var(--very-light-green);
  height: 190px;
  width: 100%;
  position: relative;
}

#blog-detailad {
  /* background-color: var(--very-light-green);
  height: 190px; */
  width: 100%;
  position: relative;
  padding: 0px !important;
}

#home-nutriousad-mobile {
  background-color: var(--very-light-green);
  height: 400px;
  width: 100%;
  position: relative;
}

#home-midad {
  /* background-color: var(--very-light-green);
  height: 190px; */
  width: 100%;
  position: relative;
  padding: 0px !important;
}

#blogpost-ad {
  background-color: var(--very-light-green);
  height: 400px;
  width: 100%;
  position: relative;
}

#champlist-ad {
  /* background-color: var(--very-light-green);
  height: 400px; */
  width: 100%;
  position: relative;
  padding: 0px !important;
}

/* 
#compdetail-ad {
  background-color: var(--very-light-green);
  height: 400px;
  width: 100%;
  position: relative;
} */

/* #home-bottomad {
 
  height: 190px;
  width: 100%;
  position: relative;
} */

/* #home-publishad {
  height: 600px;
  width: 100%;
  position: relative;
} */

#nutrientsad {
  /* background-color: var(--very-light-green); */
  height: 100%;
  width: 100%;
  position: relative;
}

#nutrientsad img {
  width: 100% !important;
}

#blog-topad {
  /* background-color: var(--very-light-green); */
  width: 100%;
  position: relative;
}

#blog-sidesad {
  /* background-color: var(--very-light-green); */
  width: 100%;
  position: relative;
}

#blog-sidesad img {
  width: 100% !important;
}

#blog-midad {
  /* background-color: var(--very-light-green); */
  /* height: 190px; */
  width: 100%;
  position: relative;
}

#blog-topad-mobile {
  /* background-color: var(--very-light-green);
  height: 190px; */
  width: 100%;
  position: relative;
  padding: 0px !important;
}

#blog-midad-mobile {
  /* background-color: var(--very-light-green);
  height: 390px; */
  width: 100%;
  position: relative;
  padding: 0px !important;
}

#blogdetail-topad {
  /* background-color: var(--very-light-green);
  height: 190px; */
  width: 100%;
  position: relative;
}

#blogdetail-sidesad {
  /* background-color: var(--very-light-green);
  height: 500px; */
  width: 100%;
  position: relative;
  padding: 0px !important;
}

/* #comdetail-sidesad{
  background-color: white;
  height: 500px;
  width: 100%;
  position: relative;
} */

#stories-topad {
  /* background-color: var(--very-light-green);
  height: 190px; */
  width: 100%;
  position: relative;
  padding: 0px !important;
}

#stories-topad-mobile {
  /* background-color: var(--very-light-green);
  height: 190px; */
  width: 100%;
  position: relative;
  padding: 0px !important;
}

#storiesad-mobile {
  background-color: var(--very-light-green);
  height: 190px;
  width: 100%;
  position: relative;
}

#stories-midad-mobile {
  /* background-color: var(--very-light-green);
  height: 385px; */
  width: 100%;
  position: relative;
  padding: 0px !important;
}

#storydetail-sidesad {
  /* background-color: var(--very-light-green);
  height: 500px; */
  width: 100%;
  position: relative;
  padding: 0px !important;
}

#storydetail-bottomad {
  background-color: var(--very-light-green);
  height: 190px;
  width: 100%;
  position: relative;
}

#community-sidead {
  /* background-color: var(--very-light-green);
  height: 500px; */
  width: 100%;
  position: relative;
}

#story-detailad {
  height: 190px;
  width: 100%;
  position: relative;
  padding: 0px !important;
}

#post-storyad {
  background-color: var(--very-light-green);
  height: 190px;
  width: 100%;
  position: relative;
}

@keyframes rotateImage {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.progress-bar-style-02 .progress {
  height: 40px;
  overflow: hidden;
}

.progress:hover {
  opacity: 0.5;
  cursor: pointer;
}

.bg-gradient-green {
  background: #dfeadb;
}

.btn-primary {
  background-color: var(--base-color) !important;
  color: white;
  font-family: var(--primary-font);
}

.btn-secondary {
  border: 1px solid var(--base-color) !important;
  background-color: transparent;
  color: var(--base-color) !important;
  font-family: var(--primary-font);
}

.btn-plain {
  background-color: transparent;
  color: var(--base-color) !important;
  font-family: var(--primary-font);
  text-transform: uppercase;
}

.merged-select {
  padding: 0 !important;
  border: 0 !important;
  background-color: transparent !important;
  color: var(--base-color);
}

.merged-form .select:after {
  content: "\e842";
  font-family: feather !important;
  color: var(--base-color);
  right: -12px;
  top: 50% !important;
  height: 34px;
  position: absolute;
  pointer-events: none;
  font-size: 20px;
  margin-top: -15px;
}

.merged-form select option {
  color: var(--base-color);
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  border: 1px solid var(--border-gray);
  box-shadow: none !important;
  color: var(--base-color);
}

input:hover,
select:hover,
textarea:hover,
.form-control:hover {
  border: 1px solid var(--border-gray);
}

.password-container {
  position: relative;
  width: 100%;
}

.password-container .toggle-icon {
  position: absolute;
  right: 15px;
  top: 75%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 24px;
  height: 24px;
}

.subscribe-popup .mfp-close:before {
  color: #fff !important;
}

header .navbar-brand {
  margin-right: 0;
  vertical-align: middle;
  padding: 15px 0 !important;
  display: inline-block;
  font-size: 0;
}

.fw-light {
  font-weight: 300;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-regular {
  font-weight: 400;
}

.fw-medium {
  font-weight: 500;
}

.fw-semibold {
  font-weight: 600;
}

.fw-bold {
  font-weight: 600;
}

input {
  background-color: transparent;
  border: 1px solid var(--border-gray);
  padding: 5px 10px;
  border-radius: 5px;
}

label {
  color: var(--light-black);
}

.underline {
  text-decoration: underline;
}

.toggle-password {
  cursor: pointer;
}

.chev-left {
  margin-left: -18px;
}

/* .fs-15 {
    font-size: 0.5rem;
}
.fs-16 {
    font-size: 0.6rem;
}
.fs-17 {
    font-size: 0.7rem;
}

.fs-18 {
    font-size: 0.8rem;
}


.fs-19 {
    font-size: 0.9rem;
}

.fs-20 {
    font-size: 1rem;
} */

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

h1 {
  font-size: 86px !important;
  font-family: var(--primary-font);
  letter-spacing: normal;
}

h2 {
  font-size: 52px !important;
  font-family: var(--primary-font);
  letter-spacing: normal;
}

h3 {
  font-size: 36px !important;
  font-family: var(--primary-font);
  line-height: 2rem;
  letter-spacing: normal;
}

h4 {
  font-size: 24px !important;
  font-family: var(--primary-font);
  letter-spacing: normal;
}

h5 {
  font-size: 20px !important;
  font-family: var(--primary-font);
  letter-spacing: normal;
}

h6 {
  font-size: 18px !important;
  font-family: var(--primary-font);
  letter-spacing: normal;
}

.fs-24 {
  font-size: 24px;
}

.fs-22 {
  font-size: 22px;
}

.fs-20 {
  font-size: 20px;
}

.fs-18 {
  font-size: 18px;
}

.fs-16 {
  font-size: 16px;
}

.fs-40 {
  font-size: 40px;
}

.fs-30 {
  font-size: 30px;
}

.gradientbg-img {
  height: 550px;
}

.trending-img {
  height: 360px;
}

.xl-w-150px {
  width: 130px;
}

.px-6 {
  padding-right: 5rem;
  padding-left: 5rem;
}

.pr-0 {
  padding-right: 0;
}

.px-7 {
  padding-right: 7rem;
  padding-left: 7rem;
}

.px-11 {
  padding-right: 11rem;
  padding-left: 11rem;
}

.px-12 {
  padding-right: 12rem;
  padding-left: 12rem;
}

.nutrition .blog-image {
  /* width:390px; */
  height: 300px;
}

.nutrition .blog-image img {
  object-fit: cover;
}

/* .recent-article {
  height: 696px !important;
} */

.custom-shadow {
  border: 1px solid #fafafa;
  /* Light gray border */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* Light shadow with some blur */
}

.likeimg {
  background-image: url("/images/life/like.svg");
  background-repeat: no-repeat;
}

.shareimg {
  background-image: url("/images/life/share.svg");
  background-repeat: no-repeat;
}

.hoverable-column:hover .likebutton {
  background-color: var(--base-color);
  color: white;
}

.fbimg {
  background-image: url("themes/default/public/assets/images/life/facebook.svg");
  background-repeat: no-repeat;
}

.inimg {
  background-image: url("themes/default/public/assets/images/life/facebook.svg");
  background-repeat: no-repeat;
}

.twitterimg {
  background-image: url("themes/default/public/assets/images/life/facebook.svg");
  background-repeat: no-repeat;
}

.instaimg {
  background-image: url("./themes/default/public/assets/images/life/facebook.svg");
  background-repeat: no-repeat;
}

.fbimg:hover {
  background-image: url("../themes/default/public/assets/images/life/facebook.svg");
  cursor: pointer;
}

.inimg:hover {
  background-image: url("./themes/default/public/assets/images/life/facebook.svg");
  cursor: pointer;
}

.twitterimg:hover {
  background-image: url("./themes/default/public/assets/images/life/facebook.svg");
  cursor: pointer;
}

.instaimg:hover {
  background-image: url("./themes/default/public/assets/images/life/facebook.svg");
  cursor: pointer;
}

.hoverable-column:hover .likeimg {
  background-image: url("/images/life/like-white.svg");
}

.hoverable-column:hover .shareimg {
  background-image: url("/images/life/whitesvg.png");
}

.hoverable-column:hover .likeimg-image {
  filter: brightness(0) invert(1);
}

.hoverable-column:hover .btn {
  color: white;
  cursor: pointer;
}

.container {
  text-align: center;
}

/* input[type="file"] {
  display: block;
} */

.file-name {
  margin-top: 10px;
}

.image-preview {
  margin-top: 10px;
  max-width: 100%;
  max-height: 400px;
  display: none;
  /* Hidden by default, shown when a file is selected */
}

.hm-cat-image {
  height: 134px !important;
  border-radius: 50%;
  overflow: hidden;
  width: 134px;
}

.hm-cat-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.hm-cat-image img:hover {
  transform: scale(1.2);
}

.champions-padding {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

/* .testimonials-author img{
  width: 30px;
} */

@media (min-width: 2000px) {
  h1 {
    font-size: 80px !important;
  }

  h2 {
    font-size: 50px !important;
  }

  h3 {
    font-size: 35px !important;
  }

  h4 {
    font-size: 30px !important;
  }

  h5 {
    font-size: 30px !important;
  }

  h6 {
    font-size: 25px !important;
  }

  .fs-40 {
    font-size: 50px;
  }

  .fs-20 {
    font-size: 30px;
    line-height: 2.5rem;
  }

  .bothvisible-tab-mobile {
    display: none !important;
  }

  .fs-24 {
    font-size: 27px;
  }

  .fs-22 {
    font-size: 23px;
  }

  .fs-18 {
    font-size: 22px;
  }

  .fs-16 {
    font-size: 20px;
  }

  .fs-12 {
    font-size: 18px;
  }

  .fs-36 {
    font-size: 36px;
  }

  .pt-20px {
    padding-top: 50px !important;
  }

  .fs-26 {
    font-size: 54px;
    line-height: 38px;
  }

  .ps-20px {
    padding-left: 50px !important;
  }

  .pe-20px {
    padding-right: 50px !important;
  }

  .xl-w-150px {
    width: 150px;
  }

  .xxxl-w-100 {
    width: 90% !important;
  }

  .xxl-pt-10px {
    padding-top: 15px !important;
  }

  .xxl-pt-0 {
    padding-top: 0 !important;
  }

  .xxl-pt-1 {
    padding-top: 1% !important;
  }

  .xxl-px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* 
  .recent-article {
    height: 790px !important;
  } */

  .gradientbg-img {
    height: 555px !important;
  }

  .trending-img {
    height: 405px !important;
  }

  .nutrition .blog-image {
    /* width:440px; */
    height: 340px;
  }

  .lapview {
    display: none !important;
  }

  .count-radius {
    border-radius: 230px !important;
    padding: 50px !important;
  }

  .xxl-lh-30 {
    line-height: 3rem;
  }

  .pricing-table-style-13 span {
    padding: 20px 0;
  }

  .custom-mt {
    margin-top: 0.5% !important;
  }

  .bothvisible-tab-mobile {
    display: none !important;
  }

  .hm-cat-image {
    height: 150px !important;
    width: 150px;
  }
}

@media (min-width: 1600px) and (max-width: 1999px) {
  h1 {
    font-size: 72px !important;
  }

  h2 {
    font-size: 46px !important;
  }

  h3 {
    font-size: 35px !important;
  }

  h4 {
    font-size: 22px !important;
  }

  h5 {
    font-size: 30px !important;
  }

  h6 {
    font-size: 25px !important;
  }

  .fs-40 {
    font-size: 36px;
  }

  #postblog {
    h4 {
      font-size: 24px !important;
    }

    label {
      font-size: 15px !important;
    }

    .fs-14 {
      font-size: 13px;
    }
  }

  #blogdetail {

    .blog-detail-post .fs-18 {
      font-size: 15px;
      line-height: 22px;
    }
  }

  .fs-20 {
    font-size: 18px !important;
    line-height: 2.5rem;
  }

  .fs-24 {
    font-size: 20px !important;
  }

  #subscribe-popup {
    h4 {
      font-size: 22px !important;
    }

    a:hover {
      color: white !important;
    }
  }

  .fs-22 {
    font-size: 16px;
  }

  .fs-18 {
    font-size: 17.5px;
  }

  .fs-16 {
    font-size: 16px;
  }

  .fs-36 {
    font-size: 32px;
  }

  .fs-12 {
    font-size: 12px;
  }

  .pt-20px {
    padding-top: 50px !important;
  }

  .ps-20px {
    padding-left: 50px !important;
  }

  .pe-20px {
    padding-right: 50px !important;
  }

  .xxl-pt-10px {
    padding-top: 15px !important;
  }

  .xxl-pt-0 {
    padding-top: 0 !important;
  }

  .xxl-pt-1 {
    padding-top: 1% !important;
  }

  .xxl-w-50 {
    width: 30%;
  }

  .lapview {
    display: none !important;
  }

  .count-radius {
    border-radius: 196px !important;
    padding: 72px !important;
  }

  .pricing-table-style-13 span {
    padding: 20px 0;
  }

  .bothvisible-tab-mobile {
    display: none !important;
  }

  .custom-mt {
    margin-top: 0.5% !important;
  }

  .navbar .navbar-nav .nav-link {
    font-weight: 400 !important;
    font-size: 15px !important;
  }
}

@media (max-width: 1599px) {
  h1 {
    font-size: 60px !important;
  }

  h2 {
    font-size: 28px !important;
  }

  h3 {
    font-size: 20px !important;
  }

  .pb-width {
    width: 45% !important;
  }

  .ques-w {
    width: 70% !important;
  }

  h4 {
    font-size: 15px !important;
  }

  #postblog {
    h4 {
      font-size: 24px !important;
    }

    label {
      font-size: 15px !important;
    }

    .fs-14 {
      font-size: 13px;
    }

    #blogdetail {

      .blog-detail-post .fs-18 {
        font-size: 15px;
        line-height: 22px;
      }
    }
  }

  h5 {
    font-size: 14px !important;
  }

  h6 {
    font-size: 15px !important;
  }

  .fs-50 {
    font-size: 44px !important;
  }

  #subscribe-popup {
    h4 {
      font-size: 20px !important;
    }

    a:hover {
      color: white !important;
    }

    .primary-btn-md {
      font-size: 15px;
      padding: 4px;
    }
  }

  .fs-40 {
    font-size: 34px;
  }

  .aboutus-intro {
    font-size: 32px;
    line-height: normal;
  }

  .fs-20 {
    font-size: 15px;
  }

  .wl-close-icon {
    right: 10px;
    top: 10px;
    background-color: white;
    color: black;
    font-size: 25px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .md-fs-18 {
    font-size: 16px !important;
  }

  .fs-24 {
    font-size: 18px !important;
  }

  .md-fs-22 {
    font-size: 16px;
  }

  .fs-22 {
    font-size: 16px;
  }

  .fs-18 {
    font-size: 16px !important;
  }

  .fs-16 {
    font-size: 13px;
  }

  .fs-36 {
    font-size: 24px;
  }

  /* 
  .recent-article {
    height: 580px !important;
  } */

  .trending-img {
    height: 300px !important;
  }

  .nutrition .blog-image {
    /* width:325px; */
    height: 250px;
  }

  .navbar .navbar-nav .nav-link {
    font-weight: 400 !important;
    font-size: 15px !important;
  }

  .btn-pad {
    padding: 5px 6px !important;
  }

  .fs-13 {
    font-size: 12px;
  }

  .bothvisible-tab-mobile {
    display: none !important;
  }

  .md-fs-14 {
    font-size: 14px !important;
  }

  .md-fs-12 {
    font-size: 12px !important;
  }

  .w-420px {
    width: 330px !important;
  }

  .fs-12 {
    font-size: 14px !important;
  }

  .lapview {
    display: none !important;
  }

  .pricing-table-style-13 span {
    padding: 15px 0;
  }

  .md-fs-11 {
    font-size: 11px !important;
  }

  .md-fs-15 {
    font-size: 15px !important;
  }

  .md-fs-16 {
    font-size: 16px !important;
  }

  .md-fs-30 {
    font-size: 30px !important;
  }

  .md-fs-13 {
    font-size: 13px !important;
  }

  .ms-fs-11 {
    font-size: 11px !important;
  }

  .md-w-50 {
    width: 50% !important;
  }

  .md-fs-23 {
    font-size: 23px !important;
  }

  .md-fs-20 {
    font-size: 20px !important;
  }

  .md-fs-h3 {
    font-size: 30px !important;
  }

  .md-fs-22 {
    font-size: 22px !important;
  }

  .md-fs-10 {
    font-size: 10px !important;
  }

  .mr-imgg {
    width: 40px;
  }

  .md-fs-18 {
    font-size: 16px !important;
  }

  .custom-mt {
    margin-top: 0.5% !important;
  }

  .md-fs-16 {
    font-size: 16px !important;
  }

  .md-h-270px {
    height: 270px !important;
  }
}

@media (max-width: 1280px) {

  /* .cus-button {
    height: 40px !important;
  } */
  h1 {
    font-size: 58px !important;
  }

  h2 {
    font-size: 28px !important;
  }

  h3 {
    font-size: 24px !important;
  }

  h4 {
    font-size: 18px !important;
  }

  .ques-w {
    width: 70% !important;
  }

  #postblog {
    h4 {
      font-size: 24px !important;
    }

    label {
      font-size: 15px !important;
    }

    .fs-14 {
      font-size: 13px;
    }

    #blogdetail {

      .blog-detail-post .fs-18 {
        font-size: 15px;
        line-height: 22px;
      }
    }
  }

  .pb-width {
    width: 45% !important;
  }

  h5 {
    font-size: 18px !important;
  }

  .wl-close-icon {
    right: 10px;
    top: 10px;
    background-color: white;
    color: black;
    font-size: 25px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .custom-mt {
    margin-top: 0.5% !important;
  }

  .mr-imgg {
    width: 40px;
  }

  .fs-13 {
    font-size: 12px;
  }

  .aboutus-intro {
    font-size: 28px;
    line-height: normal;
  }

  #subscribe-popup {
    h4 {
      font-size: 18px !important;
    }

    a:hover {
      color: white !important;
    }

    .primary-btn-md {
      font-size: 15px;
      padding: 4px;
    }
  }

  .md-fs-22 {
    font-size: 22px !important;
  }

  h6 {
    font-size: 16px !important;
  }

  .md-fs-22 {
    font-size: 16px;
  }

  .md-fs-16 {
    font-size: 16px !important;
  }

  .md-fs-18 {
    font-size: 16px !important;
  }

  .btn-pad {
    padding: 0px 0px !important;
  }

  .fs-40 {
    font-size: 32px;
  }

  .md-fs-30 {
    font-size: 30px !important;
  }

  .fs-50 {
    font-size: 44px !important;
  }

  .w-420px {
    width: 290px !important;
  }

  .fs-24 {
    font-size: 18px !important;
  }

  .md-fs-23 {
    font-size: 23px !important;
  }

  .md-fs-20 {
    font-size: 20px !important;
  }

  .fs-22 {
    font-size: 18px;
  }

  .fs-20 {
    font-size: 15px !important;
  }

  .fs-18 {
    font-size: 16px;
  }

  .md-fs-14 {
    font-size: 14px !important;
  }

  .md-h-270px {
    height: 270px !important;
  }

  .fs-16 {
    font-size: 14px !important;
  }

  .fs-36 {
    font-size: 25px;
  }

  .fs-12 {
    font-size: 11px !important;
  }

  .md-fs-13 {
    font-size: 13px !important;
  }

  .trending-img {
    height: 240px !important;
  }

  .md-fs-12 {
    font-size: 12px !important;
  }

  .md-fs-11 {
    font-size: 11px !important;
  }

  .md-fs-10 {
    font-size: 10px !important;
  }

  .md-fs-15 {
    font-size: 15px !important;
  }

  .md-fs-16 {
    font-size: 16px !important;
  }

  /* 
  .recent-article {
    height: 560px !important;
  } */

  .md-w-50 {
    width: 50% !important;
  }

  .nutrition .blog-image {
    /* width:295px; */
    height: 225px;
  }

  .lapview {
    display: none !important;
  }

  .pricing-table-style-13 span {
    padding: 10px 0;
  }

  .md-fs-h3 {
    font-size: 30px !important;
  }

  .navbar .navbar-nav .nav-link {
    font-weight: 400;
    font-size: 16px !important;
  }

  .bothvisible-tab-mobile {
    display: none !important;
  }
}

@media (max-width: 1050px) {
  h1 {
    font-size: 40px !important;
  }

  h2 {
    font-size: 30px !important;
  }

  h3 {
    font-size: 30px !important;
  }

  h4 {
    font-size: 20px !important;
  }

  h5 {
    font-size: 18px !important;
  }

  #offcanvasRight {
    width: 100% !important;
  }

  h6 {
    font-size: 18px !important;
  }

  .ms-fs-11 {
    font-size: 11px !important;
  }

  .fs-40 {
    font-size: 25px;
  }

  .fs-24 {
    font-size: 16px !important;
  }

  #subscribe-popup {
    h4 {
      font-size: 17px !important;
    }

    a:hover {
      color: white !important;
    }

    .primary-btn-md {
      font-size: 15px;
      padding: 4px;
    }
  }

  .fs-22 {
    font-size: 14px;
  }

  .fs-20 {
    font-size: 12px;
  }

  .fs-18 {
    font-size: 12px;
  }

  .fs-16 {
    font-size: 12px !important;
  }

  .fs-50 {
    font-size: 30px !important;
  }

  .fs-36 {
    font-size: 20px;
  }

  .fs-14 {
    font-size: 13px;
  }

  hr {
    margin: 0.5rem 0.5rem;
  }

  .md-px-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .md-px-15 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .md-px-35 {
    padding-left: 35px;
    padding-right: 35px;
  }

  .gradientbg-img {
    height: unset !important;
  }

  .testimonials-content {
    font-size: 14px;
  }

  .testimonials-author {
    padding-bottom: 5px;
  }

  .login-img-hide {
    display: none;
  }

  .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .navbar-expand-lg .navbar-collapse,
  .appear,
  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }

  .lapview {
    display: none !important;
  }

  .pricing-table-style-13 span {
    padding: 10px 0;
  }

  .md-px-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .bothvisible-tab-mobile {
    display: block !important;
  }

  .tabview {
    display: none !important;
  }

  .tabsection {
    display: block !important;
  }

  .hm-cat-image {
    height: 123px !important;
    width: 123px;
  }
}

@media (max-width: 767px) {
  .champions-padding {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .sm-meg-50 {
    margin-top: -50%;
  }

  .sm-mr-neg-40 {
    margin-right: -40px !important;
  }

  .sm-w-26 {
    width: 26% !important;
  }

  .sm-mr-neg-53 {
    margin-right: -53px !important;
  }

  .sm-mr-neg-20 {
    margin-right: -20px !important;
  }

  .sm-mt-neg-30 {
    margin-top: -30px !important;
  }

  .sm-w-99 {
    width: 99.3% !important;
  }

  .hm-cat-image {
    height: 90px !important;
    width: 90px;
  }

  .note-btn {

    padding: 0px 3px !important;

  }

  body {
    overflow-x: hidden !important;
  }

  .btn:hover {
    /* background-color: var(--very-light-green) !important;  */
    transform: none !important;
  }

  header .navbar-brand {
    padding: 15px 0;
  }

  /* 
  #home-topad {
    background-color: var(--very-light-green);
    height: 90px;
    width: 100%;
    position: relative;
  } */

  #offcanvasRight {
    width: 100% !important;
  }

  #compdetail-ad {
    background-color: var(--very-light-green);
    height: 400px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #stories-topad {
    /* background-color: var(--very-light-green);
    height: 100px; */
    width: 100%;
    position: relative;
    padding: 0px 15px !important;
  }

  #champlist-ad {
    /* background-color: var(--very-light-green);
    height: 90px; */
    width: 100%;
    position: relative;
    padding: 0px !important;
  }

  #home-thirdad {
    background-color: var(--very-light-green);
    height: 90px;
    width: 100%;
    position: relative;
  }

  .sm-pl-20 {
    padding-left: 20px;
  }

  #blog-detailad {
    /* background-color: var(--very-light-green);
    height: 90px; */
    padding: 0px !important;
    width: auto;
    position: relative;
  }

  /* #home-bottomad {
   
    height: 90px;
    width: 100%;
    position: relative;
  } */
  #subscribe-popup {
    h4 {
      font-size: 17px !important;
    }

    a:hover {
      color: white !important;
    }

    .primary-btn-md {
      font-size: 15px;
      padding: 4px;
    }
  }

  .single-line-truncate {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
  }

  .ad-label {
    position: absolute;
    top: 0px;
    right: 0px;
    color: var(--base-color);
    font-weight: 400;
    padding: 3px;
    font-size: 12px;
  }

  #home-midad {
    /* background-color: var(--very-light-green);
    height: 390px; */
    width: 100%;
    position: relative;
    padding: 0px !important;
  }

  /* #home-topad {
    background-color: var(--very-light-green);
    height: 90px;
    width: 100%;
    position: relative;
  } */

  #blogdetail-topad {
    /* background-color: var(--very-light-green);
    height: 90px; */
    width: 100%;
    position: relative;
    padding: 0px !important;
  }

  #blogdetail-topad {
    /* background-color: var(--very-light-green); */
    /* height: 90px; */
    /* width: 93%; */
    position: relative;
    padding: 0px !important;
    margin: 20px auto 10px !important
  }

  #blog-topad {
    /* background-color: var(--very-light-green);
    height: 90px; */
    width: auto;
    position: relative;
    padding: 0px !important;
  }

  #blog-topad-mobile {
    /* background-color: var(--very-light-green); */
    /* height: 90px; */
    width: 100%;
    position: relative;
    padding: 0px !important;
  }

  #blog-midad {
    /* background-color: var(--very-light-green); */
    /* height: 0px; */
    width: 100%;
    position: relative;
    padding: 0px !important;
  }

  .sm-fs-14 {
    font-size: 14px !important;
  }

  .container {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .sm-btn-pad {
    padding: 0.65rem 0.5rem !important;
  }

  .header-with-topbar+.top-space-margin {
    margin-top: 26px;
  }

  textarea.form-control {
    height: 150px;
    padding: 15px 15px;
  }

  .lre-select-wrapper::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 1rem;
  }

  .sm-right-10 {
    right: 10px;
  }

  .upload-mobile {
    margin-top: 10px;
    margin-left: 20px;
    height: 38px;
    width: 12% !important;
  }

  .note-editor.note-airframe .note-editing-area .note-editable,
  .note-editor.note-frame .note-editing-area .note-editable {
    height: 150px !important;
  }

  .sm-fs-16 {
    font-size: 14px !important;
  }

  .sm-fss-16 {
    font-size: 16px !important;
  }

  .multi-line-truncate {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  header .header-top-bar+.navbar {
    top: 0;
  }

  .container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .footer-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .sm-bg-light-gray {
    background-color: #f7f7f7;
  }

  .login-img-hide {
    display: none;
  }

  .sm-width {
    width: 306px;
  }

  .bothvisible-tab-mobile {
    display: block !important;
  }

  .sm-width-360 {
    width: 390px !important;
  }

  .sm-w-360 {
    width: 360px !important;
  }

  .sm-w-345 {
    width: 345px !important;
  }

  .sm-width-280 {
    width: 280px !important;
  }

  .sm-240px {
    width: 240px !important;
  }

  .btn.btn-switch-text.btn-small>span {
    padding: 0 !important;
  }

  .sm-width-260 {
    width: 260px !important;
  }

  .sm-width-300 {
    width: 300px !important;
  }

  .sm-width-320 {
    width: 320px !important;
  }

  .w-sm-full {
    width: 100% !important;
  }

  .sm-26 {
    font-size: 26px !important;
  }

  .sm-px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .sm-px-33 {
    padding-left: 33px !important;
    padding-right: 33px !important;
  }

  .sm-px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .sm-border-bottom {
    border-bottom: 1px solid #dddddd;
  }

  .sm-px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .sm-px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .sm-fw-regular {
    font-weight: 400 !important;
  }

  .sm-mx-3 {
    margin-right: 3px;
    margin-left: 3px;
  }

  .sm-pl-10 {
    padding-left: 10px;
  }

  .sm-h-420 {
    height: 420px !important;
  }

  .sm-h-430 {
    height: 430px !important;
  }

  .sm-h-335 {
    height: 335px !important;
  }

  .sm-h-350 {
    height: 350px !important;
  }

  .sm-mb-60px {
    margin-bottom: 28px !important;
  }

  .sm-mb-0px {
    margin-bottom: 0px !important;
  }

  .sm-h-500 {
    height: 500px !important;
  }

  .sm-h-380 {
    height: 380px;
  }

  .sm-h-200 {
    height: 200px;
  }

  .sm-fs-40 {
    font-size: 20px !important;
  }

  .sm-fs-12 {
    font-size: 12px !important;
  }

  .sm-fs-13 {
    font-size: 13px !important;
  }

  .sm-white {
    background-color: white !important;
  }

  .center {
    align-items: center;
    justify-content: center;
    display: flex;
  }

  .sm-pr-auto {
    padding-right: 15px;
  }

  .sm-flex-column {
    display: flex;
    flex-direction: column;
  }

  .sm-flex-row {
    display: flex;
    flex-direction: row !important;
  }

  .sm-flex-start {
    display: flex;
    justify-content: start;
    align-items: start;
  }

  .sm-content-between {
    display: flex;
    justify-content: space-between;
    align-items: space-between;
  }

  .sm-very-light-green-bg {
    background-color: white !important;
  }

  .sm-flex-end {
    display: flex;
    justify-content: end;
    align-items: end;
  }

  .accordion-style-04 .accordion-item .accordion-body {
    padding: 0px 0px 0px 0px !important;
  }

  .thought-input {
    width: 300px !important;
  }

  .w-sm-200 {
    width: 200px !important;
  }

  .blog-comment li ul.child-comment li {
    margin-top: 5px;
  }

  .flex-sm-column-mob {
    flex-direction: column !important;
  }

  .flex-sm-start {
    display: flex !important;
    align-items: start !important;
  }

  .cover-background-sm {
    background-repeat: no-repeat !important;
    background-size: cover;
    overflow: hidden;
    position: relative;
    background-position: 70% !important;
    margin-top: 15% !important;
  }

  .btn.btn-small {
    font-size: 12px;
    padding: 5px 5px;
  }

  .fw-sm-medium {
    font-weight: 400 !important;
  }

  .sm-border-0 {
    border-radius: 0px !important;
  }

  .sm-pd-15 {
    padding: 15px;
  }

  .ms-10 {
    margin-left: 0% !important;
  }

  .me-10 {
    margin-right: 0% !important;
  }

  h1 {
    font-size: 42px !important;
  }

  h2 {
    font-size: 24px !important;
  }

  h3 {
    font-size: 18px !important;
  }

  h4 {
    font-size: 16px !important;
  }

  h5 {
    font-size: 16px !important;
  }

  h6 {
    font-size: 14px !important;
  }

  .fs-40 {
    font-size: 24px;
  }

  .fs-24 {
    font-size: 17px;
  }

  .sm-fs-12px {
    font-size: 12px !important;
  }

  .sm-fs-13px {
    font-size: 13px !important;
  }

  .fs-36 {
    font-size: 18px;
  }

  .mob-black {
    color: #000 !important;
  }

  .mob-bold {
    font-weight: bold;
  }

  .fs-22 {
    font-size: 18px;
  }

  .fs-28 {
    font-size: 20px;
  }

  .fs-20 {
    font-size: 15px !important;
  }

  .lh-13 {
    line-height: 1.3 !important;
  }

  .fs-16 {
    font-size: 14px !important;
  }

  .fs-14 {
    font-size: 12px;
  }

  .accordion-style-04 .accordion-item .accordion-header {
    padding: 18px 0px 18px 0 !important;
  }

  .fs-18 {
    font-size: 12px;
  }

  .fs-30 {
    font-size: 24px;
  }

  .fs-50 {
    font-size: 24px !important;
  }

  .m-publish {
    color: white !important;
    margin-bottom: 0px !important;
  }

  /* .appear {
    display: none;
  } */
  /*.navbar-toggler-line:nth-child(1) {
    top: 11px !important;
    width: 18px;
    left: 5px;
  }
   .navbar-toggler-line:nth-child(4) {
    width: 18px;
    top: 25px !important;
    left: 5px;
  }
  .navbar-toggler-line:nth-child(3) {
    top: 18px !important;
    width: 25px;
    left: 5px;
  }
  .navbar-toggler-line:nth-child(2) {
    top: 11px !important;
    width: 18px;
    left: 5px;
  }
  

  .navbar-toggler {
    background-color: var(--base-color) !important;
    width: 37px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
  } */
  .navbar-toggler-line:nth-child(1) {
    top: -3px;
    width: 19px;
    left: 11px;
  }

  .navbar-toggler-line:nth-child(4) {
    top: 13px;
    width: 19px;
    left: 11px;
  }

  .navbar-toggler-line:nth-child(2) {
    top: 5px;
  }

  .navbar-toggler-line:nth-child(3) {
    top: 5px;
  }

  .navbar-toggler-line {
    background: var(--dark-gray);
    height: 2px;
    width: 15px;
    content: "";
    display: block;
    border-radius: 0;
    position: absolute;
    left: 14px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s;
    transition: 0.25s;
  }

  .m-menu {
    display: flex;
    align-items: center;
  }

  .sm-bold {
    font-weight: 500;
  }

  .navbar-toggler-line {
    margin-left: 0px;
    margin-right: 0px;
    background: var(--base-color) !important;
  }

  .box-layout {
    padding: 0px !important;
  }

  .pricing-table-style-13 span {
    padding: 10px 0;
  }

  .mobileview {
    display: none !important;
  }

  .lapview {
    display: block !important;
  }

  section {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .mob-padding {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .pb-20px {
    padding-bottom: 0px;
  }

  .full-screen {
    height: auto !important;
  }

  .social-login {
    display: block !important;
  }

  .pb-6 {
    padding-bottom: 0px !important;
  }

  /* About us */
  p.or.exploreline:before,
  p.or.exploreline:after {
    display: none;
  }

  header .disable-fixed {
    position: fixed;
    height: 100px;
  }

  .footer-heading {
    font-size: 18px !important;
  }
}

@media (max-width: 400px) {
  .hm-cat-image {
    height: 90px !important;
    width: 90px;
  }
}

h2.bothline {
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  margin-bottom: 50px;
}

h2.bothline:before,
h2.bothline:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 48%;
  height: 1px;
  content: "\a0";
  background-color: #cccccc;
  margin-left: 2%;
}

h2.bothline:before {
  margin-left: -50%;
  text-align: right;
}

h2.leftline {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 50px;
}

h2.leftline:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 100%;
  height: 1px;
  content: "\a0";
  background-color: #cccccc;
  margin-left: 2%;
}

p.or.bothline {
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  margin-bottom: 50px;
}

p.or.bothline:before,
p.or.bothline:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 48%;
  height: 1px;
  content: "\a0";
  background-color: #cccccc;
  margin-left: 2%;
}

p.or.bothline:before {
  margin-left: -50%;
  text-align: right;
}

p.or.introline {
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  margin-bottom: 50px;
}

p.or.introline:before,
p.or.introline:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 20%;
  height: 1px;
  content: "\a0";
  background-color: #cccccc;
  margin-left: 4%;
}

p.or.introline:before {
  margin-left: -25%;
  text-align: right;
}

p.or.exploreline {
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  margin-bottom: 50px;
}

p.or.exploreline:before,
p.or.exploreline:after {
  position: absolute;
  top: 50%;
  overflow: hidden;
  width: 25%;
  height: 1px;
  content: "\a0";
  background-color: #cccccc;
  margin-left: 4%;
}

p.or.exploreline:before {
  margin-left: -29%;
  text-align: right;
}

.capitalize {
  text-transform: capitalize;
}

.social-login {
  display: flex;
  justify-content: space-between !important;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  padding-right: 50px;
  padding-left: 50px;
}

.portfolio-creative .portfolio-box:hover .image-content {
  opacity: 0;
}

.portfolio-creative .interactive-banner-style-09 .image-content {
  position: absolute;
  top: -15px;
}

.slider-navigation-style-04 {
  height: 46px;
  width: 46px;
}

/* bullet 1 */

/* end bullet 1 */
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
  bottom: -5px;
}

.swiper-pagination-style-01 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 6px !important;
  border: 1px solid var(--base-color) !important;
  opacity: unset;
}

.swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--base-color);
  opacity: 1;
}

.slider-navigation-style-01 {
  position: absolute;
  top: 60%;
}

.slider-navigation-style-01 .fa-arrow-right::before {
  content: "\f061";
  color: var(--white);
}

.slider-navigation-style-01 .fa-arrow-left::before {
  color: var(--white);
}

.slider-navigation-style-01.swiper-button-prev {
  left: 35px !important;
  right: inherit;
}

.slider-navigation-style-01.swiper-button-next {
  right: 35px !important;
  left: inherit;
}

.slider-navigation-style-01.swiper-button-prev:hover,
.slider-navigation-style-01.swiper-button-next:hover {
  color: var(--black) !important;
  background-color: transparent !important;

  .fa-arrow-right::before {
    content: "\f061";
    color: var(--black) !important;
  }

  .fa-arrow-left::before {
    color: var(--black) !important;
  }
}

.swiper-pagination-style-01 .swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  border: 1px solid var(--base-color) !important;
}

.swiper-pagination-style-01 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 6px !important;
  border: 1px solid var(--base-color) !important;
  opacity: unset;
}

.accordion-style-04 .accordion-item {
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}

.accordion-style-04 .accordion-item .accordion-header {
  padding: 18px 35px 18px 0;
}

.accordion-style-04 .accordion-item .accordion-body {
  padding: 0px 40px 30px 0;
}

.accordion-style-04 .accordion-item.active-accordion {
  -webkit-box-shadow: none;
  background: transparent !important;
}

.slider-navigation-style-03.swiper-button-next,
.slider-navigation-style-03.swiper-button-prev {
  background: black;


}

.slider-navigation-style-04.swiper-button-next,
.slider-navigation-style-04.swiper-button-prev {
  background: transparent !important;
  border: 1px solid white;
  color: white;
}


.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: white !important;
  color: var(--base-color) !important;
  opacity: 1 !important;
}

.slider-navigation-style-04:hover i {
  opacity: 1 !important;
}

.slider-navigation-style-04.swiper-button-next.swiper-button-disabled,
.slider-navigation-style-04.swiper-button-prev.swiper-button-disabled {
  opacity: unset !important;
  cursor: auto;
  pointer-events: none;
  background: transparent;
  border: 1px solid #fff;

  .fa-arrow-left::before {
    content: "\f060";
    color: white !important;
  }

  .fa-arrow-right::before {
    content: "\f061";
    color: white !important;
  }
}

.light-green-bg {
  .fa-arrow-right::before {
    content: "\f061";
    color: var(--base-color) !important;
    transition: 0.5s ease;
  }

  .fa-arrow-left::before {
    content: "\f060";
    color: var(--base-color) !important;
    transition: 0.5s ease;
  }

  .slider-navigation-style-04.swiper-button-next,
  .slider-navigation-style-04.swiper-button-prev {
    background: white !important;
    transition: 0.5s ease;
  }

  .slider-navigation-style-04.swiper-button-next:hover,
  .slider-navigation-style-04.swiper-button-prev:hover {
    background: var(--base-color) !important;
    transition: 0.5s ease;
  }

  .slider-navigation-style-04.swiper-button-next:hover,
  .slider-navigation-style-04.swiper-button-prev:hover {

    .fa-arrow-left::before {
      content: "\f060";
      color: white !important;
    }

    .fa-arrow-right::before {
      content: "\f061";
      color: white !important;
    }

  }


  .slider-navigation-style-04.swiper-button-next.swiper-button-disabled,
  .slider-navigation-style-04.swiper-button-prev.swiper-button-disabled {
    opacity: unset !important;
    cursor: auto;
    pointer-events: none;
    background: white !important;
    border: 1px solid #fff;

    .fa-arrow-left::before {
      content: "\f060";
      color: white !important;
    }

    .fa-arrow-right::before {
      content: "\f061";
      color: white !important;
    }
  }
}

.top-55 {
  top: 55%;
}

section {
  padding-top: 50px;
  padding-bottom: 50px;
}

.interactive-banner-style-09 .image-content {
  position: absolute;
  /* top: 35px; */
}

/* banner */

.banner-text {
  font-family: var(--primary-font);
}

.feature-box-icon {
  margin: 0 auto;
}

.feature-box-content {
  text-align: center;
}

/* bg transparent */
.bg-gradient-bottom-dark-transparent {
  background: -moz-linear-gradient(top,
      rgba(0, 0, 0, 0) 50%,
      rgba(0, 0, 0, 0.9) 80%);
  background: -webkit-linear-gradient(top,
      rgba(0, 0, 0, 0) 50%,
      rgba(0, 0, 0, 0.9) 80%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a8000000', GradientType=0);
}

.bg-gradient-bottom-very-light-gray {
  background-image: linear-gradient(to top,
      #ffffff,
      #ffffff,
      #ffffff,
      #ffffff,
      #f9f5f3);
}

.bg-gradient-black-green {
  background-image: linear-gradient(to right top,
      #1f2021,
      #1b1d1c,
      #1b1d1c,
      #222523,
      #333c37);
}

.bg-nero {
  background-color: #1c1c1c;
}

/* btn */
.btn {
  letter-spacing: normal;
  font-family: var(--primary-font);
}

.categories-btn {
  font-size: 12px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 18px;
}

.btn.btn-link {
  padding: 0 0 2px;
}

/* video icon */
.video-icon-medium .video-icon {
  font-size: 15px;
}

/* contact form */
.terms-condition .box {
  padding-left: 25px;
}

.terms-condition .box:before {
  width: 15px;
  height: 15px;
  background-color: var(--white);
  border: 1px solid #e4e4e4;
  top: 0;
  left: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.terms-condition .box:after {
  left: 5px;
  top: 3px;
  width: 5px;
  height: 8px;
}

/* box layout */
.box-layout {
  padding: 0 60px;
}

/* header */
header .navbar-brand img {
  max-height: 50px;
}

.navbar .navbar-nav .nav-link {
  font-weight: 400;
  font-size: 18px;
}

.header-light .navbar-nav .nav-link {
  color: var(--dark-gray);
}

.navbar .navbar-nav .nav-item:hover .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link {
  opacity: unset;
  font-weight: 500;
  color: var(--base-color) !important;
}

.search-form-icon {
  font-size: 18px;
}

.header-push-button {
  padding-left: 0;
  padding-right: 20px;
}

.push-menu {
  left: -100%;
}

.show-menu .push-menu {
  left: 0;
}

.menu-item-list li {
  border-bottom: 1px solid var(--extra-medium-gray);
}

.menu-item-list li:last-child {
  border-bottom: none;
}

.menu-item-list .nav-link {
  color: var(--dark-gray);
  font-size: 32px;
  padding: 13px 0;
}

.menu-item-list .nav-link:hover {
  color: var(--dark-gray);
  padding: 13px 10px;
}

.push-menu .close-menu {
  right: 30px;
  top: 30px;
}

.lre-del-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
}

/* page title */
.page-title-extra-large h1 {
  font-size: 4.375rem;
  line-height: 4.375rem;
}

.social-icon-style-10 .default-color a {
  color: var(--dark-gray) !important;
}

/* newsletter style 04 */
.newsletter-style-04 input {
  padding-right: 100px !important;
}

/* footer */
footer .btn.alt-font,
header .btn.alt-font {
  font-family: var(--primary-font);
}

footer .newsletter-style-02 input {
  padding-right: 130px;
}

footer .elements-social.social-icon-style-02 li {
  margin: 0 30px 0 0;
}

.swiper-pagination-style-2 {
  position: unset;
}

.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 6px !important;
  border: 1px solid var(--base-color);
  opacity: unset;
}

.w-0 {
  width: unset !important;
}

.justify-content-sm-between {
  justify-content: space-between !important;
}

@media (min-width: 1200px) {
  .row-cols-xl-6>* {
    flex: 0 0 auto;
    width: 13.66666667%;
  }
}

@media (min-width: 1600px) {
  /* .gradientbg-img {
        height: 60vh;
    } */
}

@media (max-width: 1600px) {
  section {
    padding-top: 60px;
    padding-bottom: 45px;
  }
}

@media (max-width: 1199px) {
  .navbar .navbar-nav .nav-link {
    font-size: 13px;
  }

  .box-layout {
    padding: 0 20px;
  }
}

@media (max-width: 991px) {
  section {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  /* .box-layout {
        padding: 0 30px;
    }  */
}

@media (max-width: 767px) {

  /* mobile smooth */
  .nav-search-box {
    padding: 0 10px;
  }

  .input-group {
    flex-direction: column;
  }

  .input-group .form-control {
    margin-bottom: 10px;
  }

  .input-group-append {
    display: flex;
    justify-content: center;
  }

  body {
    overflow-x: hidden;
    /* Prevent horizontal overflow */
  }

  .container,
  .wrapper {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
  }

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .scroll-progress {
    display: none;
    /* Hide scroll progress on small screens */
  }

  /* end mobile smooth */
  section {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  /* .box-layout {
        padding: 0 15px;
    } */
  .interactive-banner-style-09 img {
    height: 350px;
    width: 100%;
    object-fit: cover;
    background-position: center center;
  }
}

@media (min-width: 1800px) {
  .xxxl-w-50 {
    width: 40% !important;
  }

  .xxl-fs-16 {
    font-size: 16px;
  }

  /* Height */
  .xl-h-300px {
    height: 300px !important;
  }

  .xl-h-350px {
    height: 350px !important;
  }

  .xl-h-400px {
    height: 400px !important;
  }

  .xl-h-450px {
    height: 450px !important;
  }

  .xl-h-auto {
    height: auto !important;
  }

  .xl-h-100 {
    height: 100% !important;
  }

  /* Border none */
  .xl-border-top-0 {
    border-top: 0 !important;
  }

  .xl-border-bottom-0 {
    border-bottom: 0 !important;
  }

  .xl-border-end-0 {
    border-right: 0 !important;
  }

  .xl-border-start-0 {
    border-left: 0 !important;
  }

  /* Letter spacing */
  .xl-ls-minus-05px {
    letter-spacing: -0.5px !important;
  }

  .xl-ls-minus-1px {
    letter-spacing: -1px !important;
  }

  .xl-ls-minus-2px {
    letter-spacing: -2px !important;
  }

  .xl-ls-minus-3px {
    letter-spacing: -3px !important;
  }

  .xl-ls-minus-4px {
    letter-spacing: -4px !important;
  }

  /* Position */
  .xl-position-relative {
    position: relative !important;
  }

  .xl-position-absolute {
    position: absolute !important;
  }

  .xl-position-inherit {
    position: inherit !important;
  }

  .xl-position-initial {
    position: initial !important;
  }

  /* Outside box left */
  .xl-outside-box-left-10 {
    margin-left: -10vw;
  }

  .xl-outside-box-left-15 {
    margin-left: -15vw;
  }

  .xl-outside-box-left-20 {
    margin-left: -20vw;
  }

  .xl-outside-box-left-30 {
    margin-left: -30vw;
  }

  /* Outside box right */
  .xl-outside-box-right-5 {
    margin-right: -5vw;
  }

  .xl-outside-box-right-10 {
    margin-right: -10vw;
  }

  .xl-outside-box-right-15 {
    margin-right: -15vw;
  }

  .xl-outside-box-right-20 {
    margin-right: -20vw;
  }

  .xl-outside-box-right-25 {
    margin-right: -25vw;
  }

  .xl-outside-box-right-30 {
    margin-right: -30vw;
  }

  /* for buy and demo button */
  .theme-demos .demos-wrapper .demos-wrapper-inner {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Check Box Styles */

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  .checkbox-wrapper-13 input[type="checkbox"] {
    --active: var(--base-color);
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, 0.3);
    --border: #c2c2c2;
    --border-hover: var(--base-color);
    --background: #fff;
    --disabled: #f6f8ff;
    --disabled-inner: #e1e6f9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 18px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 8px 0 0 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }

  .checkbox-wrapper-13 input[type="checkbox"]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease),
      opacity var(--d-o, 0.2s);
  }

  .checkbox-wrapper-13 input[type="checkbox"]:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: 0.3s;
    --d-t: 0.6s;
    --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
  }

  .checkbox-wrapper-13 input[type="checkbox"]:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }

  .checkbox-wrapper-13 input[type="checkbox"]:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }

  .checkbox-wrapper-13 input[type="checkbox"]:disabled+label {
    cursor: not-allowed;
  }

  .checkbox-wrapper-13 input[type="checkbox"]:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }

  .checkbox-wrapper-13 input[type="checkbox"]:focus {
    box-shadow: 0 0 0 var(--focus);
  }

  .checkbox-wrapper-13 input[type="checkbox"]:not(.switch) {
    width: 18px;
  }

  .checkbox-wrapper-13 input[type="checkbox"]:not(.switch):after {
    opacity: var(--o, 0);
  }

  .checkbox-wrapper-13 input[type="checkbox"]:not(.switch):checked {
    --o: 1;
  }

  .checkbox-wrapper-13 input[type="checkbox"]+label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 4px;
  }

  .checkbox-wrapper-13 input[type="checkbox"]:not(.switch) {
    border-radius: 0px;
  }

  .checkbox-wrapper-13 input[type="checkbox"]:not(.switch):after {
    width: 5px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 6px;
    top: 3px;
    transform: rotate(var(--r, 20deg));
  }

  .checkbox-wrapper-13 input[type="checkbox"]:not(.switch):checked {
    --r: 43deg;
  }
}

.checkbox-wrapper-13 * {
  box-sizing: inherit;
}

.checkbox-wrapper-13 *:before,
.checkbox-wrapper-13 *:after {
  box-sizing: inherit;
}

/* editor css */
.note-toolbar {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

.note-editable {
  padding-bottom: 60px;
}

.editor-container {
  position: relative;
}

.send-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 2;
  width: 60px;
}

.note-editable {
  padding-bottom: 60px;
}

.note-editable img {
  width: 60px;
}

.note-editor .note-toolbar,
.note-popover .popover-content {
  margin: 0;
  padding: 0 0 5px 5px;
  background: white !important;
}

.note-btn-group>.note-btn-group {
  margin-right: 0;
  display: none;
}

.note-view {
  /* display: none !important; */
}

.note-para {
  display: none !important;
}

.note-btn-italic {
  display: none !important;
}

.note-btn-underline {
  display: none !important;
}

.community-detailimage {
  width: 100%;
  max-width: 600px;
}

.border-dash {
  border: 1px dashed #dddddd;
}

.display-file {
  display: none;
  display: flex;
  align-items: center;
  position: relative;
}

.imgae-pre {
  max-width: 150px;
  max-height: 150px;
  margin-right: 10px;
}

.filename-pre {
  font-size: 16px;
  font-weight: 500;
  margin-right: 10px;
}

.close-icon {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 20px;
}

/* side bar */
.sidebar {
  width: 250px;
  background-color: #333;
  color: #fff;
  height: 100vh;
  padding: 20px;
  box-sizing: border-box;
}

.sidebar h2 {
  margin-top: 0;
}

.sidebar ul {
  list-style: none;
  padding: 0;
}

.sidebar ul li {
  margin: 15px 0;
}

.sidebar ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}

.sidebar ul li a:hover {
  text-decoration: underline;
}

.content {
  flex: 1;
  padding: 20px;
}

.content-section {
  display: none;
}

.content-section.active {
  display: block;
}

.menu-container {
  padding: 10px;
}

.menu-container a {
  display: block;
  padding: 10px 15px;
  text-align: left;
  color: #333;
  text-decoration: none;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  display: none !important;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
  font-size: 15px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--base-color) !important;
  color: white;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
  font-size: 15px;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #fff;
}

.custom-select-lre .select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  padding: 4px;
  height: 38px;
  background-color: transparent;
  user-select: none;
  -webkit-user-select: none;
}

.custom-select-lre .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 6px;
  right: 1px;
  width: 20px;
}

.menu-container a:hover {
  background-color: #f0f0f0;
  color: var(--base-color);
  font-weight: 600;
}

.menu-container a:hover {
  background-color: #f0f0f0;
}

.footer-hover:hover {
  color: var(--base-color) !important;
  text-decoration: underline;
  cursor: pointer;
}

.menu-container a.active {
  color: var(--base-color);
  font-weight: 600;
}

/* end side bar */
.icon-heart {
  width: 18.44px;
  height: 25.83px;
  padding-bottom: 41%;
}

.viewblog:hover {
  background-color: #e3ede9;
}

.full-height {
  height: 100vh !important;
}

/* horizontal tabs */
.horizontal-tabs-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

/* Wrapper for the scrollable area */
.horizontal-tabs-wrapper {
  flex: 1;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  /* Smooth scrolling on iOS */
}

/* Style for the scrollable tabs */
.horizontal-tabs-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

/* Wrapper for the scrollable area */
.horizontal-tabs-container {
  position: relative;
  /* Ensure that absolute positioning of arrows is relative to this container */
  display: flex;
  align-items: center;
  /* Center arrows vertically with respect to the scrollable area */
}

.horizontal-tabs-wrapper {
  flex: 1;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  /* Smooth scrolling on iOS */
  padding: 0;
  /* Remove padding to avoid overlap with arrows */
}

/* Style for the scrollable tabs */
.horizontal-tabs {
  display: flex;
  overflow-x: auto;
  align-items: center;
}

/* Individual tab styling */
.horizontal-tabs a {
  display: inline-block;
  padding: 5px 10px;
  /* Adjust padding as needed */
  margin: 0 5px;
  color: #333;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s, border 0.3s;
}

/* Hover effect for tabs */
.horizontal-tabs a:hover {
  color: var(--base-color);
}

/* Active tab styling */
.horizontal-tabs a.active {
  color: var(--base-color);
  border-bottom: 2px solid var(--base-color);
  font-weight: bold;
  background: transparent;
}

/* Arrow buttons styling */
.arrow-btn {
  background-color: transparent;
  border: none;
  padding: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: absolute;
  top: 50%;
  /* Center vertically */
  transform: translateY(-50%);
  /* Adjust for perfect centering */
}

.horizontal-tabs-wrapper {
  padding-left: 20px;
  /* Space for left arrow */
  padding-right: 20px;
  /* Space for right arrow */
}

.arrow-btn i {
  color: #333;
  /* Chevron icon color */
}

/* Positioning arrows */
.arrow-btn.left-arrow {
  left: 0;
}

.arrow-btn.right-arrow {
  right: 0;
}

.horizontal-tabs-wrapper {
  /* overflow-x: auto; */
  white-space: nowrap;
}

/* Responsive adjustments */
@media (max-width: 576px) {
  .horizontal-tabs a {
    padding: 2px;
    font-size: 14px;
  }

  .arrow-btn {
    padding: 5px;
    font-size: 14px;
    /* Adjust size for smaller screens */
  }

  /* dropdown */
  /* .custom-select-lre .select2-container .select2-selection--single {
    width:120%;
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
   
    padding-right: 0px;
   
  }
  .custom-select-lre
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 6px;
    right: -20px;
    width: 20px;
}
.select2-results {
  display: block;
  width: 120%;
} */
  /* drop down */
}

/* end horizontal tabs */
.edit-icon {
  position: absolute;
  bottom: -6px;
  right: -6px;
  background-color: transparent;
  border-radius: 50%;
  width: 24px;
  /* Adjust size as needed */
  height: 24px;
  /* Adjust size as needed */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.edit-icon-image {
  width: 20px !important;
  /* Adjust size as needed */
  height: 20px !important;
  /* Adjust size as needed */
}

#toast-container>div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999;
  -webkit-box-shadow: 0 0 12px #999;
  box-shadow: 0 0 12px #999;
  color: #000;
  opacity: 2.8;
  -ms-filter: alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#competion-swiper {
  .swiper-button-prev[aria-disabled="true"] {
    background: var(--base-color) !important;
    opacity: unset !important;
    cursor: auto;
    pointer-events: none;
    border: 1px solid #fff;
    color: var(--base-color) !important;
  }

  .swiper-button-next[aria-disabled="true"] {
    background: var(--base-color) !important;
    opacity: unset !important;
    cursor: auto;
    pointer-events: none;
    color: var(--base-color) !important;
    border: 1px solid #fff;
  }

  .swiper-button-prev[aria-disabled="true"] .fa-arrow-left::before {
    content: "\f060";
    color: white !important;
    background-color: transparent !important;
  }

  .swiper-button-next[aria-disabled="true"] .fa-arrow-right::before {
    content: "\f061";
    color: white !important;
    background-color: transparent !important;
  }
}

.hd-lang-dd-mbl {
  padding: 0px 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fs-21 {
  font-size: 21px !important;
}

/* //faq */

.accordion-header h3 {
  margin: 0;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.accordion-content p {
  margin: 10px 0;
}

.lre-comphgt {
  margin-top: 20px !important;
}

.lre-trndstry-hg {
  height: 95px !important;
}

.accordion-item.active .accordion-content {
  max-height: 200px;
  /* Set a value that accommodates most content */
}

.lre-minhg-sec1 {
  height: 50px !important;
}

.accordion-item.active .symbol {
  transform: rotate(180deg);
}

.lre-comment-imgs {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  overflow: hidden;
  padding-bottom: 0px !important;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.profile-img-40 {
  width: 40px !important;
  height: 40px;
  object-fit: cover;
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.profile-img-30 {
  width: 30px !important;
  height: 30px;
  object-fit: cover;
}

.profile-img-80 {
  width: 80px !important;
  height: 80px;
  object-fit: cover;
}

.hm-featured-post-pd {
  padding: 35px 0px 35px 10px;
  margin-left: 20px;
}

.lh-inherit {
  line-height: inherit !important;
}

.terms-border {
  border: 1px solid;
  /* Adjust the border thickness as needed */
  border-image: linear-gradient(to right, white, black, white) 1;
}

.terms-border-right {
  border-right: solid black 1px;
}

.right-div-scroll {
  height: 100vh;
  overflow-y: auto;
}

.pagination-btn-0 {
  bottom: 0px !important;
}

.hm-community-dd {
  width: 76px;
  text-align: end;
  padding-right: 25px !important;
}

.sm-fs-24-imp {
  font-size: 24px !important;
  line-height: 32px !important;
}

.banner-slider-mt-80 {
  margin-top: 80px;
}

.replay-text-sz {
  font-size: 28px !important;
  padding: 18px 0px;
}

.post-pagination .current {
  color: var(--base-color) !important;
}

select {
  height: 40px !important;
}

.community-cnt-min-hgt {
  min-height: 260px;
}

/*START summornote design */
.note-modal input[type="checkbox"] {
  width: auto;
  accent-color: var(--base-color) !important;
  margin-right: 5px;
  cursor: pointer !important;
}

.note-btn-primary {
  color: white !important;
  font-size: 16px !important;
  background-color: var(--base-color) !important;
  padding: 7px 12px !important;
  border: none;
  font-weight: 400 !important;
  border-radius: 5px;
  opacity: 1 !important;
  cursor: pointer !important;
}

.note-modal .modal-title {
  display: none;
}

/*END summornote design */
.h-100vh {
  height: 100vh !important;
}

.page-item:focus {
  box-shadow: none;
}

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

/* --------------------search-------------- */
.offcanvas.offcanvas-end {
  top: 0% !important;
  right: 0;
  width: 30% !important;
}

.autocomplete-container {
  position: relative;
  max-width: 100%;
}

.input-name {
  width: 100%;
  padding-left: 30px;
  border: 1px solid #ccc;
  background: white;
  margin-top: 1rem;
}

.suggestions {
  border: 1px solid #ccc;
  position: absolute;
  background: white;
  z-index: 100;
  max-height: 150px;
  overflow-y: auto;
  width: calc(100% - 2px);
}

.suggestions::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, #eef6f3 0%, #2f7557 50%, #999999 100%);
  height: 500px;
}

.suggestions::-webkit-scrollbar {
  width: 6px;
  overflow: none;
}

.offcanvas-body::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, #eef6f3 0%, #2f7557 50%, #999999 100%);
  height: 500px;
}

.input-name {
  width: 100%;
  padding-left: 10px;
  border: 1px solid #ccc;
  background: white;
  margin-top: 1rem;
  border-radius: 5px;
}

.btn-close:focus {
  box-shadow: none;
  outline: none;
}

.offcanvas-body::-webkit-scrollbar {
  width: 6px;
  overflow: none;
}

.suggestions div {
  padding: 10px;
}

.search-icon {
  position: absolute;
  right: 10px;
  top: 62%;
  transform: translateY(-50%);
}

#offcanvasRight {
  h5 {
    font-size: 20px !important;
  }

  h6 {
    font-size: 18px !important;
  }

  .offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .offcanvas-body {
    flex-grow: 1;
    padding-top: 0;
  }
}

/* --------------------end search------------- */

/* effects hover */
.zoom-effect-2 {
  position: relative;
  /* Required for absolute positioning of overlay */
  -webkit-transition: all 350ms cubic-bezier(0.12, 0, 0.39, 0);
  transition: all 350ms cubic-bezier(0.12, 0, 0.39, 0);
  will-change: transform;
  cursor: pointer;
}

.zoom-effect-2::before {
  content: "";
  /* Empty content for the overlay */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Dark overlay */
  opacity: 0;
  /* Initially hidden */
  transition: opacity 350ms ease-in-out;
  /* Smooth transition for overlay */
  z-index: 1;
  /* Overlay should be on top of the image */
}

.zoom-effect-2:hover::before {
  opacity: 1;
  /* Make overlay visible on hover */
}

.zoom-effect-2:hover {
  -webkit-transform: scale(1.05);
  cursor: pointer;
  transform: scale(1.05);
  /* Fixed the typo here (1.0.5 -> 1.05) */
}

#subscribe-popup {
  h4 {
    font-size: 24px !important;
  }

  a:hover {
    color: white !important;
  }

}

.w-12 {
  width: 12%;
}

.popular-img-container {
  width: 85px;
  height: 85px;
}

.popular-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.icons-container {
  display: flex;
  align-items: center;
}

.favorite-icon,
.share-icon {
  font-size: 20px;
  cursor: pointer;
}

.favorite-icon:hover,
.share-icon:hover {
  color: #ff6347;
}

#blogdetail {
  .lf-flex-sharebtn2 .lf-heart button {
    padding: 3px 10px;
    border-radius: 50%;
    background: white;
  }

  .lf-hearticon {
    background: white;
    border-radius: 50%;
    padding: 10px;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
  }

  .lf-hearticon img {
    position: absolute;
    top: 14px;
    left: 13px;
  }

  .lf-flex-sharebtn1 img {
    background-color: white;
    border-radius: 50%;
    padding: 9px 9px 9px 9px;
    overflow: visible;
    cursor: pointer;
  }
}

.note-modal-footer {
  padding-right: 30px !important;
  height: 70px !important;
  padding: 10px;
  text-align: center;
}

/* Button hover  */
.btn-cus-dark {
  background: var(--base-color);
  border: solid var(--base-color) 1px !important;
  width: 100%;
  border-radius: 0px !important;
}

.btn-cus-dark.focus,
.btn-cus-dark:focus {
  box-shadow: none;
}

.btn-cus-dark:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 50%;
  background-color: white !important;
  transition: all 0.5s ease-in-out;
  z-index: -1;
  border-bottom-left-radius: 4.5px;
  border-bottom-right-radius: 4.5px
}

.btn-cus-dark:after {
  content: "";
  position: absolute;
  top: 0%;
  right: 0%;
  width: 0%;
  height: 50%;
  background-color: white !important;
  transition: all 0.5s ease-in-out;
  z-index: -1;
  border-top-left-radius: 4.5px;
  border-top-right-radius: 4.5px
}

.btn-cus-dark:hover {
  color: var(--base-color) !important;
  border-color: white;
  border: solid var(--base-color) 1px !important;
}

.btn-cus-dark:hover:before,
.btn-cus-dark:hover:after {
  width: 100%;
}

/* Button Animation on Click (active state) */
.btn-cus-dark:active {
  color: white;
  border-color: var(--base-color);
  background-color: var(--base-color);
  box-shadow: none;
  /* transform: scale(0.98);  */
}

.btn-cus-dark:active:before,
.btn-cus-dark:active:after {
  background-color: var(--base-color);
  transform: scaleY(0.9);
  /* Slight scale effect for the pseudo-elements */
}

/* secondary button  */
.btn-lite {
  background: var(--very-light-green);
  color: var(--base-color);
  border: solid var(--very-light-green) 1px !important;
  width: 100%;
}

.btn-lite:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 50%;
  background-color: white;
  transition: all 0.5s ease-in-out;
  z-index: -1;
  border-bottom-left-radius: 4.5px;
  border-bottom-right-radius: 4.5px
}

.btn-lite:after {
  content: "";
  position: absolute;
  top: 0%;
  right: 0%;
  width: 0%;
  height: 50%;
  background-color: white;
  transition: all 0.5s ease-in-out;
  z-index: -1;
  border-top-left-radius: 4.5px;
  border-top-right-radius: 4.5px
}

.btn-lite:hover {
  color: var(--base-color) !important;
  border: solid var(--base-color) 1px !important;
}

.btn-lite:hover:before,
.btn-lite:hover:after {
  width: 100%;
}

.btn-lite:active {
  color: var(--base-color);
  border-color: var(--very-light-green);
  background-color: var(--very-light-green);
  box-shadow: none;
}

.btn-lite:active:before,
.btn-lite:active:after {
  background-color: var(--very-light-green);
}

/* extra lite button  */
.btn-extralite {
  background: white;
  color: var(--base-color) !important;
  border: solid white 1px;
  width: 100%;
}

.btn-extralite:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 50%;
  background-color: var(--very-light-green);
  transition: all 0.5s ease-in-out;
  z-index: -1;
  border-bottom-left-radius: 4.5px;
  border-bottom-right-radius: 4.5px
}

.btn-extralite:after {
  content: "";
  position: absolute;
  top: 0%;
  right: 0%;
  width: 0%;
  height: 50%;
  background-color: var(--very-light-green);
  transition: all 0.5s ease-in-out;
  z-index: -1;
  border-top-left-radius: 4.5px;
  border-top-right-radius: 4.5px
}

.btn-extralite:hover {
  color: var(--base-color);
  border: solid var(--base-color) 1px !important;
}

.btn-extralite:hover:before,
.btn-extralite:hover:after {
  width: 100%;
}

.btn-extralite:active {
  color: var(--base-color);
  border-color: var(--base-color);
  background-color: var(--base-color);
  box-shadow: none;
}

.btn-extralite:active:before,
.btn-extralite:active:after {
  background-color: var(--base-color);
}

/* white button */
.btn-extrawhite {
  background: white;
  color: var(--base-color) !important;
  border: solid white 1px;
  width: 100%;
}

.btn-extrawhite:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 50%;
  background-color: white;
  transition: all 0.5s ease-in-out;
  z-index: -1;
  border-bottom-left-radius: 4.5px;
  border-bottom-right-radius: 4.5px
}

.btn-extrawhite:after {
  content: "";
  position: absolute;
  top: 0%;
  right: 0%;
  width: 0%;
  height: 50%;
  background-color: white;
  transition: all 0.5s ease-in-out;
  z-index: -1;
  border-top-left-radius: 4.5px;
  border-top-right-radius: 4.5px
}

.btn-extrawhite:hover {
  color: var(--base-color);
  border: solid var(--base-color) 1px !important;
}

.btn-extrawhite:hover:before,
.btn-extrawhite:hover:after {
  width: 100%;
}

.btn-extrawhite:active {
  color: var(--base-color);
  border-color: var(--base-color);
  background-color: var(--base-color);
  box-shadow: none;
}

.btn-extrawhite:active:before,
.btn-extrawhite:active:after {
  background-color: var(--base-color);
}

.cus-button {
  cursor: pointer;
  text-transform: uppercase;
  padding: 8px 40px;
  position: relative;
  color: white;
  z-index: 1;
  transition: all 0.5s ease-in-out;
  border-radius: 5px;
  border: 1px solid;
}

/* end button hover */
.w-37 {
  width: 37%;
}

.viewall-pd {
  padding: 0px 10px !important;
}

.cus-button:hover button {
  color: var(--base-color) !important;
}

.cus-button button {
  color: white !important;
}

.fw-300 {
  font-weight: 300;
}

.lre-event-cardbooking {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.lre-event-loc {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}

#postblog {
  h4 {
    font-size: 20px !important;
  }
}

.like-color {
  color: #858585;
}

.ls-normal {
  letter-spacing: normal;
}

.aboutus-title {
  .page-title-extra-small h1 {
    line-height: 80px !important;
  }
}

#subscribe-popup {
  .lre-modal-hover:hover {
    color: var(--base-color) !important;
  }
}

.wl-close-icon {
  right: 10px;
  top: 10px;
  background-color: white;
  color: black;
  font-size: 32px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.report_modal_but {
  color: #444;
}

.lre-p-chg p span {
  font-family: var(--primary-font) !important;
}

/* .lre-blgbtm-mrgin {
  .note-insert{
    display:none !important;
  }
} */
/* .lre-remove-editblog{
  .note-insert{
    display:none !important;
  }
} */
.lre-logout-btn {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 30px;
}

@media(max-width:576px) {
  .lre-wishlst-padding {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .lre-custom-select-pad {
    padding-bottom: 12px !important;
  }

  .lr-homecomu {
    .custom-select-wrapper::after {
      content: "\e842";
      font-family: feather !important;
      color: var(--base-color);
      font-size: 20px !important;
      top: 13px;
      right: 10px;
      position: absolute;
    }
  }

  .lre-reply-blog {
    width: 100% !important;
  }

  .lre-blog-padspace {
    padding: 0px 40px !important;
  }
}

.lre-shopblog-white {
  background-color: white !important;
}

.lre-delete-styblgs {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 30px;
}

.lre-publert-btn {
  padding: 5px 20px !important;
}

.lre-br-radius {
  border-radius: 5px !important;
}

.lre-child-cart {
  .note-insert {
    display: none !important;
  }
}

.lre-coment-font {
  font-size: 16px !important;
}

@media(max-width:576px) {
  .lre-coment-font {
    font-size: 14px !important;
  }
}

/* hide phase 2 section */
.lre-phase1-hide {
  display: none !important;
}

/* end */
.lre-comptition-padding {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.lre-reblog-padding {
  padding-bottom: 0px !important;
}

.lre-cus-button1 {
  height: auto !important;
  border-radius: 5px !important;
  margin-top: 16px !important;

}

/* button issues */
@media(max-width:1280px) {
  .lre-cus-button {
    height: auto !important;
  }

  .lre-cus-button1 {
    height: auto !important;

  }
}

@media(max-width:576px) {
  .lre-cus-button {
    height: 40px !important;
  }

  .lre-cus-button1 {
    height: auto !important;

    padding: 8px 0px !important;

  }
}

.lre-blogcomp-lmtfont {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.lre-abtbtn-btn {
  display: inline-block !important;
  padding: 15px !important;
  text-align: center !important;
  border-radius: 5px !important;
  width: auto !important;
  height: auto !important;
}

@media(max-width:576px) {
  .lre-postblg-hmbtn {
    display: inline-block;
    padding: 12px 20px !important;
    width: auto !important;
  }

  .lre-abtbtn-btn {
    padding: 5px !important;
  }

  .aboutus-title {
    .lre-about-h1font {
      font-size: 34px !important;

    }
  }

  .aboutus-title {
    .page-title-extra-small h1 {
      line-height: 48px !important;
    }
  }

  .lre-compage-padding {
    padding-top: 0px !important;
  }

  .lre-comunity-mrgin {
    margin-top: 5px !important;
  }

  .lre-comunity-likshr {
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 5px 20px !important;
  }

  .lre-comunity-likshr {
    img {
      margin-left: 5px !important;
      margin-bottom: 0px !important;
    }
  }

  .lre-comm-send-btn {

    bottom: -6px !important;

  }

  .lre-svbtn2 {
    text-align: center;
    padding-top: 5px;
  }

  .lre-joinbtn {
    margin-bottom: 25px !important;
  }

}

.lre-blogcomp-limitcont {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lre-trenddis-sec {
  line-height: 23px !important;
}

/* end */
/* resize font */
.lre-blogfont-resze {
  font-size: 46px !important;
  line-height: 56px !important;
}

@media(max-width:1599px) {
  .lre-blogfont-resze {
    font-size: 35px !important;
    line-height: 46px !important;
  }
}

@media(max-width:576px) {
  .lre-blogfont-resze {
    font-size: 26px !important;
    font-weight: 500 !important;
    line-height: 36px !important;
  }
}

.fav-btn {
  background-color: white !important;
  color: black !important;
}

.lre-quebtn-width {
  width: auto !important;
}

.lre-me-4 {
  margin-right: 1% !important;
}

.lre-hover-ico {
  margin-left: 8px !important;
}

.lre-hover-ico:hover {
  cursor: pointer;
}

.lre-bgsdw {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.lre-container-padding {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

@media(max-width:991px) {
  .lre-container-padding {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

.lre-profsec-flex {
  display: flex;
  justify-content: start;
  align-items: center;
}

.post-content-cover ul li {
  list-style: disc !important;
  color: #555555 !important;
  font-size: 16px !important;
}

.post-content-cover ol li {
  list-style: auto !important;
  color: #555555 !important;
  font-size: 16px !important;
}

.post-content-cover h4 {
  margin-bottom: 0px !important;
}

/* table design changes */

/* .post-content-cover table {
  border-collapse: collapse;
  border: solid rgb(199, 199, 199) 1px;
  overflow: hidden;
  text-align: center;
  min-width: 313px;
} */
.post-content-cover table {
  display: block;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  min-width: 320px;
  /* adjust based on content */
  border-collapse: collapse;
  border: 1px solid rgb(199, 199, 199);
}

.post-content-cover table tbody {
  display: table;
  width: 100%;
}

.post-content-cover table tr {
  border: none;
}

.post-content-cover table tr:not(:first-child):not(:last-child) {
  border-bottom: 1px solid rgb(216, 216, 216) !important;
}

.post-content-cover table tr:first-child td {
  background-color: var(--very-light-green);
  color: var(--base-color);

}

.post-content-cover td {
  padding: 10px;
  border: none;
  display: block;
  min-width: 170px;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
}

.post-content-cover td p {
  width: 100%;
  height: 140px;
  margin-bottom: 0px !important;
}

.post-content-cover td img {
  width: 100%;
  /* max-width: 300px; */
  height: 100% !important;
  /* max-height: 300px; */
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

/* --- Responsive Simulation of Bootstrap Rows/Cols --- */

/* Mobile: 1 column */
@media (max-width: 767px) {
  .post-content-cover tr {
    display: flex;

  }

  .post-content-cover td {
    display: block;
    min-width: 170px;
    white-space: normal;
    /* Allow text to wrap */
    word-wrap: break-word;
    /* Break long words if needed */
    word-break: break-word;
    /* For extra support in older browsers */
  }

  .post-content-cover td p {

    height: 200px !important;

  }
}

/* Tablet: 2 columns */
@media (min-width: 768px) and (max-width: 1023px) {
  .post-content-cover tr {
    display: flex;
    flex-wrap: wrap;
  }

  .post-content-cover td {
    width: 50%;
  }
}

/* Desktop: 3 columns (or more) */
@media (min-width: 1024px) {
  .post-content-cover tr {
    display: flex;
  }

  .post-content-cover td {
    width: 33.33%;
  }
}

.lre-srch-sec2 {
  width: 185px !important;
  height: 120px !important;
}

.fancybox__container {
  z-index: 11111111111 !important;
}

/* end */