html,
body {
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}

/* Images */
#features .features-non-mobile img,
#features .features-mobile img {
  display: block;          /* ensure centering works */
  margin: 0 auto 1rem;     /* center + spacing below */
  width: 80px;             /* choose your desired size */
  height: 80px;
  object-fit: contain;     /* preserves each SVG’s aspect ratio */
}

#services .services-img {
  width: 80%;
  margin-bottom: 20px;
  border-radius: 16px;
}

/* 1) Webfonts */
@font-face {
  font-family: "Commons Pro Regular";
  src: url("../fonts/TTCommonsRegular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Commons Pro Demi Bold";
  src: url("../fonts/TTCommonsDemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Mobile */
@media (max-width: 750px) {
  .bg2 {
    background-image: url(../img/weddingvenue3.jpg);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .nav-item .verticalLine { display: none; }

  .register-button { display: none; }

  .register-button-mobile {
    visibility: visible;
    background: #980418;
    border-color: #980418;
    border-radius: 8px;
    margin-left: auto;
  }
  .register-button-mobile a { color: white; }
  .register-button-mobile a:hover { text-decoration: none; }
  .register-button-mobile:hover {
    background: #dd0723;
    border-color: #dd0723;
  }

  #testimonials .bonbon-hr,
  #maps .bonbon-hr,
  #advantages .bonbon-hr,
  #partners .bonbon-hr {
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
  }

  #features .features-mobile img {
    width: 60px;
    height: 60px;
  }

  #title .title-text {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 60%;
  }

  #title h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    color: #ffffff;
    padding-top: 20%;
  }

  #title p {
    font-family: "Commons Pro Regular", sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
  }

  #title .download-buttons {
    background: #c7152d;
    border-color: #c7152d;
    border-radius: 12px;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
  }
  #pricing .download-buttons {
    background: #4D0F17;
    border-color: #4D0F17;
    border-radius: 12px;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
  }
  #title .download-buttons a,
  #pricing .download-buttons a { color: white; }
  #title .download-buttons a:hover,
  #pricing .download-buttons a:hover { text-decoration: none; }

  #title .container-fluid { padding: 0 0 10%; }

  #features {
    text-align: center;
    padding: 7% 10%;
    background-color: rgba(246,241,232,0.9);
    position: relative;
  }
  #features .features-non-mobile { display: none; }
  #features .features-mobile { display: flex; }
  #features .caption {
    text-align: left;
    font-size: 16px;
  }
  #features .sub-caption {
    text-align: left;
    font-size: 12px;
  }
  #features .container-fluid { padding: 3% 0; }
  #features img { margin-bottom: 1rem; width: 120%; }

  #services { background: rgba(246,241,232,0.9); }
  #services .services-non-mobile { display: none; }
  #services .services-mobile { display: flex; }

  #services h3 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    letter-spacing: 0.05em;
    font-size: 22px;
    line-height: 28px;
    color: #262626;
    font-weight: bold;
  }

  #serices p {
    font-family: "Commons Pro Regular", sans-serif;
    letter-spacing: 0.02em;
    font-size: 16px;
    line-height: 20px;
    color: #595959;
  }

  #services .hr-img { width: inherit; }
  #services .services-img { width: 80%; margin-bottom: 20px; }
  #services .services-box { align-self: center; }

  #advantages { background-color: #fafafa; }
  #advantages h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    letter-spacing: 0.05em;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 54px;
  }

  #advantages .advan-box1 {
    margin: 50px 0 0;
    background: #ffee00;
    box-shadow: 0px 2px 20px rgb(0 0 0 / 7%);
    border-radius: 10px;
    padding: 20px 0;
    width: inherit;
  }

  #advantages .advan-box2 {
    margin: 50px 0 0;
    background: #65f3af;
    box-shadow: 0px 2px 20px rgb(0 0 0 / 7%);
    border-radius: 10px;
    padding: 20px 0;
    width: inherit;
  }

  #advantages .box-caption {
    text-align: center;
    padding-bottom: 20px;
    font-family: "Commons Pro Regular", sans-serif;
    letter-spacing: 0.02em;
    font-size: 20px;
    line-height: 32px;
    color: #595959;
  }

  #advantages .inner-box {
    background: rgba(246,241,232,0.9);
    border-radius: 10px;
    padding: 20px;
  }

  #advantages .inner-box table {
    margin: unset;
    border-collapse: separate;
    border-spacing: 0 15px;
  }
  #advantages .inner-box table tr { border-bottom: 1px solid black; }
  #advantages .inner-box table tr td { font-weight: bold; }
  #advantages .inner-box table tr td img { padding-right: 20px; }

  #advantages .subtitle { font-size: 12px; }

  #partners {
    background: linear-gradient(134.36deg, #9b1729 8%, #d2acb1 70.86%);
    text-align: center;
  }
  #partners h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    letter-spacing: 0.05em;
    text-align: center;
    font-style: normal;
    font-size: 30px;
    line-height: 54px;
    font-weight: bold;
  }
  #partners .container-fluid { padding: 3% 7%; }
  #partners .list-partners { padding-top: 50px; }
  #partners .list-partners img { width: 50%; }

  #testimonials {
    background: url(../img/backgroundijo\ 1.png);
    text-align: center;
  }
  #testimonials h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    letter-spacing: 0.05em;
    text-align: center;
    font-style: normal;
    font-size: 30px;
    line-height: 54px;
    color: white;
    font-weight: bold;
  }
  #testimonials .testimonial-box {
    background-color: white;
    margin: 5% 0 20%;
    border-radius: 1rem !important;
  }
  #testimonials .testimonial-box .testimonial-content { padding: unset; }
  #testimonials .testimonial-box .testi-img {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
  }
  #testimonials .review {
    font-family: "Commons Pro Regular", sans-serif;
    letter-spacing: 0.05em;
    font-size: 14px;
    line-height: 24px;
    color: #595959;
    text-align: left;
    padding: 5% 3% 3%;
    margin-bottom: unset;
  }

  table { margin-top: 15px; margin-bottom: 20px; }

  #testimonials .avatar {
    margin-right: 15px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
  }

  #testimonials .user-review {
    text-align: left;
    font-family: "Commons Pro Demi Bold", sans-serif;
    letter-spacing: 0.02em;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 28px;
    color: #595959;
  }

  #testimonials .user-shop {
    text-align: left;
    font-family: "Commons Pro Regular", sans-serif;
    letter-spacing: 0.05em;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 22px;
    color: #595959;
  }

  #pricing {
    background: linear-gradient(180deg, #c01b31 100%, #9b1729 44.28%, #4D0F17 5.32%);
    text-align: center;
  }
  #pricing .container-fluid { padding: 3% 10%; }
  #pricing .pricing-text { margin-top: 100px; }
  #pricing .price-img { position: relative; width: 100%; margin-top: 20px; }
  #pricing h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    letter-spacing: 0.05em;
    font-size: 22px;
    line-height: 36px;
    color: white;
    font-weight: bold;
  }
  #pricing p {
    font-size: 16px;
    line-height: 20px;
    padding-right: 5%;
    color: white;
  }

  #about {
    background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
    margin-bottom: -50px;
  }
  #about .about-box { padding: 60px 0 20px; }
  #about h3 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    letter-spacing: 0.05em;
    font-size: 22px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 25px;
    font-weight: bold;
  }
  #about p {
    font-family: "Commons Pro Regular", sans-serif;
    letter-spacing: 0.02em;
    font-size: 16px;
    line-height: 22px;
    color: #595959;
  }
  #about .about-img { width: 100%; }

  #maps { background: rgba(246,241,232,0.9); }
  #map { height: 400px; width: 100%; }
  #maps .container-fluid { padding: 7% 10%; }
  #maps h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    letter-spacing: 0.05em;
    text-align: center;
    font-size: 30px;
    line-height: 54px;
    margin-top: 30px;
    font-weight: bold;
  }

  .maps-content { margin-top: 50px; }
  .maps-content img { width: 100%; margin-bottom: 20px; }
  .maps-content h3 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    letter-spacing: 0.05em;
    font-size: 16px;
    line-height: 28px;
    color: #000000;
    font-weight: bold;
  }
  .maps-content p {
    font-family: "Commons Pro Regular", sans-serif;
    letter-spacing: 0.02em;
    font-size: 14px;
    line-height: 22px;
    color: #595959;
  }

  #info .info-box1,
  #info .info-box2,
  #info .info-box3,
  #info .info-box4 { padding: 0 0 20px; }

  #info .info-img { float: left; width: 30%; }
  #info .info-features { display: none; }

  #info h3 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    letter-spacing: 0.05em;
    font-size: 20px;
    line-height: 28px;
    color: #e8e8e8;
    font-weight: bold;
  }
  #info p {
    font-family: "Commons Pro Regular", sans-serif;
    letter-spacing: 0.02em;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #d9d9d9;
    margin-bottom: 5px;
  }

  #footer .footer-img { padding-left: 10px; padding-right: 10px; }
  #footer { background: #4D0F17; text-align: center; padding: 20px 0; }
  #footer p { color: white; }
}

