@import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root {
  --theme-color1: #be0215;
  --theme-color2: #ffd6da;
  --theme-color1-rgb: 159, 125, 80;
  --theme-color2-rgb: 239, 229, 216;
  --theme-color1-text-color: #fff;
  --theme-color2-text-color: #fff;
  --text-color: #555;
  --headings-color: #000;
  --body-font-family: "Inter", sans-serif;
  --heading-font-family: "Marcellus", serif;
  --heading-font-family2: "MangoGrotesque", sans-serif;
  --body-bg: #ffd6da;
  --body-font-size: 16px;
  --body-line-height: 28px;
  --body-font-weight: 400;
  --container-width: 1720px;
}

.marcellus-regular {
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-style: normal;
}

.marcellus-regular {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: "MangoGrotesque";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/MangoGrotesque/MangoGrotesque-Regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "MangoGrotesque";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/MangoGrotesque/MangoGrotesque-Medium.woff2") format("woff2");
}
section {
  background-color: var(--body-bg);
}

.header-style-h1 .main-menu .navigation > li > a {
  font-family: var(--body-font-family);
}

.mobile
{
  display: none;
}
====================================================================
  About Section
====================================================================
***/

.about-area-h4 {
  padding: 240px 0 120px;
  background-color: #fff !important;
  position: relative;
}
@media (max-width: 991.98px) {
  .about-area-h4 {
    padding: 200px 0 80px;
  }
  .desktop
{
  display: none !important;
}
.mobile
{
  display: block !important;
}
}
@media (max-width: 575.98px) {
  .about-area-h4 {
    padding: 100px 0 80px;
  }
}
.about-area-h4 .outer-box {
  max-width: 1374px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
}
.about-area-h4 .about-wrapper {
  margin-left: 5px;
}
@media (max-width: 1199.98px) {
  .about-area-h4 .about-wrapper {
    margin-left: 0;
    margin-top: 30px;
  }
}
.about-area-h4 .about-wrapper .section-paragraph {
  color: rgba(4, 6, 24, 0.6980392157);
  margin-top: 10px;
  margin-bottom: 27px;
  font-size: 16px;
}
@media (max-width: 1499.98px) {
  .about-area-h4 .about-wrapper .section-paragraph br {
    display: none;
  }
}
.about-area-h4 .about-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  row-gap: 30px;
}
.about-area-h4 .about-list {
  margin-bottom: 45px;
}
.about-area-h4 .about-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.about-area-h4 .about-list li {
  color: #0C1315;
  font-size: 16px;
  margin-bottom: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}
.about-area-h4 .about-list li:last-child {
  margin-bottom: 0;
}
.about-area-h4 .about-list li span {
  line-height: 1;
  display: inline-block;
}
.about-area-h4 .about-bg-shape {
  position: absolute;
  bottom: 0;
  right: 64px;
}
@media (max-width: 1499.98px) {
  .about-area-h4 .about-bg-shape {
    display: none;
  }
}
.feature-title
{
  color: #fff !important;
}