/* Response Box Css */


.response-box .alert {
  margin: 0 0 15px;
  box-shadow: 0 0 5px 0px #00000036;
  font-weight: 500;
  color: #363636;
}

.response-box .alert-success {
  background-color: #a8f0c6;
  border-left: 5px solid #178344;
}

.response-box .alert-info {
  background-color: #b2dbff;
  border-left: 5px solid #337ab7;
}

.response-box .alert-danger {
  background-color: #f7a7a3;
  border-left: 5px solid #8f130c;
}

.response-box .alert {
  padding: 15px;
  font-weight: 600;
}

/* 404 Page CSS */

.top {
  margin-top: 30px;
}

.wrapper_404 {
  margin: 0 auto;
  position: relative;
  width: 250px;
  height: 230px;
  margin-top: -30px;
}

.ghost {
  width: 50%;
  height: 53%;
  left: 25%;
  top: 10%;
  position: absolute;
  border-radius: 50% 50% 0 0;
  background: #fff;
  border: 5px solid var(--secondaryDark);
  border-bottom: none;
  animation: float 2s ease-out infinite;
}

.ghost-copy {
  width: 50%;
  height: 53%;
  left: 25%;
  top: 10%;
  position: absolute;
  border-radius: 50% 50% 0 0;
  background: #ededed;
  border: 5px solid var(--secondaryDark);
  border-bottom: none;
  animation: float 2s ease-out infinite;
  z-index: 0;
}

.face {
  position: absolute;
  width: 100%;
  height: 60%;
  top: 20%;
}

.eye,
.eye-right {
  position: absolute;
  background: var(--secondaryDark);
  width: 13px;
  height: 13px;
  border-radius: 50%;
  top: 40%;
}

.eye {
  left: 25%;
}

.eye-right {
  right: 25%;
}

.mouth {
  position: absolute;
  top: 50%;
  left: 45%;
  width: 10px;
  height: 10px;
  border: 3px solid;
  border-radius: 50%;
  border-color: transparent var(--secondaryDark) var(--secondaryDark) transparent;
  transform: rotate(45deg);
}

.one,
.two,
.three,
.four {
  position: absolute;
  background: #fff;
  top: 85%;
  width: 34%;
  height: 35%;
  border: 5px solid var(--secondaryDark);
  z-index: 0;
}

.one {
  border-radius: 0 0 100% 30%;
  left: -5px;
}

.two {
  left: 20%;
  border-radius: 0 0 50% 50%;
}

.three {
  left: 45%;
  border-radius: 0 0 50% 50%;
}

.four {
  left: 70.5%;
  border-radius: 0 0 30% 100%;
}

.shadow {
  position: absolute;
  width: 30%;
  height: 7%;
  background: #bfc0c0;
  left: 35%;
  top: 80%;
  border-radius: 50%;
  animation: scale 2s infinite;
}

@keyframes scale {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes float {
  50% {
    transform: translateY(15px);
  }
}

.bottom {
  margin-top: 10px;
}

/*text styling*/

.parent_404 {
  background-image: url(../images/404BG.png);
  padding: 30px 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.parent_main {
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  width: 100%;
  max-width: 800px;
}

.parent_404 .heading_404 {
  color: #fff;
  text-align: center;
  font-size: 10em;
  font-weight: 700;
  margin: 0;
  text-shadow: 0px 0px 1px var(--secondaryDark), 0px 0px 5px var(--secondaryDark), 0px 0px 1px var(--secondaryDark), 0px 0px 5px var(--secondaryDark), 0px 0px 1px var(--secondaryDark), 0px 0px 5px var(--secondaryDark), 0px 0px 1px var(--secondaryDark), 0px 0px 5px var(--secondaryDark), 0px 0px 1px var(--secondaryDark), 0px 0px 5px var(--secondaryDark), 0px 0px 1px var(--secondaryDark), 0px 0px 5px var(--secondaryDark);
  line-height: 1;
}

.parent_404 h3 {
  font-family: 'Lato', sans-serif;
  font-size: 2em;
  text-transform: uppercase;
  text-align: center;
  color: var(--secondaryDark);
  margin-top: -20px;
  font-weight: 900;
  text-shadow: 1px 1px 5px #ffffff, 2px 2px 16px #ffffff;
}

.parent_404 p {
  text-align: center;
  font-family: 'Lato', sans-serif;
  color: var(--secondaryDark);
  font-weight: 600;
  font-size: 2ch;
  margin-top: -20px;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #ffffff, 2px 2px 5px #ffffff, 3px 3px 5px #ffffff;
}

.three_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
}

.mix_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 20px;
}

.search {
  text-align: center;
}

.buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 15px;
}

/*search style*/
.search-bar {
  border: 1px solid #bfc0c0;
  padding: 5px;
  height: 20px;
  margin-left: -30px;
  width: 200px;
  outline: none;
}

.search-bar:focus {
  border: 1px solid #d3deea;
}

.search-btn {
  position: absolute;
  width: 30px;
  height: 32px;
  border: 1px solid #bfc0c0;
  background: #bfc0c0;
  text-align: center;
  color: #ededed;
  cursor: pointer;
  font-size: 1em;
  outline: none;
}

.search-btn:hover {
  background: #ededed;
  border: 1px solid #ededed;
  color: #bfc0c0;
  transition: all 0.2s ease;
}

.btn_404 {
  background: var(--secondaryDark);
  padding: 10px 15px;
  color: #fff;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  font-size: 1.5ch;
  border: 0;
  font-weight: 600;
  border-radius: 3px;
  border: 2px solid var(--secondaryDark);
}

.btn_404:hover {
  background: #fff;
  color: var(--secondaryDark);
  transition: all 0.4s ease-out;
}

.btn_404.back {
  background: var(--secondaryDark);
  color: #fff;
  border: 2px solid var(--secondaryDark);

}

.btn_404.back:hover {
  background: #fff;
  color: var(--secondaryDark);
  transition: all 0.4s ease-out;
}

* {
  box-sizing: border-box;
}

.bg_color {
  background-color: #f2efff;
}

:root {
  --primary: #C02C32;
  --primaryLight: #ffc9c9;
}

::-webkit-scrollbar {
  width: 3px;
  height: 2px;
}

::-webkit-scrollbar-track {
  background: transparent;

}

::-webkit-scrollbar-thumb {
  background: #ebebeb;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: Poppins, sans-serif;
  vertical-align: baseline;
  font-weight: 500;
}

section {
  padding: 30px 0px;
}

:focus {
  outline: 0px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0px;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  appearance: none;
}

input[type="search"] {
  appearance: none;
  box-sizing: content-box;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
  font-family: inherit;
  font-size: inherit;
}

audio,
canvas,
video {
  display: inline-block;
  max-width: 100%;
}

audio:not([controls]) {
  display: none;
  height: 0px;
}

[hidden] {
  display: none;
}

html {
  font-size: 16px;
  text-size-adjust: 100%;
}

@media only screen and (max-width: 768px) {
  html {
    font-size: 14px;
  }
}

a {
  text-decoration: none;
}

a:focus {
  outline: 0px;
}

a:active,
a:hover {
  outline: 0px;
}

img {
  border: 0px;
}

figure {
  margin: 0px;
}

form {
  margin: 0px;
}

fieldset {
  border: 1px solid rgb(192, 192, 192);
  margin: 0px 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0px;
  padding: 0px;
  white-space: normal;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0px;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0px;
}

input[type="search"] {
  appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0px;
}

html,
button,
input,
select,
textarea {
  color: rgb(34, 34, 34);
}

::selection {
  background: rgb(179, 212, 252);
  text-shadow: none;
}

img {
  vertical-align: middle;
  max-width: 100% !important;
}

fieldset {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

textarea {
  resize: unset;
}

.chromeframe {
  margin: 0.2em 0px;
  background: rgb(204, 204, 204);
  color: rgb(0, 0, 0);
  padding: 0.2em 0px;
}

.text-title {
  color: rgb(17, 17, 17);
}

.text-subTitle {
  color: rgb(68, 68, 68);
}

.text-regular {
  color: rgb(136, 136, 136);
}

.text-border {
  color: rgb(225, 225, 225);
}

.text-lightOverlay {
  color: rgb(245, 245, 245);
}

.text-yellow {
  color: var(--primary);
}

.text-blue {
  color: rgb(17, 210, 239);
}

.text-violet {
  color: var(--primary);
}

.text-trans {
  color: transparent;
}

.center-line-title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 16px;
  position: relative;
}

.center-line-title::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  display: block;
  background-color: #0003;
  transform: translateY(-50%);
  height: 1px;
  width: 100%;
}

.center-line-title::before {
  position: absolute;
  z-index: 1;
  content: "";
  top: 50%;
  left: 0;
  display: block;
  background-color: var(--primary);
  transform: translateY(-50%);
  height: 1px;
  width: 0%;
  transition: 0.5s ease;
}

section:hover .center-line-title::before {
  width: 100%;

}

.center-line-title h5 {
  color: rgb(17, 17, 17);
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  margin-right: 15px;
  background: #fff;
  z-index: 1;
  position: relative;
  padding: 0 10px;
}

.bg_color .center-line-title h5 {
}

.center-line-title.-large h5 {
  font-size: 22px;
}

.center-line-title.-medium h5 {
  font-size: 1.125em;
}

.center-line-title.-mb-0 {
  margin-bottom: 0px;
}

.center {
  text-align: center;
}

.plyr--full-ui input[type="range"] {
  color: var(--primary);
}

.plyr--audio {
  color: rgb(17, 17, 17);
}

.sngle_str_sidebar .category-block {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(99px, 1fr));
  gap: 10px;
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded="true"] {
  background: var(--primary);
}

.plyr--audio input[type="range"] {
  color: rgb(17, 17, 17);
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
  background: var(--primary);
}

.plyr__control--overlaid {
  background: rgba(228, 156, 134, 0.8);
}

.plyr__control.plyr__tab-focus {
  box-shadow: rgba(228, 156, 134, 0.5) 0px 0px 0px 5px;
}

.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before {
  background: var(--primary);
}

header {
  font-size: 14px;
  transition: all 0.2s ease 0s;
  z-index: 100;
  position: relative;
  box-shadow: rgb(48 68 78 / 7%) 0px 5px 5px 0px;
  padding: 10px 0;
  background: #580b41;
}

.scroll-down {
  top: 0px;
  position: sticky;
  animation: 0.5s ease 0s 1 normal none running scroll;
}

@keyframes scroll {
  0% {
    transform: translateY(-100%);
  }
}

header .header-wrapper {
  padding: 5px 0px;
  transition: all 0.2s ease-in-out 0s;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.header-wrapper i {
  font-weight: 500;
  color: #fff;
}

.header__logo {
  width: 160px;
  max-height: 50px;
  display: flex;
  align-items: center;
}

.header__logo.footer {
  padding-right: 15px;
  z-index: 1;
  background: #272727;

}

.header__logo.footer img {
  /*filter: grayscale(1) brightness(12.5)*/
}

header .header-wrapper .header__logo img {
  max-height: 100%;
  object-fit: contain;
  margin-right: auto;
  max-width: 100%;
  /*filter: grayscale(1) brightness(10.5);*/
}

header .header-wrapper nav ul>li {
  display: inline-block;
  margin: 0px 20px;
  position: relative;
}

header .header-wrapper nav ul>li:first-child {
  margin-left: 0px;
  padding-left: 0px;
}

header .header-wrapper nav ul>li:last-child {
  margin-right: 0px;
  padding-right: 0px;
}

header .header-wrapper nav ul>li.active>a::after {
  left: 0px;
}

header .header-wrapper nav ul>li.active>a:hover::after {
  animation: 1s ease 0s 1 normal forwards running reSlide;
}

header .header-wrapper nav ul>li>a {
  color: #fff;
  font-size: 1em;
  font-weight: 600;
  text-decoration: none;
  line-height: 1em;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  text-transform: uppercase;
  position: relative;
  padding: 8px 0px;
  overflow: hidden;
  display: inline-block;
}

header .header-wrapper nav ul>li>a:hover {
  color: #fff;
}

header .header-wrapper nav ul>li>a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: -100%;
  height: 1.5px;
  width: 100%;
  background-color: #fff;
  transition: all 0.2s ease-in-out 0s;
}

header .header-wrapper nav ul>li>a:hover::after {
  left: 0px;
}

header .header-wrapper nav ul>li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
}

header .header-wrapper nav ul>li .dropdown-menu {
  position: absolute;
  transition: all 0.2s ease-in-out 0s;
  left: 0px;
  padding: 15px;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(48, 68, 78, 0.1) 0px 5px 5px 0px;
  min-width: 200px;
  opacity: 0;
  visibility: hidden;
  border-radius: 5px;
  z-index: 10;
}

header .header-wrapper nav ul>li .dropdown-menu li {
  display: block;
  margin: 0px 0px 10px;
}

header .header-wrapper nav ul>li .dropdown-menu li:last-child {
  margin-bottom: 0px;
}

header .header-wrapper nav ul>li .dropdown-menu li a {
  white-space: pre;
}

header .header-wrapper .header__icon-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

header .header-wrapper .header__icon-group a {
  color: rgb(17, 17, 17);
  font-size: 20px;
  text-decoration: none;
  border-radius: 5px;
  line-height: 0;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  text-transform: uppercase;
}

header .header-wrapper .header__icon-group a:hover {
  color: var(--primary);
}

.icon.insta {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.icon.google_plus {
  background: #d64937;
}

.icon.linked_in {
  background: #0e72a3;
}

header .header-wrapper .header__icon-group #search {
  padding-right: 20px;
  margin-right: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  border-right: 1px solid #fff6;
  border-radius: 0;
}

header .header-wrapper .header__icon-group #search.active {
  color: var(--primary);
}

header .header-wrapper .header__icon-group .social a {
  margin: 0px 0.625em;
}

header .header-wrapper .header__icon-group .social a:first-child {
  margin-left: 0px;
  padding-left: 0px;
}

header .header-wrapper .header__icon-group .social a:last-child {
  margin-right: 0px;
  padding-right: 0px;
}

header .header-wrapper .header__icon-group .social #mobile-menu-controller {
  display: none;
}

@media only screen and (max-width: 992px) {
  header {
    font-size: 13px;
  }
}

header.scroll-down .header-wrapper {}

header.is-mobile {
  font-size: 15px;
  z-index: 100;
}

header.is-mobile #search-box {
  font-size: 22px;
}

.social i {
  height: 100%;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  border-radius: 4px;
  font-size: 15px;
}

.social a {
  display: flex;
  height: 30px;
  width: 30px;
  margin: 0px !important;
}



.social {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ftr_scl {
  display: flex !important;
}

.ftr_scl a {
  height: 40px;
  width: 40px;
}

.social i.fa-facebook-f {
  background: rgb(22, 116, 234);
}

.social .fa-twitter {
  background: rgb(28, 156, 234);
}

.social .fa-bars {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
}


.social .fa-dribbble {
  background: rgb(222, 72, 130);
}

header.is-mobile nav {
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  background-color: rgb(255, 255, 255);
  z-index: 100;
  box-shadow: rgba(48, 68, 78, 0.1) 0px 5px 5px 0px;
  overflow-y: auto;
  height: 100vh;
}

header.is-mobile nav ul {
  padding: 0px 20px 20px;
}

header.is-mobile nav ul>li {
  display: block;
  border-bottom: 1px solid rgb(225, 225, 225);
  margin: 0px;
  padding: 20px 0px;
  z-index: 100;
  color: #333;
}

header.is-mobile nav ul>li:last-child {
  border-bottom: 0px;
}

header.is-mobile nav ul>li>a {
  padding: 0px;
  color: #333;
}

header.is-mobile nav ul>li>a::after {
  display: none;
}

header.is-mobile nav ul>li .dropdown-menu {
  display: none;
  opacity: 1;
  visibility: visible;
  box-shadow: none;
  z-index: 200;
  position: unset;
  padding: 15px 30px;
}

header.is-mobile nav ul>li .dropdown-menu li {
  border-bottom: 0px;
  padding: 10px 0px;
}

header.is-mobile nav ul>li .dropdown-menu.show {
  display: block;
}

header.is-mobile nav ul>li .dropdown-menu__controller {
  float: right;
}

c {
  padding-right: 20px;
  margin-right: 20px;
}

header.is-mobile .header__icon-group .social a {
  display: none;
}

header.is-mobile .header__icon-group .social #mobile-menu-controller {
  display: block;
  margin: 0px;
}

header.-theme--blue .header-wrapper nav ul>li>a:hover {
  color: rgb(17, 210, 239);
}

header.-theme--blue .header-wrapper nav ul>li>a::after {
  background-color: rgb(17, 210, 239);
}

header.-theme--blue .header-wrapper .header__icon-group a:hover {
  color: rgb(17, 210, 239);
}

header.-theme--blue .header-wrapper .header__icon-group #search.active {
  color: rgb(17, 210, 239);
}

header.-theme--violet .header-wrapper nav ul>li>a::after {
  background-color: #fff;
}

header.-theme--violet .header-wrapper .header__icon-group a:hover {
  color: var(--primary);
}

header.-theme--violet .header-wrapper .header__icon-group #search.active {
  color: var(--primary);
}

@keyframes reSlide {
  0% {
    left: -100%;
  }

  100% {
    left: 0px;
  }
}

.post-card {
  font-size: 16px;

}

@media only screen and (max-width: 992px) {
  .post-footer__comment__detail .comment__item__reply {
    padding: 0 !important;
  }

  .store_banner {
    display: none;
  }

  .post-card {
    font-size: 15px;
  }
}