/* >= 750px */
@media (min-width: 750px) {
  .bg2 {
    background-image: url(../img/weddingvenue2.jpg);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .nav-item .verticalLine { display: none; }

  .register-button { display: none; }

  .register-button-mobile {
    visibility: visible;
    background: #4D0F17;
    border-color: #4D0F17;
    border-radius: 8px;
    margin-left: auto;
  }
  .register-button-mobile a { color: white; }
  .register-button-mobile a:hover { text-decoration: none; }
  .register-button-mobile:hover {
    background: #c7152d;
    border-color: #c7152d;
  }

  #title .title-text { margin-top: 100px; }

  #title h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    color: #ffffff;
  }

  #title p {
    font-family: "Commons Pro Regular", sans-serif;
    font-size: 12px;
    line-height: 20px;
    padding-right: 5%;
    color: #ffffff;
  }

  #title .download-buttons {
    background: #c7152d;
    border-color: #c7152d;
    border-radius: 12px;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
  }
  #title .download-buttons a { color: white; }
  #title .download-buttons a:hover { text-decoration: none; }
  #title .container-fluid { padding: 0 0 10%; }

  #title .background-img {
    position: absolute;
    width: 150%;
    z-index: 0;
    top: -4rem;
    right: -4rem;
  }
  #title .title-img {
    position: absolute;
    width: 50%;
    top: 4rem;
    left: 3rem;
  }

  #features {
    text-align: center;
    padding: 7% 10%;
    background-color: rgba(246,241,232,0.9);
    position: relative;
  }
  #features .features-non-mobile { display: flex; }
  #features .features-mobile { display: none; }
  #features .container-fluid { padding: 3% 0; }
  #features img { margin-bottom: 1rem; }

  #features2 {
    text-align: center;
    padding: 7% 15%;
    background-color: #f2f2f2;
    position: relative;
    z-index: 1;
  }

  #services { background: rgba(246,241,232,0.9); }
  #services .services-non-mobile { display: flex; }
  #services .services-mobile { display: none; }

  #services h3 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #262626;
  }

  #serices p {
    font-family: "Commons Pro Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #595959;
  }

  #services .services-img { width: 80%; }
  #services .services-box { align-self: center; }

  #advantages { background-color: #fafafa; }
  #advantages h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 46px;
    line-height: 54px;
  }

  #advantages .advan-box1 {
    margin-top: 50px;
    background: #ffee00;
    box-shadow: 0px 2px 20px rgb(0 0 0 / 7%);
    border-radius: 10px;
    padding: 20px 10px;
    width: inherit;
    float: right;
    margin-right: 10px;
  }

  #advantages .advan-box2 {
    margin-top: 50px;
    background: #65f3af;
    box-shadow: 0px 2px 20px rgb(0 0 0 / 7%);
    border-radius: 10px;
    padding: 20px 10px;
    width: inherit;
    margin-left: 10px;
  }

  #advantages .box-caption {
    text-align: center;
    padding-bottom: 20px;
    font-family: "Commons Pro Demi Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #595959;
  }

  #advantages .inner-box {
    background: rgba(246,241,232,0.9);
    border-radius: 10px;
    padding: 15px;
  }
  #advantages .inner-box table {
    margin: unset;
    border-collapse: separate;
    border-spacing: 0 15px;
  }
  #advantages .inner-box table tr { border-bottom: 1px solid black; }
  #advantages .inner-box table tr td { font-weight: bold; }
  #advantages .inner-box table tr td img { padding-right: 20px; }

  #partners {
    background: linear-gradient(134.36deg, #9b1729 8%, #d2acb1 70.86%);
    text-align: center;
  }
  #partners h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 46px;
    line-height: 54px;
  }
  #partners .container-fluid { padding: 3% 7%; }
  #partners .list-partners { padding-top: 50px; }
  #partners .list-partners img { width: 50%; }
  #partners .img-center-div { align-self: center; }
  #partners .manman { left: 20%; }
  #partners .tera { right: 20%; }

  #testimonials {
    background: url(../img/backgroundijo\ 1.png);
    text-align: center;
  }
  #testimonials h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 46px;
    line-height: 54px;
    color: white;
  }
  #testimonials .testimonial-box {
    background-color: white;
    border-radius: 1rem !important;
    margin-bottom: 50px;
    margin-top: 20px;
  }
  #testimonials .testimonial-box .testimonial-content { /* padding: unset; */ }
  #testimonials .testimonial-box .testi-img {
    float: left;
    width: 255px;
    height: 255px;
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  #testimonials .review {
    font-family: "Commons Pro Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #595959;
    text-align: left;
    margin-left: -50px;
    padding-top: 30px;
    padding-right: 20px;
  }

  table { margin-left: -50px; margin-top: 20px; }

  #testimonials .avatar {
    margin-right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
  }

  #testimonials .user-review {
    font-family: "Commons Pro Demi Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #595959;
    text-align: left;
  }

  #testimonials .user-shop {
    font-family: "Commons Pro Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #595959;
    text-align: left;
  }

  #pricing {
    background: linear-gradient(180deg, #9b1729 100%, #851d2b 44.28%, #4D0F17 5.32%);
  }
  #pricing .container-fluid { padding: 3% 10%; }
  #pricing .pricing-text { margin-top: 100px; }
  #pricing .price-img { position: relative; width: inherit; }
  #pricing h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    font-size: 20px;
    line-height: 36px;
    font-weight: bold;
    color: white;
  }
  #pricing p {
    font-size: 14px;
    line-height: 20px;
    padding-right: 5%;
    color: white;
  }
  #pricing .download-buttons {
    background: #4D0F17;
    border-color: #4D0F17;
    border-radius: 12px;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
  }
  #pricing .download-buttons a { color: white; }
  #pricing .download-buttons a:hover { text-decoration: none; }

  #about {
    background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
    margin-bottom: -50px;
  }
  #about .about-box { padding-right: 150px; padding-top: 50px; }
  #about h3 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 20px;
  }
  #about p {
    font-family: "Commons Pro Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #595959;
  }
  #about .about-img { width: 100%; }

  #maps { background: rgba(246,241,232,0.9); }
  #map { height: 400px; width: 100%; }
  #maps .container-fluid { padding: 7% 10%; }
  #maps h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 46px;
    line-height: 54px;
    margin-top: 30px;
  }

  .maps-content { margin-top: 50px; }
  .maps-content img { width: 100%; }
  .maps-content h3 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    margin-top: 20px;
  }
  .maps-content p {
    font-family: "Commons Pro Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #595959;
  }

  #info .info-box1,
  #info .info-box2,
  #info .info-box3,
  #info .info-box4 { padding: unset; }

  #info .info-img { width: 50%; float: left; }

  #info h3 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #e8e8e8;
  }
  #info p {
    font-family: "Commons Pro Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #d9d9d9;
    margin-bottom: 5px;
  }

  #footer .footer-img { padding-left: 10px; padding-right: 10px; }
  #footer .socmed { text-align: right; }
  #footer { background: #4D0F17; }
  #footer p { color: white; display: inline; }
}

