@font-face {
  font-family: Bootstrap Icons;
  src: url('../fonts/bootstrap-icons.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --primary: #ffecc2;
  --secondary: white;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.navbar {
  background-color: var(--primary);
}

.section {
  background-image: url('../images/home-hero.jpg');
  background-position: 50%;
  background-size: cover;
  height: 660px;
}

.home-hero {
  color: #fff;
  background-image: url('../images/home-hero_1.jpg'), url('../images/home-hero.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: flex-start;
  align-items: center;
  height: 660px;
  display: flex;
}

.div-block {
  flex: 1;
}

.container, .home-hero-container {
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
}

.heading {
  color: #fff;
}

.content-section {
  padding-top: 50px;
  padding-bottom: 50px;
}

.content-section.bg-primary {
  background-color: var(--primary);
}

.button {
  background-color: var(--primary);
  color: #000;
  border-radius: 30px;
  padding: 15px 30px;
}

.button.secondary {
  background-color: var(--secondary);
}

.paragraph {
  margin-bottom: 10px;
}

.body {
  font-family: Raleway, sans-serif;
  font-size: 16px;
}

.grid-2-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.rounded {
  border-radius: 30px;
}

.whatsapp-widget {
  background-color: #25d366;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: fixed;
  bottom: 15px;
  right: 15px;
}

.whatsapp-widget-svg {
  mix-blend-mode: normal;
  width: 30px;
}

.footer {
  background-color: var(--primary);
  padding-top: 40px;
  padding-bottom: 40px;
}

.icon, .bi.bi-whatsapp {
  font-family: Bootstrap Icons, Arial, sans-serif;
}

.grid-3-col {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-col {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: flex-start;
  display: flex;
}

.footer-icon {
  width: 32px;
}

.footer-heading {
  margin-top: 0;
}

.footer-bottom {
  text-align: center;
  margin-top: 30px;
  font-size: 13px;
}

.text-center {
  text-align: center;
}

.text-center.mt20 {
  margin-top: 20px;
}

.image {
  width: 42px;
}

.navbar-brand {
  padding-top: 8px;
}

.mb20 {
  height: 0;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .grid-3-col {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 479px) {
  .grid-2-col, .grid-3-col {
    grid-template-columns: 1fr;
  }
}


@font-face {
  font-family: 'Bootstrap Icons';
  src: url('../fonts/bootstrap-icons.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}