@media only screen and (max-width: 576px) {
  .post-card {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .post-card.-full {
    font-size: 14px;
  }
}

.post-card.-full .card__content {
  padding: 0px 1.875em;
}

@media only screen and (max-width: 768px) {
  .post-card.-full .card__content {
    padding: 0px;
  }

  .post-card.-full .card__content-description {
    display: none;
  }

  .post-card.-full .card__content .card__content-info {
    margin-bottom: 1.25em;
    justify-content: space-around;
  }

  .post-card.-full .card__content .card__content-info i {
    margin-right: 0.3125em;
    margin-bottom: 0.625em;
  }

  .post-card.-full .card__content .card__content-info .info__time {
    margin-right: 0px;
  }
}

.post_main_image {
  width: 100%;
  height: 300px;
  border-radius: 6px;
  overflow: hidden;
}

.post_main_image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.post-card.-full .card__content-title {
  font-size: 1.625em;
  line-height: 1.23077em;
  margin-bottom: 0.38462em;
}

.post-card.-audio {
  background-color: rgb(245, 245, 245);
  padding: 2.5em;
  border-radius: 0.3125em;
}

@media only screen and (max-width: 992px) {
  .post-card.-audio {
    padding: 1.875em 1.5625em;
  }
}

@media only screen and (max-width: 768px) {
  .post-card.-audio {
    padding: 1.5625em 0.625em;
  }
}

.post-card.-audio .plyr {
  margin-bottom: 2.5em;
}

.post-card.-video .plyr,
.post .post-card.post-standard.-audio .plyr,
.post .post-card.post-standard.-quote .plyr {
  margin-bottom: 1.25em;
}

.post-card.-center .card__content {
  text-align: center;
  align-items: center;
  width: 100%;
}

.post-card.-center .card__content-info {
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}

.post-card.-right .card__content {
  text-align: right;
  align-items: flex-end;
}

.post-card.-right .card__content-info {
  justify-content: flex-end;
}

.post-card.-inner-text {
  position: relative;
  border-radius: 0.3125em;
  overflow: hidden;
}

.post-card.-inner-text::before {
  content: "";
  position: absolute;
  inset: 0px;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 2;
}

.post-card.-inner-text .card__cover {
  margin-bottom: 0px;
}

.post-card.-inner-text .card__content {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  max-width: 65%;
  margin: 0px auto;
  z-index: 3;
  padding-bottom: 1.875em;
}

.post-card.-inner-text .card__content-category {
  color: rgb(255, 255, 255);
}

.post-card.-inner-text .card__content-title {
  color: rgb(255, 255, 255);
}

.post-card.-inner-text .card__content-info p {
  color: rgb(255, 255, 255);
}

.post-card.-inner-text .card__content-info .info__author p {
  color: rgb(255, 255, 255);
}

.post-card.-inner-text.-banner {
  margin-bottom: 3.125em;
}

.post-card.-inner-text.-banner .card__content-title {
  font-size: 1.875em;
  margin-bottom: 0.53333em;
}

@media only screen and (max-width: 768px) {
  .post-card.-inner-text.-banner .card__content-title {
    font-size: 1.75em;
  }
}

@media only screen and (max-width: 576px) {
  .post-card.-inner-text.-banner::before {
    display: none;
  }

  .post-card.-inner-text.-banner .card__cover {
    margin-bottom: 1.875em;
  }

  .post-card.-inner-text.-banner .card__content {
    position: unset;
    max-width: 100%;
  }

  .post-card.-inner-text.-banner .card__content-title {
    color: rgb(17, 17, 17);
  }

  .post-card.-inner-text.-banner .card__content-info .info__author p {
    color: rgb(17, 17, 17);
  }

  .post-card.-inner-text.-banner .card__content-info p {
    color: rgb(136, 136, 136);
  }
}

.post-card.-inner-text.-middle::before {
  content: "";
  background: rgba(0, 0, 0, 0.533);
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}

.post-card.-inner-text.-middle:hover::before {
  opacity: 1;
}

.post-card.-inner-text.-middle:hover .card__content {
  opacity: 1;
}

.post-card.-inner-text.-middle .card__cover {
  height: 100%;
}

.post-card.-inner-text.-middle .card__content {
  padding-bottom: 0px;
  top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}

.post-card.-inner-text.-middle.-small {
  font-size: 14px;
}

.post-card.-inner-text.-middle.-small .card__content {
  color: red;
}

.post-card.-inner-text.-middle.-small .card__content-title {
  font-size: 1.28571em;
}

.post-card.-inner-text.-middle.-long .card__content {
  max-width: 85%;
}

.post-card.-inner-text.-middle.-big .card__content-title {
  font-size: 1.85714em;
}

@media only screen and (max-width: 768px) {
  .post-card.-inner-text.-middle::before {
    opacity: 1;
  }

  .post-card.-inner-text.-middle .card__content {
    opacity: 1;
  }
}

.post-card.-image-less {
  display: flex;
  align-items: center;
}

.post-card.-image-less .category-icon {
  margin-right: 2.5em;
}

.post-card.-image-less .category-icon img {
  height: 3.125em;
  width: 3.125em;
  object-fit: cover;
}

.post-card.-image-less .card__content-title {
  font-size: 1.875em;
  line-height: 1.23333em;
}

@media only screen and (max-width: 576px) {
  .post-card.-image-less .card__content-info i {
    margin-bottom: 1em;
  }
}

.post-card.-horizontal {
  display: flex;
}

.post-card.-horizontal .card__cover,
.post-card.-horizontal .card__content {
  flex: 1 1 50%;
  max-width: 50%;
}

.post-card.-horizontal .card__content {
  max-width: 100%;
}

.post-card.-horizontal .card__cover {
  margin-bottom: 0px;
}

.post-card.-horizontal.-small .card__cover {
  margin-right: 1.875em;
}

.post-card.-horizontal.-small .card__content-description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 0px !important;
}

.post-card.-horizontal.-large .card__cover {
  min-height: 100%;
  height: auto;
}

.post-card.-horizontal.-large .card__content {
  padding: 3.125em;
  background-color: rgb(245, 245, 245);
}

@media only screen and (max-width: 576px) {
  .post-card.-horizontal.-large .card__content-description {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .post-card.-horizontal.-large {
    flex-direction: column;
  }

  .post-card.-horizontal.-large .card__cover,
  .post-card.-horizontal.-large .card__content {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.post-card.-box-text {
  position: relative;
  height: 100%;
  min-height: 300px;
  border-radius: 7px;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: flex-end;
}

.post-card.-box-text .card__cover {
  margin-bottom: 0px;
  position: absolute;
}

.post-card.-box-text .card__content {
  background-color: rgb(255, 255, 255);
  padding: 20px;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.067) 2px 2px 10px;
  border-radius: 6px;
  width: 100%;
  margin: 20px;
}

.post-card.-tiny {
  display: flex;
  margin-bottom: 25px;
}

.post-card.-tiny:last-child {
  margin-bottom: 0px;
}

.post-card.-tiny .card__cover {
  border-radius: 3px;
  margin-right: 1.25em;
  overflow: hidden;
  height: 70px;
  width: 105px;
  flex: 1 1 30%;
  max-width: 30%;
  margin-bottom: 0px;
}

.post-card.-tiny .card__cover img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.post-card.-tiny .card__content {
  flex: 1 1 70%;
  justify-content: center;
}

.post-card.-tiny .card__content-category {
  display: none;
}

.post-card.-tiny .card__content-title {
  font-size: 1em;
  margin-bottom: 0.3125em;
}

.blog-sidebar-section .post-card.-tiny .card__content-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-card.-tiny .card__content-info i {
  color: rgb(255 76 76);
}

.modal_content {
  flex: 1;
  /* background: #ffffff; */
  padding: 0 20px 0 30px;
}

.post-card-quote {
  padding: 30px;
  background-color: rgb(245, 245, 245);
  border-radius: 0.3125em;
  text-align: center;
}

.post-card-quote .qoute__icon {
  font-size: 1em;
  color: rgb(255, 255, 255);
  height: 3.125em;
  width: 3.125em;
  background-color: var(--primary);
  border-radius: 50%;
  margin: 0px auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.post-card-quote .quote__content {
  color: rgb(17, 17, 17);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.post-card-quote .quote__author {
  color: rgb(17, 17, 17);
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

.post-card-quote.-border {
  border: 2px solid var(--primary);
  background-color: transparent;
  margin-top: 30px;
}

.post-card-quote.-border .qoute__icon {
  margin-top: -60px;
  margin-bottom: 20px;
}

.post-card:hover .card__cover>img {
  transform: scale(1.1) rotate(2deg);
}

.post-card .card__cover {
  display: flex;
  margin-bottom: 1.25em;
  border-radius: 0.3125em;
  overflow: hidden;
  height: 400px;
  width: 100%;
}

.post-card .card__cover img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all 0.2s ease-in-out 0s;
}

.editor_blogs {
  grid-gap: 20px;
}

.post-card .card__cover.-slide-splited .card__cover__slide-item {
  padding: 0px 0.3125em;
}

.editor_blog_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  order: 4;
  width: 100%;
  margin-top: 30px;
  grid-gap: 30px;
}

.post-card .card__cover.-slide .slick-arrow {
  background-color: rgb(255, 255, 255);
  border: 0px;
  color: rgb(136, 136, 136);
  font-size: 1em;
  top: 50%;
  transform: translateY(-50%);
  padding: 15px;
  position: absolute;
  z-index: 1;
}

.post-card .card__cover.-slide .slick-arrow.slick-next {
  right: 0px;
}

.post-card .card__cover.-slide .slick-arrow.slick-prev {
  left: 0px;
}

.post-card .card__content-category {
  color: rgb(17, 17, 17);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: capitalize;
  position: relative;
  display: inline-block;
  z-index: 1;
  margin-bottom: 10px;
  padding: 5px 10px;
  border-radius: 5px;
}

.post-card .card__content-category::after {
  border-radius: 4px;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--primaryLight);
  z-index: -1;
}

.post-card .card__content-title {
  margin-bottom: 8px;
  color: #000;
  font-size: 18px;
  display: -webkit-box;
  word-break: break-word;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.375em;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  text-transform: capitalize;
}

.post-card .card__content-title:hover {
  color: var(--primary);
}

.post-card .card__content-title:hover {
  text-decoration: underline;
}

.post-card .card__content-info {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
}

.post-card .card__content-info .info__author p {
  font-weight: 500;
  color: rgb(17, 17, 17);
}

.post-card .card__content-info i,
.post-card .card__content-info p {
  display: inline-block;
  color: #acacac;
  font-size: 0.8125em;
  font-weight: 400;
  line-height: 1;
}

.post-card .card__content-info i {
  color: var(--primary);
  margin-right: 5px;
}

.post-card .card__content-description {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.73333em;
  margin-top: 13px;
  margin-bottom: 40px;
}

.post-card .card__content .more-btn {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 700;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  text-transform: uppercase;
  position: relative;
  padding: 8px 0px;
  overflow: hidden;
  display: inline-block;
}

.post-card .card__content .more-btn:hover {
  color: var(--primary);
}

.post-card .card__content .more-btn::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: -100%;
  height: 3px;
  width: 100%;
  background-color: var(--primary);
  transition: all 0.2s ease-in-out 0s;
}

.post-card .card__content .more-btn:hover::after {
  left: 0px;
}

.post-card .card__content .more-btn::after {
  left: 0px;
}

.post-card.-theme--blue .card__content-category::after {
  background-color: rgb(17, 210, 239);
}

.post-card.-theme--blue .card__content-title:hover {
  color: rgb(17, 210, 239);
}

.post-card.-theme--blue .card__content-info i {
  color: rgb(17, 210, 239);
}

.post-card.-theme--blue .card__content .more-btn:hover {
  color: rgb(17, 210, 239);
}

.post-card.-theme--blue .card__content .more-btn::after {
  background-color: rgb(17, 210, 239);
}

.post-card.-theme--violet .card__content-category::after {
  background-color: var(--primaryLight);
}

.post-card.-theme--violet .card__content-title:hover {
  color: var(--primary);
}

.post-card.-theme--violet .card__content-info i {
  color: #ffc9cb;
}

.post-card.-theme--violet .card__content .more-btn:hover {
  color: var(--primary);
}

.post-card.-theme--violet .card__content .more-btn::after {
  background-color: var(--primary);
}

.instagrams {
  font-size: 15px;
}

.instagrams .instagrams-container .instagrams-item {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.instagrams .instagrams-container .instagrams-item:hover .instagrams-item__content {
  opacity: 1;
}

.instagrams .instagrams-container .instagrams-item img {
  width: 100%;
}

.instagrams .instagrams-container .instagrams-item .instagrams-item__content {
  position: absolute;
  inset: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: rgba(255, 76, 76, 0.68);
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
  color: rgb(255, 255, 255);
  font-size: 1em;
  font-weight: 400;
  line-height: 1;
}

.instagrams .instagrams-container .instagrams-item .instagrams-item__content i {
  font-size: 2em;
  margin-bottom: 0.5em;
}

.instagrams.-theme--violet .instagrams-container .instagrams-item .instagrams-item__content {
  background-color: rgba(255, 76, 76, 0.74);
}

.instagrams.-theme--blue .instagrams-container .instagrams-item .instagrams-item__content {
  background-color: rgba(17, 209, 239, 0.74);
}

footer {
  font-size: 16px;
  background: #580b41;
}

footer .footer-content {
  padding: 60px 0px 40px;
}

@media only screen and (max-width: 992px) {
  footer .footer-content .footer-col {
    margin-bottom: 2.5em;
  }
}

footer .footer-content .footer-col.-about p {
  color: rgb(208 208 208);
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.73333em;
}

footer .footer-content .footer-col.-about .contact-method {
  margin-top: 15px;
}

footer .footer-content .footer-col.-about .contact-method p i {
  width: 8px;
  margin-right: 1.3125em;
  color: var(--primary);
  text-align: center;
  font-size: 0.9375em;
}

.feature-post-block {
  overflow-y: scroll;
  max-height: 300px;
}

footer .copyright {
  padding: 1.5625em;
  border-top: 1px solid rgb(255 255 255 / 13%);
  text-align: center;
  color: rgb(255 255 255);
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.42857em;
}

.tag-btn {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  background-color: #424242;
  border-radius: 5px;
  padding: 10px 20px;
  text-align: center;
  border: 0px;
  transition: all 0.2s ease-in-out 0s;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.tag-btn:hover {
  background-color: var(--primary);
  color: rgb(255, 255, 255);
}

#search-box {
  font-size: 30px;
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  background: #a11e23;
  box-shadow: rgba(48, 68, 78, 0.1) 0px 5px 5px 0px;
  padding: 10px 0;
  z-index: 99;
}

#search-box form {
  position: relative;
}

#search-box form input {
  background-color: white;
  border: 1px solid rgb(225, 225, 225);
  height: 45px;
  width: 100%;
  transition: all 0.2s ease-in-out 0s;
  font-family: Poppins, sans-serif;
  appearance: none;
  padding: 0px 60px;
  color: rgb(68, 68, 68);
  border-radius: 5px;
  font-size: 16px;
  font-weight: 400;
  background-image: url("../images/search.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 20px center;
}

#search-box form input:focus {
  outline: 0px;
  box-shadow: none;
}

#search-box form input::-webkit-input-placeholder {
  color: rgb(193, 193, 193);
  font-weight: 400;
}

#search-box form button i {
  font-weight: 500;
}

#search-box form button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--primary);
  font-size: 15px;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  border: 0px;
  background: transparent;
  height: 100%;
  width: 50px;
  border-radius: 0 5px 5px 0;
  font-size: 17px;
}

#search-box form button:hover {
  color: rgb(17, 17, 17);
}

@keyframes slideInDown {
  0% {
    transform: translateY(-500px);
    opacity: 0;
    visibility: hidden;
  }

  100% {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
  }
}

