/* Kal-Purush */
@font-face {
  font-family: "Kal-Purush";
  src: url("../fonts/KalPurush/Kalpurush.ttf") format("truetype");
}
/* Kongka-Borno */
@font-face {
  font-family: "Kongka-Borno";
  src: url("../fonts/KongkaBorno/Unicode/Li Kongka Borno Unicode.ttf") format("truetype");
}
/* Shamim-Noor */
@font-face {
  font-family: "Shamim-Noor";
  src: url("../fonts/ShamimNoor/Unicode/Li Shamim Noor Unicode.ttf") format("truetype");
}
/* Azad-Pori */
@font-face {
  font-family: "Azad-Pori";
  src: url("../fonts/AzadPori/Azad Pori Unicode.ttf") format("truetype");
}
/* Bijoy-Swapnochura */
@font-face {
  font-family: "Bijoy-Swapnochura";
  src: url("../fonts/BijoySwapnochura/Unicode/Li Bijoy Swapnochura Unicode.ttf") format("truetype");
}
body {
  background: #fcf8ec;
  font-family: "Kal-Purush";
  position: relative;
}
body .page-loading-content {
  display: none;
}
body.page-loading {
  user-select: none;
  overflow: hidden;
}
body.page-loading .page-loading-content {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(252, 248, 236, 0.8);
  backdrop-filter: blur(5px);
  left: 0;
  top: 0;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
body.page-loading .page-loading-content .loading-text {
  font-size: 50px;
  font-family: kongka-borno;
  color: #878c88;
  letter-spacing: 10px;
}
@media (max-height: 360px) {
  body.page-loading .page-loading-content .loading-text {
    display: none;
  }
}
body.page-loading .page-loading-content .loading-icon {
  width: 150px;
  height: 150px;
  background-image: url(../img/loading.gif);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
body .after-time {
  display: none;
}
body .before-time {
  display: inline-block;
}
body.marriage-done .after-time {
  display: inline-block;
}
body.marriage-done .before-time {
  display: none;
}
body .section {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
body .section.half-size {
  min-height: 50vh;
}
body .section.half-size .section-info {
  padding-bottom: 50px;
}
body .section.picture-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
body .section.picture-bg .section-info {
  padding-bottom: 50px;
}
body .section .section-info {
  padding: 50px 15% 25px;
  min-width: 60%;
  max-width: 80%;
}
body .section .section-info .title {
  color: #467b5f;
  font-family: shamim-noor;
  line-height: 50px;
}
body .section .section-info .description {
  color: #878c88;
  white-space: pre-line;
  font-size: 18px;
}
body .section .section-body {
  padding: 25px 0 50px;
  width: 100%;
}
@media screen and (max-width: 1280px) {
  body .section.half-size .section-info {
    padding-bottom: 46.8521229868px;
  }
  body .section.picture-bg .section-info {
    padding-bottom: 46.8521229868px;
  }
  body .section .section-info {
    padding: 46.8521229868px 14.055636896% 23.4260614934px;
  }
  body .section .section-info .title {
    line-height: 46.8521229868px;
  }
  body .section .section-info .description {
    font-size: 16.8667642753px;
  }
  body .section .section-body {
    padding: 23.4260614934px 0 46.8521229868px;
  }
}
@media screen and (max-width: 1200px) {
  body .section.half-size .section-info {
    padding-bottom: 43.9238653001px;
  }
  body .section.picture-bg .section-info {
    padding-bottom: 43.9238653001px;
  }
  body .section .section-info {
    padding: 43.9238653001px 13.17715959% 21.9619326501px;
  }
  body .section .section-info .title {
    line-height: 43.9238653001px;
  }
  body .section .section-info .description {
    font-size: 15.8125915081px;
  }
  body .section .section-body {
    padding: 21.9619326501px 0 43.9238653001px;
  }
}
@media screen and (max-width: 1080px) {
  body .section.half-size .section-info {
    padding-bottom: 39.5314787701px;
  }
  body .section.picture-bg .section-info {
    padding-bottom: 39.5314787701px;
  }
  body .section .section-info {
    padding: 39.5314787701px 11.859443631% 19.7657393851px;
  }
  body .section .section-info .title {
    line-height: 39.5314787701px;
  }
  body .section .section-info .description {
    font-size: 14.2313323572px;
  }
  body .section .section-body {
    padding: 19.7657393851px 0 39.5314787701px;
  }
}
@media screen and (max-width: 1024px) {
  body .section.half-size .section-info {
    padding-bottom: 37.4816983895px;
  }
  body .section.picture-bg .section-info {
    padding-bottom: 37.4816983895px;
  }
  body .section .section-info {
    padding: 37.4816983895px 11.2445095168% 18.7408491947px;
  }
  body .section .section-info .title {
    line-height: 37.4816983895px;
  }
  body .section .section-info .description {
    font-size: 13.4934114202px;
  }
  body .section .section-body {
    padding: 18.7408491947px 0 37.4816983895px;
  }
}
@media screen and (max-width: 991px) {
  body .section.half-size .section-info {
    padding-bottom: 36.2737920937px;
  }
  body .section.picture-bg .section-info {
    padding-bottom: 36.2737920937px;
  }
  body .section .section-info {
    padding: 36.2737920937px 10.8821376281% 18.1368960469px;
  }
  body .section .section-info .title {
    line-height: 36.2737920937px;
  }
  body .section .section-info .description {
    font-size: 13.0585651537px;
  }
  body .section .section-body {
    padding: 18.1368960469px 0 36.2737920937px;
  }
}
@media screen and (max-width: 575px) {
  body .section .section-info {
    padding-right: 0;
    padding-left: 0;
    min-width: 80%;
    max-width: 90%;
  }
}
body .stylish-font .child {
  font-family: Kongka-Borno;
  line-height: 90px;
  letter-spacing: 10px;
  font-weight: 900;
  transform: rotate(-5deg);
}
body .box-title {
  border: 2px dashed #878c88;
  border-right-color: transparent;
  border-left-color: transparent;
  padding: 20px 50px;
  margin: 30px 0;
  font-family: Azad-Pori;
  color: #d33a2e;
  font-size: 45px;
  position: relative;
}
body .box-title:before, body .box-title:after {
  content: "";
  width: 20px;
  height: 30px;
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
body .box-title:before {
  background-image: url(../icons/flask.png);
  left: 5px;
  top: 10px;
  opacity: 0.8;
  transform: rotate(-20deg);
}
body .box-title:after {
  background-image: url(../icons/dna.png);
  right: 2px;
  bottom: 10px;
  transform: rotate(30deg);
  opacity: 0.5;
}
@media screen and (max-width: 1280px) {
  body .stylish-font .child {
    line-height: 84.3338213763px;
  }
  body .box-title {
    font-size: 42.1669106881px;
  }
}
@media screen and (max-width: 1200px) {
  body .stylish-font .child {
    line-height: 79.0629575403px;
  }
  body .box-title {
    font-size: 39.5314787701px;
  }
}
@media screen and (max-width: 1080px) {
  body .stylish-font .child {
    line-height: 71.1566617862px;
  }
  body .box-title {
    font-size: 35.5783308931px;
  }
}
@media screen and (max-width: 1024px) {
  body .stylish-font .child {
    line-height: 67.467057101px;
  }
  body .box-title {
    font-size: 33.7335285505px;
  }
}
@media screen and (max-width: 991px) {
  body .stylish-font .child {
    line-height: 65.2928257687px;
  }
  body .box-title {
    font-size: 32.6464128843px;
  }
}
body .section.count-up-down .section-info .box-title {
  margin-top: 0;
}
body .section.count-up-down .section-info .stylish-font {
  margin: 40px 0;
}
body .section.count-up-down .section-info .time-count {
  font-size: 30px;
  font-family: "Kongka-Borno";
  color: #fcf8ec;
  text-shadow: 0 0 10px #0033FF;
  letter-spacing: 5px;
  margin-bottom: 0;
  min-height: 70px;
}
@media screen and (max-width: 1280px) {
  body .section.count-up-down .section-info .stylish-font {
    margin: 37.4816983895px 0;
  }
  body .section.count-up-down .section-info .time-count {
    font-size: 28.1112737921px;
    text-shadow: 0 0 9.3704245974px #0033FF;
    letter-spacing: 4.6852122987px;
  }
}
@media screen and (max-width: 1200px) {
  body .section.count-up-down .section-info .stylish-font {
    margin: 35.1390922401px 0;
  }
  body .section.count-up-down .section-info .time-count {
    font-size: 26.3543191801px;
    text-shadow: 0 0 8.78477306px #0033FF;
    letter-spacing: 4.39238653px;
  }
}
@media screen and (max-width: 1080px) {
  body .section.count-up-down .section-info .stylish-font {
    margin: 31.6251830161px 0;
  }
  body .section.count-up-down .section-info .time-count {
    font-size: 23.7188872621px;
    text-shadow: 0 0 7.906295754px #0033FF;
    letter-spacing: 3.953147877px;
  }
}
@media screen and (max-width: 1024px) {
  body .section.count-up-down .section-info .stylish-font {
    margin: 29.9853587116px 0;
  }
  body .section.count-up-down .section-info .time-count {
    font-size: 22.4890190337px;
    text-shadow: 0 0 7.4963396779px #0033FF;
    letter-spacing: 3.7481698389px;
  }
}
@media screen and (max-width: 991px) {
  body .section.count-up-down .section-info .stylish-font {
    margin: 29.019033675px 0;
  }
  body .section.count-up-down .section-info .time-count {
    font-size: 21.7642752562px;
    text-shadow: 0 0 7.2547584187px #0033FF;
    letter-spacing: 3.6273792094px;
  }
}

/*# sourceMappingURL=style.css.map */