@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=DM+Sans:opsz,wght@9..40,200;9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap");
:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-primary: #ca0002;
  --color-blue: #003676;
  --color-grey: #a9a9a9;
}

button {
  border: 0;
  background-color: transparent;
  padding: 0;
  margin: 0;
}

p {
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 24px;
  color: 383838;
}

b {
  font-weight: bold;
}

h2 {
  font-size: 40px;
  font-weight: 400;
  color: #232323;
}

h1,
h2,
h3,
h4 {
  font-family: "Cinzel", serif;
}

body,
html {
  font-size: 16px;
  min-width: 320px;
  overflow-x: visible;
  min-height: 100%;
  font-weight: 300;
  font-family: "DM Sans", sans-serif;
  line-height: normal;
  color: #232323;
  background-color: var(--color-white);
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

.navbar-brand img {
  max-width: 170px;
}

.navbar {
  border-bottom: 1px solid #ccc;
}
.navbar .logo-text {
  max-width: 190px !important;
}

body {
  padding-top: 75px;
}

.navbar {
  padding: 30px 0;
  background-color: transparent;
  transition: all 0.3s ease;
  height: 75px;
  background-color: #fff;
}
.navbar .nav-link {
  color: var(--color-black);
  font-weight: 500;
  font-size: 17px;
}
.navbar .nav-link:hover {
  color: var(--color-primary);
}
.navbar .navbar-brand {
  top: 41px;
  padding: 0;
}
.navbar--scroll {
  background-color: var(--color-white);
  padding: 8px;
}
.navbar .nav-link {
  padding-left: 20px !important;
  padding-right: 20px !important;
  border-radius: 30px;
  transition: all 0.3s ease;
}
.navbar .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 30px;
}

.bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  display: block;
}

.btn {
  background-color: var(--color-primary);
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 12px 32px;
  min-width: 200px;
  justify-content: center;
  text-align: center !important;
  border-radius: 0;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}
.btn:hover {
  background-color: #df2f32;
  color: var(--color-white);
}
.btn--small {
  min-width: 150px;
  min-height: 45px;
}
.btn--white {
  background-color: transparent;
  border-color: #fff;
}
.btn--white:hover {
  background-color: #fff;
  color: #000000;
}

.splide__arrows {
  position: absolute;
  z-index: 3;
  display: flex;
  gap: 20px;
  right: 0;
  bottom: 40px;
  max-width: 1300px;
  margin: 0 auto;
  left: 0;
  justify-content: end;
}

.splide__arrow {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 50px;
  height: 50px;
  transform: none;
  position: static;
}
.splide__arrow svg {
  display: none;
}
.splide__arrow--prev {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.0002 0C37.2549 0 48 10.7451 48 23.9998C48 37.2545 37.2549 48 24.0002 48C10.7455 48 7.6341e-07 37.2545 7.6341e-07 23.9998C0.0149632 10.7511 10.7511 0.01485 24.0002 0ZM24.0002 45.5997C35.9296 45.5997 45.6002 35.9292 45.6002 23.9998C45.6002 12.0704 35.9296 2.39984 24.0002 2.39984C12.0708 2.39984 2.40029 12.0704 2.40029 23.9998C2.41391 35.9234 12.0766 45.5861 24.0002 45.5997Z" fill="white"/><path d="M26.8103 14.6967C27.3094 14.2602 28.0675 14.3112 28.5038 14.8101C28.9398 15.3092 28.8888 16.0672 28.39 16.5036L19.8225 23.9998L28.3904 31.4965C28.8897 31.9328 28.9402 32.6909 28.5043 33.1896C28.0679 33.6888 27.3099 33.7398 26.8106 33.3034L17.2108 24.9033C17.082 24.7906 16.9787 24.6517 16.908 24.4959C16.8373 24.3401 16.8007 24.1709 16.8007 23.9998C16.8007 23.8286 16.8373 23.6595 16.908 23.5036C16.9787 23.3478 17.082 23.2089 17.2108 23.0962L26.8103 14.6967Z" fill="white"/></svg>');
}
.splide__arrow--next {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.9998 0C10.7451 0 0 10.7451 0 23.9998C0 37.2545 10.7451 48 23.9998 48C37.2545 48 48 37.2545 48 23.9998C47.985 10.7511 37.2489 0.01485 23.9998 0ZM23.9998 45.5997C12.0704 45.5997 2.39984 35.9292 2.39984 23.9998C2.39984 12.0704 12.0704 2.39984 23.9998 2.39984C35.9292 2.39984 45.5997 12.0704 45.5997 23.9998C45.5861 35.9234 35.9234 45.5861 23.9998 45.5997Z" fill="white"/><path d="M21.1897 14.6967C20.6906 14.2602 19.9325 14.3112 19.4962 14.8101C19.0602 15.3092 19.1112 16.0672 19.61 16.5036L28.1775 23.9998L19.6096 31.4965C19.1103 31.9328 19.0598 32.6909 19.4957 33.1896C19.9321 33.6888 20.6901 33.7398 21.1894 33.3034L30.7892 24.9033C30.918 24.7906 31.0213 24.6517 31.092 24.4959C31.1627 24.3401 31.1993 24.1709 31.1993 23.9998C31.1993 23.8286 31.1627 23.6595 31.092 23.5036C31.0213 23.3478 30.918 23.2089 30.7892 23.0962L21.1897 14.6967Z" fill="white"/></svg>');
}