.footer-col:not(.-about) {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.category .category__background {
  transition: all 0.2s ease-in-out 0s;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.category.-bar {
  font-size: 14px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  overflow: hidden;
  border-radius: 0.35714em;
}

.category.-bar:hover .category__background {
  transform: scale(1.1);
}

.category.-bar .category__background {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.category.-bar h5 {
  color: rgb(255, 255, 255);
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

.category.-bar h5.quantity {
  height: 30px;
  width: 30px;
  background-color: rgb(235, 235, 235);
  text-align: center;
  display: flex;
  align-items: center;
  color: rgb(17, 17, 17);
  justify-content: center;
  border-radius: 50px;
}

.category.-round {
  display: block;
  text-align: center;
  color: rgb(17, 17, 17);
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  text-transform: uppercase;
}

.category.-round:hover {
  color: var(--primary);
}

.category.-round:hover .category__background {
  transform: rotate(10deg);
}

.category.-round .category__background {
  height: 12.5em;
  width: 12.5em;
  border-radius: 999px;
  margin: 0px auto 1.875em;
}

.category.-round h5 {
  display: inline-block;
  font-weight: 700;
}

.category.-square {
  display: block;
  text-align: center;
  color: rgb(17, 17, 17);
  font-size: 16px;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  text-transform: uppercase;
}

.category.-square:hover {
  color: var(--primary);
}

.category.-square:hover .category__background {
  transform: translateY(-5px);
}

.category.-square .category__background {
  height: 6.5625em;
  width: 100%;
  border-radius: 0.3125em;
  margin: 0px auto 0.9375em;
}

.category.-square h5 {
  display: inline-block;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.category.-square h5.quantity {
  display: none;
}

.category.-theme--violet.-round:hover {
  color: var(--primary);
}

.category.-theme--violet.-square:hover {
  color: var(--primary);
}

.category.-theme--blue.-round:hover {
  color: rgb(17, 210, 239);
}

.category.-theme--blue.-square:hover {
  color: rgb(17, 210, 239);
}

.blog-sidebar {
  font-size: 16px;
  position: sticky;
  top: 100px;
}

@media only screen and (max-width: 992px) {
  .category .category_content.-list .post-card .card__cover {
    height: 150px;
    max-width: 150px !important;
  }

  .blog-sidebar {
    padding-left: 0px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 30px;
  }

  .-trending-post {
    overflow-y: auto;
    max-height: 277px;
  }

  .blog-sidebar .blog-sidebar-section {
    margin-bottom: 0px !important;
  }
}

.category_content .col-12:last-child .post-card {
  margin-bottom: 0px !important;
}

.blog-sidebar-section .center-line-title {
  position: sticky;
  top: 0px;
  padding-bottom: 10px;
  z-index: 2;
  /* background: rgb(255, 255, 255); */
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  .blog-sidebar {
    margin-bottom: 3.125em;
  }
}

@media only screen and (max-width: 576px) {
  .blog-sidebar {
    font-size: 15px;
  }
}

.blog-sidebar .blog-sidebar-section {
  margin-bottom: 30px;
  padding: 15px;
  background: #fff;
  box-shadow: 0 0 5px #0002;
  border-radius: 5px;
}

.blog-sidebar .blog-sidebar-section.-category .category {
  margin-bottom: 0.9375em;
}

.blog-sidebar .blog-sidebar-section.-category .category:last-child {
  margin-bottom: 0px;
}

.blog-sidebar .blog-sidebar-section.-trending-post .trending-post {
  margin-bottom: 20px;
  gap: 15px;
}

.blog-sidebar .blog-sidebar-section.-trending-post .trending-post:last-child {
  margin-bottom: 0px;
}

.trending-post {
  display: flex;
}

.trending-post .trending-post_image {
  height: 70px;
  width: 70px;
  position: relative;
}

.trending-post .trending-post_image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 999px;
}

.trending-post .trending-post_image .rank {
  position: absolute;
  top: 0.25em;
  left: 0.25em;
  font-size: 0.75em;
  height: 1.66667em;
  width: 1.66667em;
  background-color: rgb(0, 0, 0);
  text-align: center;
  line-height: 1.66667em;
  border-radius: 999px;
  color: rgb(255, 255, 255);
}

.trending-post .trending-post_content {
  flex: 1 1 0%;
}

.trending-post .trending-post_content h5 {
  color: rgb(17, 17, 17);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  z-index: 1;
  margin-bottom: 13px;
  padding: 5px 10px;
  border-radius: 5px;
}

.trending-post .trending-post_content h5::after {
  border-radius: 4px;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--primaryLight);
  z-index: -1;
}

.trending-post .trending-post_content a {
  color: rgb(17, 17, 17);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.25em;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: capitalize;
  margin-bottom: 0.625em;
}

.trending-post .trending-post_content a:hover {
  color: var(--primary);
}

.trending-post .trending-post_content .info__time p {
  display: inline-block;
  color: rgb(136, 136, 136);
  font-size: 0.8125em;
  font-weight: 400;
  line-height: 1;
}

.trending-post .trending-post_content .info__time i {
  margin-right: 0.5em;
  font-size: 0.75em;
  color: rgb(136, 136, 136);
}

.subcribe-box {
  padding: 15px;
  background-color: rgb(245, 245, 245);
  border-radius: 0.3125em;
}

.subcribe-box h5 {
  color: rgb(17, 17, 17);
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.subcribe-box p {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.73333em;
  margin-bottom: 1em;
}

.subcribe-box input {
  background-color: white;
  border: 1px solid rgb(225, 225, 225);
  height: auto;
  width: 100%;
  transition: all 0.2s ease-in-out 0s;
  appearance: none;
  padding: 0.9375em 1.25em;
  color: rgb(68, 68, 68);
  font-size: 14px;
  font-weight: 400;
  border-radius: 0px;
  margin-bottom: 0px;
}

.modal .subcribe-box input {
  border-radius: 5px;
}

.subcribe-box input:focus {
  outline: 0px;
  box-shadow: none;
}

.subcribe-box input::-webkit-input-placeholder {
  color: rgb(174, 174, 174);
  font-size: 14px;
  font-weight: 400;
}

.subcribe-box .btn.-normal {
  display: block;
  padding: 0.9375em;
  font-family: Poppins, sans-serif;
  text-transform: capitalize;
}

.subcribe-box.-theme--yellow {
  background-color: var(--primary);
}

.subcribe-box.-theme--yellow h5 {
  color: rgb(255, 255, 255);
}

.subcribe-box.-theme--yellow p {
  color: rgb(255, 255, 255);
}

.subcribe-box.-theme--yellow input {
  background-color: transparent;
  border: 1px solid rgb(225, 225, 225);
  height: auto;
  width: 100%;
  transition: all 0.2s ease-in-out 0s;
  appearance: none;
  padding: 0.9375em 1.25em;
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: 400;
  border-radius: 0.3125em;
}

.subcribe-box.-theme--yellow input:focus {
  outline: 0px;
  box-shadow: none;
}

.subcribe-box.-theme--yellow input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.467);
  font-size: 14px;
  font-weight: 400;
}

.subcribe-box.-theme--yellow .btn.-normal {
  background-color: rgb(255, 255, 255);
  color: var(--primary);
}

.subcribe-box.-theme--violet {
  background-color: #fff;
  padding: 0px;
}

.subcribe-box.-theme--violet h5 {
  color: rgb(0, 0, 0);
}

.subcribe-box.-theme--violet p {
  color: rgb(0, 0, 0);
}

.subcribe-box.-theme--violet input {
  background-color: transparent;
  border: 1px solid rgb(225, 225, 225);
  height: 45px;
  width: 100%;
  transition: all 0.2s ease-in-out 0s;
  appearance: none;
  padding: 0.9375em 1.25em;
  color: rgb(0, 0, 0);
  font-size: 14px;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  border-radius: 0.3125em;
}

.subcribe-box.-theme--violet input:focus {
  outline: 0px;
  box-shadow: none;
  border: 1px solid var(--primary);
}

.subcribe-box.-theme--violet input::-webkit-input-placeholder {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.467);
  font-weight: 400;
}

.subcribe-box.-theme--violet .btn.-normal {
  background-color: var(--primary);
  color: rgb(255, 255, 255);
}

.subcribe-bar {
  font-size: 16px;
  background-color: rgb(245, 245, 245);
  padding: 30px;
  margin-top: 30px;
  border-radius: 5px;
}

@media only screen and (max-width: 768px) {
  .subcribe-bar {
    font-size: 14px;
  }
}

.subcribe-bar__content h5 {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 1em;
}

.subcribe-bar__content h3 {
  color: rgb(17, 17, 17);
  font-size: 25px;
  font-weight: 600;
  line-height: 1.5;
  text-transform: capitalize;
}

@media only screen and (max-width: 768px) {
  .subcribe-bar__content {
    margin-bottom: 1.875em;
  }
}

.subcribe-bar__form {
  display: flex;
}

.subcribe-bar__form input {
  background-color: white;
  border: 1px solid rgb(225, 225, 225);
  height: 50px;
  width: 100%;
  transition: all 0.2s ease-in-out 0s;
  appearance: none;
  padding: 0px 1.25em;
  color: rgb(68, 68, 68);
  font-size: 14px;
  font-weight: 400;
  line-height: 50px;
  border-radius: 0.3125em;
  margin-right: 0.9375em;
}

.subcribe-bar__form input:focus {
  outline: 0px;
  box-shadow: none;
}

.subcribe-bar__form input::-webkit-input-placeholder {
  color: rgb(174, 174, 174);
  font-size: 14px;
  font-weight: 400;
  line-height: 50px;
}

.subcribe-bar__form .btn {
  height: 50px;
  padding: 0px 1.25em;
}

@media only screen and (max-width: 768px) {
  .subcribe-bar__form input {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 576px) {
  .subcribe-bar__form .btn.-normal {
    padding: 0px 0.9375em;
  }
}

.btn {
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 0.35714em;
  background-color: var(--primary);
  padding: 15px 30px;
  text-align: center;
  border: 0px;
  transition: all 0.2s ease-in-out 0s;
  display: inline-block;
}


@media only screen and (max-width: 576px) {
  .btn {
    font-size: 14px;
  }
}

.btn.-gray {
  color: rgb(68, 68, 68);
  font-size: 0.875em;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 0.35714em;
  background-color: rgb(255, 255, 255);
  padding: 1.42857em 2.14286em;
  text-align: center;
  transition: all 0.2s ease-in-out 0s;
  border: 1px solid rgb(225, 225, 225);
}

.btn.-gray:hover {
  background-color: rgb(235, 235, 235);
}

.btn.-light-overlay {
  color: rgb(17, 17, 17);
  font-size: 0.875em;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 0.35714em;
  background-color: rgb(245, 245, 245);
  padding: 1.42857em 2.14286em;
  text-align: center;
  border: 0px;
  transition: all 0.2s ease-in-out 0s;
  display: inline-block;
}

.btn.-light-overlay:hover {
  background-color: rgb(225, 225, 225);
}

.blog-section:not(.-trending) .post-card.-small {
  display: flex;
  align-items: center;
  gap: 15px;
}

.post-card.-small .card__cover {
  max-height: 150px;
}

.post-card.-large .card__cover {
  max-height: 400px;
  flex: 1 1 0%;
}

.post-card.-large {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0px !important;
}

.editor_blog {
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  display: grid;
  margin-top: 30px;
}

.blog-section:not(.-trending) .post-card.-small .card__cover {
  width: 100px;
  max-height: 100%;
  min-height: 100px;
  height: auto;
  align-self: stretch;
  flex: 0 0 130px;
  margin-bottom: 0px;
}

.blog-section:not(.-trending) .post-card.-small .card__content-title {
  font-size: 16px !important;
}

.blog-section:not(.-trending) .post-card.-small .card__content-category {
  margin-bottom: 10px;
  font-size: 13px !important;
}

.post-card:not(-small) .card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* align-self: stretch; */
}

.news-block__content__slide .post-card:not(.-small, .-center) .card__content {
  border-radius: 0px;
  padding: 15px 0px 0 0;
  width: 100%;
  backdrop-filter: blur(6px);
  border-top: 1px solid rgba(255, 255, 255, 0.48);
}

.news-block__content__slide .post-card:not(.-small, .-center) .card__cover {
  border-radius: 10px;
  padding: 10px;
  height: 200px;
  background-color: white;
  overflow: hidden;
  border: 1px solid #0001;
  margin-bottom: 0px !important;
}

.news-block__content__slide .post-card:not(.-small, .-large) {
  overflow: hidden;
}


.news-block.-theme--blue .news-block__header .header__controller .header__controller__tab .tab-item.active {
  color: rgb(17, 210, 239);
}

.news-block.-theme--violet .news-block__header .header__controller .header__controller__tab .tab-item.active {
  color: var(--primary);
}

.news-block .news-block__header {
  font-size: 18px;
  display: flex;
  margin-bottom: 30px;
  align-items: center;
}

@media only screen and (max-width: 576px) {
  .news-block .news-block__header {
    flex-direction: column;
  }

  .news-block .news-block__header .header__controller__title {
    margin-bottom: 0.83333em;
  }
}

.news-block .news-block__header .header__controller__title {
  flex: 1 1 0%;
}

.news-block .news-block__header .header__controller {
  display: flex;
}

@media only screen and (max-width: 576px) {
  .news-block .news-block__header .header__controller .header__controller__tab {
    text-align: center;
  }
}

.news-block .news-block__header .header__controller .header__controller__tab .tab-item {
  color: rgb(136, 136, 136);
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  text-transform: capitalize;
  display: inline-block;
  margin: 0px 0.55556em;
}

.news-block .news-block__header .header__controller .header__controller__tab .tab-item:hover {
  color: rgb(17, 17, 17);
}

@media only screen and (max-width: 576px) {
  .news-block .news-block__header .header__controller .header__controller__tab .tab-item {
    line-height: 2.22222em;
  }
}

.news-block .news-block__header .header__controller .header__controller__tab .tab-item.active {
  color: var(--primary);
}

.news-block .news-block__tab {}

.news-block .news-block__tab:hover .slick-arrow {
  opacity: 1;
}

.news-block .news-block__tab .slick-arrow {
  background-color: var(--primary);
  border: 0px;
  color: rgb(255, 255, 255);
  font-size: 1em;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
  height: 50px;
  width: 40px;
  border-radius: 5px;
}

.news-block .news-block__tab .slick-arrow.slick-next {
  right: 0em;
}

.news-block .news-block__tab .slick-arrow.slick-prev {
  left: 0em;
}

@media only screen and (max-width: 1200px) {
  .news-block .news-block__tab .slick-arrow {
    opacity: 1;
  }

  .news-block .news-block__tab .slick-arrow.slick-next {
    right: 0px;
  }

  .news-block .news-block__tab .slick-arrow.slick-prev {
    left: 0px;
  }
}

.news-block .news-block__tab .news-block__tab__item {
  display: none;
}

@media only screen and (max-width: 768px) {
  .news-block .news-block__tab .news-block__tab__item {
    font-size: 15px;
  }
}

.news-block .news-block__tab .news-block__tab__item.active {
  display: block;
}

.news-block .news-block__tab .news-block__tab__item .news-block__content {
  color: red;
}

@media only screen and (max-width: 992px) {
  .news-block .news-block__tab .news-block__tab__item .news-block__content .news-block__content__slide .post-card.-large {
    display: none;
  }
}

@media only screen and (max-width: 576px) {
  .news-block .news-block__tab .news-block__tab__item .news-block__content .news-block__content__slide .post-card.-large {
    display: none;
  }
}

.news-block .news-block__tab .news-block__tab__item .news-block__content.-default .news-block__content__slide .post-card {
  position: relative;
  background-color: white;
  padding: 15px;
  border-radius: 5px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

.news-block .news-block__tab .news-block__tab__item .news-block__content.-default .news-block__content__slide .post-card.-large .card__cover {
  align-items: center;
  border: 2px solid #0002;
}

.news-block .news-block__tab .news-block__tab__item .news-block__content.-default .news-block__content__slide .post-card.-small .card__cover {
  align-items: center;
}

.news-block .news-block__tab .news-block__tab__item .news-block__content.-default .news-block__content__slide .post-card.-small .card__content .card__content-title {
  font-size: 1.125em;
  line-height: 1.5;
}

.news-block .news-block__tab .news-block__tab__item .news-block__content.-default .news-block__content__slide .post-card.-small .card__content .card__content-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz .news-block__content__slide .post-card.-large {
  margin-bottom: 1.875em;
}

.news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz .news-block__content__slide .post-card.-small .card__cover {
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz .news-block__content__slide .post-card.-small {
    margin-bottom: 1.875em;
  }
}

.news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small {
  margin-bottom: 1.875em;
}

.news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small .card__cover {
  align-items: center;
}

.news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small .card__content-title {
  font-size: 1.125em;
  margin-bottom: 0.625em;
}

.news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small .card__content-description {
  margin-top: 0.625em;
  margin-bottom: 0px;
}

@media only screen and (max-width: 576px) {
  .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small .card__content-info {
    flex-direction: column;
    align-items: flex-start;
  }

  .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small .card__content-info .info__time {
    margin-right: 0px;
    margin-bottom: 0.3125em;
  }
}

@media only screen and (max-width: 768px) {
  .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small {
    margin-bottom: 1.875em;
  }
}

.blog-flower .blog-flower__section.-video {
  background-color: transparent !important;
  padding: 0px !important;
}

.blog-flower .blog-flower__section.-video .news-block .video-container a {
  color: rgb(0, 0, 0);
}

.video-block {
  font-size: 16px;
  margin-bottom: 4.375rem;
}

.video-block .video-view {
  position: relative;
}

.video-block .video-view #video-list__title {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 5;
  color: rgb(255, 255, 255);
  font-size: 1.375em;
  font-weight: 500;
  line-height: 1.18182em;
  text-transform: capitalize;
}

.video-block .video-view #video-list-player {
  height: 475px;
}

.video-block .video-list {
  height: 475px;
  overflow-y: auto;
}

.video-block .video-list::-webkit-scrollbar {
  width: 5px;
}

.video-block .video-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.6);
}

.video-block .video-list::-webkit-scrollbar-thumb {
  background: rgb(17, 210, 239);
}

.video-block .video-list::-webkit-scrollbar-thumb:hover {
  background: rgb(0, 0, 0);
}

.video-block .video-list__header {
  background-color: rgb(17, 210, 239);
  padding: 1.875em;
}

.video-block .video-list__header h5 {
  color: rgb(255, 255, 255);
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 0.625em;
}

.video-block .video-list__header p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1em;
  font-weight: 400;
  line-height: 1;
}

.video-block .video-list__content {
  background-color: rgb(17, 17, 17);
  padding: 0.625em 0px;
}

.video-block .video-list__content__item {
  display: flex;
  padding: 0.625em 1.875em;
  color: rgb(255, 255, 255);
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.3125em;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  text-transform: capitalize;
}

.video-block .video-list__content__item:hover {
  color: rgb(222, 222, 222);
}

.video-block .video-list__content__item.active {
  background-color: rgb(17, 210, 239);
}

.video-block .video-list__content__item:hover {
  background-color: rgb(17, 210, 239);
}

.video-block .video-list__content__item .item__image img {
  height: 70px;
  width: 105px;
  object-fit: cover;
}

.video-block .video-list__content__item .item__detail {
  padding-left: 1.25em;
}

.video-block .video-list__content__item .item__detail h5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.625em;
}

.video-block .video-list__content__item .item__detail p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8125em;
  font-weight: 500;
  line-height: 1;
}

.pagination ul li {
  display: inline-block;
  margin-right: 5px;
}

.pagination ul li:first-child {
  margin-left: 0px;
  padding-left: 0px;
}

.pagination ul li:last-child {
  margin-right: 0px;
  padding-right: 0px;
}

.pagination ul li.active a {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}

.pagination ul li.active a:hover {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}

.pagination ul li a {
  color: rgb(68, 68, 68);
  font-size: 15px;
  font-weight: 400;
  border-radius: 999px;
  background-color: rgb(245, 245, 245);
  padding: 0px;
  text-align: center;
  border: 0px;
  transition: all 0.2s ease-in-out 0s;
  height: 40px;
  width: 40px;
  line-height: 40px;
  display: block;
}

.pagination ul li a:hover {
  background-color: rgb(225, 225, 225);
}

.social-block a {
  line-height: 1;
  color: var(--primary);
  font-size: 17px;
  font-weight: 600;
  border-radius: 50%;
  background-color: var(--primaryLight);
  padding: 0px;
  text-align: center;
  border: 0px;
  transition: all 0.2s ease-in-out 0s;
  height: 40px;
  width: 40px;
  display: inline-flex;
  margin-right: 1em;
  align-items: center;
  justify-content: center;
}

.social-block a:hover {
  background-color: var(--primary);
  color: rgb(255, 255, 255);
}

.social-block a:first-child {
  margin-left: 0px;
  padding-left: 0px;
}

.social-block a:last-child {
  margin-right: 0px;
  padding-right: 0px;
}

