.Sizes_Size_Btn {
  background-color: #f4f5f6;
  width: 100%;
  min-width: 146px;
  height: 56px;
  margin-right: 4px;
  margin-left: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707074;
  font-weight: 800;
  text-transform: uppercase;
  border-radius: 28px;
  text-decoration: none;
  font-size: 12px;
}

.Sizes_Size_Btn:hover {
  background: linear-gradient(90deg,
      rgba(42, 38, 96, 1) 0%,
      rgba(71, 65, 149, 1) 100%);
  color: #fff;
  box-shadow: 0 15px 9px -8px rgba(38, 50, 56, 0.32);
}

.Sizes_Slider {
  display: flex;
  align-items: center;
  width: 100%;
}

.activeNav {
  background: linear-gradient(90deg,
      rgba(42, 38, 96, 1) 0%,
      rgba(71, 65, 149, 1) 100%);
  color: #fff;
  box-shadow: 0 15px 9px -8px rgba(38, 50, 56, 0.32);
}
.TopBar{
  inset: 0% 0% auto;
}

.mt-\[60px\] {
  margin-top: 60px;
}
.flex-flow-column {
  flex-flow: column;
}
.mt-\[148px\] {
  margin-top: 148px;
}

.pb-\[56px\] {
  padding-bottom: 56px;
}

.max-w-\[1080px\] {
  max-width: 1080px;
}

.text-\[32px\] {
  font-size: 32px;
}

.leading-\[110px\] {
  line-height: 110%;
}

.leading-\[120px\] {
  line-height: 120%;
}

.leading-\[145\] {
  line-height: 145%;
}

.leading-\[150\] {
  line-height: 150%;
}

.leading-\[100\] {
  line-height: 100%;
}

.text-\[\#2a2660\] {
  color: #2a2660;
}

.text-\[\#b0b0b5\] {
  color: #b0b0b5;
}

.font-\[800\] {
  font-weight: 800;
}

.text-\[\#707074\] {
  color: #707074;
}

.text-\[\#8c9eff\] {
  color: #8c9eff;
}

.bg-\[\#8c9eff\] {
  background-color: #8c9eff;
}

.TitleIcon {
  width: 40px;
  height: 12px;
  background: linear-gradient(90deg,
      rgba(99, 92, 202, 1) 0%,
      rgba(140, 158, 255, 1) 100%);
  border-radius: 6px;
  margin-bottom: 24px;
}

.mb-16 {
  margin-bottom: 16px;
}

.TitleIcon._yallow-small {
  width: 32px;
  height: 12px;
  margin-bottom: 16px;
  background: #ffcd83;
}

.bg-\[\#f5f4f6\] {
  background-color: #f5f4f6;
}

.h-\[24px\] {
  height: 24px;
}

.rounded-\[12px\] {
  border-radius: 12px;
}

.text-\[11px\] {
  font-size: 11px;
}

.pt-\[32px\] {
  padding-top: 32px;
}

.pb-\[88px\] {
  padding-bottom: 88px;
}

.pt-\[88px\] {
  padding-top: 88px;
}

.mt-\[48px\] {
  margin-top: 48px;
} 

.pt-\[40px\] {
  padding-top: 40px;
}

.mt-\[26px\] {
  margin-top: 26px;
}

.left-\[48px\] {
  left: 48px;
}

.px-\[48px\] {
  padding-left: 48px;
  padding-right: 48px;
}

.pb-\[48px\] {
  padding-bottom: 48px;
}

.rounded-\[48px\] {
  border-radius: 48px;
}

.ml-\[-8px\] {
  margin-left: -8px;
}

.mt-\[8px\] {
  margin-top: 8px;
}

.mt-\[16px\] {
  margin-top: 16px;
}

.pt-\[56px\] {
  padding-top: 56px;
}

.pt-\[70px\] {
  padding-top: 70px;
}

.pb-\[24px\] {
  padding-bottom: 24px;
}

.gap-\[16px\] {
  gap: 16px;
}

.gap-\[32px\] {
  gap: 32px;
}