/* >= 970px */
@media (min-width: 970px) {
  .register-button-mobile { display: none; }

  .bg2 {
    background-image: url(../img/weddingvenue2.jpg);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .nav-item .verticalLine {
    display: block;
    border-left: 1px solid #ffffff;
    height: 40px;
    margin-left: 15px;
  }

  .register-button {
    display: block;
    background: #3e0c12;
    border-color: #3e0c12;
    border-radius: 8px;
  }
  .register-button a { color: white; }
  .register-button a:hover { text-decoration: none; }
  .register-button:hover { background: #c7152d; border-color: #c7152d; }

  #title .title-text { margin-top: 100px; }
  #title h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    letter-spacing: 0.05em;
    font-size: 2.175rem;
    line-height: 3.5rem;
    font-weight: bold;
    color: #ffffff;
  }
  #title p {
    font-family: "Commons Pro Regular", sans-serif;
    letter-spacing: 0.03em;
    font-size: 0.975rem;
    line-height: 1.75rem;
    color: #ffffff;
  }
  #title .download-buttons {
    background: #c7152d;
    border-color: #c7152d;
    border-radius: 12px;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
  }
  #title .download-buttons a { color: white; }
  #title .download-buttons a:hover { text-decoration: none; }
  #title .container-fluid { padding: 0 0 10%; }
  #title .background-img {
    position: absolute;
    width: 150%;
    z-index: 0;
    top: -4rem;
    right: -4rem;
  }
  #title .title-img {
    position: absolute;
    width: 50%;
    top: 4rem;
    left: 3rem;
  }

  #features {
    text-align: center;
    padding: 7% 10%;
    background-color: rgba(246,241,232,0.9);
    position: relative;
  }
  #features .features-non-mobile { display: flex; }
  #features .features-mobile { display: none; }
  #features .container-fluid { padding: 3% 0; }
  #features img { margin-bottom: 1rem; }

  #features2 {
    text-align: center;
    padding: 7% 15%;
    background-color: #f2f2f2;
    position: relative;
    z-index: 1;
  }

  #services { background: rgba(246,241,232,0.9); }
  #services .services-non-mobile { display: flex; }
  #services .services-mobile { display: none; }

  #services h3 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #262626;
  }

  #serices p {
    font-family: "Commons Pro Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #595959;
  }

  #services .services-img { width: 80%; }
  #services .services-box { align-self: center; }

  #advantages { background-color: #fafafa; }
  #advantages h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 46px;
    line-height: 54px;
  }
  #advantages .advan-box1 {
    margin-top: 50px;
    background: #ffee00;
    box-shadow: 0px 2px 20px rgb(0 0 0 / 7%);
    border-radius: 10px;
    padding: 20px;
    width: inherit;
    float: right;
    margin-right: 10px;
  }
  #advantages .advan-box2 {
    margin-top: 50px;
    background: #65f3af;
    box-shadow: 0px 2px 20px rgb(0 0 0 / 7%);
    border-radius: 10px;
    padding: 20px;
    width: inherit;
    margin-left: 10px;
  }
  #advantages .box-caption {
    text-align: center;
    padding-bottom: 20px;
    font-family: "Commons Pro Demi Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #595959;
  }
  #advantages .inner-box {
    background: rgba(246,241,232,0.9);
    border-radius: 10px;
    padding: 20px;
  }
  #advantages .inner-box table {
    margin: unset;
    border-collapse: separate;
    border-spacing: 0 15px;
  }
  #advantages .inner-box table tr { border-bottom: 1px solid black; }
  #advantages .inner-box table tr td { font-weight: bold; }
  #advantages .inner-box table tr td img { padding-right: 20px; }
  #advantages .subtitle { font-size: 16px; }

  #partners {
    background: linear-gradient(134.36deg, #9b1729 8%, #d2acb1 70.86%);
    text-align: center;
  }
  #partners h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 46px;
    line-height: 54px;
  }
  #partners .container-fluid { padding: 3% 7%; }
  #partners .list-partners { padding-top: 50px; }
  #partners .list-partners img { width: 50%; position: relative; }
  #partners .img-center-div { align-self: center; }
  #partners .manman { left: 20%; }
  #partners .tera { right: 20%; }

  #testimonials {
    background: url(../img/backgroundijo\ 1.png);
    text-align: center;
  }
  #testimonials h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 46px;
    line-height: 54px;
  }
  #testimonials .testimonial-box {
    background-color: rgba(246,241,232,0.9);
    margin: 50px 80px;
    border-radius: 1rem !important;
  }
  #testimonials .testimonial-box .testimonial-content { padding: unset; }
  #testimonials .testimonial-box .testi-img {
    float: left;
    width: 255px;
    height: 255px;
    border-radius: 1rem !important;
  }
  #testimonials .review {
    font-family: "Commons Pro Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #595959;
    text-align: left;
    margin-left: -80px;
    padding-top: 30px;
  }

  table { margin-left: -80px; margin-top: 20px; }

  #testimonials .avatar {
    margin-right: 15px;
    width: 64px;
    height: 64px;
    border-radius: 100%;
  }
  #testimonials .user-review {
    text-align: left;
    font-family: "Commons Pro Demi Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #595959;
  }
  #testimonials .user-shop {
    text-align: left;
    font-family: "Commons Pro Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #595959;
  }
  #testimonials .carousel-indicators { left: auto; }
  #testimonials .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }

  #pricing {
    background: linear-gradient(180deg, #9b1729 100%, #851d2b 44.28%, #4D0F17 5.32%);
  }
  #pricing .container-fluid { padding: 3% 10%; }
  #pricing .pricing-text { margin-top: 100px; }
  #pricing .price-img { position: relative; right: 40%; width: 160%; }
  #pricing h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
    color: white;
  }
  #pricing p {
    font-size: 16px;
    line-height: 28px;
    padding-right: 5%;
    color: white;
  }
  #pricing .download-buttons {
    background: #4D0F17;
    border-color: #4D0F17;
    border-radius: 12px;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
  }
  #pricing .download-buttons a { color: white; }
  #pricing .download-buttons a:hover { text-decoration: none; }

  #about {
    background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
    margin-bottom: -50px;
  }
  #about .about-box { padding: 80px 0; padding-right: 50px; }
  #about h3 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #000000;
  }
  #about p {
    font-family: "Commons Pro Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #595959;
  }
  #about .about-img {
    position: absolute;
    z-index: 1;
    left: -15%;
    width: 130%;
  }

  #maps { background: rgba(246,241,232,0.9); }
  #map { height: 400px; width: 100%; }
  #maps .container-fluid { padding: 7% 10%; }
  #maps h1 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 46px;
    line-height: 54px;
    margin-top: 40px;
  }
  .maps-content { margin-top: 50px; }
  .maps-content img { width: 100%; }
  .maps-content h3 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    margin-top: 20px;
  }
  .maps-content p {
    font-family: "Commons Pro Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #595959;
  }

  #info .info-box1 { margin-right: -40px; padding: unset; }
  #info .info-img { width: 40%; }
  #info .info-box2 { margin-right: -80px; padding: unset; }
  #info .info-box3 { margin-right: 120px; padding: unset; }
  #info .info-box4 { padding: unset; }

  #info h3 {
    font-family: "Commons Pro Demi Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #e8e8e8;
  }
  #info p {
    font-family: "Commons Pro Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #d9d9d9;
    margin-bottom: 5px;
  }

  #footer .footer-img { padding-left: 10px; padding-right: 10px; }
  #footer { background: #4D0F17; }
  #footer p { color: white; display: inline; }
}