.post-footer {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.post-footer__tags {
  margin-bottom: 60px;
}

.post-footer__tags .tags-group .tag-btn {
  margin-bottom: 0px;
  padding: 0.9375em;
  font-size: 0.875em;
}

.post-footer__tags .tags-group .tag-btn:last-child {
  margin-right: 0px;
}

.post-footer__author {
  text-align: center;
  background-color: rgb(245, 245, 245);
  position: relative;
  display: flex;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  margin-top: 60px;
}

.post-footer__author .social {
  justify-content: center;
}

.post-footer__author .author__avatar {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
  margin-top: -60px;
}

.post-footer__author .author__avatar img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.post-footer__author .author__info {
  padding: 0px 3.75em 1.875em;
}

@media only screen and (max-width: 768px) {
  .post-footer__author .author__info {
    padding: 0px 1.875em 1.25em;
  }
}

.post-footer__author .author__info h5 {
  color: rgb(17, 17, 17);
  font-size: 1.375em;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.45455em;
}

.post-footer__author .author__info p {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.8em;
  margin-bottom: 0.66667em;
}

.post-footer__author .author__info .social-media a {
  color: rgb(17, 17, 17);
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  margin: 0px 0.625em;
}

.post-footer__author .author__info .social-media a:hover {
  color: var(--primary);
}

.post-footer__author .author__info .social-media a:first-child {
  margin-left: 0px;
  padding-left: 0px;
}

.post-footer__author .author__info .social-media a:last-child {
  margin-right: 0px;
  padding-right: 0px;
}

.post-footer__related {
  display: flex;
}

.post-footer__related__item {
  flex: 1 1 50%;
  max-width: 50%;
}

.post-footer__related__item:hover.-prev a i {
  margin-right: 1.25em;
}

.post-footer__related__item:hover.-next a i {
  margin-left: 1.25em;
}

.post-footer__related__item a {
  margin-bottom: 1.25em;
  display: block;
  color: rgb(17, 17, 17);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  text-transform: uppercase;
}

.post-footer__related__item a:hover {
  color: var(--primary);
}

.post-footer__related__item a i {
  transition: all 0.2s ease-in-out 0s;
}

.post-footer__related__item__content {
  display: flex;
}

.post-footer__related__item__content img {
  height: 70px;
  width: 70px;
  object-fit: cover;
  border-radius: 5px;
}

.post-footer__related__item__content .card__content-title {
  font-size: 16px;
}

.post-footer__related__item.-prev a i {
  margin-right: 0.625em;
}

.post-footer__related__item.-prev .post-footer__related__item__content img {
  margin-right: 20px;
}

.post-footer__related__item.-next a {
  text-align: right;
}

.post-footer__related__item.-next a i {
  margin-left: 0.625em;
}

.post-footer__related__item.-next .post-footer__related__item__content img {
  margin-left: 20px;
}

@media only screen and (max-width: 576px) {
  .post-footer__related {
    flex-direction: column;
  }

  .post-footer__related__item {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .post-footer__related__item.-prev {
    margin-bottom: 1.875em;
  }
}

.post-footer__comment__detail {}

.post-footer__comment__detail .comment__item {
  margin-bottom: 2.5em;
}

.post-footer__comment__detail .comment__item__avatar {
  height: 5.625em;
  margin-right: 1.5625em;
  flex: 0 0 90px;
}

.post-footer__comment__detail .comment__item__avatar img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50px;
}

.post-footer__comment__detail .comment__item__content__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.post-footer__comment__detail .comment__item__content__header h5 {
  color: rgb(17, 17, 17);
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
}

.post-footer__comment__detail .comment__item__content__header .data p {
  color: rgb(136, 136, 136);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
  display: inline-block;
  margin: 0px 0.76923em;
}

.post-footer__comment__detail .comment__item__content__header .data p:first-child {
  margin-left: 0px;
  padding-left: 0px;
}

.post-footer__comment__detail .comment__item__content__header .data p:last-child {
  margin-right: 0px;
  padding-right: 0px;
}

.post-footer__comment__detail .comment__item__content__header .data p i {
  margin-right: 0.625em;
}

@media only screen and (max-width: 576px) {
  .post-footer__comment__detail .comment__item__content__header {
    flex-direction: column;
  }

  .post-footer__comment__detail .comment__item__content__header h5 {
    margin-bottom: 0.625em;
  }
}

.post-footer__comment__detail .comment__item__content p {
  color: rgb(17, 17, 17);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8em;
}

.post-footer__comment__detail .comment__item__reply {
  padding-left: 50px;
  /* margin-top: 30px; */
}

.post-footer__comment__detail .comment__item__reply .comment__item {
  margin-bottom: 0px;
}

@media only screen and (max-width: 576px) {
  .post-footer__comment__detail .comment__item .comment__item__reply {
    padding-left: 1.875em;
  }
}

.post-footer__comment__form input {
  margin-bottom: 1.25em;
  background-color: white;
  border: 1px solid rgb(225, 225, 225);
  height: auto;
  width: 100%;
  transition: all 0.2s ease-in-out 0s;
  appearance: none;
  padding: 0.9375em 1.25em;
  color: rgb(68, 68, 68);
  font-size: 0.875em;
  font-weight: 400;
  border-radius: 0.3125em;
}

.post-footer__comment__form input:focus {
  outline: 0px;
  box-shadow: none;
}

.post-footer__comment__form input::-webkit-input-placeholder {
  color: rgb(174, 174, 174);
  font-size: 0.875em;
  font-weight: 400;
}

.post-footer__comment__form textarea {
  margin-bottom: 1.875em;
  background-color: white;
  border: 1px solid rgb(225, 225, 225);
  height: auto;
  width: 100%;
  transition: all 0.2s ease-in-out 0s;
  padding: 0.9375em 1.25em;
  appearance: none;
  color: rgb(68, 68, 68);
  font-size: 0.875em;
  font-weight: 400;
  border-radius: 0.3125em;
  font-family: "DM Sans", sans-serif !important;
}

.post-footer__comment__form textarea:focus {
  outline: 0px;
  box-shadow: none;
}

.post-footer__comment__form textarea::-webkit-placeholder {
  color: rgb(174, 174, 174);
  font-size: 0.875em;
  font-weight: 400;
}

.post-footer__comment__form textarea::placeholder {
  color: rgb(174, 174, 174);
  font-size: 0.875em;
  font-weight: 400;
}

.post-footer .comment-title {
  color: rgb(17, 17, 17);
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
  /* margin-bottom: 30px; */
}

.post-footer .comment-title span {
  background-color: rgb(255, 255, 255);
  padding-right: 30px;
}

.post-footer .comment-title::after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0.45455em;
  height: 1px;
  background-color: rgb(225, 225, 225);
  z-index: -1;
}

.author-info-block {
  font-size: 16px;
  background-color: var(--primary);
  padding: 1.5625em 0px 2.5em;
  border-radius: 0.3125em;
  margin-bottom: 4.375rem;
}

.author-info-block__avatar {
  height: 120px;
  width: 120px;
  border-radius: 999px;
  overflow: hidden;
  margin: 0px auto 1.5625em;
}

.author-info-block__avatar img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.author-info-block__info {
  text-align: center;
  max-width: 70%;
  margin: 0px auto;
}

.author-info-block__info h5 {
  color: rgb(17, 17, 17);
  font-size: 1.375em;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 1.13636em;
}

.author-info-block__info p {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.8em;
  margin-bottom: 1em;
}

.author-info-block__info .social-media a {
  color: rgb(17, 17, 17);
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  margin: 0px 0.625em;
}

.author-info-block__info .social-media a:hover {
  color: rgb(255, 255, 255);
}

.author-info-block__info .social-media a:first-child {
  margin-left: 0px;
  padding-left: 0px;
}

.author-info-block__info .social-media a:last-child {
  margin-right: 0px;
  padding-right: 0px;
}

@media only screen and (max-width: 768px) {
  .author-info-block__info {
    max-width: 100%;
    padding: 0px 0.9375em;
  }
}

.checkbox-group.-round.customed .checkmark {
  border-radius: 999px;
}

.checkbox-group.customed {
  display: block;
  position: relative;
  padding-left: 1.875em;
  margin-bottom: 12px;
  cursor: pointer;
  user-select: none;
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 500;
  line-height: 1;
  text-transform: capitalize;
}

.checkbox-group.customed:hover input~.checkmark {
  background-color: rgb(230, 230, 230);
}

.checkbox-group.customed .checkmark {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 15px;
  width: 15px;
  background-color: rgb(216, 216, 216);
  border-radius: 0.2em;
}

.checkbox-group.customed input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0px;
  width: 0px;
}

.checkbox-group.customed input:checked~.checkmark {
  background-color: var(--primary);
}

.checkbox-group.customed input:checked~.checkmark::after {
  font-size: 10px;
  left: 2.5px;
  top: 3px;
}

.product__image {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5625em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product__image:hover::after {
  opacity: 1;
}

.product__image:hover .btn {
  top: 50%;
  transform: translateY(-50%);
}

.product__image::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  inset: 0px;
  z-index: 1;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}

.product__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.product__image .btn {
  z-index: 2;
  display: inline-block;
  position: absolute;
  top: -200px;
}

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

.product__content__left {
  color: red;
}

.product__content__left a {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 500;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  text-transform: capitalize;
  display: block;
  margin-bottom: 0.3125em;
}

.product__content__left a:hover {
  color: var(--primary);
}

.product__content__left .star i {
  font-size: 0.625em;
  color: rgb(227, 192, 28);
}

.product__content__right h3 {
  color: rgb(17, 17, 17);
  font-size: 1.375em;
  font-weight: 700;
  line-height: 1;
}

.tab .tab-header {
  margin-bottom: 2.8125em;
}

@media only screen and (max-width: 768px) {
  .tab .tab-header ul {
    overflow-x: auto;
    white-space: nowrap;
  }
}

.tab .tab-header ul>li {
  display: inline-block;
  margin: 0px 1.5625em;
}

.tab .tab-header ul>li:first-child {
  margin-left: 0px;
  padding-left: 0px;
}

.tab .tab-header ul>li:last-child {
  margin-right: 0px;
  padding-right: 0px;
}

.tab .tab-header ul>li>a {
  color: rgb(136, 136, 136);
  font-size: 1.125em;
  font-weight: 600;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
}

.tab .tab-header ul>li>a:hover {
  color: rgb(17, 17, 17);
}

.tab .tab-header ul>li>a.active {
  color: rgb(17, 17, 17);
}

.tab .tab-content__item {
  display: none;
}

.tab .tab-content__item.active {
  display: block;
}

.quantity-controller {
  padding: 0px 1.25em;
  border: 1px solid var(--primary);
  display: flex;
  align-items: center;
  margin-right: 0.625em;
  height: 3.125em;
}

.quantity-controller input {
  border: 0px;
  text-align: center;
  max-width: 3.75em;
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 600;
  line-height: 1;
}

.quantity-controller a {
  color: rgb(17, 17, 17);
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
}

.quantity-controller a:hover {
  color: var(--primary);
}

.breadcrumb {
  padding: 0px 0px 20px;
}

.breadcrumb ul>li {
  display: inline-block;
}

.breadcrumb ul>li>a {
  color: rgb(17, 17, 17);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
}

.breadcrumb ul>li>a:hover {
  color: rgb(17, 17, 17);
}

.breadcrumb ul>li>a i {
  margin-right: 0.625em;
}

.breadcrumb ul>li>a::after {
  content: ">";
  padding: 0px 0.66667em;
}

.breadcrumb ul>li.active>a {
  color: rgb(136, 136, 136);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
}

.breadcrumb ul>li.active>a:hover {
  color: rgb(17, 17, 17);
}

.breadcrumb ul>li.active>a::after {
  display: none;
}

.error-404 {
  font-size: 16px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 768px) {
  .error-404__content {
    margin-bottom: 3.125em;
  }
}

.error-404__content h2 {
  color: rgb(17, 17, 17);
  font-size: 2.25em;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.27778em;
}

.error-404__content p {
  color: rgb(17, 17, 17);
  font-size: 1.0625em;
  font-weight: 500;
  line-height: 1.58824em;
  margin-bottom: 2.1875em;
}

.error-404__content form {
  position: relative;
  margin-bottom: 1.875em;
}

.error-404__content form input {
  background-color: white;
  border: 1px solid rgb(225, 225, 225);
  height: auto;
  width: 100%;
  transition: all 0.2s ease-in-out 0s;
  appearance: none;
  padding: 1.07143em 1.42857em;
  color: rgb(68, 68, 68);
  font-size: 14px;
  font-weight: 400;
  border-radius: 0.35714em;
}

.error-404__content form input:focus {
  outline: 0px;
  box-shadow: none;
}

.error-404__content form input::-webkit-input-placeholder {
  color: rgb(174, 174, 174);
  font-size: 14px;
  font-weight: 400;
}

.error-404__content form button {
  background-color: transparent;
  border: 0px;
  color: rgb(17, 17, 17);
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.error-404__content form button:hover {
  color: var(--primary);
}

.error-404__image {
  padding-left: 1.875em;
}

.error-404__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 768px) {
  .error-404__image {
    padding-left: 0px;
  }
}

.about-us {
  margin-bottom: 0px;
}

.about-us__image {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .about-us__image {
    margin-bottom: 1.875em;
    padding-right: 0px;
  }
}