.ShopSingleBtn {
  min-width: 184px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  background: linear-gradient(90deg,
      rgba(42, 38, 96, 1) 0%,
      rgba(71, 65, 149, 1) 100%);
  color: #fff;
  text-decoration: none;
  border-radius: 28px;
  font-size: 12px;
  font-weight: 800;
  gap: 8px;
  padding: 0px 40px 0px 46px;
  width: fit-content;
  line-height: 115%;
  box-shadow: 0 15px 9px -8px rgba(38, 50, 56, 0.32);
}

.ShopSingleBtn:hover {
  background: linear-gradient(90deg,
      rgba(71, 65, 149, 1) 0%,
      rgba(85, 79, 176, 1) 100%);
  color: #fff;
}

.ShopSingleBtn img {
  position: relative;
  transition: all 0.5s ease-in-out;
}

.ShopSingleBtn:hover img {
  transform: translateX(4px);
}

.ProTitleBorder {
  width: 32px;
  height: 12px;
  background-color: #ffcd83;
  border-radius: 6px;
  margin-bottom: 16px;
}

.w-\[10px\] {
  width: 10px;
}

.h-\[10px\] {
  height: 10px;
}

.w-\[16px\] {
  width: 16px;
}

.h-\[16px\] {
  height: 16px;
}

.mb-\[24px\] {
  margin-bottom: 24px;
}

.m-\[32px\] {
  margin: 32px;
}

.mb-\[32px\] {
  margin-bottom: 32px;
}

.my-\[24px\] {
  margin-top: 24px;
  margin-bottom: 24px;
}

.mb-\[0px\] {
  margin-bottom: 0px;
}

.max-w-\[680px\] {
  max-width: 680px;
}

.max-w-\[390px\] {
  max-width: 390px;
}

.max-w-\[460px\] {
  max-width: 460px;
}

.max-w-\[574px\] {
  max-width: 574px;
}

.mt-\[88px\] {
  margin-top: 88px;
}

.mt-\[56px\] {
  margin-top: 56px;
}

.mb-\[48px\] {
  margin-bottom: 48px;
}

.rotate-270 {
  transform: rotate(270deg) !important;
}

.rotate-90 {
  transform: rotate(90deg);
}

.w-\[64px\] {
  width: 64px;
}

.h-\[64px\] {
  height: 64px;
}

.pt-\[96px\] {
  padding-top: 96px;
}

.text-\[40px\] {
  font-size: 40px;
}

.min-h-\[40px\] {
  min-height: 40px;
}

.min-w-\[40px\] {
  min-width: 40px;
}

.min-w-\[56px\] {
  min-width: 56px;
}

.IconBox {
  flex-direction: row;
  gap: 24px;
}

.h-\[70px\] {
  height: 70px;
}

.transition-none {
  transition: none;
}

.py-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.mx-\[32px\] {
  margin: 0px 32px;
}

.mt-\[32px\] {
  margin-top: 32px;
}

.pt-\[48px\] {
  padding-top: 48px;
}
.ml-\[48px\]{
  margin-left: 48px;
}
.inset-0{
  inset: 0%;
}

.leading-\[11px\] {
  line-height: 11px;
}

.mt-\[147px\] {
  margin-top: 147px;
}



.mx-\[48px\] {
  margin-left: 48px;
  margin-right: 48px;
}

.alignSelf-end {
  align-self: flex-end;
}

.mt-\[56px\] {
  margin-top: 56px;
}

.w-\[270px\] {
  width: 270px
}

.flex-1-1-0{
  flex: 1 1 0%;
}

.min-h-\[416px\] {
  min-height: 416px;
}
.w-\[1000px\] {
  width: 1000px;
}

.border-b-2 {
  border-bottom: 2px solid #f5f4f6;
}

.text-adjust {
  letter-spacing: -0.01px;
}

.text-decoration-none {
  text-decoration: none;
}

.max-w-\[784px\] {
  max-width: 784px
}

.p-\[48px\] {
  padding: 48px;
}

.pb-\[40px\] {
  padding-bottom: 40px
}

.text-\[\#aaa8b9\] {
  color: #aaa8b9
}

/* Animation css */

