body {
  overflow-x: hidden;
}
* {
  font-family: "DM Sans";
}

#section-1 {
   display: flex;
   padding-left: 133px;
}

nav h1 {
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 73px;
  color: #1d1d1d;
}

.navitem a:hover {
  color: #1d1d1d;

  text-decoration: none;
}

.navitem a {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;

  color: #1d1d1d;
  text-decoration: none;

  margin-right: 34px;
}

.navitem a.white-txt {
  color: white;
}

.navitem {
  margin-left: 168px;
}

.navmain {
  display: flex;
  justify-content: center;
  align-items: center;
}

nav {
  margin-left: 134px;
  margin-right: 134px;
  margin-top: 46px;
  margin-bottom: 129px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.subheading {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 160%;
  color: #401e09;
  width: 144px;
}
.heading {
  font-style: normal;
  font-weight: bold;
  font-size: 56px;
  line-height: 73px;
  color: #1d1d1d;
}

.subtitle {
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 170%;

  color: #1d1d1d;
  opacity: 0.7;
}

.subtitle-bold {
   opacity: 1;
}

.hero-image {
  width: 782px;
  height: 1258px;

  border-radius: 0px 0px 500px 500px;

  margin-top: -568px;
  margin-right: -81px;
  position: relative;
  z-index: -1;
}

.section-1-text-container {
  margin-right: 92px;
}

.shopnow-btn {
   padding: 23px 66px;
   background-color: white;

   border: 3px solid #401e09;
   border-radius: 20px;

   font-family: "Montserrat";
   font-style: normal;
   font-weight: 600;
   font-size: 24px;
   line-height: 170%;
   margin-top: 85px;

   color: #401e09;
   text-transform: uppercase;
}

/* batas css amin */

#section-2 {
   display: flex;
   margin-top: 120px;
   padding-left: 100px;
}

#s2Img1 {
   height: 610px;
   width: 430px;
   object-fit: cover;
   border-radius: 500px 500px 20px 20px;
}

#s2Img2 {
   height: 163px;
   width: 163px;
   object-fit: cover;
   position: relative;
   top: 297px;
   left: -84px;
}

.text1 {
   margin-top: 0;
   margin-bottom: 0;

   font-family: "DM Sans";
   font-style: normal;
   font-weight: bold;
   font-size: 16px;
   line-height: 160%;

   color: #401e09;
}

.text2 {
   margin-top: 16px;
   margin-bottom: 0;
   width: 532px;

   font-family: "DM Sans";
   font-style: normal;
   font-weight: bold;
   font-size: 56px;

   line-height: 78.4px;

   color: #1d1d1d;
}

.text3 {
   margin-top: 32;
   margin-bottom: 0;
   width: 532px;

   font-family: "DM Sans";
   font-style: normal;
   font-weight: normal;
   font-size: 20px;
   line-height: 170%;

   color: #1d1d1d;
   opacity: 0.7;
}

#section-3 {
   display: flex;
   margin-top: 226px;
   padding-left: 100px;
}

#s3Img1 {
   height: 610px;
   width: 430px;
   object-fit: cover;
   border-radius: 500px 500px 20px 20px;
}

#s3Img2 {
   height: 163px;
   width: 163px;
   object-fit: cover;
   position: relative;
   top: 350px;
   right: -67px;
}

#features {
   display: flex;
   justify-content: space-around;
   margin: 120px 160px 120px 160px;
}

.feat-text1{
  margin: 0;

  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 170%;
  /* or 27px */

  color: #1D1D1D;
}
.feat-text2{
  margin: 0;

  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 170%;

  /* or 20px */

  color: rgba(29, 29, 29, 0.6);

  opacity: 0.7;
}

.f-text1 {
   margin: 0;

   font-family: "DM Sans";
   font-style: normal;
   font-weight: 500;
   font-size: 40px;
   line-height: 48px;

   color: #ffffff;
}

.f-text2 {
   font-family: "DM Sans";
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 32px;

   color: rgba(255, 255, 255, 0.5);
   letter-spacing: 3px;
   text-transform: uppercase;
}