.banner .splide__slide {
  height: 700px;
  max-height: 100vh;
}
.banner__title {
  color: var(--color-white);
  font-size: 56px;
}
.banner__content {
  max-width: 600px;
}
.banner .container {
  padding: 0;
  display: flex;
  align-items: end;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.arrivals {
  background-color: #f6f3f1;
}
.arrivals .splide__track {
  padding: 20px !important;
}
.arrivals .splide__pagination {
  margin-top: 10px;
  position: static;
}
.arrivals .splide__pagination__page {
  width: 13px;
  height: 13px;
  background-color: #a9a9a9;
  opacity: 1;
}
.arrivals .splide__pagination__page.is-active {
  transform: none;
  background-color: var(--color-primary);
}

.video-tile {
  padding: 24px;
  box-shadow: 0px 0px 20px #ccc;
}
.video-tile__image {
  height: 300px;
  display: block;
  overflow: hidden;
  position: relative;
}
.video-tile__image::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0Zm0 23C5.935 23 1 18.065 1 12S5.935 1 12 1s11 4.935 11 11-4.935 11-11 11Zm-4-5.645L17.52 12 8 6.645v10.71Zm1-9L15.48 12 9 15.645v-7.29Z" fill="%23ffffff" opacity="1" data-original="%23000000" class=""></path></g></svg>');
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 60px;
  height: 60px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.7;
}
.video-tile__image img {
  transition: all 0.3s ease;
}
.video-tile__image:hover img {
  transform: scale(1.05);
  filter: grayscale(50%);
}
.video-tile__play {
  text-align: left !important;
  border: 0;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: start;
  padding-right: 30px !important;
  min-width: 120px;
  position: absolute;
  right: 20px;
  top: -30px;
}
.video-tile__content {
  padding-top: 40px;
  position: relative;
}
.video-tile p {
  position: relative;
  margin-bottom: 0;
  font-size: 18px;
}
.video-tile p::after {
  content: "";
  display: block;
  width: 70px;
  height: 2px;
  background-color: var(--color-primary);
  margin-top: 14px;
}

.scroll {
  position: relative;
  top: -75px;
}

.container {
  max-width: 1300px !important;
}

.about p {
  font-size: 20px;
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
  line-height: 1.6;
}

.collections {
  background-color: var(--color-primary);
}
.collections__content {
  padding: 80px 80px 40px 40px;
  margin-left: calc((200% - 1300px) / 2);
}
.collections__content p {
  color: white;
  font-size: 20px;
  line-height: 33px;
  font-weight: 200;
}