.fade-left {
  opacity: 0;
  transform: translateX(-16px);
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.fade-left10 {
  opacity: 0;
  transform: translateX(-10px);
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.fade-left05 {
  opacity: 0;
  transform: translateX(-5px);
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.fade-up {
  opacity: 0;
  transform: translateY(5px);
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.delay03 {
  transition-delay: 0.3s;
}

.delay05 {
  transition-delay: 0.5s;
}

.activeAnimation .fade-left,
.activeAnimation .fade-left10,
.activeAnimation .fade-left05 {
  opacity: 1;
  transform: translateX(0);
}

.activeAnimation .fade-up {
  opacity: 1;
  transform: translateY(0);
}

/* Animation css end */


.ml-\[88px\]{
  margin-left: 88px;
}
.mr-\[64px\]{
  margin-right: 64px;
}
 
.mt-\[47px\] {
  margin-top: 47px;
}

.mb-\[63px\] {
  margin-bottom: 63px;
}

.gap-\[20px\] {
  gap: 20px;
}
/* responsive css  */

@media screen and (max-width: 479px) {
  .min-w-\[390px\] {
    min-width: 390px;
  }
  .w-\[335px\] {
    width: 335px;
  }
  .max-w-\[360\] {
    max-width: 360%;
  }
  .Sizes_Slider {
    max-width: 512px;
    margin-left: 32px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
}

@media (min-width: 768px) {
  .md\:max-w-\[512px\] {
    max-width: 512px;
  }
  .md\:ml-\[32px\] {
    margin-left: 32px;
  }
  .md\:max-w-\[448px\] {
    max-width: 448px;
  }
  .md\:h-\[80px\] {
    height: 80px;
  }
  .md\:px-\[16px\] {
    padding: 0px 16px;
  }
  .md\:mx-\[16px\] {
    margin: 0px 16px;
  }
  .md\:mt-\[4px\] {
    margin-top: 4px;
  }
  .md\:w-\[350px\] {
    width: 350px;
  }
  .md\:mt-\[56px\] {
    margin-top: 56px;
  }

  .md\:min-h-\[480px\] {
    min-height: 480px;
  }
}

@media (min-width: 991px) {
  .lg\:pt-\[60px\] {
    padding-top: 60px;
  }

  .lg\:w-\[420px\] {
    width: 420px
  }

  .lg\:mt-\[72px\] {
    margin-top: 72px
  }

  .lg\:px-\[72px\] {
    padding-left: 72px;
    padding-right: 72px;
  }

  .lg\:mt-\[40px\] {
    margin-top: 40px;
  }

  .lg\:mt-\[32px\] {
    margin-top: 32px;
  }
  
  .lg\:mr-\[0px\] {
    margin-right: 0px;
  }

  .lg\:ml-\[72px\] {
    margin-left: 72px;
  }

  .lg\:mx-\[72px\] {
    margin-left: 72px;
    margin-right: 72px;
  }

  .lg\:text-\[56px\] {
    font-size: 56px;
  }

  .lg\:text-\[32px\] {
    font-size: 32px !important;
  }

  .lg\:gap-\[8px\] {
    gap: 8px;
  }

  .lg\:pt-\[70px\] {
    padding-top: 70px;
  }

  .lg\:pt-\[120px\] {
    padding-top: 120px;
  }

  .lg\:px-\[0\] {
    padding-left: 0;
    padding-right: 0;
  }

  .IconBox {
    flex-direction: column;
    gap: initial;
  }

  .lg\:h-\[160px\] {
    height: 160px;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .pt-\[24px\] {
    padding-top: 24px;
  }

  .lg\:h-\[160px\] {
    height: 160px;
  }

  .lg\:min-h-\[552px\] {
    min-height: 552px;
  }

  .lg\:max-w-\[1080px\] {
    max-width: 1080px;
  }

  .lg\:max-w-full {
    max-width: 100%;
  }

  .lg\:max-w-full {
    max-width: 100%;
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .Sizes_Slider {
    /* padding-left: 0; */
    margin-left: 0;
  }
}

@media (max-width: 991px) {

  .mattresses-bodyContainer {
    margin-top: -60px;
  }

  .md-br-none br {
    display: none;
  }

  .md-flex-wrap {
    flex-wrap: wrap;
  }
  .md\:rounded-\[40px\] {
    border-radius: 40px;
  }
}

@media (max-width: 767.98px) {
  
  .ContactItems {
    flex-direction: column;
  }
}