@font-face {
  font-family: 'SF-Grandezza';
  src: url('../fonts/SF-Grandezza-Medium.ttf') format('truetype');
}


:root {
  --color_skin: #e7a197;
  --color_dark_skin: #d1cfc2;
  --color_light_skin: #f6edda;
  --heading_font: 'SF-Grandezza';
  --body_font: 'Poppins', sans-serif;
}

.gifts-carousel-section .flickity-viewport {
  height: 400px !important;
}

/* OUR BUNDLES */
body {
  font-family: var(--body_font);
}

.our-bundles-col .col-inner {
  height: 100%;
}

.our-bundles-col:first-child .row:first-child .col:last-child .col-inner {
  border-radius: 10px;
  border: 2px solid var(--color_skin);
}

.our-bundles-col:first-child .row:first-child .col:last-child .col-inner,
.our-bundles-col:nth-child(2) .row:last-child .col:first-child .col-inner,
.our-bundles-col:last-child .row:last-child .col:first-child .col-inner {
  background-color: var(--color_skin);
  display: flex;
  align-items: center;
  padding: 0 30px;
  border-radius: 12px;
  border: 2px solid var(--color_skin);
}

.our-bundles-col:first-child .row:last-child .col:first-child .col-inner,
.our-bundles-col:nth-child(2) .row:first-child .col:last-child .col-inner,
.our-bundles-col:last-child .row:first-child .col:last-child .col-inner {
  background-color: #d2cfc2;
  display: flex;
  align-items: center;
  padding: 0 30px;
  border-radius: 12px;
  border: 2px solid var(--color_skin);
}

.dark-skin-column>.col-inner {
  border: 2px solid var(--color_dark_skin) !important;
}

.light-skin-column>.col-inner {
  border: 2px solid var(--color_light_skin) !important;
  background-color: var(--color_light_skin) !important;
}

.our-bundles-col h3 {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.4em;
  margin-bottom: 0;
}

.our-bundles-col .image-col .col-inner img {
  border-radius: 12px;
  border: 3px solid #000;
}

.our-bundles-col:first-child .row:last-child .col:first-child .col-inner,
.our-bundles-col:nth-child(2) .row:first-child .col:last-child .col-inner,
.our-bundles-col:last-child .row:last-child .col:first-child .col-inner {
  min-height: 250px;
}

.small-image img {
  min-height: 150px;
}

.large-image div,
.large-image img {
  height: 100%;
}

.image-col img {
  object-fit: cover;
}

.slider-nav-reveal .flickity-prev-next-button {
  box-shadow: none !important;
}

.gift-our-membership a.button {
  margin: 22px 0 40px;
}

.gift-our-membership h3 {
  font-family: var(--body_font) !important;
  text-transform: uppercase;
  font-size: 1.75rem;
  margin-bottom: 40px;
}

.gift-our-membership h3 strong {
  font-weight: bold;
}

.gift-our-membership img {
  border-radius: 24px;
  border: 2px solid #d9d9d9;
}

.gift-our-membership ul {
  list-style: none;
  border-left: 1px solid #000;
}

.gift-our-membership ul li {
  margin-left: 0;
  padding-left: 25px;
  margin-bottom: 20px;
}

.gift-our-membership ul li:nth-child(-n+2) {
  padding-left: 10px;
}

.gift-our-membership ul li strong {
  font-weight: 600;
}

.gift-our-membership ul li:nth-child(n+3) {
  position: relative;
}

.gift-our-membership ul li:nth-child(n+3)::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #000;
  border-radius: 50%;
  left: -5px;
  top: 7px;
}

.gift-our-membership .row>.col:nth-child(2) .col-inner {
  background-color: #f6eedb;
  border-radius: 15px;
}

.gift-our-membership .row:last-child .col .col-inner {
  padding: 10px 18px 20px;
}

.here-to-help .box {
  display: flex;
  align-items: center;
  margin: 55px 0;
  gap: 30px;
}

.here-to-help .box img {
  border-radius: 10px;
}

.here-to-help h4 {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.25rem;
}

.here-to-help p {
  font-size: 1.25rem;
}

.here-to-help .box-text {
  padding: 0;
}

/* /OUR BUNDLES */

.gifting-hero-image img {
  border-radius: 14px;
}

.gifting-hero-section .big-header h2 {
  max-width: 400px;
  margin-bottom: 1rem;
}

.big-header h2,
.big-header h3 {
  font-family: 'SF-Grandezza';
  line-height: 1;
}

.other-header h2>a {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 20px;
}

.gift-tabs ul li a span {
  font-family: 'Poppins', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.gift-tabs ul li a {
  padding: 5px 12px;
}

.gift-tabs ul li a span {
  margin-bottom: 0 !important;
}

.our-bundles h3 {
  font-family: 'Poppins', sans-serif !important;
}

.gift-help-column .box-text-inner h4 {
  font-family: var(--body_font);
}

.gift-help-column h4>a {
  font-weight: 600;
}

@media (max-width: 768px) {
  .our-bundles .col.small-6 .col-inner>h3 {
    display: block;
    height: auto;
    font-size: 18px;
  }

  .our-bundles-col:first-child .row:last-child .col:first-child .col-inner,
  .our-bundles-col:nth-child(2) .row:first-child .col:last-child .col-inner,
  .our-bundles-col:last-child .row:first-child .col:last-child .col-inner,


  .our-bundles-col:nth-child(2) .row:last-child .col:first-child .col-inner,
  .our-bundles-col:last-child .row:last-child .col:first-child .col-inner,
  .our-bundles-col:first-child .row:first-child .col:last-child .col-inner,
  .our-bundles-col:nth-child(2) .row:last-child .col:first-child .col-inner,
  .our-bundles-col:last-child .row:last-child .col:first-child .col-inner {
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  .gifts-carousel-section .flickity-viewport {
    height: 320px !important;
  }
}

@media screen and (max-width: 575px) {
  .gifting-hero-image {
    margin-right: auto !important;
  }

  #text-1210581876 h3 {
    font-size: 2rem;
  }

  .gift-help-column .box-text-inner h4 {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .gift-help-column .box-text-inner p {
    font-size: 12px;
    line-height: 20px;
  }

  .here-to-help .box {
    gap: 20px;
    margin: 30px 0;
  }

  .gift-help-column .is-border {
    border: 0;
  }

  .here-to-help .big-header h3 {
    font-size: 2rem;
  }
}

.vertical-align-bundle-text{
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

@media (min-width:1024px){
    .our-bundles-col:nth-child(2) div.row > div {
        max-height: 260px;
    }    

    .our-bundles-col:nth-child(2) .row:first-child .col:last-child .col-inner {
        min-height: 230px;
    }    
}