/*=================== STYLESHEET =====================
    Project     :   LETS
    File Name   :   style.scss
    Author Name :   Kuark Dijital
==============================================================*/
/*===== Global Style & Theme Reset =====*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  margin: auto;
  max-width: 100%;
  scroll-behavior: smooth;
}
html body {
  width: 100%;
  min-height: 100vh;
  text-align: center;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden !important;
  overflow-y: scroll;
  scrollbar-width: thin;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 1.5;
  margin: 0;
  /* Mobile */
  /* Tablet / iPad Portrait */
  /* Computer / Desktop / iPad Landscape */
  /* Large Monitor */
  /* Widescreen Monitor */
  /* Styles */
  /* Paddings */
  /* Margins */
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body strong {
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.2px;
}
html body section,
html body .cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
html body ::selection {
  color: white;
  background: #cce2ff;
}
html body body.no-selection ::selection {
  color: inherit !important;
  background: transparent !important;
}
html body a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
html body a:hover {
  cursor: pointer;
  color: inherit;
}
html body .display-none {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  html body [class*="mobile hidden"],
html body [class*="tablet only"]:not(.mobile),
html body [class*="computer only"]:not(.mobile),
html body [class*="large screen only"]:not(.mobile),
html body [class*="widescreen only"]:not(.mobile),
html body [class*="or lower hidden"] {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body [class*="mobile only"]:not(.tablet),
html body [class*="tablet hidden"],
html body [class*="computer only"]:not(.tablet),
html body [class*="large screen only"]:not(.tablet),
html body [class*="widescreen only"]:not(.tablet),
html body [class*="or lower hidden"]:not(.mobile) {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body [class*="mobile only"]:not(.computer),
html body [class*="tablet only"]:not(.computer),
html body [class*="computer hidden"],
html body [class*="large screen only"]:not(.computer),
html body [class*="widescreen only"]:not(.computer),
html body [class*="or lower hidden"]:not(.tablet):not(.mobile) {
    display: none !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  html body [class*="mobile only"]:not([class*="large screen"]),
html body [class*="tablet only"]:not([class*="large screen"]),
html body [class*="computer only"]:not([class*="large screen"]),
html body [class*="large screen hidden"],
html body [class*="widescreen only"]:not([class*="large screen"]),
html body [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile) {
    display: none !important;
  }
}
@media only screen and (min-width: 1920px) {
  html body [class*="mobile only"]:not([class*=widescreen]),
html body [class*="tablet only"]:not([class*=widescreen]),
html body [class*="computer only"]:not([class*=widescreen]),
html body [class*="large screen only"]:not([class*=widescreen]),
html body [class*="widescreen hidden"],
html body [class*="widescreen or lower hidden"] {
    display: none !important;
  }
}
html body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
html body .uppercase {
  text-transform: uppercase !important;
}
html body .capitalize {
  text-transform: capitalize !important;
}
html body .t-left,
html body .t-left.row,
html body .t-left > .row {
  text-align: left;
  justify-content: left;
}
html body .t-center,
html body .t-center.row,
html body .t-center > .row {
  text-align: center !important;
  justify-content: center;
}
html body .t-right,
html body .t-right.row,
html body .t-right > .row {
  text-align: right;
  justify-content: right;
}
html body .t-justify {
  text-align: justify;
}
html body .t-start {
  text-align: start;
}
html body .w100 {
  width: 100% !important;
}
html body .p0 {
  padding: 0 !important;
}
html body .no-px {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html body .no-py {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
html body .no-pt {
  padding-top: 0 !important;
}
html body .no-pl {
  padding-left: 0 !important;
}
html body .no-pr {
  padding-right: 0 !important;
}
html body .no-pb {
  padding-bottom: 0 !important;
}
html body .p1x {
  padding: 0 1rem !important;
}
html body .mini-py {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
html body .mini-px {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
html body .mini-pt {
  padding-top: 5px !important;
}
html body .mini-pr {
  padding-right: 5px !important;
}
html body .mini-pb {
  padding-bottom: 5px !important;
}
html body .mini-pl {
  padding-left: 5px !important;
}
html body .p10-py {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
html body .p10-px {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
html body .p10-pt {
  padding-top: 10px !important;
}
html body .p10-pr {
  padding-right: 10px !important;
}
html body .p10-pb {
  padding-bottom: 10px !important;
}
html body .p10-pl {
  padding-left: 10px !important;
}
html body .xxs-py {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
html body .xxs-px {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
html body .xxs-pt {
  padding-top: 15px !important;
}
html body .xxs-pr {
  padding-right: 15px !important;
}
html body .xxs-pb {
  padding-bottom: 15px !important;
}
html body .xxs-pl {
  padding-left: 15px !important;
}
html body .xs-py {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
html body .xs-px {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
html body .xs-pt {
  padding-top: 30px !important;
}
html body .xs-pr {
  padding-right: 30px !important;
}
html body .xs-pb {
  padding-bottom: 30px !important;
}
html body .xs-pl {
  padding-left: 30px !important;
}
html body .sm-py {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
html body .sm-px {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
html body .sm-pt {
  padding-top: 50px !important;
}
html body .sm-pr {
  padding-right: 50px !important;
}
html body .sm-pb {
  padding-bottom: 50px !important;
}
html body .sm-pl {
  padding-left: 50px !important;
}
html body .py {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
html body .px {
  padding-left: 100px !important;
  padding-right: 100px !important;
}
html body .pt {
  padding-top: 100px !important;
}
html body .pr {
  padding-right: 100px !important;
}
html body .pb {
  padding-bottom: 100px !important;
}
html body .pl {
  padding-left: 100px !important;
}
html body .md-py {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}
html body .md-px {
  padding-left: 150px !important;
  padding-right: 150px !important;
}
html body .md-pt {
  padding-top: 150px !important;
}
html body .md-pr {
  padding-right: 150px !important;
}
html body .md-pb {
  padding-bottom: 150px !important;
}
html body .md-pl {
  padding-left: 150px !important;
}
html body .lg-py {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}
html body .lg-px {
  padding-left: 200px !important;
  padding-right: 200px !important;
}
html body .lg-pt {
  padding-top: 200px !important;
}
html body .lg-pr {
  padding-right: 200px !important;
}
html body .lg-pb {
  padding-bottom: 200px !important;
}
html body .lg-pl {
  padding-left: 200px !important;
}
html body .xl-py {
  padding-top: 250px !important;
  padding-bottom: 250px !important;
}
html body .xl-px {
  padding-left: 250px !important;
  padding-right: 250px !important;
}
html body .xl-pt {
  padding-top: 250px !important;
}
html body .xl-pr {
  padding-right: 250px !important;
}
html body .xl-pb {
  padding-bottom: 250px !important;
}
html body .xl-pl {
  padding-left: 250px !important;
}
html body .xxl-py {
  padding-top: 350px !important;
  padding-bottom: 350px !important;
}
html body .xxl-px {
  padding-left: 350px !important;
  padding-right: 350px !important;
}
html body .xxl-pt {
  padding-top: 350px !important;
}
html body .xxl-pr {
  padding-right: 350px !important;
}
html body .xxl-pb {
  padding-bottom: 350px !important;
}
html body .xxl-pl {
  padding-left: 350px !important;
}
html body .pm0 {
  padding: 0 !important;
  margin: 0 !important;
}
html body .m0 {
  margin: 0 !important;
}
html body .no-mt {
  margin-top: 0 !important;
}
html body .no-mb {
  margin-bottom: 0 !important;
}
html body .no-mx {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html body .no-my {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
html body .no-ml {
  margin-left: 0 !important;
}
html body .no-mr {
  margin-right: 0 !important;
}
html body .mini-my {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
html body .mini-mx {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
html body .mini-mt {
  margin-top: 5px !important;
}
html body .mini-mr {
  margin-right: 5px !important;
}
html body .mini-mb {
  margin-bottom: 5px !important;
}
html body .mini-ml {
  margin-left: 5px !important;
}
html body .p10-my {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
html body .p10-mx {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
html body .p10-mt {
  margin-top: 10px !important;
}
html body .p10-mr {
  margin-right: 10px !important;
}
html body .p10-mb {
  margin-bottom: 10px !important;
}
html body .p10-ml {
  margin-left: 10px !important;
}
html body .xxs-my {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
html body .xxs-mx {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
html body .xxs-mt {
  margin-top: 15px !important;
}
html body .xxs-mr {
  margin-right: 15px !important;
}
html body .xxs-mb {
  margin-bottom: 15px !important;
}
html body .xxs-ml {
  margin-left: 15px !important;
}
html body .xs-my {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
html body .xs-mx {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
html body .xs-mt {
  margin-top: 30px !important;
}
html body .xs-mr {
  margin-right: 30px !important;
}
html body .xs-mb {
  margin-bottom: 30px !important;
}
html body .xs-ml {
  margin-left: 30px !important;
}
html body .sm-my {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
html body .sm-mx {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
html body .sm-mt {
  margin-top: 50px !important;
}
html body .sm-mr {
  margin-right: 50px !important;
}
html body .sm-mb {
  margin-bottom: 50px !important;
}
html body .sm-ml {
  margin-left: 50px !important;
}
html body .mt70 {
  margin-top: 70px !important;
}