/* Navbar css */
.navbar { position: fixed; width: inherit; z-index: 1; }

.navbar-default{
  --brand-h: 40px;
  transition: background-color 500ms ease;
  background: rgba(77, 15, 23, 0.50);
}
.navbar-default.scrolled{
  --brand-h: 40px;
  background: rgba(246, 241, 232, 0.9);
}

/* Text color on light background */
.navbar-light.scrolled .navbar-nav .nav-link { color: black; }

/* Brand sizing */
.navbar-brand{
  display: flex;
  align-items: center;
  height: var(--brand-h);
  padding: 0;
}
.navbar-brand .navbar-logo{
  height: calc(var(--brand-h) - 8px);
  width: auto;
  max-height: 100%;
  display: block;
  object-fit: contain;
}

/* Optional: thin divider if you’re using .verticalLine */
.navbar-nav .verticalLine{
  pointer-events: none;
  width: 1px;
  margin: 0 12px;
  border-left: 1px solid rgba(255,255,255,.3);
}
.navbar-default.scrolled .verticalLine{ border-left-color: rgba(0,0,0,.2); }

.nav-item { padding: 0 5px; }

.navbar-light .navbar-nav .nav-link {
  font-family: "Commons Pro Demi Bold", sans-serif;
  letter-spacing: 0.05em;
  font-size: 17px;
  line-height: 22px;
  font-style: normal;
  font-weight: bold;
  color: white;
}

/* Toggler border + smooth transition */
.navbar-default .navbar-toggler {
  border-color: rgba(255,255,255,.4);
  transition: border-color 200ms ease, background-color 200ms ease;
}
.navbar-default.scrolled .navbar-toggler {
  border-color: rgba(0,0,0,.2);
}

/* White icon when unscrolled */
.navbar-default .navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Black icon when scrolled */
.navbar-default.scrolled .navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Global */
body { font-family: "Commons Pro Regular", sans-serif; }

.container-fluid { padding: 3% 10%; }

.caption {
  font-family: "Commons Pro Demi Bold", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #262626;
}

.sub-caption {
  font-family: "Commons Pro Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #595959;
}

h4 {
  font-family: "Commons Pro Demi Bold", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  color: #262626;
}

.subtitle {
  font-family: "Commons Pro Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #595959;
}

/* Misc */
.navbar-toggler { margin-left: 10px; }