:root {
  --main-font: 'Inter', sans-serif;
}

body {
  font-family: var(--main-font);
  font-style: normal;
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--main-font);
}

p {
  font-size: 13px;
}
/* header */
.header-bg-color {
  background: rgba(34, 34, 34, 0.25);
}

header .menu-item a{
  color: #fff;
}
header .icon-search{
  color: #fff;
}
header .header-nav li{
  margin: 0 20px;
}
header .header-nav li:hover a,header .header-nav li.active a{
  color: #B8445F;
}
#logo{
  width: unset !important;
}
/* ..header */

/* .c-heading */
.c-heading{
  margin-bottom: 1rem;
}
.c-heading b{
  display: none;
}
.c-heading .section-title{
  justify-content: center;
  position: relative;
  line-height: 2.5;
  font-weight: 400;
}
.c-heading .section-title span{
  text-transform: unset;
  color: #fff;
  background: linear-gradient(to bottom, #feffaa 0, #faffdb 29%, #ffbb43 80%, #fede5e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
  white-space: nowrap;
  
}
.c-heading .section-title::after{
  content: '';
  position: absolute;
  bottom:0 ;
  left: 50%;
  width: 60px;
  height: 3px;
  background-color: #fff;
  transform: translate(-50%);
}
/* ..c-heading */



.nav-next a,
.nav-previous a{white-space: nowrap;display: -webkit-box;font-size: 14px;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;position: relative;}
.nav-next a {padding: 0 35px 0 0}
.nav-previous a {padding: 0 0 0 35px;}

.nav-next a .hide-for-small,
.nav-previous a .hide-for-small {position: absolute;top: 50%;transform: translateY(-50%);}
.nav-next a .hide-for-small {right: 0}
.nav-previous a .hide-for-small {left: 0}

.text_scroll {max-height: 600px;overflow-y: auto;}
.text_scroll::-webkit-scrollbar {width: .5rem;border-radius: 10px}
.text_scroll::-webkit-scrollbar-thumb {border-radius: 50px;background-color: #dd8d17}

/*************** CSS for mobile ***************/

@media only screen and (max-width: 767.98px) {
    max-height: inherit;
}

@media only screen and (max-width: 575.98px) {
    .nav-next a,
    .nav-previous a {padding: 0 10px}
}