@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 {
  --primary-blue: #1d3666;
  --primary-gold: #d5b175;

  --gold-light: #e5cfa8;
  --gold-dark: #b59362;
  --background-light: #f8f5ef;
}

body {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6,
.banner h1,
.banner h2,
.banner h3,
b,
strong {
  font-weight: 700;
}

.dark,
.dark p,
.dark td {
  color: #fff;
  line-height: 1.6;
}

.box-text a:not(.button),
.box-text h1,
.box-text h2,
.box-text h3,
.box-text h4,
.box-text h5,
.box-text h6,
.box-text p {
  margin: 0;
}

.icon-box-img img,
.icon-box-img svg {
  padding: 0;
}

.slider-nav-dots-dashes-spaced .flickity-page-dots .dot {
  border-radius: 4px;
  width: 30px;
  border: 3px solid var(--fs-color-primary);
}

.flickity-prev-next-button .arrow,
.flickity-prev-next-button svg {
  fill: var(--fs-color-primary);
  border-color: var(--fs-color-primary);
}

div.container {
  max-width: 85%;
}

.title h2 {
  position: relative;
  color: var(--fs-color-primary);
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.title h2::before {
  content: "";
  position: absolute;
  width: 120px;
  height: 2px;
  background-color: var(--fs-color-primary);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* home */
.home2 {
  padding-top: 30px;
  padding-bottom: 10px;
}

.home2 .icon-box {
  align-items: center;
  justify-content: center;
  background-color: var(--fs-color-primary);
  padding: 15px;
  border-radius: 8px;
}

.home2 .icon-box h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  color: #fff;
}

.home2 .icon-box p {
  color: #fff;
  font-size: 14px;
}

.home2 .icon-box-left .icon-box-text {
  flex: unset;
}

/* product-small */
.product-small.box {
  box-shadow:
    0 0 18px rgba(213, 177, 117, 0.2),
    0 22px 42px rgba(29, 54, 102, 0.16);
  border-radius: 15px;
  overflow: hidden;
}