.collections-2 .collections__content {
  max-width: 600px;
  margin-left: 0;
  padding: 60px 40px 40px;
}
.collections-2 p {
  color: #232323;
  font-size: 20px;
}

.contact-tile {
  background-color: #f6f3f1;
  padding: 30px;
}
.contact-tile__location {
  background-color: var(--color-primary);
  display: table;
  font-size: 14px;
  color: #fff;
  align-items: center;
  padding-right: 20px;
  margin-top: -38px;
  margin-bottom: 20px;
}
.contact-tile__location img {
  margin-right: 10px;
}
.contact-tile__ph {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contact-tile__ph a {
  color: #414141;
  font-weight: 600;
  font-size: 18px;
}
.contact-tile__call {
  background-color: #232323;
  padding: 5px;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: -50px;
}
.contact-tile__call svg {
  width: 8px;
}

footer {
  background-color: #333333;
}
footer .logo-section {
  display: flex;
  align-items: center;
}
footer .logo-section img {
  max-width: 200px;
  height: auto;
}
footer .logo-section p {
  color: #9fabc2;
  padding: 40px;
  margin: 0;
}
footer ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 15px;
  padding-left: 0;
}
footer ul li:first-child {
  color: var(--color-primary);
  font-weight: 500;
  font-size: 16px;
}
footer ul li {
  font-size: 19px;
}
footer ul li a {
  color: #c7d0e1;
  font-weight: 400;
}
footer .social {
  display: flex;
  gap: 20px;
  color: var(--color-primary);
}

.footer-below {
  color: #b0b9cb;
  font-size: 14px;
  padding: 40px 0;
  border-top: 1px solid #505050;
  background-color: #333333;
}

@media (max-width: 1024px) {
  .navbar {
    padding: 0;
  }
  .navbar .container {
    height: 75px;
    align-items: flex-start;
  }
  .navbar .navbar-brand {
    top: 0;
    padding: 0;
    z-index: 9;
  }
  .navbar .navbar-toggler {
    margin-top: 20px;
  }
  .navbar .navbar-brand img {
    max-width: 125px;
  }
  .navbar .navbar-nav {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    top: 100%;
    height: 100vh;
    padding-top: 100px;
  }
  .collections__content {
    margin: 0;
    padding: 40px;
  }
  .collections-2 .collections__content {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 30px;
  }
  h2 svg {
    width: 30px;
  }
  .arrivals .splide__track {
    padding: 10px !important;
  }
  .video-tile__image {
    height: 200px;
  }
  .video-tile__image img {
    -o-object-position: left;
       object-position: left;
  }
  footer .logo-section img {
    max-width: 125px;
  }
  .banner {
    position: relative;
  }
  .banner .splide__slide {
    position: relative;
    z-index: 5;
  }
  .banner .splide__slide::after {
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.42) 100%);
    position: absolute;
    height: 500px;
    width: 100%;
    bottom: 0;
    left: 0;
  }
  .banner .splide__slide {
    height: calc(100vh - 75px);
  }
  .banner .splide__arrows {
    right: 15px;
    bottom: 15px;
  }
  .banner .container {
    justify-content: end;
    padding: 0 20px 68px;
  }
  .banner__title {
    font-size: 35px;
  }
  .collections__content {
    padding: 30px;
  }
  .collections-2 .collections__content {
    padding: 30px;
  }
  .contact-tile__call {
    margin-right: -35px;
  }
  footer .logo-section {
    flex-direction: column;
    text-align: center;
  }
  footer .logo-section p {
    padding-bottom: 0;
  }
  footer .social {
    margin-top: 20px;
  }
  .video-tile__image::after {
    width: 50px;
    height: 50px;
  }
  footer ul {
    justify-content: center;
  }
  footer .social {
    width: 100%;
    justify-content: center;
  }
  .footer-below {
    padding: 20px 0;
    text-align: center;
  }
}/*# sourceMappingURL=style.css.map */