.about-us__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.about-us__content h3 {
  color: rgb(17, 17, 17);
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.about-us__content p {
  color: rgb(17, 17, 17);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8em;
  margin-bottom: 15px;
}

.about-us__content .follow p {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 600;
  line-height: 1;
}

.load-more-btn {
  margin-bottom: 5rem;
}

.load-more-btn.mb-0 {
  margin-bottom: 0px;
}

.blog-masonry {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 30px;
}

.blog-masonry .post-card {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.blog-masonry .card__cover {
  max-height: 200px;
}

@media only screen and (max-width: 768px) {
  .blog-masonry .post-card {
    width: calc(50% - 15px);
  }
}

@media only screen and (max-width: 576px) {
  .blog-masonry .post-card {
    width: calc(100%);
  }
}

.blog-with-sidebar div[class^="post-card"] {
  margin-bottom: 60px;
}

.blog-masonry-sidebar {
  margin-bottom: 5rem;
}

.blog-masonry-sidebar .blog-masonry-sidebar__content {
  margin-bottom: 0px;
}

.blog-masonry-sidebar .blog-masonry-sidebar__content .post-card {
  width: calc(50% - 15px);
}

@media only screen and (max-width: 576px) {
  .blog-masonry-sidebar .blog-masonry-sidebar__content .post-card {
    width: 100%;
  }
}

.blog-imageless {
  margin-bottom: 1.875rem;
}

.blog-imageless .post-card.-image-less {
  padding-bottom: 3.125em;
  margin-bottom: 3.125em;
  border-bottom: 1px solid rgb(225, 225, 225);
}

.blog-imageless-mansonry {
  font-size: 18px;
}

@media only screen and (max-width: 1200px) {
  .blog-imageless-mansonry {
    font-size: 17px;

  }

}

@media only screen and (max-width: 768px) {
  .blog-imageless-mansonry {
    font-size: 17px;
  }
}

@media only screen and (max-width: 576px) {
  .blog-imageless-mansonry {
    font-size: 16px;
  }
}

.blog-imageless-mansonry__categories {
  margin-bottom: 4.375rem;
}

.blog-imageless-mansonry__categories .category {
  margin-bottom: 0px;
}

.blog-imageless-mansonry__categories .category .category__background {
  height: 11.1111em;
  width: 11.1111em;
}

@media only screen and (max-width: 1200px) {
  .blog-imageless-mansonry__categories .category .category__background {
    height: 8.88889em;
    width: 8.88889em;
  }
}

@media only screen and (max-width: 768px) {
  .blog-imageless-mansonry__categories .category .category__background {
    height: 8.33333em;
    width: 8.33333em;
  }
}

@media only screen and (max-width: 576px) {
  .blog-imageless-mansonry__categories .category .category__background {
    height: 8.33333em;
    width: 8.33333em;
  }
}

.blog-imageless-mansonry__content {
  margin-bottom: 2.22222em;
}

.blog-imageless-mansonry__content .post-card {
  width: calc(25% - 15px);
  margin-bottom: 1.11111em;
}

.blog-imageless-mansonry__content .post-card.-big {
  width: calc(50% - 15px);
  height: 388px;
}

.blog-imageless-mansonry__content .post-card.-long {
  height: 388px;
}

.blog-imageless-mansonry__content .post-card.-small {
  height: 187px;
}

@media only screen and (max-width: 992px) {
  .blog-imageless-mansonry__content .post-card {
    width: calc(50% - 15px) !important;
  }
}

@media only screen and (max-width: 576px) {
  .blog-imageless-mansonry__content .post-card {
    width: 100% !important;
  }
}

.blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide {
  width: 100%;
  margin-bottom: 1.875em;
}

.blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide::after {
  content: "";
  display: block;
  clear: both;
}

.blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-sizer,
.blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item {
  width: 16.6667%;
}

.blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item {
  float: left;
  margin-bottom: 1em;
  padding: 0px 0.625em;
}

.blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item .post-card {
  height: 100%;
}

.blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-large {
  height: 848px;
  width: 33.3333%;
}

.blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-big {
  height: 414px;
  width: 33.3333%;
}

.blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-long {
  height: 414px;
}

.blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-small {
  height: 197px;
}

@media only screen and (max-width: 1400px) {

  .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-large,
  .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-big,
  .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-long,
  .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-small {
    height: auto;
    width: 33.3333%;
  }
}

@media only screen and (max-width: 992px) {

  .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-large,
  .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-big,
  .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-long,
  .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-small {
    height: auto;
    width: 50%;
  }
}

@media only screen and (max-width: 576px) {

  .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-large,
  .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-big {
    height: auto;
    width: 100%;
  }

  .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-long,
  .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-small {
    height: auto;
    width: 100%;
  }
}

.blog-ocean__slider {
  font-size: 16px;
  margin-bottom: 5em;
}

@media only screen and (max-width: 576px) {
  .blog-ocean__slider {
    font-size: 15px;
  }
}

.blog-ocean__slider__item {
  position: relative;
}

.blog-ocean__slider__item .slider-item__image {
  height: 40em;
}

.blog-ocean__slider__item .slider-item__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.blog-ocean__slider__item .slider-item__content {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  background-color: rgb(255, 255, 255);
  transform: translate(-50%, -50%);
  padding: 1.875em 4.375em;
}

@media only screen and (max-width: 576px) {
  .blog-ocean__slider__item .slider-item__content {
    padding: 0.9375em 1.875em;
    width: 70%;
  }
}

.blog-ocean__slider .slick-arrow {
  background-color: rgb(255, 255, 255);
  border: 0px;
  color: rgb(136, 136, 136);
  font-size: 1em;
  top: 50%;
  transform: translateY(-50%);
  padding: 15px;
  position: absolute;
  z-index: 1;
}

.blog-ocean__slider .slick-arrow.slick-next {
  right: 0px;
}

.blog-ocean__slider .slick-arrow.slick-prev {
  left: 0px;
}

.blog-food {
  margin-bottom: 5rem;
}

.blog-food .blog-food__slide__wrapper {
  padding: 3.125em;
  background-color: rgb(245, 245, 245);
  margin-bottom: 5rem;
}

.blog-food .blog-food__slide__wrapper .blog-food__slide {
  margin: 0px -0.3125em;
}

.blog-food .blog-food__slide__wrapper .blog-food__slide .slick-arrow {
  background-color: rgb(255, 255, 255);
  border: 0px;
  color: rgb(136, 136, 136);
  font-size: 1em;
  top: 50%;
  transform: translateY(-50%);
  padding: 15px;
  position: absolute;
  z-index: 1;
}

.blog-food .blog-food__slide__wrapper .blog-food__slide .slick-arrow.slick-next {
  right: 0px;
}

.blog-food .blog-food__slide__wrapper .blog-food__slide .slick-arrow.slick-prev {
  left: 0px;
}

.blog-food .blog-food__slide__wrapper .blog-food__slide .blog-food__slide__item {
  padding: 0.3125em;
}

.blog-food .blog-food__slide__wrapper .blog-food__slide .blog-food__slide__item .post-card .card__content {
  max-width: 80%;
}

@media only screen and (max-width: 992px) {
  .blog-food .blog-food__section.-trending .news-block .news-block__tab .news-block__tab__item .news-block__content .news-block__content__slide .post-card.-large {
    display: block;
  }

  .blog-food .blog-food__section.-trending .news-block .news-block__tab .news-block__tab__item .news-block__content .news-block__content__slide .post-card.-large .card__cover {
    height: 17.5em;
  }
}

.blog-food .blog-food__section.-video,
.blog-food .post .blog-food__section.post-standard.-audio,
.post .blog-food .blog-food__section.post-standard.-audio,
.blog-food .post .blog-food__section.post-standard.-quote,
.post .blog-food .blog-food__section.post-standard.-quote {
  padding: 3.125em;
  background-color: rgb(245, 245, 245);
  margin-bottom: 4.375rem;
}

.blog-food .blog-food__section.-video .news-block,
.blog-food .post .blog-food__section.post-standard.-audio .news-block,
.post .blog-food .blog-food__section.post-standard.-audio .news-block,
.blog-food .post .blog-food__section.post-standard.-quote .news-block,
.post .blog-food .blog-food__section.post-standard.-quote .news-block {
  margin-bottom: 0px;
}

.blog-food .blog-food__section.-video .news-block .video-container,
.blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container,
.post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container,
.blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container,
.post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container {
  margin-bottom: 0.3125em;
  position: relative;
}

.blog-food .blog-food__section.-video .news-block .video-container a,
.blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container a,
.post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container a,
.blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container a,
.post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container a {
  position: absolute;
  bottom: 0.9375em;
  left: 0.9375em;
  right: 0.9375em;
  z-index: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media only screen and (max-width: 576px) {

  .blog-food .blog-food__section.-video .news-block .video-container a,
  .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container a,
  .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container a,
  .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container a,
  .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container a {
    display: none;
  }
}

.blog-food .blog-food__section.-video .news-block .video-container.-big,
.blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-big,
.post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-big,
.blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-big,
.post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-big {
  margin-bottom: 0px;
  min-height: 100%;
  padding-bottom: 0.3125em;
  padding-right: 0.15625em;
}

.blog-food .blog-food__section.-video .news-block .video-container.-big a,
.blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-big a,
.post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-big a,
.blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-big a,
.post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-big a {
  color: rgb(255, 255, 255);
  font-size: 1.375em;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.18182em;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
}

.blog-food .blog-food__section.-video .news-block .video-container.-big a:hover,
.blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-big a:hover,
.post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-big a:hover,
.blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-big a:hover,
.post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-big a:hover {
  color: var(--primary);
}

.blog-food .blog-food__section.-video .news-block .video-container.-big a:hover,
.blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-big a:hover,
.post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-big a:hover,
.blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-big a:hover,
.post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-big a:hover {
  text-decoration: underline;
}

.blog-food .blog-food__section.-video .news-block .video-container.-small,
.blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-small,
.post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-small,
.blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-small,
.post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-small {
  padding: 0px 0.15625em;
}

.blog-food .blog-food__section.-video .news-block .video-container.-small a,
.blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-small a,
.post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-small a,
.blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-small a,
.post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-small a {
  color: rgb(255, 255, 255);
  font-size: 1.125em;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.27778em;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  bottom: 0.27778em;
}

.blog-food .blog-food__section.-video .news-block .video-container.-small a:hover,
.blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-small a:hover,
.post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-small a:hover,
.blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-small a:hover,
.post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-small a:hover {
  color: var(--primary);
}

.blog-food .blog-food__section.-video .news-block .video-container.-small a:hover,
.blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-small a:hover,
.post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-small a:hover,
.blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-small a:hover,
.post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-small a:hover {
  text-decoration: underline;
}

.blog-food .blog-food__section.-video .news-block .video-container.mb-0,
.blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.mb-0,
.post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.mb-0,
.blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.mb-0,
.post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.mb-0 {
  margin-bottom: 0px;
}

.blog-food .blog-food__section.-video .news-block .video-container .plyr__video-embed,
.blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container .plyr__video-embed,
.post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container .plyr__video-embed,
.blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container .plyr__video-embed,
.post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container .plyr__video-embed {
  border-radius: 0.3125em;
}

@media only screen and (max-width: 768px) {

  .blog-food .blog-food__section.-video,
  .blog-food .post .blog-food__section.post-standard.-audio,
  .post .blog-food .blog-food__section.post-standard.-audio,
  .blog-food .post .blog-food__section.post-standard.-quote,
  .post .blog-food .blog-food__section.post-standard.-quote {
    padding: 1.875em;
  }
}

.blog-food .blog-food__section.-lastest-post .news-block {
  margin-bottom: 0px;
}

.blog-food .blog-food__section.-lastest-post .news-block .post-card .card__cover {
  flex: 1 1 40%;
  max-width: 40%;
}

.blog-food .blog-food__section.-lastest-post .news-block .post-card .card__content {
  flex: 1 1 60%;
  max-width: 60%;
}

.blog-food .blog-food__section.-lastest-post .news-block .post-card .card__content a {
  font-size: 1.375em !important;
}

.blog-food .blog-sidebar .blog-sidebar-section .category-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25em;
}

@media only screen and (max-width: 768px) {
  .blog-food .blog-sidebar .blog-sidebar-section .category-block {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 576px) {
  .blog-food .blog-sidebar .blog-sidebar-section .category-block {
    grid-template-columns: 1fr 1fr;
  }
}

.blog-food .blog-sidebar .blog-sidebar-section .category-block .category {
  margin-bottom: 0px;
}

.blog-food .blog-sidebar .blog-sidebar-section .category-block .category h5 {
  font-size: 0.875em;
}


.blog-flower__slide .slick-track {
  padding: 10px 0;
  /* width: 100% !important; */
}

.blog-flower .blog-flower__slide__wrapper .blog-flower__slide {
  margin: 0px -0.3125em;
  width: 100% !important;
}

.slick-arrow {
  border: 0px;
  color: rgb(255, 255, 255);
  font-size: 1em;
  top: 50%;
  transform: translateY(-50%);
  background: var(--primary);
  position: absolute;
  z-index: 1;
  height: 50px;
  width: 40px;
  border-radius: 5px;
}

.slick-arrow.slick-next {
  right: 0px;
}

.slick-arrow.slick-prev {
  left: 0px;
}

.slick-active {}

.blog-flower .blog-sidebar .blog-sidebar-section .category-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25em;
}

@media only screen and (max-width: 768px) {
  .blog-flower .blog-sidebar .blog-sidebar-section .category-block {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 576px) {
  .blog-flower .blog-sidebar .blog-sidebar-section .category-block {
    grid-template-columns: 1fr 1fr;
  }
}

.blog-flower .blog-sidebar .blog-sidebar-section .category-block .category {
  margin-bottom: 0px;
}

.blog-flower .blog-sidebar .blog-sidebar-section .category-block .category h5 {
  font-size: 0.875em;
}

.blog-flower .blog-flower__section.-video,
.blog-flower .post .blog-flower__section.post-standard.-audio,
.post .blog-flower .blog-flower__section.post-standard.-audio,
.blog-flower .post .blog-flower__section.post-standard.-quote,
.post .blog-flower .blog-flower__section.post-standard.-quote {
  padding: 3.125em;
  background-color: rgb(245, 245, 245);
}

.blog-flower .blog-flower__section.-video .news-block,
.blog-flower .post .blog-flower__section.post-standard.-audio .news-block,
.post .blog-flower .blog-flower__section.post-standard.-audio .news-block,
.blog-flower .post .blog-flower__section.post-standard.-quote .news-block,
.post .blog-flower .blog-flower__section.post-standard.-quote .news-block {
  margin-bottom: 0px;
}

.blog-flower .blog-flower__section.-video .news-block .video-container,
.blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container,
.post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container,
.blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container,
.post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container {
  position: relative;
  padding: 0px 0.15625em;
}

.blog-flower .blog-flower__section.-video .news-block .video-container a,
.blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container a,
.post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container a,
.blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container a,
.post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container a {
  position: absolute;
  bottom: 0.9375em;
  left: 0.9375em;
  right: 0.9375em;
  z-index: 5;
  color: rgb(255, 255, 255);
  font-size: 1.125em;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.27778em;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.blog-flower .blog-flower__section.-video .news-block .video-container a:hover,
.blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container a:hover,
.post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container a:hover,
.blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container a:hover,
.post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container a:hover {
  color: var(--primary);
}

.blog-flower .blog-flower__section.-video .news-block .video-container a:hover,
.blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container a:hover,
.post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container a:hover,
.blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container a:hover,
.post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 576px) {

  .blog-flower .blog-flower__section.-video .news-block .video-container a,
  .blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container a,
  .post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container a,
  .blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container a,
  .post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container a {
    display: none;
  }
}

.blog-flower .blog-flower__section.-video .news-block .video-container .plyr__video-embed,
.blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container .plyr__video-embed,
.post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container .plyr__video-embed,
.blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container .plyr__video-embed,
.post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container .plyr__video-embed {
  border-radius: 0.3125em;
}

#content {}

#content.no-pd {}

#content.breadcrumb-pd {
  padding-top: 8.75rem;
}

.contact-us {
  font-size: 16px;
  margin-bottom: 30px;
}

.contact-us .contact-title {
  color: rgb(17, 17, 17);
  font-size: 1.375em;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1.36364em;
}

.contact-us__info {
  margin-bottom: 1.875rem;
}

.contact-us__info .contact-description {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.73333em;
  margin-bottom: 2em;
}

.contact-us__info .contact-method__item {
  display: flex;
  align-items: center;
  margin-bottom: 1.25em;
}

.contact-us__info .contact-method__item i {
  height: 3.125em;
  width: 3.125em;
  border: 1px solid rgb(225, 225, 225);
  border-radius: 999px;
  text-align: center;
  line-height: 3.125em;
  color: var(--primary);
  margin-right: 1.25em;
}

@media only screen and (max-width: 768px) {
  .contact-us__form {
    margin-top: 3.125rem;
  }
}

.contact-us__form form input {
  background-color: white;
  border: 1px solid rgb(225, 225, 225);
  height: auto;
  width: 100%;
  transition: all 0.2s ease-in-out 0s;
  appearance: none;
  padding: 1.07143em 1.42857em;
  color: rgb(68, 68, 68);
  font-size: 14px;
  font-weight: 400;
  border-radius: 0.35714em;
  margin-bottom: 1.42857em;
}

.contact-us__form form input:focus {
  outline: 0px;
  box-shadow: none;
}

.contact-us__form form input::-webkit-input-placeholder {
  color: rgb(174, 174, 174);
  font-size: 14px;
  font-weight: 400;
}

.contact-us__form form textarea {
  background-color: white;
  border: 1px solid rgb(225, 225, 225);
  height: auto;
  width: 100%;
  transition: all 0.2s ease-in-out 0s;
  padding: 1.42857em;
  appearance: none;
  color: rgb(68, 68, 68);
  font-size: 14px;
  font-weight: 400;
  border-radius: 0.35714em;
  margin-bottom: 1.42857em;
  font-family: "DM Sans", sans-serif !important;
}

.contact-us__form form textarea:focus {
  outline: 0px;
  box-shadow: none;
}

.contact-us__form form textarea::-webkit-placeholder {
  color: rgb(174, 174, 174);
  font-size: 14px;
  font-weight: 400;
}

.contact-us__form form textarea::placeholder {
  color: rgb(174, 174, 174);
  font-size: 14px;
  font-weight: 400;
}

#load {
  position: fixed;
  inset: 0px;
  background-color: rgb(255, 255, 255);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

#load .load__content .load__icon img {
  height: 80px;
  width: 80px;
}

.category {
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
  .category {
    font-size: 14px;
  }
}

.category .category__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.133);
}

.category .category__header .category__header__text h5 {
  color: rgb(17, 17, 17);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  margin-right: 0.22727em;
}

.category .category__header .category__header__text a {
  color: rgb(17, 17, 17);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  display: inline-block;
}

.category .category__header .category__header__text a:hover {
  color: rgb(68, 68, 68);
}

.category .category_content {
  margin-bottom: 1.25rem;
  width: 100%;
}

.category .category_content .post-card {
  margin-bottom: 30px;
  align-items: center;
}

.category .category_content.-grid .post-card {
  width: calc(50% - 10px);
}

@media only screen and (max-width: 576px) {
  .category .category_content.-grid .post-card {
    width: 100%;
  }
}

.category .category_content.-list .post-card .card__cover {
  max-height: 200px;
  max-width: 30%;
}

.post-standard:not(.-full) {
  padding: 40px 0px;
}

.comment__item:last-child {
  margin-bottom: 0px !important;
}

.post-footer__comment {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.post-footer__comment .comment-title {
  margin-bottom: 0px;
}

.post {
  font-size: 16px;
}

.post .post-standard #post-share {
  position: absolute;
  left: -80px;
  top: 5px;
  display: flex;
  flex-direction: column;
}

.post .post-standard #post-share h5 {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 2em;
}

.post .post-standard #post-share .social-media a {
  color: rgb(255, 255, 255);
  font-size: 0.875em;
  font-weight: 600;
  line-height: 2.85714em;
  border-radius: 999px;
  background-color: rgb(245, 245, 245);
  padding: 0px;
  text-align: center;
  border: 0px;
  transition: all 0.2s ease-in-out 0s;
  display: block;
  height: 2.85714em;
  width: 2.85714em;
  margin: 0px auto 1.07143em;
}

.post .post-standard #post-share .social-media a:hover {
  background-color: rgb(225, 225, 225);
}

@media only screen and (max-width: 1400px) {
  .post .post-standard #post-share {
    position: unset;
    flex-direction: row;
    align-items: center;
  }

  .post .post-standard #post-share h5 {
    margin-bottom: 0px;
    margin-right: 2em;
  }

  .post .post-standard #post-share .social-media a {
    display: inline-block;
    margin: 0px 0.35714em;
  }

  .post .post-standard #post-share .social-media a:first-child {
    margin-left: 0px;
    padding-left: 0px;
  }

  .post .post-standard #post-share .social-media a:last-child {
    margin-right: 0px;
    padding-right: 0px;
  }
}

.post .post-standard__banner {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  min-height: 300px;
}

@media only screen and (max-width: 768px) {
  .post .post-standard__banner {
    height: 30em;
  }
}

