@font-face {
  font-family: "Poppins";
  src: local("Poppins Light"), local("Poppins-Light"),
    url("fonts/Poppinslight.woff2") format("woff2"),
    url("fonts/Poppinslight.woff") format("woff"),
    url("fonts/Poppinslight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: local("Poppins Regular"), local("Poppins-Regular"),
    url("fonts/Poppinsregular.woff2") format("woff2"),
    url("fonts/Poppinsregular.woff") format("woff"),
    url("fonts/Poppinsregular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: local("Poppins Poppins-BoldSemiBold"), local("Poppins-SemiBold"),
    url("fonts/Poppinspoppins-boldsemibold.woff2") format("woff2"),
    url("fonts/Poppinspoppins-boldsemibold.woff") format("woff"),
    url("fonts/Poppinspoppins-boldsemibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: local("Poppins Italic"), local("Poppins-Italic"),
    url("fonts/Poppinsitalic.woff2") format("woff2"),
    url("fonts/Poppinsitalic.woff") format("woff"),
    url("fonts/Poppinsitalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: local("Poppins Medium Italic"), local("Poppins-MediumItalic"),
    url("fonts/Poppinsmediumitalic.woff2") format("woff2"),
    url("fonts/Poppinsmediumitalic.woff") format("woff"),
    url("fonts/Poppinsmediumitalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"),
    url("fonts/Poppinsextrabold.woff2") format("woff2"),
    url("fonts/Poppinsextrabold.woff") format("woff"),
    url("fonts/Poppinsextrabold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: local("Poppins Light Italic"), local("Poppins-LightItalic"),
    url("fonts/Poppinslightitalic.woff2") format("woff2"),
    url("fonts/Poppinslightitalic.woff") format("woff"),
    url("fonts/Poppinslightitalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: local("Poppins Black"), local("Poppins-Black"),
    url("fonts/Poppinsblack.woff2") format("woff2"),
    url("fonts/Poppinsblack.woff") format("woff"),
    url("fonts/Poppinsblack.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: local("Poppins Poppins-SemiBoldMedium"), local("Poppins-Medium"),
    url("fonts/Poppinspoppins-semiboldmedium.woff2") format("woff2"),
    url("fonts/Poppinspoppins-semiboldmedium.woff") format("woff"),
    url("fonts/Poppinspoppins-semiboldmedium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"),
    url("fonts/Poppinsextralight.woff2") format("woff2"),
    url("fonts/Poppinsextralight.woff") format("woff"),
    url("fonts/Poppinsextralight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"),
    url("fonts/Poppinsbolditalic.woff2") format("woff2"),
    url("fonts/Poppinsbolditalic.woff") format("woff"),
    url("fonts/Poppinsbolditalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: local("Poppins SemiBold Italic"), local("Poppins-SemiBoldItalic"),
    url("fonts/Poppinssemibolditalic.woff2") format("woff2"),
    url("fonts/Poppinssemibolditalic.woff") format("woff"),
    url("fonts/Poppinssemibolditalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: local("Poppins Bold"), local("Poppins-Bold"),
    url("fonts/Poppinsbold.woff2") format("woff2"),
    url("fonts/Poppinsbold.woff") format("woff"),
    url("fonts/Poppinsbold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: local("Poppins Black Italic"), local("Poppins-BlackItalic"),
    url("fonts/Poppinsblackitalic.woff2") format("woff2"),
    url("fonts/Poppinsblackitalic.woff") format("woff"),
    url("fonts/Poppinsblackitalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

html {
  font-size: 12px;
  font-size: 100%;
}
html,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
thead,
.contact-form-thank-message strong,
fn,
input,
textarea,
.full-logos ul li,
.page-template-services .our-services-items .description,
.case-studies-section-06.sec-06-1 .author p,
.among-our-services.managing-services .description p strong,
button {
  border: 0 none;
  color: #000;
  list-style-type: none;
  outline: 0 none;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  font-family: "Poppins", "Arial", sans-serif;
  font-size: 2.2rem;
  font-weight: 300;
}
body,
html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background-color: #fff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 1) inset !important;
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body.popup-open {
  overflow: hidden;
}
:root {
  --black: #000;
  --purple: #7a4ae2;
}
video,
header,
div:not(.nottra),
a,
p,
li:not(.nottra),
ul,
section,
input,
label,
img,
span,
.most-popular-posts .image:after,
.middle-post a:before,
button,
i,
h1,
#portfoliolist a .thumb .bg-image:before,
#portfoliolist a .thumb .inside:before,
:before,
:after,
button {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.wrapper,
.tab-pane {
  width: 1440px;
  margin: auto;
  position: relative;
}
html {
  height: 100%;
}
.menu-active {
  overflow: hidden;
}
.menu-active .menu {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.b-lazy {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
}
.b-lazy.b-loaded {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  opacity: 1;
}
body {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f4f4+0,e5e5e5+100&1+0,0+100 */
  background: -moz-linear-gradient(
    -45deg,
    rgba(244, 244, 244, 1) 0%,
    rgba(229, 229, 229, 0) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    rgba(244, 244, 244, 1) 0%,
    rgba(229, 229, 229, 0) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    rgba(244, 244, 244, 1) 0%,
    rgba(229, 229, 229, 0) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  height: 100%;
}

header {
  background-color: #fff;
  height: 90px;
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 30;
}
header .wrapper:after {
  content: "";
  clear: both;
  display: block;
}
body.single-post {
  background: #fff;
}
.hamburger {
  float: left;
  height: 18px;
  margin-top: 35px;
  cursor: pointer;
}
header p,
header p strong,
.menu .name {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  margin: 0;
}
.hamburger span {
  width: 22px;
  height: 18px;
  display: block;
  position: relative;
  border-top: 1px solid #000;
}
.hamburger span:after,
.hamburger span:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  bottom: 0;
}
.hamburger span:before {
  bottom: 9px;
}
.logo {
  float: left;
  text-decoration: none;
  margin-top: 24px;
  margin-left: 23px;
}
.logo {
  font-size: 1.3rem;
}
.menu ul li a {
  font-size: 0.75rem;
}
.join,
.sign,
.posts-slider .date,
.posts-slider .title {
  font-size: 0.9rem;
}
.join,
.sign,
.nav-section ul li a,
.categories a {
  font-weight: 600;
}
.logo,
h1,
h3,
.post-section h2 {
  font-weight: 700;
}
.logo {
  letter-spacing: 1.04px;
}
.logo i {
  width: 50px;
  height: 50px;
  display: inline-block;
  float: left;
  margin-top: -5px;
  background-size: contain;
}
header p {
  float: left;
  padding-left: 10px;
}
.tab-pane h3 {
  font-size: 1.2rem;
}
header p strong {
  color: var(--purple);
}
.join {
  background-color: var(--purple);
  border-style: none;
  border-radius: 8px;
  box-shadow: rgb(92 48 187) 0px -2px 0px inset;
  color: #fff;
  text-decoration: none;
  padding: 9px 15px;
  float: right;
  margin-top: 22px;
}
.join:hover {
  background-color: #b537e5;
}
.sign {
  float: right;
  text-decoration: none;
  margin-top: 30px;
  margin-right: 23px;
}
.search {
  width: 20px;
  height: 21px;
  float: right;
  margin-right: 23px;
  margin-top: 34px;
  background-image: url(gfx/Search_icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  display: none;
}
.menu {
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.menu .close {
  background-image: url(gfx/close.svg);
  width: 16px;
  height: 17px;
  display: block;
  position: absolute;
  top: 12px;
  left: 24px;
  cursor: pointer;
}
.menu .inside {
  width: 300px;
  height: 100%;
  background-color: #fff;
  padding-top: 58px;
  position: relative;
}
.menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.menu ul li {
  padding: 12px 0px;
}
.menu ul li a {
  display: table;
  width: calc(100% - 24px);
  text-decoration: none;
  margin-left: 24px;
}
.menu ul li:first-child a,
.menu ul li:nth-child(9) a,
.menu ul li:nth-child(10) a,
.menu ul li:nth-child(12) a {
  border-bottom: 1px solid rgb(240, 240, 240);
  padding-bottom: 24px;
}
.menu ul img {
  max-width: 16px;
}
.menu .icon {
  display: table-cell;
  vertical-align: middle;
  width: 16px;
}
.menu .name {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}
.main-article {
  padding-top: 170px;
}
.main-article {
}
.main-article a {
  height: 590px;
  display: block;
  border-radius: 20px;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}
.main-article a:after,
.top-section:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.9+100 */
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.9) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.9) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.9) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
}
.main-article .data,
.top-section .data {
  position: absolute;
  z-index: 1;
  bottom: 80px;
  left: 0;
  right: 0;
  color: #fff;
}
.home .main-article .data {
  left: 90px;
  right: 90px;
}
.back {
  display: inline-block;
  width: 23px;
  height: 50px;
  background-image: url(gfx/Back_arrow.svg);
  position: absolute;
  top: -90px;
  right: auto;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
back {
  right: auto;
  left: 0;
}
.main-article .date,
.top-section .date {
  color: inherit;
}
.main-article h1 {
  color: inherit;
  font-size: 60px;
  line-height: 80px;
}
.main-article i,
.top-section .date i,
.posts-slider .date i {
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: auto;
  display: inline-block;
  float: left;
  margin-top: 6px;
  margin-right: 12px;
  background-image: url(gfx/calendar_white.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.nav-section {
  padding-top: 65px;
  padding-bottom: 50px;
}
.nav-section ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.nav-section ul li a,
.categories a {
  text-decoration: none;
  font-size: 0.8rem;
  border: solid 1px rgba(194, 194, 194, 0.5);
  display: inline-block;
  padding: 4px 20px;
  border-radius: 30px;
}
.nav-section ul li a.active,
.nav-section ul li a:hover {
  background-color: #7a4ae2;
  border: solid 1px #7a4ae2;
  color: #fff;
}
.tab-pane {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0;
  margin-right: -25px;
  display: flex;
  flex-wrap: auto;
}
.tab-pane:after {
  content: "";
  display: block;
  clear: both;
}
.home .posts-list .tab-pane {
  display: flex;
  flex-wrap: wrap;
}
.tab-pane .item,
body .wrapper .tab-content .tab-pane .item.normal-width {
  padding-right: 25px;
  padding-bottom: 25px;
  vertical-align: top;
  float: left;
  height: auto;
  display: inline-block !important;
  width: 480px;
}
.category .tab-pane .item {
  float: left;
  width: 360px;
}
.tab-pane a {
  display: inline-block;
  width: 455px;
  border-radius: 20px;
  border: solid 1px #eaeaea;
  overflow: hidden;
  text-decoration: none;
  text-align: left;
}
.tab-pane a,
.block {
  width: 455px;
  height: 100%;
}
.tab-pane .thumb {
  height: 300px;
  width: 100%;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.tab-pane h3 {
  min-height: 70px;
  margin-top: 5px;
}
.tab-pane .time {
  text-decoration: none;
  color: #696969;
}
.tab-pane .time i {
  width: 19px;
  height: 20px;
  float: left;
  display: inline-block;
  background-image: url(gfx/Calendaer_icon.svg);
  margin-top: 4px;
  margin-right: 8px;
}
.tab-pane .data {
  padding: 15px 20px 25px;
}
.posts-list {
  padding-bottom: 185px;
}
.posts-list .wrapper {
  min-height: 2000px;
}
.posts-list .wrapper.normal-height {
  min-height: auto;
}
.top-section {
  height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.top-section {
  margin-top: 90px;
}
.top-section .wrapper {
  height: 100%;
}
.top-section h1 {
  color: #fff;
  font-size: 4rem;
  line-height: 80px;
  padding-top: 10px;
}
.archive h1,
.category h1,
.top-section h1 {
  font-size: 4rem;
}
.top-section .date,
.categories {
  padding-top: 25px;
}
.categories a {
  border: solid 1px rgba(194, 194, 194, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  margin-right: 6px;
}
.categories a:hover {
  background-color: rgba(255, 255, 255, 0);
}

.post-section .wrapper:after {
  content: "";
  display: block;
  clear: both;
}
.post-section {
  padding-top: 100px;
  padding-bottom: 80px;
}
.post-section article {
  float: left;
  width: calc(100% - 400px);
  padding-right: 100px;
  position: relative;
}
.post-section h2 {
  font-size: 1.5rem;
}
.post-section .content-section,
.post-section .quote,
.post-section .image,
.post-section ol,
.post-section ul {
  margin-bottom: 50px;
}
.post-section .content-section p {
  margin-top: 25px;
  margin-bottom: 0;
  line-height: 34px;
}
.post-section .content-section p,
.post-section li {
  color: #4f4f4f;
}
.post-section .content-section a {
  color: #7a4ae2;
  font-weight: 600;
}
.post-section .quote {
  padding: 35px 30px;
  border: 1px solid #ebebeb;
  border-radius: 20px;
  background-color: #f9f9f9;
  position: relative;
}
.post-section .quote p {
  margin: 0;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: 300;
}
.post-section .quote .cont {
}
.post-section .quote .name {
  text-align: right;
  font-size: 0.7rem;
  font-style: italic;
  font-weight: 500;
}
.post-section .quote .cont:before,
.post-section .quote .cont:after {
  content: "";
  width: 51px;
  height: 31px;
  display: inline-block;
  position: absolute;
  background-image: url(gfx/q_top.svg);
}
.post-section .quote .cont:before {
  top: -15px;
  left: 15px;
}
.post-section .quote .cont:after {
  bottom: -15px;
  right: 15px;
  transform: rotate(180deg);
}
.post-section .image {
  border-radius: 20px;
  overflow: hidden;
}
.post-section .image img {
  width: 100%;
}
.post-section ol {
  margin-top: 0;
  padding: 0;
  list-style-type: none;
  margin-left: 0;
  margin-right: 0;
}

.post-section ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.post-section ul li,
.post-section ol li {
  padding-left: 20px;
  padding-bottom: 10px;
  position: relative;
}
.post-section ol li {
  counter-increment: item;
  padding-left: 30px;
}
.post-section ol li:before {
  display: inline-block;
  content: counter(item);
  color: #fff;
  position: absolute;
  top: 5px;
  right: auto;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #7a4ae2;
  border-radius: 50%;
  text-align: center;
  font-size: 0.5rem;
  line-height: 20px;
}

.post-section ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  display: inline-block;
  border: 2px solid #7a4ae2;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 13px;
}
.social-link {
  padding: 35px 30px;
  border: 1px solid #ebebeb;
  border-radius: 20px;
  text-align: center;
  clear: both;
}
body .a2a_kit {
  display: inline-block;
}
body .social-link .a2a_kit .a2a_svg {
  display: block;
  border-radius: 50% !important;
  overflow: hidden;
  position: relative;
}
body .social-link .a2a_kit .a2a_svg svg {
  width: 30px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.social-link a {
}
.social-link a.addtoany_share {
  float: left;
  font-weight: 600;
  text-decoration: none;
  font-size: 1rem;
}
.addtoany_list:after {
  content: "";
  display: block;
  clear: both;
}
.more-posts {
  float: right;
  width: 400px;
  display: none;
}
.more-posts.active {
  display: block;
}
.more-posts h2 {
  padding-bottom: 15px;
}
.posts-slider {
  padding: 20px;
  border: 1px solid #ebebeb;
  background-color: #f9f9f9;
  border-radius: 20px;
}
.posts-slider .item {
  padding-bottom: 20px;
}
.posts-slider .item a {
  display: block;
}
.posts-slider .item a:after {
  clear: both;
  content: "";
  display: block;
}
.posts-slider .item .image {
  float: left;
  width: 126px;
  height: 84px;
  overflow: hidden;
  border-radius: 3px;
  margin-bottom: 0;
}
.posts-slider .item .float-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.posts-slider .data {
  float: left;
  padding-left: 15px;
  width: calc(100% - 126px);
}
.posts-slider .date {
  color: #696969;
}
.posts-slider .date i {
  margin-top: 4px;
}
.posts-slider .title {
  font-weight: 600;
  line-height: 24px;
  padding-bottom: 5px;
}
#breadcrumbs {
  margin-top: -80px;
  margin-bottom: 80px;
}
#breadcrumbs span,
#breadcrumbs a {
  font-size: 0.7rem;
  color: #9b9b9b;
}

.posts-list.posts-list {
  padding-top: 0;
}
.category .posts-list {
  padding-top: 200px;
}
.archive h1,
.category h1 {
  font-size: 3rem;
  padding-bottom: 50px;
}
.category .tab-pane:after {
  content: "";
  clear: both;
  display: block;
}
.slide.slick-slide {
  width: 1440px;
}
.slide.slick-slide:first-child .item:nth-child(2),
.slide.slick-slide:first-child .item:nth-child(6) {
  /* width: 935px; */
  /* padding-right: 0; */
}
.slide.slick-slide:first-child .item:nth-child(6) {
  text-align: right;
  padding-right: 25px;
  width: 960px;
}
.block {
  position: absolute;
  right: 25px;
  top: 0;
  z-index: 2;
  border-radius: 20px;
}
.banner {
  top: auto;
  bottom: 50px;
  padding: 40px 30px 30px;
  background-size: cover;
  background-position: center;
  right: auto;
  left: 0;
  top: 1000px;
}
body .banner a {
  position: absolute;
  border: 0;
  width: calc(100% - 60px);
  text-align: center;
  bottom: 30px;
  text-decoration: none;
  color: #000;
  margin: auto;
  left: 0;
  right: 0;
}
body .banner a:hover {
  color: #666;
}
.newsletter {
  border-radius: 20px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7a4ae2+0,b735e4+100 */
  background: rgb(122, 74, 226); /* Old browsers */
  background: -moz-linear-gradient(
    top,
    rgba(122, 74, 226, 1) 0%,
    rgba(183, 53, 228, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(122, 74, 226, 1) 0%,
    rgba(183, 53, 228, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(122, 74, 226, 1) 0%,
    rgba(183, 53, 228, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a4ae2', endColorstr='#b735e4',GradientType=0 ); /* IE6-9 */
  padding: 76px 30px 30px;
}
.newsletter .icon {
  display: block;
  height: 52px;
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}
.newsletter h2,
.banner h2 {
  padding-top: 30px;
  font-weight: 700;
  color: #fff;
  font-size: 1.5rem;
  padding-bottom: 0;
}
.newsletter .description,
.banner .description {
  color: #fff;
  font-size: 0.8rem;
  padding-bottom: 30px;
}
.newsletter h2 p,
.newsletter .description p,
.banner p {
  margin: 0;
  padding: 0;
}
.newsletter ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.newsletter ul li {
  padding-bottom: 20px;
  position: relative;
}
.newsletter ul li:last-child {
  padding-bottom: 0px;
}
.newsletter input,
.banner a {
  width: 100%;
  padding: 15px 15px;
  border-radius: 10px;
  background-color: #8626ce;
  color: #fff;
}
.newsletter input[type="submit"],
.banner a {
  background-color: #fff;
  color: #b537e5;
  font-weight: 700;
  cursor: pointer;
  -webkit-appearance: none;
}
.newsletter input[type="submit"]:hover {
  color: #8626ce;
}
.slick-dots {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
  padding: 0 4px;
}
.slick-dots li button {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  color: #575757;
  font-weight: 500;
  cursor: pointer;
}
.slick-dots li.slick-active button,
.slick-dots li.slick-active button:hover {
  background-color: #7a4ae2;
  color: #fff;
  box-shadow: none;
}
.slick-dots li.slick-active button {
  pointer-events: none;
}
.slick-dots li button:hover {
  box-shadow: inset 0 2px 0 0 rgba(202, 202, 202, 0.5);
  background-color: #e8e8e8;
}
body .wpcf7-not-valid-tip {
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 44px;
}
body .wpcf7 form .wpcf7-response-output {
  border: none;
  font-size: 12px;
  color: #fff;
  position: absolute;
  bottom: 5px;
  margin: 0;
  text-align: center;
  display: block;
  padding: 0;
  width: calc(100% - 60px);
}
body .wpcf7 form.invalid .wpcf7-response-output {
  display: none;
}
body .wpcf7-spinner {
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 10px;
}
.banner h2 {
  padding-top: 0;
}
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
}

footer {
  text-align: center;
}
footer .logo {
  float: none;
  margin: 0;
  display: block;
  font-size: 20px;
}
footer .logo i {
  float: none;
  display: block;
  margin: auto;
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  background-position: center;
}
footer .credit {
  color: #b1b1b1;
  font-size: 16px;
  padding-top: 30px;
  padding-bottom: 20px;
}
ul.links {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.links li {
  display: inline-block;
}
ul.links a {
  color: #8869dd;
  font-size: 16px;
  padding: 0 10px;
}
ul.links a:hover {
}
ul.social {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: 100px;
  font-size: 0;
  margin-top: 30px;
}
ul.social li {
  display: inline-block;
  padding: 0 9px;
}
ul.social a {
  display: block;
  width: 45px;
  height: 45px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.slick-dots li:only-child {
  display: none;
}
@media (max-width: 479px) {
  html {
    font-size: 10px;
  }
  header p {
    padding-left: 10px;
  }
  html,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  font,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  fieldset,
  form,
  label,
  legend,
  caption,
  tbody,
  tfoot,
  thead,
  .contact-form-thank-message strong,
  fn,
  input,
  textarea,
  .full-logos ul li,
  .page-template-services .our-services-items .description,
  .case-studies-section-06.sec-06-1 .author p,
  .among-our-services.managing-services .description p strong,
  button {
    font-size: 16px;
  }
  .wrapper,
  .tab-pane {
    width: 100%;
    padding: 0 10px;
  }
  .logo i {
    width: 36px;
    height: 36px;
    margin-top: -1px;
  }
  .tab-pane {
    padding: 0 0px;
  }
  header {
    height: 74px;
    position: fixed;
  }
  .hamburger {
    float: left;
    height: 18px;
    margin-top: 28px;
  }
  .hamburger span {
    width: 22px;
    height: 18px;
  }
  .hamburger span:before {
    bottom: 9px;
  }
  .logo {
    float: left;
    margin-top: 20px;
    margin-left: 10px;
  }
  .logo {
    font-size: 1.3rem;
  }
  .menu ul li a {
    font-size: 0.75rem;
  }
  .join,
  .sign,
  .posts-slider .date,
  .posts-slider .title {
    font-size: 0.9rem;
  }
  .posts-slider .date {
    font-size: 18px;
  }
  .logo {
    letter-spacing: 1.04px;
  }
  .tab-pane h3 {
    font-size: 20px;
    line-height: 25px;
  }
  .join {
    border-radius: 8px;
    padding: 9px 15px;
    float: right;
    margin-top: 17px;
  }
  .sign {
    float: right;
    margin-top: 30px;
    margin-right: 23px;
    display: none;
  }
  .search {
    width: 20px;
    height: 21px;
    float: right;
    margin-right: 23px;
    margin-top: 30px;
    display: none;
  }

  .menu .close {
    width: 16px;
    height: 17px;
    top: 12px;
    left: 24px;
  }
  .menu .inside {
    width: 300px;
    padding-top: 58px;
  }
  .menu ul li {
    padding: 12px 0px;
  }
  .menu ul li a {
    display: table;
    width: calc(100% - 24px);
    margin-left: 24px;
  }
  .menu ul li:first-child a,
  .menu ul li:nth-child(9) a,
  .menu ul li:nth-child(10) a,
  .menu ul li:nth-child(12) a {
    padding-bottom: 24px;
  }
  .menu ul img {
    max-width: 16px;
  }
  .menu .icon {
    display: table-cell;
    width: 16px;
  }
  .menu .name {
    display: table-cell;
    padding-left: 20px;
  }
  .main-article {
    padding-top: 84px;
  }
  .main-article a {
    height: 365px;
    border-radius: 20px;
  }
  .main-article .data,
  .top-section .data {
    bottom: 20px;
  }
  .top-section .data {
    left: 10px;
    right: 10px;
  }
  .home .main-article .data {
    left: 20px;
    right: 20px;
  }
  .back {
    width: 20px;
    height: 35px;
    top: -60px;
  }
  .main-article h1 {
    color: inherit;
    font-size: 34px;
    line-height: 40px;
    padding-top: 10px;
  }
  .main-article i,
  .top-section .date i,
  .posts-slider .date i {
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 3px;
    margin-right: 10px;
  }
  .nav-section {
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .tab-pane {
    margin-right: -25px;
  }
  .tab-pane .item,
  body .wrapper .tab-content .tab-pane .item.normal-width {
    padding-right: 0;
    padding-bottom: 25px;
    float: none;
    height: auto;
    width: 100%;
    margin-bottom: 20px;
  }
  .without-newsletter .tab-pane .item {
    width: 100% !important;
    height: 350px !important;
  }
  .without-newsletter .slide.slick-slide:first-child .item:nth-child(5) {
    margin-top: 335px;
  }
  .without-newsletter.without-banner
    .slide.slick-slide:first-child
    .item:nth-child(5) {
    margin-top: 0;
  }
  .slide.slick-slide:first-child .item:nth-child(3) {
    text-align: right;
  }
  .tab-pane .time {
    font-size: 18px;
  }
  .category .tab-pane .item {
    float: left;
    width: 360px;
  }
  .tab-pane a {
    width: 455px;
    border-radius: 20px;
  }
  .tab-pane a,
  .block {
    width: 100%;
    height: 100%;
  }
  .block {
    width: 100%;
    top: 365px;
  }
  .tab-pane .thumb {
    height: 210px;
  }
  .tab-pane h3 {
    min-height: 70px;
    margin-top: 5px;
  }
  .tab-pane .time i {
    width: 19px;
    height: 20px;
    float: left;
    margin-top: 2px;
    margin-right: 8px;
  }
  .tab-pane .data {
    padding: 15px 20px 25px;
  }
  .posts-list {
    padding-bottom: 185px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .posts-list .wrapper {
    min-height: auto;
    padding: 0;
  }
  .top-section {
    height: 360px;
  }
  .top-section {
    margin-top: 75px;
  }
  .top-section h1 {
    font-size: 4rem;
    line-height: 40px;
    padding-top: 5px;
  }
  .category h1,
  .top-section h1 {
    font-size: 2rem;
  }
  .categories {
    padding-top: 10px;
  }
  .categories a {
    margin-right: 6px;
    font-size: 10px;
  }
  .post-section {
    padding-top: 55px;
    padding-bottom: 80px;
  }
  .post-section article {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .post-section h2 {
    font-size: 20px;
  }
  .post-section .content-section,
  .post-section .quote,
  .post-section .image,
  .post-section ol,
  .post-section ul {
    margin-bottom: 30px;
  }
  .post-section .content-section p {
    margin-top: 15px;
    line-height: 26px;
  }
  .post-section .quote {
    padding: 35px 30px;
    border: 1px solid #ebebeb;
    border-radius: 20px;
  }
  .post-section .quote p {
    font-size: 18px;
  }
  .post-section .quote .name {
    font-size: 14px;
    padding-top: 10px;
  }
  .post-section .quote .cont:before,
  .post-section .quote .cont:after {
    width: 51px;
    height: 31px;
  }
  .post-section .quote .cont:before {
    top: -15px;
    left: 15px;
  }
  .post-section .quote .cont:after {
    bottom: -15px;
    right: 15px;
    transform: rotate(180deg);
  }
  .post-section .image {
    border-radius: 20px;
  }
  .post-section ul li,
  .post-section ol li {
    padding-left: 15px;
    padding-bottom: 10px;
  }
  .post-section ol li {
    padding-left: 30px;
  }
  .post-section ol li:before {
    top: 2px;
    width: 20px;
    height: 20px;
    font-size: 0.5rem;
    line-height: 20px;
  }

  .post-section ul li:before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 9px;
  }
  .social-link {
    padding: 29px 30px;
    border: 1px solid #ebebeb;
    border-radius: 20px;
    margin-top: 20px;
  }
  .social-link a.addtoany_share {
    float: left;
    font-size: 1rem;
  }
  .more-posts {
    float: none;
    width: 100%;
    padding-top: 35px;
  }
  .more-posts h2 {
    padding-bottom: 25px;
  }
  .posts-slider {
    padding: 15px;
    border-radius: 20px;
  }
  .posts-slider .item {
    padding-bottom: 20px;
  }
  .posts-slider .item .image {
    float: left;
    width: 125px;
    height: 85px;
    border-radius: 3px;
  }
  .posts-slider .data {
    float: left;
    padding-left: 15px;
    width: calc(100% - 126px);
  }
  .posts-slider .date i {
    margin-top: 5px;
    margin-right: 5px;
  }
  .posts-slider .title {
    line-height: 20px;
    padding-bottom: 5px;
    font-size: 16px;
  }
  #breadcrumbs {
    margin-top: -40px;
    margin-bottom: 40px;
  }
  #breadcrumbs span,
  #breadcrumbs a {
    font-size: 0.7rem;
  }
  .archive .posts-list,
  .category .posts-list {
    padding-top: 200px;
  }
  .archive h1,
  .category h1 {
    font-size: 3rem;
    padding-bottom: 50px;
  }
  .slide.slick-slide {
    width: 1000px;
  }
  .slide.slick-slide:first-child .item:nth-child(2),
  .slide.slick-slide:first-child .item:nth-child(6) {
    /* width: 740px; */
    /* width: 50%; */
    /* padding-right: 10px; */
  }
  .slide.slick-slide:first-child .item:nth-child(1),
  .slide.slick-slide:first-child .item:nth-child(3) {
    width: 100%;
    height: 710px;
  }
  .without-banner .slide.slick-slide:first-child .item:nth-child(3) {
    height: 345px;
  }
  .slide.slick-slide:first-child .item:nth-child(1) a,
  .slide.slick-slide:first-child .item:nth-child(4) a {
    width: 100%;
  }
  .slide.slick-slide:first-child .item:nth-child(6) {
    padding-right: 0;
    width: 100%;
  }
  .block {
    right: 0;
    border-radius: 20px;
  }
  .banner {
    bottom: 50px;
    padding: 40px 30px 30px;
    top: 1460px;
  }
  body .banner a {
    width: calc(100% - 50px);
    bottom: 30px;
  }
  .newsletter {
    border-radius: 20px;
    padding: 40px 20px 30px;
  }
  .newsletter .icon {
    height: 40px;
  }
  .newsletter h2,
  .banner h2 {
    padding-top: 20px;
    font-size: 1.3rem;
  }
  .newsletter .description,
  .banner .description {
    font-size: 0.8rem;
    padding-bottom: 20px;
  }
  .newsletter ul li {
    padding-bottom: 20px;
  }
  .newsletter input,
  .banner a {
    padding: 10px 15px;
    border-radius: 10px;
  }
  .slick-dots li {
    padding: 0 4px;
  }
  .slick-dots li button {
    width: 50px;
    height: 50px;
    border-radius: 8px;
  }
  body .wpcf7-not-valid-tip {
    font-size: 12px;
    top: 35px;
  }
  body .wpcf7 form .wpcf7-response-output {
    font-size: 12px;
    position: absolute;
    bottom: 5px;
    width: 100%;
    line-height: 12px;
  }
  body .wpcf7-spinner {
    left: 10px;
  }
}
@media screen and (min-width: 480px) and (max-width: 1200px) {
  header p {
    padding-left: 10px;
    margin-top: -2px;
  }

  html {
    font-size: 10px;
  }
  html,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  font,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  fieldset,
  form,
  label,
  legend,
  caption,
  tbody,
  tfoot,
  thead,
  .contact-form-thank-message strong,
  fn,
  input,
  textarea,
  .full-logos ul li,
  .page-template-services .our-services-items .description,
  .case-studies-section-06.sec-06-1 .author p,
  .among-our-services.managing-services .description p strong,
  button {
    font-size: 16px;
  }
  .wrapper,
  .tab-pane {
    width: 100%;
    padding: 0 10px;
  }
  .tab-pane {
    padding: 0 0px;
  }
  header {
    height: 90px;
    position: fixed;
  }
  .hamburger {
    float: left;
    height: 18px;
    margin-top: 35px;
  }
  .hamburger span {
    width: 22px;
    height: 18px;
  }
  .hamburger span:before {
    bottom: 9px;
  }
  .logo i {
    width: 40px;
    height: 40px;
    margin-top: -5px;
  }
  .logo {
    float: left;
    margin-top: 30px;
    margin-left: 23px;
  }
  .logo {
    font-size: 1.3rem;
  }
  .menu ul li a {
    font-size: 0.75rem;
  }
  .join,
  .sign,
  .posts-slider .date,
  .posts-slider .title {
    font-size: 0.9rem;
  }
  .logo {
    letter-spacing: 1.04px;
  }
  .tab-pane h3 {
    font-size: 1rem;
  }
  .join {
    border-radius: 8px;
    padding: 9px 15px;
    float: right;
    margin-top: 22px;
  }
  .sign {
    float: right;
    margin-top: 30px;
    margin-right: 23px;
  }
  .search {
    width: 20px;
    height: 21px;
    float: right;
    margin-right: 23px;
    margin-top: 30px;
  }

  .menu .close {
    width: 16px;
    height: 17px;
    top: 12px;
    left: 24px;
  }
  .menu .inside {
    width: 300px;
    padding-top: 58px;
  }
  .menu ul li {
    padding: 12px 0px;
  }
  .menu ul li a {
    display: table;
    width: calc(100% - 24px);
    margin-left: 24px;
  }
  .menu ul li:first-child a,
  .menu ul li:nth-child(9) a,
  .menu ul li:nth-child(10) a,
  .menu ul li:nth-child(12) a {
    padding-bottom: 24px;
  }
  .menu ul img {
    max-width: 16px;
  }
  .menu .icon {
    display: table-cell;
    width: 16px;
  }
  .menu .name {
    display: table-cell;
    padding-left: 20px;
  }
  .main-article {
    padding-top: 100px;
  }
  .main-article a {
    height: 370px;
    border-radius: 20px;
  }
  .main-article .data,
  .top-section .data {
    bottom: 20px;
  }
  .top-section .data {
    left: 10px;
    right: 10px;
  }
  .home .main-article .data {
    left: 20px;
    right: 20px;
  }
  .back {
    width: 20px;
    height: 35px;
    top: -60px;
  }
  .main-article h1 {
    color: inherit;
    font-size: 40px;
    line-height: 60px;
  }
  .main-article i,
  .top-section .date i,
  .posts-slider .date i {
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 3px;
    margin-right: 10px;
  }
  .tab-pane {
    margin-right: -25px;
  }
  .tab-pane .item,
  body .wrapper .tab-content .tab-pane .item.normal-width {
    padding-right: 10px;
    padding-bottom: 25px;
    float: left;
    height: auto;
    width: 50%;
  }

  .without-newsletter .tab-pane .item a,
  .without-newsletter .slide.slick-slide:first-child .item:nth-child(1) a,
  .without-newsletter .slide.slick-slide:first-child .item:nth-child(4) a {
    width: 100%;
  }
  .slide.slick-slide:first-child .item:nth-child(4) {
    text-align: right;
  }
  .category .tab-pane .item {
    float: left;
    width: 360px;
  }
  .tab-pane a {
    width: 455px;
    border-radius: 20px;
  }
  .tab-pane a,
  .block {
    width: 100%;
    height: 100%;
  }
  .block {
    width: calc(50% - 10px);
  }
  .tab-pane .thumb {
    height: 240px;
  }
  .tab-pane h3 {
    min-height: 70px;
    margin-top: 5px;
  }
  .tab-pane .time i {
    width: 19px;
    height: 20px;
    float: left;
    margin-top: 4px;
    margin-right: 8px;
  }
  .tab-pane .data {
    padding: 15px 20px 25px;
  }
  .posts-list {
    padding-bottom: 185px;
  }
  .posts-list .wrapper {
    min-height: 1770px;
    padding: 0;
  }
  .top-section {
    height: 400px;
  }
  .top-section {
    margin-top: 90px;
  }
  .top-section h1 {
    font-size: 4rem;
    line-height: 40px;
    padding-top: 5px;
  }
  .archive h1,
  .category h1,
  .top-section h1 {
    font-size: 2rem;
  }
  .categories {
    padding-top: 10px;
  }
  .categories a {
    margin-right: 6px;
  }
  .post-section {
    padding-top: 70px;
    padding-bottom: 80px;
  }
  .post-section article {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .post-section h2 {
    font-size: 1.2rem;
  }
  .post-section .content-section,
  .post-section .quote,
  .post-section .image,
  .post-section ol,
  .post-section ul {
    margin-bottom: 50px;
  }
  .post-section .content-section p {
    margin-top: 25px;
    line-height: 34px;
  }
  .post-section .quote {
    padding: 35px 30px;
    border: 1px solid #ebebeb;
    border-radius: 20px;
  }
  .post-section .quote p {
    font-size: 1rem;
  }
  .post-section .quote .name {
    font-size: 0.7rem;
  }
  .post-section .quote .cont:before,
  .post-section .quote .cont:after {
    width: 51px;
    height: 31px;
  }
  .post-section .quote .cont:before {
    top: -15px;
    left: 15px;
  }
  .post-section .quote .cont:after {
    bottom: -15px;
    right: 15px;
    transform: rotate(180deg);
  }
  .post-section .image {
    border-radius: 20px;
  }
  .post-section ul li,
  .post-section ol li {
    padding-left: 20px;
    padding-bottom: 10px;
  }
  .post-section ol li {
    padding-left: 30px;
  }
  .post-section ol li:before {
    top: 4px;
    width: 20px;
    height: 20px;
    font-size: 0.5rem;
    line-height: 20px;
  }

  .post-section ul li:before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 11px;
  }
  .social-link {
    padding: 35px 30px;
    border: 1px solid #ebebeb;
    border-radius: 20px;
    margin-top: 20px;
  }
  .social-link a.addtoany_share {
    float: left;
    font-size: 1rem;
  }
  .more-posts {
    float: none;
    width: 100%;
    padding-top: 40px;
  }
  .more-posts h2 {
    padding-bottom: 15px;
  }
  .posts-slider {
    padding: 20px;
    border-radius: 20px;
  }
  .posts-slider .item {
    padding-bottom: 20px;
  }
  .posts-slider .item .image {
    float: left;
    width: 110px;
    height: 70px;
    border-radius: 3px;
  }
  .posts-slider .data {
    float: left;
    padding-left: 15px;
    width: calc(100% - 126px);
  }
  .posts-slider .date i {
    margin-top: 1px;
  }
  .posts-slider .title {
    line-height: 24px;
    padding-bottom: 5px;
  }
  #breadcrumbs {
    top: -55px;
  }
  #breadcrumbs span,
  #breadcrumbs a {
    font-size: 0.7rem;
  }
  .category .posts-list {
    padding-top: 200px;
  }
  .archive h1,
  .category h1 {
    font-size: 3rem;
    padding-bottom: 50px;
  }
  .slide.slick-slide {
    width: 1000px;
  }
  .slide.slick-slide:first-child .item:nth-child(2),
  .slide.slick-slide:first-child .item:nth-child(6) {
    width: 50%;
    padding-right: 10px;
  }

  .slide.slick-slide:first-child .item:nth-child(1),
  .slide.slick-slide:first-child .item:nth-child(4) {
    width: 100%;
  }
  .slide.slick-slide:first-child .item:nth-child(1) a,
  .slide.slick-slide:first-child .item:nth-child(4) a {
    width: calc(50% - 5px);
  }
  .without-newsletter .tab-pane.slider .item,
  .without-newsletter .slide.slick-slide:first-child .item:nth-child(2),
  .without-newsletter .slide.slick-slide:first-child .item:nth-child(1),
  .without-newsletter .slide.slick-slide:first-child .item:nth-child(4),
  .without-newsletter .slide.slick-slide:first-child .item:nth-child(6),
  .without-banner .slide.slick-slide:first-child .item:nth-child(4),
  .without-newsletter.without-banner
    .slide.slick-slide:first-child
    .item:nth-child(5) {
    width: 50%;
  }
  .without-banner .slide.slick-slide:first-child .item:nth-child(4) a,
  .without-newsletter.without-banner
    .slide.slick-slide:first-child
    .item:nth-child(5)
    a {
    width: 100%;
  }
  .without-newsletter .slide.slick-slide:first-child .item:nth-child(5) {
    padding-right: 10px;
    width: 100%;
  }
  .without-newsletter .slide.slick-slide:first-child .item:nth-child(5) a {
    float: right;
    width: 50%;
  }
  .block {
    right: 10px;
    border-radius: 20px;
  }
  .banner {
    bottom: 50px;
    padding: 40px 30px 30px;
    top: 850px;
  }
  body .banner a {
    width: calc(100% - 60px);
    bottom: 30px;
  }
  .newsletter {
    border-radius: 20px;
    padding: 50px 30px 30px;
  }
  .newsletter .icon {
    height: 52px;
  }
  .newsletter h2,
  .banner h2 {
    padding-top: 20px;
    font-size: 1.3rem;
  }
  .newsletter .description,
  .banner .description {
    font-size: 0.8rem;
    padding-bottom: 30px;
  }
  .newsletter ul li {
    padding-bottom: 20px;
  }
  .newsletter input,
  .banner a {
    padding: 15px 15px;
    border-radius: 10px;
  }
  .slick-dots li {
    padding: 0 4px;
  }
  .slick-dots li button {
    width: 50px;
    height: 50px;
    border-radius: 8px;
  }
  body .wpcf7-not-valid-tip {
    font-size: 12px;
    top: 44px;
  }
  body .wpcf7 form .wpcf7-response-output {
    font-size: 12px;
    position: absolute;
    bottom: 5px;
    width: calc(100% - 60px);
  }
  body .wpcf7-spinner {
    left: 10px;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 10px;
  }
  .logo i {
    width: 50px;
    height: 50px;
    margin-top: -5px;
  }
  html,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  font,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  fieldset,
  form,
  label,
  legend,
  caption,
  tbody,
  tfoot,
  thead,
  .contact-form-thank-message strong,
  fn,
  input,
  textarea,
  .full-logos ul li,
  .page-template-services .our-services-items .description,
  .case-studies-section-06.sec-06-1 .author p,
  .among-our-services.managing-services .description p strong,
  button {
    font-size: 18px;
  }
  .wrapper,
  .tab-pane {
    width: 1100px;
  }
  header {
    height: 90px;
    position: fixed;
  }
  .hamburger {
    float: left;
    height: 18px;
    margin-top: 35px;
  }
  .hamburger span {
    width: 22px;
    height: 18px;
  }
  .hamburger span:before {
    bottom: 9px;
  }
  .logo {
    float: left;
    margin-top: 25px;
    margin-left: 23px;
  }
  .logo {
    font-size: 1.3rem;
  }
  .menu ul li a {
    font-size: 0.75rem;
  }
  .join,
  .sign,
  .posts-slider .date,
  .posts-slider .title {
    font-size: 0.9rem;
  }
  .logo {
    letter-spacing: 1.04px;
  }
  .tab-pane h3 {
    font-size: 1rem;
  }
  .join {
    border-radius: 8px;
    padding: 9px 15px;
    float: right;
    margin-top: 22px;
  }
  .sign {
    float: right;
    margin-top: 30px;
    margin-right: 23px;
  }
  .search {
    width: 20px;
    height: 21px;
    float: right;
    margin-right: 23px;
    margin-top: 34px;
  }

  .menu .close {
    width: 16px;
    height: 17px;
    top: 12px;
    left: 24px;
  }
  .menu .inside {
    width: 300px;
    padding-top: 58px;
  }
  .menu ul li {
    padding: 12px 0px;
  }
  .menu ul li a {
    display: table;
    width: calc(100% - 24px);
    margin-left: 24px;
  }
  .menu ul li:first-child a,
  .menu ul li:nth-child(9) a,
  .menu ul li:nth-child(10) a,
  .menu ul li:nth-child(12) a {
    padding-bottom: 24px;
  }
  .menu ul img {
    max-width: 16px;
  }
  .menu .icon {
    display: table-cell;
    width: 16px;
  }
  .menu .name {
    display: table-cell;
    padding-left: 20px;
  }
  .main-article {
    padding-top: 125px;
  }
  .main-article a {
    height: 470px;
    border-radius: 20px;
  }
  .main-article .data,
  .top-section .data {
    bottom: 35px;
  }
  .home .main-article .data {
    left: 60px;
    right: 90px;
  }
  .back {
    width: 23px;
    height: 50px;
    top: -90px;
  }
  .main-article h1 {
    color: inherit;
    font-size: 50px;
    line-height: 70px;
  }
  .main-article i,
  .top-section .date i,
  .posts-slider .date i {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 3px;
    margin-right: 12px;
  }
  .nav-section {
    padding-top: 40px;
    padding-bottom: 35px;
  }
  .tab-pane {
    margin-right: -25px;
  }
  .tab-pane .item,
  body .wrapper .tab-content .tab-pane .item.normal-width {
    padding-right: 10px;
    padding-bottom: 25px;
    float: left;
    height: auto;
    width: 360px;
  }

  .category .tab-pane .item {
    float: left;
    width: 360px;
  }
  .tab-pane a {
    width: 455px;
    border-radius: 20px;
  }
  .tab-pane a,
  .block {
    width: 350px;
    height: 100%;
  }
  .tab-pane .thumb {
    height: 240px;
  }
  .tab-pane h3 {
    min-height: 70px;
    margin-top: 5px;
  }
  .tab-pane .time i {
    width: 19px;
    height: 20px;
    float: left;
    margin-top: 4px;
    margin-right: 8px;
  }
  .tab-pane .data {
    padding: 15px 20px 25px;
  }
  .posts-list {
    padding-bottom: 185px;
  }
  .posts-list .wrapper {
    min-height: 1770px;
  }
  .top-section {
    height: 500px;
  }
  .top-section {
    margin-top: 90px;
  }
  .top-section h1 {
    font-size: 4rem;
    line-height: 80px;
    padding-top: 5px;
  }
  .archive h1,
  .category h1,
  .top-section h1 {
    font-size: 2.6rem;
  }
  .categories {
    padding-top: 25px;
  }
  .categories a {
    margin-right: 6px;
  }
  .post-section {
    padding-top: 100px;
    padding-bottom: 80px;
  }
  .post-section article {
    float: left;
    width: calc(100% - 360px);
    padding-right: 100px;
  }
  .post-section h2 {
    font-size: 1.2rem;
  }
  .post-section .content-section,
  .post-section .quote,
  .post-section .image,
  .post-section ol,
  .post-section ul {
    margin-bottom: 50px;
  }
  .post-section .content-section p {
    margin-top: 25px;
    line-height: 34px;
  }
  .post-section .quote {
    padding: 35px 30px;
    border: 1px solid #ebebeb;
    border-radius: 20px;
  }
  .post-section .quote p {
    font-size: 1rem;
  }
  .post-section .quote .name {
    font-size: 0.7rem;
  }
  .post-section .quote .cont:before,
  .post-section .quote .cont:after {
    width: 51px;
    height: 31px;
  }
  .post-section .quote .cont:before {
    top: -15px;
    left: 15px;
  }
  .post-section .quote .cont:after {
    bottom: -15px;
    right: 15px;
    transform: rotate(180deg);
  }
  .post-section .image {
    border-radius: 20px;
  }
  .post-section ul li,
  .post-section ol li {
    padding-left: 20px;
    padding-bottom: 10px;
  }
  .post-section ol li {
    padding-left: 30px;
  }
  .post-section ol li:before {
    top: 4px;
    width: 20px;
    height: 20px;
    font-size: 0.5rem;
    line-height: 20px;
  }

  .post-section ul li:before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 11px;
  }
  .social-link {
    padding: 35px 30px;
    border: 1px solid #ebebeb;
    border-radius: 20px;
  }
  .social-link a.addtoany_share {
    float: left;
    font-size: 1rem;
  }
  .more-posts {
    float: right;
    width: 360px;
  }
  .more-posts h2 {
    padding-bottom: 15px;
  }
  .posts-slider {
    padding: 20px;
    border-radius: 20px;
  }
  .posts-slider .item {
    padding-bottom: 20px;
  }
  .posts-slider .item .image {
    float: left;
    width: 126px;
    height: 84px;
    border-radius: 3px;
  }
  .posts-slider .data {
    float: left;
    padding-left: 15px;
    width: calc(100% - 126px);
  }
  .posts-slider .date i {
    margin-top: 4px;
  }
  .posts-slider .title {
    line-height: 24px;
    padding-bottom: 5px;
  }
  #breadcrumbs {
    top: -80px;
  }
  #breadcrumbs span,
  #breadcrumbs a {
    font-size: 0.7rem;
  }
  .category .posts-list {
    padding-top: 200px;
  }
  .archive h1,
  .category h1 {
    font-size: 3rem;
    padding-bottom: 50px;
  }
  .slide.slick-slide {
    width: 1440px;
  }
  .slide.slick-slide:first-child .item:nth-child(2),
  .slide.slick-slide:first-child .item:nth-child(6) {
    width: 740px;
  }
  .without-newsletter .tab-pane .item,
  .without-newsletter .slide.slick-slide:first-child .item:nth-child(2),
  .without-newsletter .slide.slick-slide:first-child .item:nth-child(6),
  .without-banner .slide.slick-slide:first-child .item:nth-child(6),
  .without-newsletter.without-banner
    .slide.slick-slide:first-child
    .item:nth-child(7) {
    width: 360px;
  }
  .slide.slick-slide:first-child .item:nth-child(6),
  .without-newsletter .slide.slick-slide:first-child .item:nth-child(7) {
    padding-right: 10px;
    width: 721px;
  }
  .without-newsletter .slide.slick-slide:first-child .item:nth-child(7) a {
    float: right;
  }
  .block {
    right: 30px;
    border-radius: 20px;
  }
  .banner {
    bottom: 50px;
    padding: 40px 30px 30px;
    top: 850px;
  }
  body .banner a {
    width: calc(100% - 60px);
    bottom: 30px;
  }
  .newsletter {
    border-radius: 20px;
    padding: 50px 30px 30px;
  }
  .newsletter .icon {
    height: 52px;
  }
  .newsletter h2,
  .banner h2 {
    padding-top: 20px;
    font-size: 1.3rem;
  }
  .newsletter .description,
  .banner .description {
    font-size: 0.8rem;
    padding-bottom: 30px;
  }
  .newsletter ul li {
    padding-bottom: 20px;
  }
  .newsletter input,
  .banner a {
    padding: 15px 15px;
    border-radius: 10px;
  }
  .slick-dots li {
    padding: 0 4px;
  }
  .slick-dots li button {
    width: 50px;
    height: 50px;
    border-radius: 8px;
  }
  body .wpcf7-not-valid-tip {
    font-size: 12px;
    top: 44px;
  }
  body .wpcf7 form .wpcf7-response-output {
    font-size: 12px;
    position: absolute;
    bottom: 5px;
    width: calc(100% - 60px);
  }
  body .wpcf7-spinner {
    left: 10px;
  }
}
@media (min-width: 1500px) {
  html {
    font-size: 10px;
  }
  .logo i {
    width: 50px;
    height: 50px;
    margin-top: -5px;
  }
  html,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  font,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  fieldset,
  form,
  label,
  legend,
  caption,
  tbody,
  tfoot,
  thead,
  .contact-form-thank-message strong,
  fn,
  input,
  textarea,
  .full-logos ul li,
  .page-template-services .our-services-items .description,
  .case-studies-section-06.sec-06-1 .author p,
  .among-our-services.managing-services .description p strong,
  button {
    font-size: 20px;
  }
  .wrapper,
  .tab-pane {
    width: 1440px;
  }
  header {
    height: 90px;
    position: fixed;
  }
  .hamburger {
    float: left;
    height: 18px;
    margin-top: 35px;
  }
  .hamburger span {
    width: 22px;
    height: 18px;
  }
  .hamburger span:before {
    bottom: 9px;
  }
  .logo {
    float: left;
    margin-top: 24px;
    margin-left: 23px;
  }
  .logo {
    font-size: 1.3rem;
  }
  header p {
    padding-left: 10px;
  }
  .menu ul li a {
    font-size: 0.75rem;
  }
  .join,
  .sign,
  .posts-slider .date,
  .posts-slider .title {
    font-size: 0.9rem;
  }
  .logo {
    letter-spacing: 1.04px;
  }
  .tab-pane h3 {
    font-size: 1.2rem;
  }
  .join {
    border-radius: 8px;
    padding: 9px 15px;
    float: right;
    margin-top: 22px;
  }
  .sign {
    float: right;
    margin-top: 30px;
    margin-right: 23px;
  }
  .search {
    width: 20px;
    height: 21px;
    float: right;
    margin-right: 23px;
    margin-top: 34px;
  }

  .menu .close {
    width: 16px;
    height: 17px;
    top: 12px;
    left: 24px;
  }
  .menu .inside {
    width: 300px;
    padding-top: 58px;
  }
  .menu ul li {
    padding: 12px 0px;
  }
  .menu ul li a {
    display: table;
    width: calc(100% - 24px);
    margin-left: 24px;
  }
  .menu ul li:first-child a,
  .menu ul li:nth-child(9) a,
  .menu ul li:nth-child(10) a,
  .menu ul li:nth-child(12) a {
    padding-bottom: 24px;
  }
  .menu ul img {
    max-width: 16px;
  }
  .menu .icon {
    display: table-cell;
    width: 16px;
  }
  .menu .name {
    display: table-cell;
    padding-left: 20px;
  }
  .main-article {
    padding-top: 145px;
  }
  .main-article a {
    height: 490px;
    border-radius: 20px;
  }
  .main-article .data,
  .top-section .data {
    bottom: 60px;
  }
  .home .main-article .data {
    left: 90px;
    right: 90px;
  }
  .back {
    width: 23px;
    height: 50px;
    top: -90px;
  }
  .main-article h1 {
    color: inherit;
    font-size: 50px;
    line-height: 70px;
  }
  .main-article i,
  .top-section .date i,
  .posts-slider .date i {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 6px;
    margin-right: 12px;
  }
  .nav-section {
    padding-top: 55px;
    padding-bottom: 45px;
  }
  .tab-pane {
    margin-right: -25px;
  }
  .tab-pane .item,
  body .wrapper .tab-content .tab-pane .item.normal-width {
    padding-right: 25px;
    padding-bottom: 25px;
    float: left;
    height: auto;
    width: 480px;
  }

  .category .tab-pane .item {
    float: left;
    width: 360px;
  }
  .category .tab-pane .item a {
    max-width: 100%;
    height: 100%;
  }
  .category .tab-pane .item a .thumb {
    max-width: 100%;
    background-size: cover;
  }
  .tab-pane a {
    width: 455px;
    border-radius: 20px;
  }
  .tab-pane a,
  .block {
    width: 455px;
    height: 100%;
  }
  .tab-pane .thumb {
    height: 300px;
    width: 100%;
    display: block;
  }
  .tab-pane .thumb img {
    width: 100%;
    height: 100%;
  }
  .tab-pane h3 {
    min-height: 70px;
    margin-top: 5px;
  }
  .tab-pane .time i {
    width: 19px;
    height: 20px;
    float: left;
    margin-top: 4px;
    margin-right: 8px;
  }
  .tab-pane .data {
    padding: 15px 20px 25px;
  }
  .posts-list {
    padding-bottom: 185px;
  }
  .posts-list .wrapper {
    min-height: 2000px;
  }
  .top-section {
    height: 550px;
  }
  .top-section {
    margin-top: 90px;
  }
  .top-section h1 {
    font-size: 4rem;
    line-height: 80px;
    padding-top: 10px;
  }
  .archive h1,
  .category h1,
  .top-section h1 {
    font-size: 4rem;
  }
  .categories {
    padding-top: 25px;
  }
  .categories a {
    margin-right: 6px;
  }
  .post-section {
    padding-top: 100px;
    padding-bottom: 80px;
  }
  .post-section article {
    float: left;
    width: calc(100% - 400px);
    padding-right: 100px;
  }
  .post-section h2 {
    font-size: 1.5rem;
  }
  .post-section .content-section,
  .post-section .quote,
  .post-section .image,
  .post-section ol,
  .post-section ul {
    margin-bottom: 50px;
  }
  .post-section .content-section p {
    margin-top: 25px;
    line-height: 34px;
  }
  .post-section .quote {
    padding: 35px 30px;
    border: 1px solid #ebebeb;
    border-radius: 20px;
  }
  .post-section .quote p {
    font-size: 1.1rem;
  }
  .post-section .quote .name {
    font-size: 0.7rem;
  }
  .post-section .quote .cont:before,
  .post-section .quote .cont:after {
    width: 51px;
    height: 31px;
  }
  .post-section .quote .cont:before {
    top: -15px;
    left: 15px;
  }
  .post-section .quote .cont:after {
    bottom: -15px;
    right: 15px;
    transform: rotate(180deg);
  }
  .post-section .image {
    border-radius: 20px;
  }
  .post-section ul li,
  .post-section ol li {
    padding-left: 20px;
    padding-bottom: 10px;
  }
  .post-section ol li {
    padding-left: 30px;
  }
  .post-section ol li:before {
    top: 5px;
    width: 20px;
    height: 20px;
    font-size: 0.5rem;
    line-height: 20px;
  }

  .post-section ul li:before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 13px;
  }
  .social-link {
    padding: 35px 30px;
    border: 1px solid #ebebeb;
    border-radius: 20px;
  }
  .social-link a.addtoany_share {
    float: left;
    font-size: 1rem;
  }
  .more-posts {
    float: right;
    width: 400px;
  }
  .more-posts h2 {
    padding-bottom: 15px;
  }
  .posts-slider {
    padding: 20px;
    border-radius: 20px;
  }
  .posts-slider .item {
    padding-bottom: 20px;
  }
  .posts-slider .item .image {
    float: left;
    width: 126px;
    height: 84px;
    border-radius: 3px;
  }
  .posts-slider .data {
    float: left;
    padding-left: 15px;
    width: calc(100% - 126px);
  }
  .posts-slider .date i {
    margin-top: 4px;
  }
  .posts-slider .title {
    line-height: 24px;
    padding-bottom: 5px;
  }
  #breadcrumbs {
    top: -80px;
  }
  #breadcrumbs span,
  #breadcrumbs a {
    font-size: 0.7rem;
  }
  .category .posts-list {
    padding-top: 200px;
  }
  .archive h1,
  .category h1 {
    font-size: 3rem;
    padding-bottom: 50px;
  }
  .slide.slick-slide {
    width: 1440px;
  }
  .slide.slick-slide:first-child .item:nth-child(2),
  .slide.slick-slide:first-child .item:nth-child(6) {
    width: 935px;
  }
  .without-newsletter .tab-pane .item,
  .without-newsletter .slide.slick-slide:first-child .item:nth-child(2),
  .without-newsletter .slide.slick-slide:first-child .item:nth-child(6),
  .without-banner .slide.slick-slide:first-child .item:nth-child(6),
  .without-newsletter.without-banner
    .slide.slick-slide:first-child
    .item:nth-child(7) {
    width: 480px;
  }
  .slide.slick-slide:first-child .item:nth-child(6),
  .without-newsletter .slide.slick-slide:first-child .item:nth-child(7) {
    padding-right: 25px;
    width: 960px;
  }
  .without-newsletter .slide.slick-slide:first-child .item:nth-child(7) a {
    float: right;
  }
  .block {
    right: 25px;
    border-radius: 20px;
  }
  .banner {
    bottom: 50px;
    padding: 40px 30px 30px;
    top: 1000px;
  }
  body .banner a {
    width: calc(100% - 60px);
    bottom: 30px;
  }
  .newsletter {
    border-radius: 20px;
    padding: 76px 30px 30px;
  }
  .newsletter .icon {
    height: 52px;
  }
  .newsletter h2,
  .banner h2 {
    padding-top: 30px;
    font-size: 1.5rem;
  }
  .newsletter .description,
  .banner .description {
    font-size: 0.8rem;
    padding-bottom: 30px;
  }
  .newsletter ul li {
    padding-bottom: 20px;
  }
  .newsletter input,
  .banner a {
    padding: 15px 15px;
    border-radius: 10px;
  }
  .slick-dots li {
    padding: 0 4px;
  }
  .slick-dots li button {
    width: 50px;
    height: 50px;
    border-radius: 8px;
  }
  body .wpcf7-not-valid-tip {
    font-size: 12px;
    top: 44px;
  }
  body .wpcf7 form .wpcf7-response-output {
    font-size: 12px;
    position: absolute;
    bottom: 5px;
    width: calc(100% - 60px);
  }
  body .wpcf7-spinner {
    left: 10px;
  }
}

/*y1*/

.posts-list-hub {
}

.posts-list-hub .display-posts-listing {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

.posts-list-hub .display-posts-listing .listing-item {
  padding: 0;
  margin: 0;
  flex: 0 1 300px;
}

.posts-list-hub .display-posts-listing .listing-item a {
  text-decoration: none;
  color: #333;
}

.post-author {
  display: grid;
  max-width: 100%;
  width: 400px;
  grid-template-areas: 'image content';
  grid-template-columns: 140px 1fr;
  gap: 1em;
  margin-bottom: 3em;
}

.post-author .post-author-image {
  grid-area: image;
  display: block;
}

.post-author .post-author-image img {
  border-radius: 50%;
  overflow: hidden;
}

.post-author .post-author-content {
  grid-area: content;
}

.post-author .post-author-content {
  font-weight: 400;
  font-size: 10px;
}

.post-author .post-author-content .author-name {
  font-weight: 600;
  font-size: 24px;
}

.post-author .post-author-content .author-description {
  font-weight: 400;
  font-size: 12px;
}

.post-author .post-author-content .author-button {
  border-radius: 4px;
  display: inline-block;
  margin: 1em auto;
  text-decoration: none;
  color: white;
  text-align: center;
  padding: 8px 32px;
  background-color: #7A4AE2;
  font-size: 12px;
  font-weight: bold;
}

.post-section article h1,
.post-section article h2,
.post-section article h1 *,
.post-section article h2 * {
  font-weight: 700;
  font-size: 33px;
}

.post-section article h3,
.post-section article h4,
.post-section article h3 *,
.post-section article h3 * {
  font-weight: 700;
  font-size: 16px;
}


.post-section article h1,
.post-section article h2,
.post-section article h3,
.post-section article h4,
.post-section article h5,
.post-section article h1 *,
.post-section article h2 *,
.post-section article h3 *,
.post-section article h4 *,
.post-section article h5 * {
  scroll-margin-top: 150px;
}

.post-section article h1,
.post-section article h2,
.post-section article h3,
.post-section article h4,
.post-section article h5,
.post-section article h1 *,
.post-section article h2 *,
.post-section article h3 *,
.post-section article h4 *,
.post-section article h5 * {
  font-weight: bold;
}

html body #toc_container {
  width: 100%;
  margin: 1em 0 1em;
  padding: 1em 2.5em;
  border: none;
  border-radius: 15px;
}

html body #toc_container .toc_title {
  text-align: left;
  font-weight: 700;
  font-size: 20px;
}


html body #toc_container li:before {
  content: none;
}
html body #toc_container li a:before {
  content: '•';
  margin-right: .5em;
}
html body #toc_container li a {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: .5em;
  text-decoration: none;
}
html body #toc_container li a:focus,
html body #toc_container li a:active,
html body #toc_container li a:hover {
  text-decoration: none;
  color: #7A4AE2;
}