@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
  font-family: 'BakeshopRegular';
  src: url('/static/fonts/Bakeshop-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BakeshopBold';
  src: url('/static/fonts/Bakeshop-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Bakeshop-Regularnon-connect';
  src: url('/static/fonts/Bakeshop-Regularnon-connect.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
html {
  font-size: 16px;
}
a{
  text-decoration: none;
}
.red{
  color: red;
}
.mb-10{
  margin-bottom: 10px;
}
.bk-shop-non-connect{
  font-family: 'Bakeshop-Regularnon-connect', sans-serif;

}
/* Use your custom class names */
.bk-shop-reg {
  font-family: 'BakeshopRegular', sans-serif;
}

.bk-shop-bold {
  font-family: 'BakeshopBold', sans-serif;
  font-weight: bold;
}

.common-text{
    font-family: Poppins;
    font-style: normal;
    line-height: normal;
}

.text-center{
    text-align: center;
}
.fts-64{
    font-size: 4rem;
} 
.fts-55{
    font-size: 3.4375rem;
}
.fts-46{
    font-size: 2.875rem;
}
.fts-30{
    font-size: 1.875rem;
}
.fts-29{
    font-size: 1.8125rem;
}
.fts-28{
    font-size: 1.75rem;
}
.fts-22{
    font-size: 1.375rem;
}
.fts-20{
    font-size: 1.1875rem;
}
.fts-18{
    font-size: 1.18563rem;
}
.fts-17{
    font-size: 1.0625rem;
}
.fts-14{
    font-size: 0.875rem;
}
.fts-13{
    font-size: 0.8125rem;
}
.fts-12{
    font-size: 0.75rem;
}

.ftw-7{
    font-weight: 700;
}
.ftw-6{
    font-weight: 600;
}
.ftw-5{
    font-weight: 500;
}
.ftw-4{
    font-weight: 400;
}
.ftw-3{
    font-weight: 300;
}

@media (max-width: 1600px) {
  html {
    font-size: 15px;
  }
}
@media (max-width: 1400px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 1200px) {
  html {
    font-size: 13px;
  }
  .small-screen-mobile{
    display: none !important;
  }
}
@media (max-width: 992px) {
  html {
    font-size: 12px;
  }
  .top-image-container{
    display: flex;
    justify-content: center;
    width: 100% !important;
  }
  .top-image-container img{
    width: 90%;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 10.5px;
  }
  .fts-64{
    font-size: 3rem;
  }

}
@media (max-width: 576px) {
  .top-heading{
    font-size: 2.37588rem;;
  }

}
@media (max-width: 360px) {
  .top-heading{
    font-size: 2.37588rem;
  }
    html {
    font-size: 10px;
  }

}