.post .post-standard__banner:hover .post-standard__banner__image img {
  transform: scale(1.15);
  transition: all 5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.post .post-standard__banner__image {
  position: absolute;
  inset: 0px;
  z-index: -1;
  overflow: hidden;
}

.post .post-standard__banner__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all 3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.post .post-standard__banner__content {
  background-color: rgb(255, 255, 255);
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.post .post-standard__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.post .post-standard__content .paragraph {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.8em;
}

.post .post-standard__content .post-card-quote {}

@media only screen and (max-width: 768px) {}

@media only screen and (max-width: 576px) {
  .post .post-standard__content .image.right {
    margin-left: 0px;
  }
}

.post .post-standard.-full .post-standard__banner__content .post-card .card__content {
  max-width: 600px;
}

.post .post-standard.-full .post-standard__banner__content .post-card .card__content .card__content-title {
  font-size: 25px;
}

@media only screen and (max-width: 768px) {
  .post .post-standard.-full .post-standard__banner__content .post-card .card__content .card__content-title {
    font-size: 1.375em;
  }
}

.post .post-standard.-slide .post-title {
  margin-bottom: 3.125em;
}

.post .post-standard.-slide .post-title .card__content .card__content-title {
  font-size: 1.875em;
}

.post .post-standard.-video .post-title,
.post .post-standard.-audio .post-title,
.post .post-standard.-quote .post-title {
  margin-bottom: 3.125em;
}

.post .post-standard.-video .post-video,
.post .post-standard.-audio .post-video,
.post .post-standard.-quote .post-video {
  margin-bottom: 1.875em;
}

.post .post-standard.-audio .post-audio {
  margin-bottom: 1.875em;
}

.post .post-standard.-audio .post-audio .plyr__controls {
  background-color: rgb(245, 245, 245);
}

.post .post-standard.-quote .post-quote {
  text-align: center;
  background-color: var(--primary);
  padding: 2.5em 5.625em;
  border-radius: 0.3125em;
  margin-bottom: 1.875em;
}

@media only screen and (max-width: 768px) {
  .post .post-standard.-quote .post-quote {
    padding: 1.25em 2.5em;
  }
}

.post .post-standard.-quote .post-quote .post-quote-info {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25em;
}

.post .post-standard.-quote .post-quote .post-quote-info .info__time {
  margin-right: 0.9375em;
}

.post .post-standard.-quote .post-quote .post-quote-info i,
.post .post-standard.-quote .post-quote .post-quote-info p {
  display: inline-block;
  color: rgb(255, 255, 255);
  font-size: 0.8125em;
  font-weight: 400;
  line-height: 1;
}

.post .post-standard.-quote .post-quote .post-quote-info i {
  margin-right: 0.625em;
}

.post .post-standard.-quote .post-quote h3 {
  color: rgb(255, 255, 255);
  font-size: 1.625em;
  font-weight: 700;
  line-height: 1.46154em;
  margin-bottom: 0.625em;
  position: relative;
}

.post .post-standard.-quote .post-quote h3::before {
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 0px;
  left: -30px;
  font-size: 1em;
}

.post .post-standard.-quote .post-quote h3::after {
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  bottom: 0px;
  right: -30px;
  font-size: 1em;
}

.post .post-standard.-quote .post-quote p {
  color: rgb(255, 255, 255);
  font-size: 0.8125em;
  font-weight: 400;
  line-height: 1;
}

.shop {
  font-size: 16px;
}

.shop__filter-sibebar {
  padding-right: 1.875em;
}

@media only screen and (max-width: 768px) {
  .shop__filter-sibebar {
    padding-right: 0px;
  }
}

.shop__filter-sibebar__section {
  margin-bottom: 3.75rem;
}

.shop__filter-sibebar__section.-price form {
  display: flex;
  align-items: center;
}

.shop__filter-sibebar__section.-price form span {
  margin: 0px 0.625em;
  flex: 1 1 10%;
  max-width: 10%;
  text-align: center;
}

.shop__filter-sibebar__section.-price form .range-input {
  display: flex;
  align-items: center;
  background-color: rgb(245, 245, 245);
  padding: 0.9375em 1.25em;
  flex: 1 1 45%;
  max-width: 45%;
}

.shop__filter-sibebar__section.-price form .range-input input {
  max-width: 100px;
  background-color: transparent;
  height: auto;
  width: 60px;
  transition: all 0.2s ease-in-out 0s;
  appearance: none;
  padding: 0px 10px;
  color: rgb(68, 68, 68);
  font-size: 14px;
  font-weight: 400;
  border-radius: 0px;
  border: 0px;
}

.shop__filter-sibebar__section.-price form .range-input input:focus {
  outline: 0px;
  box-shadow: none;
}

.shop__filter-sibebar__section.-price form .range-input input::-webkit-input-placeholder {
  color: rgb(174, 174, 174);
  font-size: 14px;
  font-weight: 400;
}

.shop__products__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.5em;
}

.shop__products__header h5 {
  color: rgb(17, 17, 17);
  font-weight: 400;
  line-height: 1;
}

.shop__products__header h5 span {
  font-weight: 600;
  margin-right: 0.66667em;
}

@media only screen and (max-width: 768px) {
  .shop__products__header {
    flex-direction: column;
  }
}

@media only screen and (max-width: 576px) {
  .shop__products__header h5 {
    margin-bottom: 0.9375em;
  }
}

.shop__products__header .product-filter {
  display: flex;
}

.shop__products__header .product-filter .select-group span {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 500;
  line-height: 1;
}

.shop__products__header .product-filter .select-group select {
  border: 0px;
  cursor: pointer;
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 700;
  line-height: 1;
}

.shop__products__header .product-filter .select-group:first-child {
  margin-right: 1.875em;
}

@media only screen and (max-width: 768px) {
  .shop__products__header .product-filter {
    flex-direction: column;
    align-items: center;
  }

  .shop__products__header .product-filter .select-group:first-child {
    margin-right: 0px;
    margin-bottom: 0.9375em;
  }
}

.shop__products__content .product {
  margin-bottom: 2.5em;
}

.shop-detail {
  font-size: 16px;
}

.shop-detail .type-block {
  display: flex;
  margin-bottom: 1.25em;
}

.shop-detail .type-block:last-child {
  margin-bottom: 0px;
}

.shop-detail .type-block p {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 500;
  line-height: 1.73333em;
}

.shop-detail .type-block .type-name {
  flex: 1 1 30%;
  max-width: 30%;
  font-weight: 400;
}

.shop-detail .type-block .type-detail {
  flex: 1 1 70%;
  max-width: 70%;
}

.shop-detail__image {
  max-width: calc(100% - 30px);
}

@media only screen and (max-width: 768px) {
  .shop-detail__image {
    max-width: 100%;
    margin-bottom: 1.875em;
  }
}

.shop-detail__image .slider div img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.shop-detail__image .slider-single {
  margin-bottom: 1.25em;
}

.shop-detail__image .slider-nav {
  margin: 0px -0.625em;
}

.shop-detail__image .slider-nav__item {
  padding: 0px 0.625em;
}

.shop-detail__image .slider-nav__item img {
  border: 2px solid transparent;
}

.shop-detail__image .slider-nav__item.is-active img {
  border: 2px solid var(--primary);
  border-radius: 0.3125em;
}

.shop-detail__image .slider-nav .slick-arrow {
  background-color: rgb(255, 255, 255);
  border: 0px;
  color: rgb(136, 136, 136);
  font-size: 0.875em;
  top: 50%;
  transform: translateY(-50%);
  padding: 1.07143em;
  position: absolute;
  z-index: 1;
}

.shop-detail__image .slider-nav .slick-arrow.slick-next {
  right: 0.625em;
}

.shop-detail__image .slider-nav .slick-arrow.slick-prev {
  left: 0.625em;
}

@media only screen and (max-width: 768px) {
  .shop-detail__content {
    padding-left: 0px;
  }
}

.shop-detail__content__top {
  border-bottom: 1px solid rgb(225, 225, 225);
  margin-bottom: 2.5em;
}

.shop-detail__content__top h1 {
  color: rgb(17, 17, 17);
  font-size: 1.875em;
  font-weight: 700;
  line-height: 1.6em;
}

.shop-detail__content__top .brand {
  color: rgb(17, 17, 17);
  font-size: 0.875em;
  font-weight: 500;
  line-height: 1.85714em;
}

.shop-detail__content__top .rate {
  margin-bottom: 1.875em;
}

.shop-detail__content__top .rate .star {
  display: inline-block;
  margin-right: 0.625em;
}

.shop-detail__content__top .rate .star i {
  font-size: 0.75em;
  color: rgb(227, 192, 28);
}

.shop-detail__content__top .rate span {
  color: rgb(68, 68, 68);
  font-size: 0.75em;
  font-weight: 500;
  line-height: 1;
}

.shop-detail__content__top .price {
  display: flex;
  align-items: center;
  margin-bottom: 2.5em;
}

.shop-detail__content__top .price h3 {
  color: rgb(17, 17, 17);
  font-size: 1.875em;
  font-weight: 700;
  line-height: 1;
  margin-right: 0.5em;
}

.shop-detail__content__top .price .discount {
  color: rgb(177, 176, 176);
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1;
  text-decoration: line-through;
}

.shop-detail__content__top .description {
  color: rgb(17, 17, 17);
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.71429em;
  margin-bottom: 2.14286em;
}

.shop-detail__content__top .product-controller {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2.5em;
}

.shop-detail__content__top .product-controller .quantity {
  display: flex;
  align-items: center;
}

.shop-detail__content__top .product-controller .quantity span {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 500;
  line-height: 1;
  margin-right: 0.66667em;
}

.shop-detail__content__top .product-controller .quantity .quantity-controller {
  padding: 0px 1.25em;
  border: 1px solid var(--primary);
  display: flex;
  align-items: center;
  margin-right: 0.625em;
  height: 3.125em;
}

.shop-detail__content__top .product-controller .quantity .quantity-controller input {
  border: 0px;
  text-align: center;
  max-width: 3.75em;
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 600;
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  .shop-detail__content__top .product-controller .quantity {
    margin-bottom: 1.07143em;
  }
}

.shop-detail__content__top .product-controller .btn {
  padding: 0px 1.42857em;
  height: 3.57143em;
  line-height: 3.57143em;
  margin-right: 0.71429em;
}

.shop-detail__content__top .product-controller .btn:last-child {
  margin-right: 0px;
}

@media only screen and (max-width: 768px) {
  .shop-detail__content__top .product-controller .btn {
    margin-bottom: 1.07143em;
  }
}

.shop-detail__tab {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.shop-detail__tab .tab-content__item[data-stand="description"] p {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.8em;
  margin-bottom: 1.875em;
}

.shop-detail__tab .tab-content__item[data-stand="description"] p:last-child {
  margin-bottom: 0px;
}

@media only screen and (max-width: 768px) {
  .shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block {
    margin-bottom: 1.875em;
  }
}

.shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__avatar {
  height: 9.375em;
  width: 9.375em;
  float: left;
  margin-right: 1.875em;
}

.shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__avatar img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__content h5 {
  color: rgb(17, 17, 17);
  font-size: 1.375em;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.90909em;
}

.shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__content p {
  color: rgb(17, 17, 17);
  font-size: 0.875em;
  font-weight: 500;
  line-height: 1.71429em;
  margin-bottom: 0.9375em;
}

.shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__content .star {
  display: inline-block;
  margin-right: 0.625em;
}

.shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__content .star i {
  font-size: 0.75em;
  color: rgb(227, 192, 28);
}

.shop-detail__slide h3 {
  color: rgb(17, 17, 17);
  font-size: 1.375em;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 1.81818em;
}

.shop-detail__slide .related-post-slide {
  margin: 0px -0.9375em;
}

.shop-detail__slide .related-post-slide__item {
  padding: 0px 0.9375em;
}

.shop-detail__slide .related-post-slide .slick-arrow {
  background-color: rgb(255, 255, 255);
  border: 0px;
  color: rgb(136, 136, 136);
  font-size: 0.875em;
  top: 50%;
  transform: translateY(-50%);
  padding: 1.07143em;
  position: absolute;
  z-index: 1;
}

.shop-detail__slide .related-post-slide .slick-arrow.slick-next {
  right: 0.625em;
}

.shop-detail__slide .related-post-slide .slick-arrow.slick-prev {
  left: 0.625em;
}

.cart {
  font-size: 16px;
}

.cart__table {
  margin-bottom: 1.875em;
  overflow-y: auto;
  white-space: nowrap;
}

.cart__table table {
  width: 100%;
}

.cart__table table thead tr {
  border-bottom: 1px solid rgb(225, 225, 225);
}

.cart__table table thead th {
  color: rgb(17, 17, 17);
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1;
  padding: 0.83333em;
}

.cart__table table thead th:first-child {
  text-align: left;
  padding-left: 0px;
}

.cart__table table tbody tr {
  border-bottom: 1px solid rgb(225, 225, 225);
}

.cart__table table tbody td {
  text-align: center;
  vertical-align: middle;
  padding: 1.875em 0.9375em;
}

.cart__table table tbody td:first-child {
  text-align: left;
  padding-left: 0px;
}

.cart__table table tbody td:first-child .cart-product {
  display: flex;
  align-items: center;
}

.cart__table table tbody td:first-child .cart-product img {
  margin-right: 0.9375em;
  height: 5.625em;
  width: 5.625em;
}

.cart__table table tbody td:first-child .cart-product__content h5 {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0.33333em;
}

.cart__table table tbody td:first-child .cart-product__content .star {
  display: inline-block;
  margin-right: 0.625em;
}

.cart__table table tbody td:first-child .cart-product__content .star i {
  font-size: 0.625em;
  color: rgb(227, 192, 28);
}

.cart__table table tbody td:nth-child(2),
.cart__table table tbody td:nth-child(4) {
  color: rgb(17, 17, 17);
  font-size: 1em;
  font-weight: 700;
  line-height: 1;
}

.cart__table table tbody td:nth-child(3) .quantity-controller {
  padding: 0px;
  border: 0px;
  margin-right: 0px;
  justify-content: center;
}

.cart__table table tbody td:last-child {
  text-align: right;
  padding-right: 0px;
}

.cart__table table tbody td:last-child a {
  color: rgb(136, 136, 136);
  font-size: 15px;
  font-weight: 600;
  line-height: 3em;
  border-radius: 999px;
  background-color: rgb(245, 245, 245);
  padding: 0px;
  text-align: center;
  border: 0px;
  transition: all 0.2s ease-in-out 0s;
  height: 3em;
  width: 3em;
  display: inline-block;
}

.cart__table table tbody td:last-child a:hover {
  background-color: rgb(225, 225, 225);
}

.cart__footer {
  margin-bottom: 3.125em;
}

.cart__footer__actions {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media only screen and (max-width: 576px) {
  .cart__footer__actions .btn {
    margin-bottom: 1.875em;
  }
}

@media only screen and (max-width: 576px) {
  .cart__footer {
    margin-bottom: 0px;
  }
}

.cart__total {
  margin-bottom: 5rem;
}

.cart__total__discount form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.cart__total__discount form h3 {
  color: rgb(17, 17, 17);
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  margin-right: 1.66667em;
}

@media only screen and (max-width: 768px) {
  .cart__total__discount form h3 {
    width: 100%;
    margin-bottom: 0.83333em;
  }
}

.cart__total__discount form input {
  margin-right: 0.625em;
  background-color: white;
  border: 1px solid rgb(225, 225, 225);
  height: 3.125em;
  width: auto;
  transition: all 0.2s ease-in-out 0s;
  appearance: none;
  padding: 0px 1.25em;
  color: rgb(68, 68, 68);
  font-size: 14px;
  font-weight: 400;
  line-height: 3.125em;
  border-radius: 0.3125em;
}

.cart__total__discount form input:focus {
  outline: 0px;
  box-shadow: none;
}

.cart__total__discount form input::-webkit-input-placeholder {
  color: rgb(174, 174, 174);
  font-size: 14px;
  font-weight: 400;
  line-height: 3.125em;
}

.cart__total__discount form .btn {
  padding: 0px 1.875em;
  line-height: 3.125em;
  height: 3.125em;
}

@media only screen and (max-width: 768px) {
  .cart__total__discount {
    margin-bottom: 1.875em;
  }
}

.cart__total__content {
  padding: 2.1875em 2.5em;
  background-color: rgb(245, 245, 245);
}

.cart__total__content h3 {
  color: rgb(17, 17, 17);
  font-size: 1.0625em;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 1.17647em;
}

.cart__total__content .total__row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.9375em;
}

.cart__total__content .total__row h5 {
  color: rgb(17, 17, 17);
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
}

.cart__total__content .btn {
  display: block;
  margin-top: 2.5em;
}

.checkout {
  font-size: 16px;
  margin-bottom: 5rem;
}

.checkout-title {
  color: rgb(17, 17, 17);
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  padding-bottom: 0.66667em;
  border-bottom: 1px solid rgb(225, 225, 225);
  display: block;
  margin-bottom: 1.875em;
}

.checkout__coupon-alert {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 500;
  line-height: 1.73333em;
  background-color: var(--primary);
  display: block;
  text-align: center;
  padding: 1em;
  margin-bottom: 3.75rem;
}

.checkout__coupon-alert:hover {
  text-decoration: underline;
}

.checkout__form form .input-group {
  margin-bottom: 1.875em;
}

.checkout__form form .input-group label {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 500;
  line-height: 1;
  display: block;
  margin-bottom: 0.9375em;
}

.checkout__form form .input-group input {
  background-color: white;
  border: 1px solid rgb(225, 225, 225);
  height: auto;
  width: 100%;
  transition: all 0.2s ease-in-out 0s;
  appearance: none;
  padding: 0.9375em 1.25em;
  color: rgb(68, 68, 68);
  font-size: 14px;
  font-weight: 400;
  border-radius: 0.35714em;
}

.checkout__form form .input-group input:focus {
  outline: 0px;
  box-shadow: none;
}

.checkout__form form .input-group input::-webkit-input-placeholder {
  color: rgb(174, 174, 174);
  font-size: 14px;
  font-weight: 400;
}

.checkout__form form .input-group input.mb-20 {
  margin-bottom: 1.25em;
}

.checkout__form form .input-group.mb-15 {
  margin-bottom: 0.9375em;
}

.checkout__form form .checkbox-group {
  margin-bottom: 1.875em;
}

.checkout__form form .checkbox-group.mb-15 {
  margin-bottom: 0.9375em;
}

.checkout__form form .label-description {
  color: rgb(17, 17, 17);
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.71429em;
  margin-bottom: 1.875em;
}

.checkout__total {
  background-color: rgb(245, 245, 245);
  padding: 1.5625em 1.875em;
}

.checkout__total table {
  width: 100%;
}

.checkout__total table th:first-child,
.checkout__total table td:first-child {
  text-align: left;
}

.checkout__total table th:last-child,
.checkout__total table td:last-child {
  text-align: right;
}

.checkout__total table.total__provisional {
  border-bottom: 1px solid rgb(225, 225, 225);
  margin-bottom: 0.625em;
}

.checkout__total table.total__provisional thead th {
  padding: 0.625em 0px;
  color: rgb(17, 17, 17);
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
}

.checkout__total table.total__provisional tbody td {
  padding: 0.625em 0px;
}

.checkout__total table.total__provisional tbody td:first-child span {
  float: left;
  color: var(--primary);
  font-size: 0.9375em;
  font-weight: 600;
  line-height: 1.5em;
  margin-right: 0.33333em;
}

.checkout__total table.total__provisional tbody td:first-child p {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.5em;
}

.checkout__total table.total__final {
  border-bottom: 1px solid rgb(225, 225, 225);
  margin-bottom: 1.875em;
}

.checkout__total table.total__final tbody td {
  padding: 0.625em 0px;
}

.checkout__total table.total__final tbody td:first-child {
  color: rgb(17, 17, 17);
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1;
}

.checkout__total table.total__final tbody td:last-child {
  color: rgb(17, 17, 17);
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
}

.checkout__total .total__payment-method__block {
  margin-bottom: 1.5625em;
}

.checkout__total .total__payment-method__block .payment__content {
  color: rgb(17, 17, 17);
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.71429em;
}

.checkout__total .btn {
  width: 100%;
}

.insta_heading {
  margin-bottom: 30px !important;
}

.cpn_hero_heading {
  font-size: 22px;
  text-transform: capitalize;
  font-weight: 600;
  line-height: 1.5;
  color: rgb(0, 0, 0);
}

.hero_sec {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.cpn_hero_des {
  font-size: 14px;
  font-weight: 500;
  color: rgb(85, 85, 85);
  text-transform: capitalize;
  line-height: 1.5;
}

.cpn_hero_search {
  display: flex;
  gap: 10px;
  position: relative;
  max-width: 600px;
  width: 100%;
  height: 50px;
  margin-top: 10px;
}

.cpn_hero_search input {
  padding: 10px 10px 10px 40px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.067);
  font-family: poppins, sans-serif;
  height: 100%;
  overflow: hidden;
  font-size: 14px;
}

.cpn_hero_search input:focus {
  border-color: var(--primary);
}

.cpn_hero_search button {
  transition: all 0.2s ease 0s;
  display: flex;
  position: absolute;
  gap: 10px;
  height: calc(100% - 10px);
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  border: none;
  align-items: center;
  border-radius: 5px;
  background-color: var(--primary);
  font-weight: 400;
  font-size: 14px;
  color: rgb(255, 255, 255);
  padding: 0px 20px;
}

.cpn_hero_search button:hover {
  background-color: rgb(243, 46, 46);
}

.cpn_hero_search button i {
  font-weight: 400;
  font-size: 12px;
}

.cpn_hero_search button span {
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
}

.cpn_hero_search .fa-search {
  font-size: 16px;
  font-weight: 500;
  color: rgb(85, 85, 85);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 14px;
}

.cpn_hero_search input:focus~.fa-search {
  color: var(--primary);
}


/* store home page */
.lazy {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.blend {
  background-color: #0002;
  background-blend-mode: multiply;

}

.pop_str {
  background: #fff;
  box-shadow: 2px 2px 10px #0001;
  border-radius: 6px;
  transition: 0.3s ease;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.pop_str .web_imagebox {
  height: 60px;
  display: flex;
  width: 60px;
  background-color: #fff;
  align-items: center;
  justify-content: center;
}

.pop_str .web_imagebox img {
  max-height: 80%;
  max-width: 80%;
  border-radius: 0;
  height: auto;
  width: auto;
}

.pop_str_content {
  display: flex;
  position: relative;
}

.pop_str_content p {
  font-size: 16px;
  font-weight: 600;
  transition: 0.2s ease;
  color: #000;
  line-height: 1.3;
  text-transform: capitalize;
}

.pop_str:hover p:not(:nth-child(2)) {
  color: var(--primary);
}

.pop_str_content p:nth-child(2) {
  color: #9d9d9d;
  font-size: 13px;
  -webkit-line-clamp: 2;
  word-break: inherit;
  font-weight: 400;
  line-height: 1.5;
}

.pop_str_content .more_btn {
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 10px 15px;
}

.popular_store_container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 20px;
  align-items: flex-start;
  margin-top: 30px;
}

.pop_str_content_text {
  flex: 1;
  border-right: 1px solid #0002;
  padding: 10px 15px;
  display: flex;
  grid-gap: 3px;
  flex-direction: column;
}

.pop_str .lazy {
  height: 100%;
  width: 100%;
}

.pop_str .lazy.bg_str_img {
  height: 100px;
}

.pop_cat .web_imagebox {
  position: absolute;
  top: -35px;
  transition: 0.2s ease;
  border-radius: 5px;
  left: 10px;
  box-shadow: 2px 2px 5px #0001;
}

.pop_cat:hover .web_imagebox {
  top: -40px;
}

.pop_cat {
  position: relative;
}

.pop_cat .pop_str_content {
  padding-top: 25px;
}

.pop_cat .pop_str_content_text {
  border: none;
}

.pop_str_content svg {
  position: absolute;
  top: 60%;
  stroke-width: 2px;
  stroke: #0003;
  transform: translateY(-50%);
  right: 10px;
  height: 25px;
  width: 25px;
  transition: 0.2s ease;
}

.pop_cat:hover svg {
  stroke: var(--primary);
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(../fonts/glyphicons-halflings-regular.eot);
  src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

@-ms-viewport {
  width: device-width
}

@font-face {
  font-family: slick;
  src: url(fonts/slick.eot);
  src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
  font-weight: 400;
  font-style: normal
}

.coupon_text .btn {
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
  font-size: 1.25rem;
  margin: 1rem auto
}

.coupon_text {
  flex: 0 0 180px;
  /* box-sizing: border-box; */
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}

.coupon_text .btn a {
  color: #fff;
  display: block
}

.coupon_text .btn {
  width: 100%;
  max-width: 208px;
  background: #fff;
  border: 1px solid #f96;
  height: 40px;
  border-radius: 3px;
  color: #000;
  font-size: 18px;
  margin-bottom: 5px;
  line-height: 1;
  padding: 0px;
  margin: 0px;
}

.coupon_text .btn a {
  color: #000
}

.coupon_text .btn .amount {
  line-height: 40px;
  height: 40px;
  font-size: 14px;
  width: 100%;
  text-align: right;
  position: relative;
  cursor: pointer;
  padding: 0 5px 0 0;
  overflow: hidden
}

.coupon_text .btn .amount .btn-primary {
  position: absolute;
  width: 164px;
  background: #c02c32;
  height: 40px;
  top: 0;
  color: #fff;
  font-size: 14px;
  text-align: center;
  -o-transition: all .25s;
  transition: all .25s;
  font-weight: 500;
  text-indent: 15px;
  text-transform: capitalize;
}

.coupon_text .btn .amount .btn-primary:before {
  display: block;
  content: "";
  width: 24px;
  height: 10px;
  background: #c02c32;
  position: absolute;
  right: -17px;
  bottom: 0;
  -webkit-transform: skew(34deg, 0);
  -ms-transform: skew(34deg, 0);
  -o-transform: skew(34deg, 0);
  transform: skew(34deg, 0)
}

.coupon_text .btn i {
  color: #fff
}

.coupon_text .btn .amount .coupon-code {
  display: block;
  width: 40px;
  height: 44px;
  position: absolute;
  border-radius: 0 0 4px 4px;
  right: -30px;
  top: -1px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform .25s, background-position .25s;
  -webkit-transform: rotateZ(22deg) translate(0, -10px) scaleX(.9);
  -ms-transform: rotateZ(22deg) translate(0, -10px) scaleX(.9);
  -o-transform: rotateZ(22deg) translate(0, -10px) scaleX(.9);
  transform: rotateZ(22deg) translate(0, -10px) scaleX(.9);
  margin-top: 2px;
  background: linear-gradient(38deg, #e03e44 0, #e03e44 49%, rgba(202, 235, 137, 0) 50%, rgba(255, 255, 255, 0) 100%) 0 6px no-repeat;
}

.coupon_text .btn .amount:hover .btn-primary {
  width: 150px
}

.coupon_text .btn .amount:hover .coupon-code {
  background-position: 0 0;
  -webkit-transform: rotateZ(15deg) translate(5px, -5px) scaleX(1);
  -ms-transform: rotateZ(15deg) translate(5px, -5px) scaleX(1);
  -o-transform: rotateZ(15deg) translate(5px, -5px) scaleX(1);
  transform: rotateZ(15deg) translate(5px, -5px) scaleX(1)
}


.zmdi {
  display: inline-block;
  font: normal normal normal 14px/1 Material-Design-Iconic-Font;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

@media (max-width:992px) {
  .coupon_text .btn {
    position: inherit
  }
}


.zmdi {
  display: inline-block;
  font: normal normal normal 14px/1 Material-Design-Iconic-Font;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.coupon_text .btn {
  margin: none
}

.zmdi-chevron-right {
  padding-left: .5rem;
  padding-right: .5rem
}


.cpn_btn {
  background: #f7f7f7;
  width: 180px;
  height: 40px;
  text-transform: capitalize;
  z-index: 9;
  font-weight: 500;
  display: flex;
  align-items: center;
  align-self: center;
  transition: 0.3s;
  position: relative;
  border-radius: 5px;
  margin-left: auto;
}

.cpn_btn p {
  width: 100%;
  display: flex;
  border: 2px dashed var(--primary);
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  border-radius: 5px;
  transition: 0.3s ease;
  transition-delay: 0.2s;
  position: absolute;
}

.cpn_btn.deal:before,
.cpn_btn.deal:after {
  background: #ff7075;
  color: #fff;
}

.cpn_btn:not(.deal):hover:before {
  left: -10%;
}

.cpn_btn:not(.deal):hover:after {
  right: -10%;
}

.main_cpn {
  display: flex;
  flex-direction: column;
  position: relative;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 10px #0002;
  overflow: hidden;
}

.main_cpn_head {
  display: flex;
  padding-right: 15px;
  align-items: center;
}

.main_cpn_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  justify-content: center;
  align-self: stretch;
  overflow: hidden;
  border-right: 1px solid #0001;
  padding: 15px;
  border-left: 1px solid #0001;
  margin-right: 15px;
}

.main_cpn_img {
  padding: 10px;
  background: #fff;
  flex: 0 0 100px;
  height: 100px;
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.main_cpn_img .web_imagebox {
  height: 100%;
  width: 100%;
}

.main_cpn_content h4 {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  line-height: 1.5;
}

.main_cpn_content p {
  font-size: 14px;
  font-weight: 400;
  -webkit-line-clamp: 1;
  line-height: 1.5;
  color: #939393;
}

.main_cpn_footer {
  display: flex;
  align-items: flex-end;
  border-top: 1px solid #0001;
}

.timing {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 10px;
  flex: 1;
  border-radius: 0 0 0 5px;
}

.cus_badge {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 13px;
  color: gray;
}

.cus_badge svg {
  height: 18px;
  width: 18px;
  stroke-width: 2px;
  stroke: gray;
}

.main_cpn_btn {
  align-self: stretch;
  display: flex;
  flex: 0 0 180px;
}

.cus_badge.expire,
.cus_badge.expire svg {
  color: #f44336;
  stroke: #f44336;
}

.cus_badge.added,
.cus_badge.added svg {
  color: #2d3e50;
  stroke: #2d3e50;
}

.single_verified {
  display: flex;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  font-size: 13px;
  text-transform: capitalize;
  align-self: center;
  font-weight: 600;
  margin-right: 8px;
}

.single_verified svg {
  height: 30px;
  width: 30px;
  stroke: var(--primary);
  transition: 0.4s ease;
}

.single_verified p {
  transition: 0.4s ease;
  margin-right: -50px;
}

.main_cpn:hover .single_verified p {
  margin-right: 0;
}

.main_cpn:hover .single_verified svg {
  width: 25px;
}

.home_cpn_container {
  display: flex;
  flex-direction: column;
  grid-gap: 30px;
  width: 100%;
}

@media (max-width: 650px) {
  .main_cpn_content {
    border: none;
    margin: 0;
  }

  .main_cpn_img {
    border: none;
  }

  .main_cpn_head {
    flex-wrap: wrap;
    padding-bottom: 15px;
  }

  .main_cpn_btn {
    flex: 0 0 100%;
  }

  .main_cpn_content h4,
  .single_store .main_cpn_content h4 {
    font-size: 16px !important;
  }

  .main_cpn_content p {
    font-size: 14px;
  }

  .cpn_btn {
    width: 150px;
    height: 35px;
  }
}

@media (max-width: 500px) {
  .main_cpn_img {
    display: none;
  }
}

.webkit_box {
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

/* store- banner */
.store_banner {
  position: relative;
  padding: 10px 0;
}

.store_banner:before {
  position: absolute;
  content: '';
  height: 50%;
  background: #f7f7f7;
  width: 100%;
  top: 0;
}

.str_bnr {
  padding: 20px;
  background-color: #fff;
  background-position: center right;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  justify-content: space-between;
  box-shadow: 2px 2px 10px #0002;
  border-radius: 10px;
}

.str_bnr_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 10px;
}

.str_bnr_heading {
  font-size: 22px;
  font-weight: 600;
  text-transform: capitalize;
  color: #000;
}

.str_bnr_text {
  font-size: 14px;
  max-width: 500px;
  line-height: 1.5;
  font-weight: 400;
  color: #7c7c7c;
}

.str_bnr_tags {
  display: flex;
  grid-gap: 20px;
  align-items: center;
  flex-wrap: wrap;
  max-width: 300px;
  justify-content: center;
}

.str_bnr_tag {
  background: #fff;
  box-shadow: 2px 2px 8px #0002;
  border-radius: 5px;
  padding: 8px;
  font-size: 15px;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: var(--black);
  font-weight: 500;
  grid-gap: 5px;
}

.str_bnr_tag svg {
  height: 22px;
  width: 22px;
  fill: var(--primary);
}

.str_bnr_btn {
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  grid-gap: 5px;
  font-size: 14px;
  text-transform: capitalize;
  color: #fff;
  line-height: 1;
  background: var(--primary);
  transition: 0.2s ease;
}

.str_bnr_btn svg {
  height: 21px;
  width: 21px;
  stroke-width: 2px;
  stroke: #fff;
}


/* how to use */
.how_to_container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 30px;
}

.how_to_item {
  display: flex;
  flex-direction: column;
  grid-gap: 12px;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.how_to_item svg {
  height: 50px;
  stroke-width: 1.3;
  width: 50px;
  stroke: var(--primary);
}

.how_to_content {
  display: flex;
  flex-direction: column;
  grid-gap: 6px;
}

.how_to_content h4 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  text-transform: capitalize;
}

.how_to_icon {
  height: 60px;
  width: 60px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
}

.how_to_content p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #6c6c6c;
}


.btnContainer {
  width: 100%;
  display: flex;
  grid-gap: 10px;
  border-radius: 5px;
  overflow: hidden;
  overflow-x: auto;
  margin-bottom: 30px;
  padding-bottom: 5px;
}

.pagination.btnContainer {
  margin-top: 30px;
  margin-bottom: 0px;
}

.btnContainer .btns a {
  padding: 8px 10px;
  position: relative;
  flex: 0 0 auto;
  font-size: 14px;
  text-transform: capitalize;
  color: #000;
  display: flex;
  justify-content: center;
  min-width: 35px;
  border: 1px solid #0001;
  height: 35px;
  align-items: center;
  transition: 0.2s;
  border-radius: 5px;
  font-weight: 500;
}

.btnContainer .btns a {
  color: #000;
}

.btnContainer .btns:hover a,
.btnContainer .btns.active a {
  color: #fff;
  background: var(--primary);
  border-color: var(--primary);
}

.main_str_container .popular_store_container {
  margin-top: 0;
}


.str_item_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* background: #e9e9e9; */
  overflow: hidden;
  box-shadow: 0 2px 0 #0001;
  padding: 0px 0 20px;
}

.str_item_head h4 {
  font-size: clamp(16px, 3vw, 19px);
  font-weight: 600;
  text-transform: capitalize;
}

.str_view_all {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  font-size: 14px;
  line-height: 1;
  text-transform: capitalize;
  font-weight: 500;
}

.str_view_all svg {
  height: 20px;
  width: 20px;
}

.str_view_all svg.go_back {
  transform: rotate(180deg);
}

.main_str_container {
  display: flex;
  flex-direction: column;
  grid-gap: 30px;
}

.subs_wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sngle_str_pnl_container {
  display: flex;
  max-width: calc(100% - 330px);
  align-items: flex-start;
  grid-gap: 20px;
  align-items: center;
  margin-left: auto;
}

.sngle_str_pnl_container .web_imagebox {
  height: 90px;
  width: 90px;
  flex: 0 0 90px;
  background: #fff;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  display: flex;
  box-shadow: 0 0 5px #0002;
}

.sngle_str_pnl_container :where(.stars, .rating_dis, .web_imagebox) {
  /* display: none !important; */
}

.sngle_str_pnl {
  /* max-width: calc(100% - 330px); */
  /* margin-left: auto; */
  display: flex;
  flex-direction: column;
  grid-gap: 8px;
}

.str_panel_title {
  font-size: 22px;
  font-weight: 600;
  text-transform: capitalize;
  color: #000;
}

.str_penl_text {
  font-size: 14px;
  color: #f3f3f3;
  line-height: 1.5;
  font-weight: 400;
}

.stars {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 5px;
}

.stars a.active i,
.stars a.hover i {
  color: #ffbc00;
}

.sngle_str_pnl_container :where(.stars, .rating_dis) {
  justify-content: flex-start !important;
  text-align: left !important;
}

.rating_dis {
  font-size: 15px;
  font-weight: 500;
  color: #888;
  text-align: center;
}

.sngle_str_pnl_container .rating_dis {
  color: #000;
  font-weight: 400;
}

.sngle_str_pnl_container .web_imagebox img {
  max-height: 90%;
  max-width: 90%;
  border-radius: 5px;
}

@media only screen and (max-width: 1200px) {
  .sngle_str_pnl_container :where(.stars, .rating_dis, .web_imagebox) {
    display: flex !important;
  }

  .sngle_str_pnl {
    max-width: 100%;
  }
}

.single_store_container {
  display: flex;
  align-items: flex-start;
  grid-gap: 30px;
}

.sngle_str_sidebar {
  flex: 0 0 300px;
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
  padding: 12px;
  background: #f0f5ff;
  margin-top: -160px;
  border-radius: 8px;
  box-shadow: inset 0 0 5px #0002;
}

.sngle_str_side_item {
  max-height: 300px;
  border-radius: 6px;
  box-shadow: 0 0 8px #0001;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.sngle_str_side_item> :where(div, p) {
  padding: 0 15px 10px;
}

.sngl_side_heading {
  font-size: 18px;
  font-weight: 600;
  position: sticky;
  color: #000;
  text-transform: capitalize;
  top: 0;
  background: #fff;
  padding: 15px;
}

.stars {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 5px;
}

.stars i {
  font-size: 20px;
  color: #0003;
}

.rating_dis {
  font-size: 15px;
  font-weight: 500;
  color: #888;
  text-align: center;
}

.sngle_tab {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px;
}

.sngle_tab_item {
  padding: 9px 12px;
  border-radius: 5px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  background: #ebebeb;
  transition: 0.2s ease;
  text-transform: capitalize;
}

.sngle_tab_item:hover {
  background: #ef2330;
  color: white;
}

.sngle_str_main {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 20px;
  width: 100%;
  margin-top: -30px;
}

.verified_filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  width: 100%;
}

.verified_filter_text {
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--theme-1);
}

.verified_btn {
  height: 5px;
  cursor: pointer;
  width: 30px;
  border-radius: 30px;
  background: #0003;
  transition: 0.2s ease;
  position: relative;
}

.verified_btn.active {
  background: #ef23304a;
}

.verified_btn:before {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #ededed;
  content: '';
  position: absolute;
  transition: 0.3s ease;
  top: 50%;
  transform: translate(0, -50%);
}

.verified_btn.active:before {
  margin-left: calc(100% - 15px);
  right: auto;
  left: auto;
  background: var(--primary);
  box-shadow: 0 0 10px var(--primary);
}

.use_coupon {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  list-style: none;
}

.use_coupon li {
  color: #646464;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
}

.use_coupon i {
  color: #ef2330;
  padding-right: 10px;
  font-size: 8px;
}

.sngle_str_side_item p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 1.5;
}

.switchers {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px;
  flex: 0 0 auto;
}

.switchers_items {
  padding: 5px 20px;
  border-radius: 0 0 5px 5px;
  font-weight: 500;
  font-size: 14px;
  background-color: #ffbdc1;
  color: #000000;
  display: block;
  position: relative;
  transition: 0.2s ease;
}

.switchers_items:hover,
.switchers_items:focus,
.switchers_items.active {
  background-color: #ef2330;
  color: #fff;
}

.single_store_panel {
  padding: 30px 0;
}

.single_store .main_cpn_content h4 {
  font-size: 18px;
}

.single_store .cpn_btn {
  width: 160px;
  background: #c02c32;
  color: #fff;
}

@media (max-width: 1200px) {
  .sngle_str_sidebar {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    margin-top: 0;
    grid-gap: 30px;
    align-items: flex-start;
    background: transparent;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
  }

  .single_store_container {
    flex-direction: column-reverse;
  }

  .sngle_str_pnl_container {
    max-width: 100%;
  }
}




/* modal */
.modal-dialog {
  border-radius: 10px !important;
  overflow: hidden;
  border: none;
}

.modal-content {
  border: none;
  max-width: 600px;
  width: 100%;
  background: #fff;
  transition: 0.3s ease-in-out;
  border-radius: 10px;
  position: relative;
  margin-top: -100px;
  overflow: hidden;
  box-shadow: 0 0 10px #0005;
  opacity: 0;
}

.modal_head {
  text-align: center;
  padding: 20px;
  background-color: aliceblue;
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
}

.modal_head_body .sub_form {
  justify-content: center;
}

.modal_head_body .subs_about {
  padding: 8px 0 10px 0;
  font-size: 15px;
  color: #000;
}

.close {
  color: #000;
  opacity: 0.8;
  position: absolute;
  cursor: pointer;
  top: 10px;
  right: 10px;
}

.close:hover {
  color: #C02C32;
  opacity: 1;
}

.modal_head_body {
  grid-gap: 15px;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  background: #fff;
}

.model_code {
  /* border: 2px dashed var(--primary); */
  position: relative;
  border-radius: 5px;
  text-align: center;
  flex: 1;
  font-size: 15px;
  grid-gap: 10px;
  color: black;
  font-weight: 500;
  cursor: pointer;
  height: 40px;
  display: flex;
}

.copyable {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 2px dashed var(--primary);
  border-radius: 5px;
}

.str_cpn_title {
  font-size: 18px;
  color: #000;
  font-weight: 600;
}

.str_cpn_des {
  font-weight: 400;
  font-size: 14px;
  padding-top: 10px;
  line-height: 1.5;
}

.sngle_str_side_item .center-line-title {
  position: sticky;
  top: 0;
  padding: 15px 0;
  background: #fff;
  margin-bottom: 0;
}

.sngle_str_side_item .center-line-title::after {
  content: none;
}

.sngle_str_side_item .center-line-title h5 {

  font-size: 18px;

  font-weight: 600;

  color: #000;

  text-transform: capitalize;
}

.sngle_str_sidebar .category-block .category__background.lazy {
  height: 50px;
  margin-bottom: 0;
  transform: translate(0) !important;
  overflow: hidden;
}

.sngle_str_sidebar .category:hover .category__background:before {
  background-color: #0008;
}

.sngle_str_sidebar .category-block .title {
  text-transform: capitalize;
  font-size: 14px;
  position: absolute;
  top: 50%;
  color: #fff;
  font-weight: 500;
  width: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sngle_str_sidebar .category-block .category__background:before {
  content: '';
  position: absolute;
  inset: 0;
  background: #0005;
  transition: 0.2s ease;
}

.modal_subs_heading {
  font-size: 22px;
  font-weight: 600;
  color: #000;
}

.modal_subs_text {
  color: #606060;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
}

.modal .subs {}

.modal .subs .subs_btn {
  background: #fff;
}

.modal .subs_btn i {
  color: var(--primary);
}

.model_code svg {
  height: 30px;
  width: 30px;
  fill: var(--primary);
  position: absolute;
  left: -10px;
  padding: 6px;
  top: -5px;
  background: #fff;
  transform: rotate(34deg);
}

.modal_head_body .web_imagebox {
  height: 80px;
  box-shadow: 0 0 5px #0002;
  border-radius: 5px;
  width: 80px;
  flex: 0 0 80px;
}

.modal_head_body .web_imagebox img {
  max-height: 100%;
  max-width: 100%;
}

.modal_link {
  color: #ffffff;
  font-size: 14px;
  display: flex;
  align-items: center;
  fill: #ffffff;
  grid-gap: 5px;
  justify-content: center;
  font-weight: 400;
  text-transform: capitalize;
  padding: 10px 20px;
  background: var(--primary);
  border-radius: 5px;
}

.modal_link:hover {
  color: #ffffff;
}

.modal_head_footer {
  text-align: right;
  display: flex;
  padding: 10px;
  border-top: 1px solid #0000000f;
  align-items: center;
  justify-content: flex-end;
  background: #ffffff;
}

.modal {
  position: fixed;
  top: 0;
  transition: 0.5s ease;
  padding: 20px;
  z-index: 999;
  left: 0;
  height: 100%;
  display: flex;
  width: 100%;
  overflow: auto;
  align-items: center;
  justify-content: center;
  visibility: hidden;
}

.modal.active {
  background: #0008;
  visibility: visible;
}

.modal.active .modal-content {
  margin-top: 0;
  opacity: 1;
}

.modal_head_footer .timing {
  padding: 0;
}

.subs {
  display: flex;
  width: 100%;
  height: 45px;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 0 5px #0001;
  max-width: 500px;
}

.subs input {
  flex: 1;
  background: transparent;
  border: 0;
  font-family: Poppins, sans-serif;
  outline: 0;
  padding: 0 10px;
  font-size: 14px;
}

.subs .subs_btn {
  flex: 0 0 50px;
  background: #ef2330;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
}

.subs .subs_btn i {
  font-size: 15px;
}

.home_cpn_side {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  flex: 0 0 280px;
}

.modal_img_head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px;
  grid-gap: 15px;
}

.coupon_sidebar_items {
  box-shadow: 0 0 10px #0002;
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  grid-gap: 10px;
  overflow: hidden;
  align-items: center;
}

.cpn_dropdown_item .web_imagebox {
  height: 50px;
  border-radius: 5px;
  width: 50px;
  flex: 0 0 50px;
  background: #fff;
}

.cpn_str_name {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-transform: capitalize;
  padding-bottom: 5px;
}

.copy_code_btn {
  border-radius: 5px;
  border: none;
  border: 2px solid var(--primary);
  padding: 10px 15px;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 500;
  color: var(--primary);
  background: transparent;
  transition: 0.2s ease;
}

.copy_code_btn:hover {
  background: var(--primary);
  color: #fff;
}

.cpn_str_offer {
  font-size: 14px;
  font-weight: 400;
  color: #0000009e;
}

.home_cpn_container_main {
  display: flex;
  align-items: flex-start;
  grid-gap: 30px;
}

.web_imagebox {
  display: block;
  min-height: 20px;
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #ffff;
}

.web_imagebox img {
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
}

@media (max-width: 1200px) {

  .home_cpn_side {
    display: none;
  }
}

@media (max-width: 550px) {
  .modal_head_body {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .model_code {
    margin: 20px auto 0 auto;
  }

  .modal_subs_heading {
    font-size: 20px;
  }

  .modal_head_footer .timing {
    padding: 0;
  }

  .modal_subs_text {
    font-size: 14px;
  }

  .modal .subs {
    height: 35px;
  }

  .str_cpn_title {
    font-size: 16px;
  }

  .str_cpn_des {
    font-size: 13px;
  }

  .model_code {
    height: 35px;
    width: 180px;
  }
}

.modal .subcribe-box {
  padding: 0;
  background: transparent;
}

.post_content_single :where(div, p) {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
  color: #595959;
  word-break: break-word;
  width: 100%;
}

.post_content_single {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
}

.line {
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
}

.line :where(h1, h2, h3, h4, h5, h6) {
  font-weight: 600;
  color: #000;
}

.line a {
  color: var(--primary);
}

.line img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  display: flex;
  max-height: 300px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.footer_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.footer_wrapper>p {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  color: var(--primary) !important;
}

.comment__item {
  margin-bottom: 0 !important;
  display: flex;
  align-items: flex-start;
}

.custom_comment:not(:last-of-type, .comment__item__reply) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #0002;
  grid-gap: 30px;
}

.post-footer__comment__detail {
  margin-top: 30px;
}

p.wpd-reply-button {
  padding: 5px 20px;
  border-radius: 5px;
  background: var(--primary);
  color: #fff !important;
}

.comment__item__content {
  flex: 1;
}

.wpd-rating-value {
  background: #e9e9e9 !important;
}

.wpd-rating-value:hover {
  background: var(--primary) !important;
}

.blog-flower__slide__item:has(.post-card.-box-text.-center.-theme--violet) {
  align-self: stretch;
  height: unset;
}

.blog-flower__slide__item:nth-child(6n+1) .card__content-category::after,
.-theme--violet:nth-child(6n+1) .card__content-category::after,
.blog-masonry .post-card:nth-child(6n+1) .card__content-category::after {
  background: #ffd5d5;
}


.blog-flower__slide__item:nth-child(6n+2) .card__content-category::after,
.-theme--violet:nth-child(6n+2) .card__content-category::after,
.blog-masonry .post-card:nth-child(6n+2) .card__content-category::after {
  background: #93ffea;
}

.blog-flower__slide__item:nth-child(6n+3) .card__content-category::after,
.-theme--violet:nth-child(6n+3) .card__content-category::after,
.blog-masonry .post-card:nth-child(6n+3) .card__content-category::after {
  background: #d5efff;
}

.blog-flower__slide__item:nth-child(6n+4) .card__content-category::after,
.-theme--violet:nth-child(6n+4) .card__content-category::after,
.blog-masonry .post-card:nth-child(6n+4) .card__content-category::after {

  background: #dfd5ff;
}


.blog-flower__slide__item:nth-child(6n+5) .card__content-category::after,
.-theme--violet:nth-child(6n+5) .card__content-category::after,
.blog-masonry .post-card:nth-child(6n+5) .card__content-category::after {

  background: #ffba0070;
}

.blog-flower__slide__item:nth-child(6n+6) .card__content-category::after,
.-theme--violet:nth-child(6n+6) .card__content-category::after,
.blog-masonry .post-card:nth-child(6n+6) .card__content-category::after {

  background: #e240ff45;
}

footer .center-line-title h5 {
  background: #272727;
  color: #fff;
  padding: 0;
  padding-right: 30px;
}

footer .post-card.-tiny .card__content-title {
  color: white;
}

footer .center-line-title::after {
  background: #676767;
}


.cat_item {
  padding: 20px;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 15px;
  flex-flow: wrap;
  grid-gap: 15px;
  background-color: #0005;
  background-blend-mode: overlay;
  min-height: 150px;
}

h3.fw-bold.text-capitalize.text-black {
  color: #fff;
  font-size: clamp(20px, 2vw, 24px);
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.5;
}

a {}

.cat_item a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  grid-gap: 5px;
  background: #C02C32;
  padding: 10px 20px;
  border-radius: 30px;
  transition: 0.5s ease;
}

