/* Encoder IT Custom Styles - May 2025 */
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
  --white: #ffffff;
  --dark: #000000;
  --secondary-yellow: #f0b83c;
  --yellow-f7dc82: #f7dc82;
  --primary-color: #00a8a3;
  --text-1d1f1e: #1d1f1e;
  --section-bg: #f5f7f7;
  --section-bg-2: #def6f6;
  --transition: 0.45s ease-in;
  --border: 1px solid #dfdede;
  --border-color: #dfdede;
  --body-bg: #f3f1ee;
  --ff-Barlow: "Barlow", sans-serif;
  --gradient-dark-green-ramp: linear-gradient(146deg, #00a8a3 0%, #01605d 100%);
}
mark {
  padding: 0;
  background: var(--gradient-dark-green-ramp);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
}
.section_bg {
  background-color: var(--section-bg);
}
.section_bg_2 {
  background-color: var(--section-bg-2);
}
.bordered {
  border: var(--border);
}
.border_top {
  border-top: var(--border);
}
.border_bottom {
  border-bottom: var(--border);
}
.cursor-pointer {
  cursor: pointer;
}
.border-none {
  border: none !important;
}
.text-primary,
.primary_color {
  color: var(--primary-color) !important;
}
.bg_white {
  background-color: var(--white);
}
.p_8 {
  padding: 8px;
}
.p_12 {
  padding: 12px;
}
.p_15 {
  padding: 15px;
}
.p_16 {
  padding: 16px;
}

.p_48 {
  padding: 48px;
}
.pt_48 {
  padding-top: 48px;
}
.pt_40 {
  padding-top: 40px;
}
.pt_32 {
  padding-top: 32px;
}
.pt_20 {
  padding-top: 20px;
}
.pt_12 {
  padding-top: 12px;
}
.m_12 {
  margin: 12px;
}
.mt_50 {
  margin-top: 50px;
}
.mt_48 {
  margin-top: 48px;
}
.mt_43 {
  margin-top: 43px;
}
.mt_40 {
  margin-top: 40px;
}
.mt_36 {
  margin-top: 36px;
}
.mt_32 {
  margin-top: 32px;
}
.mt_30 {
  margin-top: 30px;
}
.mt_27 {
  margin-top: 27px;
}
.mt_24 {
  margin-top: 24px;
}
.mt_18 {
  margin-top: 18px;
}
.mt_16 {
  margin-top: 16px;
}
.mt_13 {
  margin-top: 13px;
}
.mt_12 {
  margin-top: 12px;
}
.mt_8 {
  margin-top: 8px;
}
.mt_6 {
  margin-top: 6px;
}
.me_1 {
  margin-right: 1px;
}
.me_4 {
  margin-right: 4px;
}
.me_6 {
  margin-right: 6px;
}
.me_8 {
  margin-right: 8px;
}
.me_10 {
  margin-right: 10px;
}
.me_12 {
  margin-right: 12px;
}
.me_16 {
  margin-right: 16px;
}
.me_24 {
  margin-right: 24px;
}
.ms_8 {
  margin-left: 8px;
}
.pt_18 {
  padding-top: 18px;
}
.p_30 {
  padding: 30px;
}
.p_32 {
  padding: 32px;
}
.p_24 {
  padding: 24px;
}
.p_20 {
  padding: 20px;
}
.p_25 {
  padding: 25px;
}
.pe_50 {
  padding-right: 50px;
}
.mb_4 {
  margin-bottom: 4px;
}
.mb_6 {
  margin-bottom: 6px;
}
.mb_7 {
  margin-bottom: 7px;
}
.mb_9 {
  margin-bottom: 9px;
}
.mb_8 {
  margin-bottom: 8px;
}
.mb_10 {
  margin-bottom: 10px;
}
.mb_11 {
  margin-bottom: 11px;
}
.mb_12 {
  margin-bottom: 12px;
}
.mb_16 {
  margin-bottom: 16px;
}
.mb_19 {
  margin-bottom: 19px;
}
.mb_25 {
  margin-bottom: 25px;
}
.my_12 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.my_16 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.my_20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.my_24 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.mb_20 {
  margin-bottom: 20px;
}
.mb_24 {
  margin-bottom: 24px;
}
.mb_30 {
  margin-bottom: 30px;
}
.mb_32 {
  margin-bottom: 32px;
}
.mb_34 {
  margin-bottom: 34px;
}
.mb_36 {
  margin-bottom: 36px;
}
.mb_37 {
  margin-bottom: 37px;
}
.mb_40 {
  margin-bottom: 40px;
}
.mb_42 {
  margin-bottom: 42px;
}
.mb_43 {
  margin-bottom: 43px;
}
.mb_48 {
  margin-bottom: 48px;
}
.mb_dsm_40 {
  margin-bottom: 40px;
}
.mb_50 {
  margin-bottom: 50px;
}
.mb_58 {
  margin-bottom: 58px;
}
.py_12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py_24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.py_20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.b_radius_4 {
  border-radius: 4px;
}
.b_radius_6 {
  border-radius: 6px;
}
.b_radius_8 {
  border-radius: 8px;
}
.b_radius_12 {
  border-radius: 12px;
}
.b_radius_16 {
  border-radius: 16px;
}
.b_radius_20 {
  border-radius: 20px;
}
.b_radius_24 {
  border-radius: 24px;
}
.b_radius_30 {
  border-radius: 30px;
}
.b_radius_32 {
  border-radius: 32px;
}
.b_radius_37 {
  border-radius: 37px;
}
img.b_radius_12 {
  overflow: hidden;
}
.lh_0 {
  line-height: 0;
}
.lh_100 {
  line-height: 100%;
}
.lh_160 {
  line-height: 160%;
}
.lh_120 {
  line-height: 120%;
}
.lh_135 {
  line-height: 135%;
}
.lh_140 {
  line-height: 140%;
}
.lh_120_all *,
.lh_120_all {
  line-height: 120%;
}
.lh_160_i {
  line-height: 160% !important;
}
*,
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* color: var(--text-1d1f1e); */
  transition: color 0.45s ease-in;
  font-family: var(--ff-Barlow);
}
body {
  color: var(--text-1d1f1e);
  background-color: var(--white);
}