.f-text3 a {
   margin: 0;
   display: block;
   font-family: "DM Sans";
   font-style: normal;
   font-weight: 500;
   font-size: 16px;
   line-height: 32px;

   text-decoration: none;

   color: #ffffff;
}

.f-text4 {
   margin: 0;
   font-family: "DM Sans";
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 32px;

   color: rgba(255, 255, 255, 0.502972);
}

.f-container {
   width: 305px;
   display: flex;
}

.f-image {
   width: 48px;
   height: 48px;
   margin-right: 16px;
}

.f-line {
   /* position: absolute;
   width: 1100px; */
   height: 2px;

   margin: 50px 30px 30px 30px;
   background: #ffffff;
   mix-blend-mode: normal;
   opacity: 0.08;
}

.myFooter {
   color: #ffffff;
   background-color: #401e09;

   padding: 110px 140px 50px 130px;
}

.imgMedsos {
   width: 50px;
   height: 50px;
   padding: 5px;
}
  
/* batas css amin */

#holiday-timer {
  background-image: url("assets/holiday-timer-bg.png");
  background-size: cover;

  font-style: normal;
  font-weight: bold;
  color: white;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 77px;
  padding-bottom: 77px;
  /* filter: saturate(75%) brightness(60%); */
}

.holiday-text {
  font-size: 56px;
  line-height: 73px;

  text-align: center;
  color: #ffffff;
}

.holiday-time {
  color: white;

  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
}
.timer-titik2 {
  margin-top: -50px;
}

#holiday-timer button {
  outline: none;
  border: none;
  background: #401e09;
  border-radius: 20px;
  filter: drop-shadow(0px 10px 35px rgba(70, 57, 37, 0.2));

  font-size: 20px;
  line-height: 26px;

  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;

  color: #ffffff;
  padding: 18px 48px;
  margin-top: 24px;
}

.holiday-time h1 {
  font-size: 64px;
}

.timer-days {
  margin-right: 109px;
}

.timer-seconds {
  margin-left: 44px;
}

#gallery {
  margin-top: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#gallery h1 {
  max-width: 872px;

  font-style: normal;
  font-weight: bold;
  font-size: 56px;
  line-height: 73px;

  /* or 130% */
  text-align: center;

  color: #1d1d1d;
  overflow: hidden;
}

#gallery p {
  margin-top: 32px;

  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 170%;

  /* identical to box height, or 34px */

  color: #1d1d1d;

  opacity: 0.7;
}

.galleryimg {
  margin-top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 98px;
}
.galleryimg img {
  margin-left: 24px;
  margin-right: 24px;
  width: 418px;
  height: 694px;
  object-fit: cover;

  border-radius: 20px;
}

.galleryimg img:nth-child(odd) {
  position: relative;
  top: 98px;
}


#testimonial {
  margin-top: 98px;
  margin-bottom: 172px;
  display: flex;
  align-items: center;
  padding-left: 135px;
}

.testimonial-img {
  width: 533px;
  height: 627px;

  border-radius: 20px;
  object-fit: cover;
}
.testimonies-container {
  margin-left: 78px;
}

.testimonies-container p {
  font-weight: bold;
  font-size: 16px;
  color: #401e09;
}

.testimonies-container h1 {
  font-weight: bold;
  font-size: 48px;
  line-height: 140%;

  letter-spacing: -0.02em;

  color: #1d1d1d;
  margin-bottom: 55px;
}

.testimonies-items {
  display: flex;
}

.testimonies-item {
  padding: 38px 48px 26px 48px;
  box-sizing: border-box;
  border-radius: 24px;
  background: #401e09;
  border: 1px solid #401e09;
  margin-right: 48px;
}

.testimonies-item p {
  width: 374px;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;

  color: rgba(255, 255, 255, 0.502972);
}
.testimonies-item h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;

  display: flex;
  align-items: center;

  color: #ffffff;
  margin-bottom: -8px;
}

.testimonies-nav {
  margin-top: 64px;
}

.testimonies-nav img {
  width: 32px;
  height: 32px;
  margin-right: 40px;
}