.cat_item a:hover {
  background: #e02e2e;
}

.sub_categories {
  display: flex;
  align-items: center;
  grid-gap: 15px;
  flex-flow: wrap;
  margin-bottom: 20px;
}

.sub_categories .blog_img {
  min-height: 150px;
  padding: 10px;
  border-radius: 10px;
  flex: 0 1 200px;
  color: #fff;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 18px;
  background-color: #0004;
}

.categories .row.g-4 {
  grid-gap: 20px;
}

.blog-masonry .card__content {
  min-height: 100px;
}

.blog-masonry .card__content .card__content-title {
  margin: 0px;
}

.pagination {
  margin-top: 30px;
}

.sub_categories .blog_img span {
  padding: 13px 10px;
  background: #C02C32;
  font-size: 12px;
  border-radius: 5px;
  position: relative;
  top:60px;
}

.author {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 14px;
}

.author figure {
  width: 28px;
  height: 28px;
  border-radius: 50px;
  border: 2px solid #c02c32;
  overflow: hidden;
}

.author-info h2 {
  font-size: 14px;
  color: #7a7a7a;
}



.post-card.-box-text .card__content {
  margin: 0 auto;
  box-shadow: none;
  height: 100%;
  justify-content: flex-end;
  grid-gap: 20px;
  position: absolute;
  inset: 0;
  bottom: 0;
  background: linear-gradient(0deg, #000000bd 10%, transparent 60%);
}

.post-card.-box-text .card__cover {
  position: relative;
  height: 100%;
}

.post-card.-box-text {
  flex-direction: column;
  background: var(--wp--preset--color--white);
  box-shadow: 0 0 8px #0001;
  justify-content: flex-start;
  height: 300px;
}

.hero_section {
  padding: 0 !important;
  background: #580b41;
  overflow: hidden;
}

figure {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  position: relative;
  margin: 0;
}

figure.overlay:before {
  position: absolute;
  content: '';
  inset: 0;
  background: linear-gradient(0deg, var(--black) 20%, transparent 50%);
  z-index: 1;
  opacity: 0.8;
}

figure img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.hero_main {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
}

.hero_content {
  z-index: 1;
  position: relative;
  display: flex;
  padding: 20px 30px;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 10px;
  background-color: #fff;
  justify-content: center;
  height: calc(100% - 60px);
  margin: 30px;
  border-radius: 10px;
  backdrop-filter: blur(15px);
}

.hero_content a {
  color: #c02c32;
  font-size: 16px;
  display: flex;
  align-items: center;
  grid-gap: 5px;
  text-transform: capitalize;
  margin-top: 20px;
  border-bottom: 1px solid #c02c32;
}

.hero_content .author {
  margin-top: 0;
  margin-bottom: 10px;
}

.hero_content h1 {
  color: #000;
  font-weight: 700;
  font-size: clamp(20px, 4vw, 25px);
}

.hero_content p {
  color: #555;
  max-width: 768px;
  line-height: 1.5;
  font-weight: 400;
  font-size: clamp(14px, 2vw, 16px);
}

.hero_btn {
  display: inline-block;
  padding: 12px 15px;
  border-radius: 5px;
  background-color: #c02c32;
  transition: 0.2s ease;
  cursor: pointer;
  margin-top: auto;
  color: white;
  font-size: 14px;
  text-transform: capitalize;
  align-self: flex-start;
  margin-top: 20px;
}

.hero_btn:hover {
  background-color: #ff5960;
}

.hero_main_heading {
  font-size: clamp(25px, 8vw, 30px);
  font-weight: 600;
  color: #fff;

}

.hero_content_wrapepr {
  display: flex;
  line-height: 1.3;
  flex-direction: column;
  grid-gap: 10px;
  padding: 30px 0;
  flex: 1;
  max-width: 600px;
}

.hero_content_wrapepr p {
  color: #e7e7e7;
  max-width: 800px;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5;
}

.hero_main_conteiner {
  display: flex;
  grid-gap: 20px;
  min-height: 350px;
}

.hero_content_wrapepr .author {
  justify-content: flex-start;
  margin-top: 0;
  margin-bottom: 15px;
}

.hero_content_wrapepr .author figure {
  height: 40px;
  width: 40px;
}

.hero_content_wrapepr .author .author-name {
  color: #fff;
}

.hero_content_wrapepr .author-info {
  display: flex;
  grid-gap: 20px;
  align-items: center;
}

.card__content-info,
.card__content-info>* {
  display: flex;
  align-items: center;
  grid-gap: 20px;
}

.card__content-info p {
  color: white;
  font-size: 14px;
  line-height: 1;
}

.card__content-info>* {
  grid-gap: 8px;
}

.card__content-info>* i {
  color: #f77a7f;
  line-height: 1;
}

.card__content-info>* i:before {
  line-height: 1;
}

.slider-container {
  flex: 1;
  margin-right: -8.6vmax;
}


@media (max-width: 992px) {
  .hero_main_conteiner {
    flex-direction: column-reverse;
    height: unset;
  }

  .slider-container {
    margin: 0 -15px;
    overflow: hidden;
  }

  .hero_main {
    height: 300px;
  }

  .hero_content_wrapepr {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
  }
}

.editor_blog .post-card.-small.-theme--violet {
  flex-direction: row !important;
}

.elementor-element.elementor-element-22c9faf.elementor-position-top.elementor-vertical-align-top.elementor-widget.elementor-widget-image-box{
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 100%;
}