@font-face {
  font-family: "Editor's Note";
  src: url("../fonts/EditorsNote-Semibold.woff2") format("woff2"), url("../fonts/EditorsNote-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Editor's Note";
  src: url("../fonts/EditorsNote-Light.woff2") format("woff2"), url("../fonts/EditorsNote-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Editor's Note";
  src: url("../fonts/EditorsNote-Light.woff2") format("woff2"), url("../fonts/EditorsNote-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Editor's Note";
  src: url("../fonts/EditorsNote-LightItalic.eot");
  src: url("../fonts/EditorsNote-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/EditorsNote-LightItalic.woff2") format("woff2"), url("../fonts/EditorsNote-LightItalic.woff") format("woff"), url("../fonts/EditorsNote-LightItalic.ttf") format("truetype"), url("../fonts/EditorsNote-LightItalic.svg#Editor'sNote-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Editor's Note";
  src: url("../fonts/EditorsNote-Semibold.eot");
  src: url("../fonts/EditorsNote-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/EditorsNote-Semibold.woff2") format("woff2"), url("../fonts/EditorsNote-Semibold.woff") format("woff"), url("../fonts/EditorsNote-Semibold.ttf") format("truetype"), url("../fonts/EditorsNote-Semibold.svg#Editor'sNote-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Editor's Note";
  src: url("../fonts/EditorsNote-Light.eot");
  src: url("../fonts/EditorsNote-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/EditorsNote-Light.woff2") format("woff2"), url("../fonts/EditorsNote-Light.woff") format("woff"), url("../fonts/EditorsNote-Light.ttf") format("truetype"), url("../fonts/EditorsNote-Light.svg#Editor'sNote-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-inter: "Inter", serif;
  --white-color: #fff;
  --black-color: #000;
  --black-color2: #1D1D1D;
  --gray-color: #f7f7fd;
  --paragraph-color: #272727;
  --theme-color: #C9B8AA;
  --body-color: #eaf1f5;
  --border-color: #232323;
  --black-soft-color: #7e7e7e;
}

.main-menu a img,
.header-logo a img {
  width: 60px;
}

.footer-logo img {
  width: 60px;
}

.contact-content .follow-area .blog-widget-body .follow-list li a:hover .bx {
  color: black;
}

.bolog-details-area .blog-details-content strong {
  font-weight: 600;
  color: var(--white-color);
}
.bolog-details-area .blog-details-content ol li,
.bolog-details-area .blog-details-content ul li {
  font-family: var(--font-inter);
  font-weight: 300;
  font-size: 15px;
  line-height: 32px;
  color: #B5B5B5;
  margin-bottom: 20px;
}
.bolog-details-area .blog-details-content .blog-tag-and-social {
  align-items: baseline;
}
.bolog-details-area .blog-details-content .blog-tag-and-social .tag {
  display: flex;
  align-items: baseline;
  gap: 15px;
}
.bolog-details-area .blog-details-content .blog-tag-and-social .tag ul {
  display: grid;
  gap: 5px;
  grid-template-columns: auto auto auto;
}
.bolog-details-area .blog-details-content .blog-tag-and-social .tag ul li {
  margin-bottom: 3px;
}
.bolog-details-area .blog-details-content .blog-tag-and-social .social {
  align-items: baseline;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--white-color);
}

.breadcrumbs {
  display: flex;
  align-items: center;
}
.breadcrumbs .inner-banner-2,
.breadcrumbs .inner-banner-1 {
  max-width: 200px;
}

.breadcrumbs-wrapper .breadcrumbs {
  height: 100.08vh;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 991px) {
  .header-area2.one .mobile-logo-area {
    justify-content: start !important;
  }
}
.main-nav-wrapper .main-nav2 .sidebar-menu-area > ul > li a:before {
  transition: all 0.2s cubic-bezier(0.17, 0.67, 0.32, 0.87);
}

ul.menu-list {
  display: flex;
  justify-content: space-around;
}

.header-area2 .main-menu {
  width: 100%;
}