i,
a,
p,
span,
strong,
td,
th {
  font-size: 16px;
  line-height: 20px;
}
a,
p,
span,
td {
  font-weight: 400;
}
th,
strong {
  font-weight: 700;
}
a {
  text-decoration: none;
  color: var(--text-1d1f1e);
}

i,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
div,
td,
span,
small,
strong {
  margin: 0;
  transition: color var(--transition);
}
main {
  min-height: calc(100vh - 600px);
  min-height: calc(100vh - 337px);
}
iframe,
img {
  max-width: 100%;
}
img[data-stringify-type="emoji"],
img.emoji {
  max-width: 1em;
}
.mx-100 {
  max-width: 100% !important;
}

.lineClamp1,
.lineClamp2,
.lineClamp4,
.lineClamp3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.lineClamp1 {
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.lineClamp2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.lineClamp3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.lineClamp4 {
  -webkit-line-clamp: 4;
  line-clamp: 4;
}
.text-white,
.text-white * {
  color: var(--white);
}

.section_padding {
  padding-top: 80px;
  padding-bottom: 80px;
}
.section_paddingTop80 {
  padding-top: 80px;
}
.section_paddingBottom80 {
  padding-bottom: 80px;
}
.section_marginTop80 {
  margin-top: 80px;
}

.row_d {
  display: flex;
  flex-wrap: wrap;
}
.flex_align_center {
  display: flex;
  align-items: center;
}
.flex_align_end {
  display: flex;
  align-items: end;
}
.flex_align_justify_center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex_start_justify_center {
  display: flex;
  align-items: start;
  justify-content: center;
}
.flex_center_justify_between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex_stretch_justify_between {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.flex_center_justify_end {
  display: flex;
  align-items: center;
  justify-content: end;
}
.flex_start_justify_between {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.flex_end_justify_between {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.flex_justify_center {
  display: flex;
  justify-content: center;
}
.flex_align_stretch {
  display: flex;
  align-items: stretch;
}
.flex_column {
  display: flex;
  flex-direction: column;
}
.flex_column_justify_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flex_column_justify_end {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.flex_column_justify_between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.container {
  max-width: 1260px;
  /* max-width: 1920px; */
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
}
.section_width {
  margin-left: auto;
  margin-right: auto;
}
.letter-spacing--2 {
  letter-spacing: -2%;
}

h1,
h1 span,
h1 i,
.heading_64,
.heading_64 i,
.heading_64 span {
  font-size: clamp(36px, 4vw, 64px);
  line-height: 108%;
  font-weight: 700;
}
h2,
.heading_48,
.heading_48 i,
.heading_48 span {
  font-size: clamp(28px, 4vw, 48px);
  line-height: 108%;
  font-weight: 700;
}
h3,
.heading_32,
.heading_32 i,
.heading_32 span {
  font-size: clamp(25px, 3vw, 32px);
  line-height: 120%;
}
h4,
.heading_20,
.heading_20 i,
.heading_20 span {
  font-size: clamp(18px, 3vw, 20px);
  line-height: 120%;
}
h5,
.heading_18,
.heading_18 span {
  font-size: 18px;
  line-height: 25px;
}

.fs_12 {
  font-size: 12px;
  line-height: 18px;
}
.fs_13 {
  font-size: 13px;
  line-height: 1.3333;
}
.fs_14 {
  font-size: 14px;
  line-height: 18px;
}
.fs_15 {
  font-size: 15px;
}
.fs_16_i {
  font-size: 16px !important;
}
.fs_17 {
  font-size: 17px;
}
.fs_18,
.pf_18 {
  font-size: 18px;
}
.fs_20 {
  font-size: 20px;
}
.fs_20all *,
.fs_20all {
  font-size: 20px;
}
.fs_16all *,
.fs_16all {
  font-size: 16px;
}
.fs_22 {
  font-size: 22px;
}
.fs_24 {
  font-size: 24px;
}

.fw_700 {
  font-weight: 700;
}
.fw_600 {
  font-weight: 600;
}
.fw_500 {
  font-weight: 500;
}
.fw_400 {
  font-weight: 400;
}
/* Btn Desgin start */
._btn {
  font-weight: 500;
  font-size: 17px;
  line-height: 120%;
  text-align: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 39px;
  padding: 8px 24px;
  border-radius: 8px;
  width: max-content;
  max-width: 100%;
  border: none;
  box-shadow: none;
  min-height: 48px;
  transition: all var(--transition);
  box-sizing: border-box;
}
._btn {
  color: var(--text-1e0f0c);
  background-color: var(--primary-yellow);
  border: 1px solid var(--primary-yellow);
}
.btn40 {
  min-height: 40px;
}
.btn_green {
  background-color: var(--text-174137);
  border: 1px solid #296356;
  color: var(--white);
}

.btn_round {
  border-radius: 29px;
}
.btn-primary {
  --myColor1: #00a8a3;
  --myColor2: #01605d;
  padding: 14px 32px;
  font-size: 16px;
  line-height: 1.5;
  background: linear-gradient(146deg, var(--myColor1) 0%, var(--myColor2) 100%);
  border: 0;
  border-radius: 5px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  transition-property: --myColor1, --myColor2, background-color, box-shadow,
    color, background;
  color: var(--white);
}
.btn-sm {
  padding: 7px 20px;
}
.btn-sm *,
.btn-sm {
  font-size: 15px;
}

.btn-outline-primary {
  --bs-btn-color: #00a8a3;
  --bs-btn-border-color: #00a8a3;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00a8a3;
  --bs-btn-hover-border-color: #00a8a3;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00a8a3;
  --bs-btn-active-border-color: #00a8a3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #00a8a3;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #00a8a3;
  --bs-gradient: none;
  border: 2px solid var(--bs-btn-border-color);
  color: var(--bs-btn-color);
  background: transparent;
}

:is(.btn-primary):hover {
  --myColor1: #01605d;
  --myColor2: #00a8a3;
}
img.btnIcon,
._btn img.icon {
  margin-left: 8px;
}
.twoBtnParent {
  margin-left: -6px;
  margin-right: -6px;
}
.twoBtnParent .btnItem {
  margin: 0 6px;
}
.header_btn {
  font-size: 16px;
  color: var(--text-3a3531);
  /* background-color: var(--yellow-f7dc82); */
}
/* Btn Desgin end */

.for_mobile {
  display: none !important;
}

.topBar {
  padding: 8px 0;
}
.topBar img {
  margin-right: 8px;
}

ul.checkUl,
ul.checkUl *,
.topBar *,
.topBar p {
  line-height: 1.3333;
}
.topBar *,
.topBar p {
  font-size: 12px;
}
.topBar li,
.topBar a,
.topBar p {
  color: #575757;
}
ul.checkUl,
.topBar ul {
  list-style: none;
  gap: 8px;
}
ul.checkUl li,
.topBar ul li {
  position: relative;
  padding-left: 16px;
}
ul.checkUl li::before,
.topBar ul li::before {
  content: "";
  width: 14px;
  height: 14px;
  background: url(../images/icons/list-check.svg) left center/contain no-repeat;
  position: absolute;
  top: 1px;
  left: 0;
}
.topBar .middleMenu a {
  position: relative;
  padding: 0 6px;
  color: #afb4b2;
}
.topBar .middleMenu .active {
  color: var(--text-1d1f1e);
}
.topBar .middleMenu a:not(:first-child)::after {
  content: "";
  background-color: #afb4b2;
  height: 10.5px;
  width: 1px;
  position: absolute;
  top: 53%;
  left: 0;
  -ms-transform: translate(0, -53%);
  transform: translate(0, -53%);
}
header .navbar-toggler[aria-expanded="true"] .fa-bars,
header .navbar-toggler[aria-expanded="false"] .fa-xmark {
  display: none;
}
header .navbar-toggler i {
  font-size: 25px;
}
header .navbar-toggler {
  box-shadow: none;
  outline: none;
  border: none;
  background-color: transparent;
  padding: 0;
  min-width: 30px;
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .navbar-toggler:focus {
  box-shadow: none;
}
header .navbar {
  padding: 20px 0;
  border-top: var(--border);
}
header .logo {
  max-width: 200px;
  /* margin-right: 22px; */
}
header.themeHeader {
  background: var(--white);
  box-shadow: 0 6px 12px 0 rgb(171 209 202 / 0.3);

  /*   position: absolute;
  width: 100%;
  z-index: 9; */
}
.middleColumn .headerBtn {
  min-width: 200px;
}

.headerSearchFilter {
  border-radius: 6px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  border: 1px solid #e3e3e3;
  background-color: var(--section-bg);
  max-width: 100%;
  width: max-content;
}
.headerSearchFilter .innerItem {
  min-width: 230px;
}
.headerSearchFilter .innerItem:first-child {
  border-right: 2px solid var(--border-color);
}
nav .headerSearchFilter {
  max-width: 100%;
  width: 100%;
}
.headerSearchFilter .likeSearchField {
  cursor: ;
}
.selectWAuto {
  width: auto;
  max-width: max-content;
}
header .btnCount {
  position: absolute;
  top: -3px;
  right: -3px;
  border-radius: 100px;
  padding: 2px 5px;
  width: max-content;
  white-space: nowrap;
  background-color: var(--primary-color);
  color: var(--white);
  font-size: 11px;
  line-height: 11px;
}
header .btnIcon {
  min-width: 40px;
  height: 40px;
  width: 40px;
}
header .btnIcon i {
  font-size: 20px;
}
.encoderCustomNavbar .nav-link {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
header .encoderCustomNavbar .navbar-toggler {
  min-width: unset;
  border-radius: 0;
  background-color: var(--section-bg-2);
}

.footerTopPart .accordion-button {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  outline: none;
  height: auto;
  color: var(--white);
}
.footerTopPart .accordion-item {
  border: none;
  border-radius: 0;
  background-color: transparent;
}
.footerTopPart .accordion .accordion-item:not(:last-child) {
  border-bottom: var(--border);
}
.footerTopPart .accordion-button::after {
  background-image: url(../images/icons/angle-down-white.svg);
}
.footerTopPart .accordion-button {
  cursor: pointer;
}
.themeFooter *:not(.btn, h4) {
  color: #afb4b2;
}
.navbarTopLogInInfo {
}

/* Banner Section design */
.bannerSection {
  background-image: url("../images/images/banner_bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bannerSection .section_padding {
  padding-top: 150px;
  padding-bottom: 150px;
}
.bannerSection .section_overlay {
  /* min-height: 100vh; */
  background-color: rgba(0, 0, 0, 0.5);
}
.bannerSection .filterFormMain .formAllContent {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin: 0 auto;
  width: max-content;
  padding: 20px;
  background-color: var(--section-bg-2);
  border: var(--border);
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  /* box-shadow: 0 6px 12px 0 rgb(171 209 202 / 0.3); */
  gap: 7px;
}
.bannerSection .filterFormMain .inputGrp {
  margin-bottom: 0 !important;
}
.bannerSection .filterFormMain .inputGrp .btn {
  padding: 5px 20px;
  min-height: 38px;
}
.bannerSection .item .imgTop {
  overflow: hidden;
  /* padding: 10px; */
  /* background: var(--gradient-dark-green-ramp); */
  background-color: var(--white);
  transition: background-color var(--transition), background var(--transition);
}
.bannerSection .item .imgCol {
  height: 127px;
  width: 127px;
  min-width: 127px;
  overflow: hidden;
}
.bannerSection .item .imgCol img {
  height: 100%;
  width: 100%;
  max-width: 65%;
  object-fit: contain;
}
.item .gridImg,
.bannerSection .item .imgCol img {
  transition: transform var(--transition);
}

.item:hover .gridImg,
.bannerSection .item:hover .imgCol img {
  transform: scale(1.1);
}
.bannerSection .item * {
  transition: color var(--transition);
}
.bannerSection .item:hover .imgTop {
  background-color: var(--section-bg-2);
}
.bannerSection .item:hover * {
  color: var(--primary-color);
}
.categorySlider.slick-slider {
  /* margin: 0 -10px; */
}
.categorySlider .slick-slide {
  margin-right: 25px;
  margin-left: 25px;
}
.brightnes05,
.brandSection .brandImg img,
.categorySection .gridImg {
  filter: brightness(0.5);
}
.brightnes08 {
  filter: brightness(0.8);
}
.blur2 {
  filter: blur(2px);
}
.bannerSection .filterFormMain .inputGrp select {
  min-width: 100px;
}
.brandSection .brandImg {
  aspect-ratio: 0.8;
}
.mx_-12,
.brandSection .parent_col {
  margin-left: -12px;
  margin-right: -12px;
}
.brandSection .likeBtn i {
  font-size: 15px;
  transition: transform var(--transition);
  transform: rotate(-45deg);
}
.brandSection .likeBtn {
  height: 40px;
  min-width: 40px;
  width: 40px;
  background-color: var(--primary-color);
  transition: background-color var(--transition);
}
.brandSection .item:hover .likeBtn {
  background-color: var(--white);
}
.brandSection .item:hover .likeBtn i {
  transform: rotate(0deg);
  color: var(--text-1d1f1e);
}

.brandSection .textContentArea {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
}

.slick-prev {
  left: -45px;
}
.slick-next {
  right: -45px;
}
.slick-arrow {
  width: 40px;
  height: 40px;
  border: var(--border);
  /* border-color: var(--primary-color); */
  z-index: 9;
  border-radius: 7px;
  transition: border-color var(--transition), background var(--transition);
  background-color: rgba(255, 255, 255, 0.8);
}
.slick-arrow:hover {
  border-color: var(--primary-color);
  background-color: rgba(255, 255, 255, 0.7);
}
.slick-arrow::before {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1 !important;
  font-family: "FontAwesome";
  transition: color var(--transition);
}
.slick-next::before {
  content: "\f105";
}
.slick-prev::before {
  content: "\f104";
}
.slick-arrow:hover::before {
  color: var(--primary-color);
}

.topSellingSection {
}
.sliderArrowTop {
}
.ps_20_i {
  padding-left: 20px !important;
}
.border-primary {
  border-color: var(--primary-color) !important;
}
.border2px {
  border-width: 2px;
}
.withSliderArrow {
  width: calc(100% - 200px);
}
.topSellingSection .productImgCol {
  max-width: 135px;
  min-width: 135px;
  width: 100%;
}
.topSellingSection .productCardInfo {
  max-width: calc(100% - 147px);
}
.sliderArrowTop .slick-arrow {
  top: -45px;
}
.sliderArrowTop .slick-prev {
  right: 80px;
  left: unset;
}
.sliderArrowTop .slick-next {
  right: 14px;
}
.p_5_percentage {
  padding: 5%;
}
.gridCat3Section .descriptionsImg {
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.8),
    rgba(0, 0, 0, 0)
  );
}
.transitionPadding,
.gridCat3Section .descriptionsImg {
  transition: padding 0.3s ease-in;
}
.gridCat3Section .item:hover .p_5_percentage {
  padding: 8%;
}
.gridCat3Section .item .catSmlImg {
  max-width: 70%;
}

.gridCat3Section .right2_col .item .catSmlImg {
  max-width: 45%;
}
.callSection .call_girlImg {
  margin-top: -35px;
  width: 100%;
  object-fit: cover;
  height: calc(100% + 35px);
}
.hover-box-shadow,
.hover-border-primary {
  transition: border-color var(--transition), box-shadow var(--transition),
    all var(--transition);
}
.hover-border-primary:hover {
  border-color: var(--primary-color);
}
.hover-box-shadow:hover {
  box-shadow: 0 6px 12px rgb(171 209 202 / 0.3);
}
.blogSection .category {
  border: var(--border);
  padding: 3px 7px;
  border-radius: 3px;
}
.blogSection .timeRed *,
.blogSection .timeRed {
  font-size: 13px;
  line-height: 13px;
}
.mw_550 {
  max-width: 550px;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--primary-color);
}