/*new css*/

.action_result_page .redeem_code .input-form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  padding-bottom: 50px;
  border-bottom: 1px solid #d7d7d7;
}

.action_result_page .redeem_code .input-form p.note {
  font-size: 16px;
  width: 100%;
  padding-bottom: 0;
}

.action_result_page .redeem_code .input-cover .input-field {
  display: block;
  position: relative;
  width: 100%;
  max-width: 300px;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  line-height: 38px;
  line-height: 36px;
  padding: 0px 14px;
}

.action_result_page .redeem_code .input-other .submit {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 10px 20px;
  background: #79caf3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  max-width: 200px;
  border: none;
  cursor: pointer;
}

.action_result_page .howtouse-code {
  padding-top: 50px;
}

.action_result_page .cover .howtouse-code .title {
  padding-bottom: 10px;
}

.action_result_page .cover .howtouse-code .guideimage img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.action_result_page .redeem_code .cta_result {
  padding: 50px 0px;
}

.action_result_page .redeem_code .cta_result p {
  font-size: 14px;
  line-height: 1.3;
}

.action_result_page .redeem_code .cta_result p b,
.action_result_page .redeem_code .cta_result p span {
  color: #234354;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  text-decoration: underline;
  margin: 0;
  padding: 0;
}

.action_result_page .redeem_code .cta_result .submit {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 10px 20px;
  background: #79caf3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  max-width: 200px;
  border: none;
  cursor: pointer;
}

.action_result_page .redeem_code .cta_result .voucher_cover {
  width: 100%;
  max-width: 500px;
}

.action_result_page .redeem_code .cta_result .voucher_cover table {
  width: 100%;
}

.action_result_page .redeem_code .cta_result .voucher_cover table tr td {
  padding: 10px 10px;
  text-align: center;
  text-transform: capitalize;
  border: 2px solid #234354;
  vertical-align: middle;
  font-weight: 500;
  color: #234354;
  line-height: 1.3;
}

.action_result_page .redeem_code .cta_result .voucher_cover table tr td span {
  font-weight: 800;
  display: block;
  text-transform: uppercase;
  color: #000000;
}

.action_result_page .redeem_code .cta_result .voucher_cover table tr td b {
  font-weight: 800;
  font-size: 20px;
  display: block;
  padding: 0;
  margin: 0;
  color: #000000;
}

.action_result_page .redeem_code .cta_result .voucher_cover table tr td p {
  font-size: 10px;
  padding-bottom: 0;
  font-weight: 400;
  letter-spacing: 2px;
  color: #000000;
}

.action_result_page
  .redeem_code
  .cta_result
  .voucher_cover
  table
  tr:last-child
  td {
  text-transform: uppercase;
}

.action_result_page
  .redeem_code
  .cta_result
  .voucher_cover
  table
  tr:first-child
  td {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
}

.action_result_page .cover .register_activation_code p {
  line-height: 1.5;
}

.action_result_page .cover .register_activation_code p b {
  font-weight: 700;
  display: inline-block;
}

.action_result_page .cover .register_activation_code .input-cover {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 300px;
}

.action_result_page .cover .register_activation_code .input-cover .input-field {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 4px 0px 0px 4px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  line-height: 38px;
  line-height: 36px;
  padding: 0px 14px;
}

.action_result_page .cover .register_activation_code .input-cover .sub {
  display: inline-block;
  position: relative;
  height: 38px;
  line-height: 38px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 20px;
  background: #2fc3e5;
  border: none;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  border-radius: 0px 4px 4px 0px;
}

.action_result_page .cover .register_activation_code .resend_code {
  padding-top: 20px;
  font-size: 14px;
}

.action_result_page .cover .register_activation_code .resend_code p a {
  cursor: pointer;
}

.widgetbottom > .widgetcover > .right > .social > .socialcover > .btns a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  transition: all ease 0.3s;
}

.widgetbottom > .widgetcover > .right > .social > .socialcover > .btns a:hover {
  background: #2fc3e5;
  color: #ffffff;
  transition: all ease 0.3s;
}

.mainbanner .firstbox > .bannercover > .image {
  z-index: 0;
}

.factsbanner > .bannercover > .list .col > .image .ibox {
  cursor: help;
}

.whybanner > .bannercover > .list .box .banner {
  position: relative;
  margin-bottom: 30px;
}

.whybanner > .bannercover > .list .box .banner img {
  width: auto;
  max-width: 300px;
  object-fit: contain;
  position: relative;
  border-radius: 4px;
  z-index: 2;
}

.whybanner > .bannercover > .list .box:nth-child(1) .banner img {
  box-shadow: -10px -10px 0px 0px rgba(121, 202, 243, 1);
  -webkit-box-shadow: -10px -10px 0px 0px rgba(121, 202, 243, 1);
  -moz-box-shadow: -10px -10px 0px 0px rgba(121, 202, 243, 1);
}

.whybanner > .bannercover > .list .box:nth-child(2) .banner img {
  box-shadow: 10px 10px 0px 0px rgba(121, 202, 243, 1);
  -webkit-box-shadow: 10px 10px 0px 0px rgba(121, 202, 243, 1);
  -moz-box-shadow: 10px 10px 0px 0px rgba(121, 202, 243, 1);
}

.whybanner > .bannercover > .list .box:nth-child(3) .banner img {
  box-shadow: 10px -10px 0px 0px rgba(121, 202, 243, 1);
  -webkit-box-shadow: 10px -10px 0px 0px rgba(121, 202, 243, 1);
  -moz-box-shadow: 10px -10px 0px 0px rgba(121, 202, 243, 1);
}

.aboutus .subtitle {
  font-size: 18px;
  font-style: italic;
}

.contact .background {
  padding: 0px 10px;
  background: none;
  height: auto;
  box-sizing: border-box;
}

.contact .background .wrapper {
  width: auto;
  max-width: 1180px;
  margin: 0 auto;

  background: #79caf3;
}

.contact .background .address {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  width: 50%;
  gap: 30px;
  color: #ffffff;
  padding: 50px 50px;
  box-sizing: border-box;
  min-height: 500px;
}

.contact .background .address .logo img {
  width: auto;
  max-width: 100%;
}

.contact .background .address p {
  text-align: center;
  line-height: 1.3;
}

.contact .background .address .social {
  justify-content: center;
  gap: 10px;
  width: 100%;
  align-items: center;
  display: flex;
}

.contact .background .address .social a {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2fc3e5;
  color: #ffffff;
}

.contact .background .address .whatsapp {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.contact .background .address .whatsapp a {
  padding: 10px 20px;
  background: #79caf3;
  color: #ffffff;
  border-radius: 5px;
  text-align: center;
}

.headercover .mobile-click {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.headercover .mobile-click .mobile_cart {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background: red;
  text-align: center;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
}

.headercover .mobile-click span {
  font-size: 50px;
}

.sidemenu-mobile {
  position: relative;
  width: 100%;
  border: 1px solid #d7d7d7;
  padding: 20px 20px;
  color: #000000;
  border-radius: 5px;
  font-size: 18px;
  background: #ffffff;
  display: none;
  box-sizing: border-box;
}

.sidemenu-mobile span {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}

/*login css*/
.login_register {
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.login_register form {
  width: 100%;
}

.login_register .left_box,
.login_register .right_box {
  width: 50%;
  background: #ffffff;
  padding: 50px 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
}

.login_register .right_box.active,
.login_register .left_box.active {
  background: #ffffff;
}

.login_register .left_box .form_cover,
.login_register .right_box .form_cover {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.login_register .left_box.active .form_cover,
.login_register .right_box.active .form_cover {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  transition: all ease 0.7s;
}

.login_register .left_box .bg_banner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.login_register .right_box .bg_banner {
  width: 100%;
  height: 100%;
  gap: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.login_register .right_box .bg_banner img {
  display: block;
  object-fit: contain;
  width: auto;
  max-width: 100%;
}

.login_register .left_box.active .bg_banner,
.login_register .right_box.active .bg_banner {
  display: none;
}

.login_register .form_cover {
  width: 100%;
}

.login_register .form_cover .title {
  text-align: center;
  color: #000000;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
}

.login_register .form_cover .subtitle {
  text-align: center;
  color: #000000;
  font-size: 20px;
}

.login_register .form_cover .input-form {
  padding: 30px 0px;
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
}

.login_register .form_cover .input-form .input-cover {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  position: relative;
  gap: 10px;
  border: 2px solid #2fc3e5;
  border-radius: 5px;
  padding: 5px 10px;
}

.login_register .form_cover .input-form .input-cover .material-symbols-rounded {
  color: #2fc3e5;
}

.login_register .form_cover .input-form .input-cover .input-field {
  padding: 5px 4px 5px 0px;
  color: #000000;
  border: none;
  font-size: 14px;
  width: 100%;
  font-family: "Montserrat", sans-serif;
}

.login_register .form_cover .input-form .input-cover .toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  background: #ffffff;
}

.login_register .form_cover .input-form .input-other {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 30px;
}

.login_register .form_cover .input-form .input-other .remember_user {
  width: 50%;
}

.login_register .form_cover .input-form .input-other label {
  position: relative;
  padding-left: 30px;
  display: block;
  cursor: pointer;
}

.login_register .form_cover .input-form .input-other label input {
  display: none;
}

.login_register .form_cover .input-form .input-other label p {
  color: #2fc3e5;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

.login_register .form_cover .input-form .input-other label .checkbox {
  position: absolute;
  left: 0;
  top: 0px;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  border: 1px solid #2fc3e5;
}

.login_register .form_cover .input-form .input-other label .checkbox:before {
  width: 4px;
  height: 10px;
  border-bottom: 2px solid #2fc3e5;
  border-right: 2px solid #2fc3e5;
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  transform: rotate(45deg);
  display: none;
}

.login_register
  .form_cover
  .input-form
  .input-other
  label
  input:checked
  ~ .checkbox:before {
  display: block;
}

.login_register .form_cover .input-form .input-other .forgot_password {
  cursor: pointer;
  color: #2fc3e5;
  font-weight: 500;
  text-align: right;
}

.login_register .form_cover .input-form .input-other .forgot_password a {
  color: #2fc3e5;
}

.login_register .form_cover .input-form .input-other.button {
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
}

.login_register .form_cover .input-form .input-other.button .submit {
  width: 200px;
  text-align: center;
  padding: 10px 5px;
  border-radius: 5px;
  cursor: pointer;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;

  background: linear-gradient(
    270deg,
    rgba(78, 175, 255, 1) 0%,
    rgba(93, 243, 255, 1) 100%
  );
  border: none;
  transition: all ease 0.3s;
}

.login_register .form_cover .input-form .input-other.button .submit:hover {
  background: linear-gradient(
    90deg,
    rgba(78, 175, 255, 1) 0%,
    rgba(93, 243, 255, 1) 100%
  );
  transition: all ease 0.3s;
}

.login_register .form_cover .input-form .input-other.button .link {
  text-align: center;
  color: #000000;
}

.login_register .form_cover .input-form .input-other.button .link a {
  cursor: pointer;
  color: #2fc3e5;
  font-weight: 700;
}

.login_register .form_cover .input-form .input-other.button .link a:hover {
  text-decoration: underline;
}

.login_register .form_cover .input-form .input-other.button p.agree {
  font-size: 14px;
  line-height: 1.5;
}

.login_register .form_cover .input-form .input-other.button p.agree a {
  color: #2fc3e5;
}
/*login css*/

.terms_policy {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 20px;
}

.terms_policy .content {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 40px 0px;
}

.terms_policy .content .title {
  display: block;
  position: relative;
  width: 100%;
  font-size: 34px;
  font-weight: 800;
  line-height: 40px;
  margin: 0px 0px 40px 0px;
}

.terms_policy .content .box {
  padding-bottom: 40px;
}

.terms_policy .content .box p {
  line-height: 1.5;
  padding-bottom: 20px;
}

.terms_policy .content .box b {
  font-weight: 700;
  display: block;
  padding-bottom: 10px;
  padding-top: 20px;
  font-size: 18px;
}

.terms_policy .content .box ul {
  list-style-type: disc;
  margin-left: 20px;
  padding-bottom: 20px;
}

.terms_policy .content .box ol {
  list-style-type: decimal;
  margin-left: 20px;
  padding-bottom: 20px;
}

.terms_policy .content .box li {
  padding: 5px 0px;
  line-height: 1.5;
}

.terms_policy .content .box a {
  color: #2fc3e5;
}

.faq > .faqcover .list .box > .answer > div p {
  padding: 10px 0px;
}

.faq > .faqcover .list .box > .answer > div ul {
  list-style-type: disc;
  margin-left: 20px;
  padding: 10px 0px;
}

.faq > .faqcover .list .box > .answer > div ol {
  list-style-type: decimal;
  margin-left: 20px;
  padding: 10px 0px;
}

.faq > .faqcover .list .box > .answer > div li {
  padding: 0px 0px;
}

.faq > .faqcover .list .box > .answer > div p a,
.faq > .faqcover .list .box > .answer > div li a {
  color: #2fc3e5;
}

.popup-module {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
}

.popup-module .popup-content {
  width: 95%;
  max-width: 600px;
  max-height: 95vh;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  padding: 30px 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #000000;
  box-sizing: border-box;
  border-radius: 8px;
  overflow-y: auto;
}

.popup-module .popup-content .title {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
}

.popup-module .popup-content .content {
  font-size: 16px;
  line-height: 1.3;
}

.popup-module .popup-content .content .title {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 15px;
}

.popup-module .popup-content .content .popup-link {
  color: #fcd404;
}

.popup-module .popup-content .redirect_link {
  display: flex;
  gap: 20px;
  align-items: center;
}

.popup-module .popup-content .redirect_link a {
  padding: 10px 20px;
  color: #ffffff;
  background: #2fc3e5;
  min-width: 150px;
  text-align: center;
  cursor: pointer;
  line-height: 1;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
}

.popup-module .popup-content .redirect_link a.viewcart {
  background: #fcd404;
  color: #234354;
}

.popup-module .popup-content .closepopup-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 100%;
  background: #ffffff;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.popup-module .popup-content .closepopup-icon:before {
  content: "";
  position: absolute;
  left: 14px;
  top: 8px;
  height: 15px;
  width: 2px;
  background: #000000;
  border-radius: 15px;
  transform: rotate(45deg);
}

.popup-module .popup-content .closepopup-icon:after {
  content: "";
  position: absolute;
  left: 14px;
  top: 8px;
  height: 15px;
  width: 2px;
  border-radius: 15px;
  background: #000000;
  transform: rotate(-45deg);
}

.action_result_page {
  padding: 80px 10px;
  min-height: 50vh;
}

.action_result_page .cover {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.action_result_page .cover .title {
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 40px;
}

.action_result_page .cover b {
  display: block;
  padding-bottom: 20px;
}

.action_result_page .cover p {
  padding-bottom: 20px;
  line-height: 1.3;
}

.action_result_page .cover p a {
  color: #2fc3e5;
}

.dashboard > .dashcover > .content > .account > .btn > input[type="submit"] {
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 38px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 20px;
  border: solid 1px #2fc3e5;
  color: #2fc3e5;
  font-size: 14px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  cursor: pointer;
}

.dashboard
  > .dashcover
  > .content
  > .account
  > .btn
  > input[type="submit"]:hover {
  background: #2fc3e5;
  color: #ffffff;
}

.dashboard > .dashcover > .content > .account > .form .row > .iti {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  line-height: 38px;
  line-height: 36px;
  padding: 0px 14px;
  background: #ffffff;
  margin-bottom: 0;
}

.iti input,
.iti input[type="text"],
.iti input[type="tel"] {
  border: none;
  width: 100%;
}

.dashboard > .dashcover > .content > .voucher > .search .input-field {
  display: block;
  position: relative;
  width: 100%;
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: solid 1px rgba(0, 0, 0, 0.4);
  border-radius: 4px 0px 0px 4px;
  -webkit-border-radius: 4px 0px 0px 4px;
  padding: 0px 14px;
}

.dashboard > .dashcover > .content > .voucher > .search .submit {
  display: block;
  position: relative;
  white-space: nowrap;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 42px;
  line-height: 42px;
  background: #2fc3e5;
  padding: 0px 14px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
  cursor: pointer;
  border: solid 1px rgba(0, 0, 0, 0.4);
}

.dashboard > .dashcover > .content > .voucher > .search form {
  display: flex;
  width: 100%;
}

.dashboard > .dashcover > .content > .account > .form .row > select {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  line-height: 38px;
  line-height: 36px;
  padding: 0px 14px;
  height: 38px;
}

.dashboard > .dashcover > .content > .account > .form .row {
  height: 60px;
}

.dashboard
  > .dashcover
  > .content
  > .account
  > .shipping
  > .list
  .adbox
  .cta-address {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
}

.dashboard
  > .dashcover
  > .content
  > .account
  > .shipping
  > .list
  .adbox
  .cta-address
  .content {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: rgba(47, 195, 229, 1);
}

.dashboard
  > .dashcover
  > .content
  > .account
  > .shipping
  > .list
  .adbox
  .cta-address
  p {
  padding-bottom: 10px;
  color: #ffffff;
  text-align: center;
}

.dashboard
  > .dashcover
  > .content
  > .account
  > .shipping
  > .list
  .adbox
  .cta-address
  .button {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

.dashboard
  > .dashcover
  > .content
  > .account
  > .shipping
  > .list
  .adbox
  .cta-address
  .button
  input {
  display: block;
  width: 100px;
  padding: 10px 10px;
  background: #ffffff;
  border-radius: 5px;
  text-align: center;
  color: #000000;
  border: none;
  cursor: pointer;
}

.address-popup,
.voucher-popup,
.add_info_form-popup {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}

.address-popup.active,
.voucher-popup.active,
.add_info_form-popup.active {
  top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 100;
  transition: all ease 0.5s;
}

.address-popup .closethis,
.voucher-popup .closethis,
.add_info_form-popup .closethis {
  position: absolute;
  right: 10px;
  top: 20px;
  cursor: pointer;
  z-index: 20;
}

.address-popup .closethis span,
.voucher-popup .closethis span,
.add_info_form-popup .closethis span {
  font-size: 40px;
}

.address-popup > .content,
.voucher-popup > .content,
.add_info_form-popup > .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-height: 95vh;
  overflow-y: auto;
  flex-direction: column;
  max-width: 550px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 10px;
  overflow-x: hidden;
}

.voucher-popup > .content {
  max-width: 750px;
}

.address-popup .content .title,
.voucher-popup .content .title,
.add_info_form-popup .content .title {
  display: block;
  position: relative;
  width: 100%;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  font-weight: 800;
  margin: 0px 0px 26px 0px;
  text-align: left;
}

.address-popup .content form,
.add_info_form-popup .content form,
.voucher-popup .content form {
  width: 100%;
}

.address-popup .content .form,
.add_info_form-popup .content .form,
.voucher-popup .content .form {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  row-gap: 30px;
  padding-bottom: 30px;
}

.address-popup .content .form .row,
.add_info_form-popup .content .form .row,
.voucher-popup .content .form .row {
  width: 49%;
}

.address-popup .content .form .row.full,
.add_info_form-popup .content .form .row.full,
.voucher-popup .content .form .row.full {
  width: 100%;
}

.address-popup .content .form .row > div,
.add_info_form-popup .content .form .row > div,
.voucher-popup .content .form .row > div {
  width: 100%;
  font-size: 14px;
  margin: 0px 0px 8px 0px;
}

.address-popup .content .form .row input,
.add_info_form-popup .content .form .row input,
.voucher-popup .content .form .row input {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  line-height: 38px;
  line-height: 36px;
  padding: 0px 14px;
}

.address-popup .content .form .row select,
.add_info_form-popup .content .form .row select,
.voucher-popup .content .form .row select {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  height: 38px;
  line-height: 36px;
  padding: 0px 14px;
}

.address-popup .content .btn input,
.add_info_form-popup .content .btn input,
.voucher-popup .content .btn input {
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 38px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 20px;
  border: solid 1px #2fc3e5;
  color: #2fc3e5;
  font-size: 14px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  cursor: pointer;
}

.shop > .shopcover > .detail > .ship > .check label > span:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  border-radius: 2px;
  width: 10px;
  height: 10px;
  background: #2fc3e5;
  display: none;
}

.shop
  > .shopcover
  > .detail
  > .ship
  > .check
  label
  > input:checked
  ~ span:before {
  display: block;
}

.contact > .contactcover > .cover > .enquiry > .form .submit {
  display: block;
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 20px;
  background: #79caf3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}

.comingsoon {
  min-height: 100vh;
  padding: 80px 10px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  align-items: center;
}

.comingsoon .logo {
  max-width: 500px;
}

.comingsoon .logo img {
  display: block;
  object-fit: contain;
  width: auto;
  max-width: 100%;
}

.comingsoon .text {
  font-size: 60px;
  font-weight: 600;
  text-transform: uppercase;
  color: #79caf3;
  padding: 30px 0px;
}

.comingsoon .text b {
  color: #fcd404;
}

.comingsoon .links p {
  text-align: center;
  padding-bottom: 20px;
}

.comingsoon .links > div {
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: center;
}

.comingsoon .links > div a {
  color: #234354;
}

.comingsoon .links > div a:hover {
  text-decoration: underline;
}

.product-info {
  width: 100%;
  padding: 0 20px 60px;
  box-sizing: border-box;
}

.product-info .wrapper {
  display: flex;
  width: auto;
  max-width: 1180px;
  margin: 0 auto;
}

.product-info .product-effect {
  width: 40%;
  padding: 50px 30px;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
  background: #01b4dd;
  gap: 50px;
  box-sizing: border-box;
}

.product-info .product-effect .cover {
  display: flex;
  align-items: flex-start;
}

.product-info .product-effect .cover .icon {
  width: 50px;
}

.product-info .product-effect .cover .icon img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.product-info .product-effect .cover .desc {
  width: calc(100% - 100px);
  padding-left: 30px;
  color: #ffffff;
  line-height: 1.3;
}

.product-info .product-effect .cover .desc b {
  font-weight: 600;
}

.product-info .product-detail {
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: stretch;
  border-right: 1px solid #d7d7d7;
}

.product-info .product-detail .row {
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #d7d7d7;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.product-info .product-detail .row:first-child {
  border-top: 1px solid #d7d7d7;
}

.product-info .product-detail .row .category {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  padding: 20px 20px;
  background: #ffffff;
  cursor: pointer;
}

.product-info .product-detail .row .category .icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
}

.product-info .product-detail .row .category .icon > div {
  display: block;
  position: absolute;
  width: 14px;
  height: 2px;
  background: #000000;
  top: calc(50% - 1px);
  left: 0px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
.product-info .product-detail .row .category .icon > span {
  display: block;
  position: absolute;
  width: 2px;
  height: 14px;
  background: #000000;
  top: 0px;
  left: calc(50% - 1px);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.product-info .product-detail .row .category.active .icon span {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.product-info .product-detail .row .content {
  padding: 10px 20px 20px;
  line-height: 1.5;
  display: none;
}

.product-info .product-detail .row .content .report {
  display: flex;
  gap: 20px;
}

.product-info .product-detail .row .content .report .image {
  width: 50%;
  cursor: pointer;
}

.product-info .product-detail .row .content .report .image img {
  display: block;
  object-fit: contain;
  width: auto;
  max-width: 100%;
}

.product-info .product-detail .row .content .fullpdf {
  padding-top: 15px;
}

.product-info .product-detail .row .content .fullpdf a {
  display: block;
  width: 100%;
  padding: 10px 10px;
  border-radius: 4px;
  background: #2fc3e5;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-family: "Made Medium";
  font-size: 16px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all ease 0.3s;
}

.product-info .product-detail .row .content .fullpdf a:hover {
  background: #124759;
  transition: all ease 0.3s;
}

.product-info .product-detail .row .content table.nutritionTable {
  width: 100%;
}

.product-info .product-detail .row .content table.nutritionTable th {
  font-weight: 600;
  padding: 3px 10px;
  text-align: left;
  border: 1px solid #000000;
}

.product-info .product-detail .row .content table.nutritionTable td {
  border: 1px solid #000000;
  text-align: center;
  padding: 3px 10px;
}

.product-info
  .product-detail
  .row
  .content
  table.nutritionTable
  td:first-child {
  text-align: left;
  text-transform: capitalize;
  width: 50%;
}

.customer-service {
  padding: 60px 20px;
}

.customer-service .cover {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.customer-service .cover h1 {
  display: block;
  position: relative;
  width: 100%;
  font-size: 34px;
  font-weight: 800;
  line-height: 40px;
  text-transform: uppercase;
  margin: 0px 0px 20px 0px;
}

.customer-service .cover h2 {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.customer-service .cover .left {
  width: 300px;
  position: relative;
}

.customer-service .cover .left p {
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
}

.customer-service .cover .right {
  width: calc(100% - 330px);
}

.customer-service .cover .left .link,
.customer-service .cover .left a {
  display: block;
  position: relative;
  width: 100%;
  height: 52px;
  line-height: 52px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 14px 0px 14px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #234354;
  font-size: 16px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  margin-bottom: 3px;
}

.customer-service .cover .left .link:hover,
.customer-service .cover .left a:hover {
  background: rgba(0, 0, 0, 0.02);
}

.customer-service .cover .left .link.disabled {
  pointer-events: none;
  background: rgba(0, 0, 0, 0.1);
  color: #ffffff;
}

.customer-service .cover .left .link.active {
  background: #79caf3;
  color: #ffffff;
}

.customer-service .cover .right .service-content {
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  padding: 20px 20px;
  display: none;
  box-sizing: border-box;
}

.customer-service .cover .right .service-content .message-contact {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.customer-service .cover .right .service-content .message-contact .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.customer-service .cover .right .service-content .message-contact .row .number {
  width: 50%;
}

.customer-service
  .cover
  .right
  .service-content
  .message-contact
  .row
  .number
  p {
  padding-bottom: 5px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}

.customer-service
  .cover
  .right
  .service-content
  .message-contact
  .row
  .number
  b {
  font-size: 18px;
}

.customer-service .cover .right .service-content .message-contact .row .call a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #234354;
  font-size: 40px;
}

.customer-service .cover .right .service-content .message-contact .row .msg a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #25d366;
  font-size: 40px;
}

.customer-service .cover .right .service-content .affiliate-form {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  row-gap: 30px;
}

.customer-service .cover .right .service-content .affiliate-form .title {
  font-size: 20px;
  font-weight: bold;
  width: 100%;
}

.customer-service .cover .right .service-content .affiliate-form .subtitle {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
  line-height: 1.3;
}

.customer-service .cover .right .service-content .affiliate-form > p {
  font-size: 14px;
  width: 100%;
}

.customer-service .cover .right .service-content .affiliate-form .input-cover {
  width: 49%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.customer-service
  .cover
  .right
  .service-content
  .affiliate-form
  .input-cover.full {
  width: 100%;
}

.customer-service
  .cover
  .right
  .service-content
  .affiliate-form
  .input-cover
  p {
  font-size: 16px;
}

.customer-service .cover .right .service-content .affiliate-form .input-field {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  line-height: 36px;
  padding: 0px 14px;
}

.customer-service
  .cover
  .right
  .service-content
  .affiliate-form
  select.input-field {
  appearance: none;
  background-image: url("../images/downarrow-black.png");
  background-size: 10px;
  background-position: center right 18px;
  background-repeat: no-repeat;
}

.customer-service .cover .right .service-content .affiliate-form textarea {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  line-height: 36px;
  padding: 0px 14px;
  height: 100px;
  resize: none;
}

.customer-service
  .cover
  .right
  .service-content
  .affiliate-form
  .input-cover
  .social-checkbox {
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  background: #f9f9f9;
  display: flex;
  gap: 2%;
  row-gap: 20px;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.customer-service
  .cover
  .right
  .service-content
  .affiliate-form
  .input-cover
  .social-checkbox
  .checkbox-cover {
  width: 49%;
}

.customer-service
  .cover
  .right
  .service-content
  .affiliate-form
  .input-cover
  .social-checkbox
  label {
  width: 100%;
  position: relative;
  cursor: pointer;
}

.customer-service
  .cover
  .right
  .service-content
  .affiliate-form
  .input-cover
  .social-checkbox
  label
  input {
  display: none;
}

.customer-service
  .cover
  .right
  .service-content
  .affiliate-form
  .input-cover
  .social-checkbox
  label
  .box {
  height: 15px;
  width: 15px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: -2px;
  background: #ffffff;
}

.customer-service
  .cover
  .right
  .service-content
  .affiliate-form
  .input-cover
  .social-checkbox
  label
  .box:before {
  content: "";
  width: 4px;
  height: 9px;
  border-right: 2px solid #2fc3e5;
  border-bottom: 2px solid #2fc3e5;
  transform: rotate(45deg);
  position: absolute;
  left: 5px;
  top: 1px;
  display: none;
}

.customer-service
  .cover
  .right
  .service-content
  .affiliate-form
  .input-cover
  .social-checkbox
  label
  input:checked
  ~ .box:before {
  display: block;
}

.customer-service
  .cover
  .right
  .service-content
  .affiliate-form
  .input-cover
  .social-checkbox
  label
  p {
  padding-left: 25px;
}

.customer-service .cover .right .service-content .affiliate-form .button {
  width: 100%;
  padding-top: 20px;
}

.customer-service .cover .right .service-content .affiliate-form .button input {
  position: relative;
  height: 40px;
  line-height: 38px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 20px;
  border: solid 1px #2fc3e5;
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  cursor: pointer;
  background: #2fc3e5;
  width: 120px;
}

.customer-service .cover .left .mobile-option {
  position: relative;
  width: 100%;
  border: 1px solid #d7d7d7;
  padding: 20px 20px;
  color: #000000;
  border-radius: 5px;
  font-size: 18px;
  background: #ffffff;
  display: none;
  box-sizing: border-box;
}

.customer-service .cover .left .mobile-option span {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}

.topbanner {
  width: 100%;
}

.topbanner .topswiper .swiper-slide {
  min-height: 80vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.topbanner .topswiper .swiper-slide .banner-logo {
  position: absolute;
}

.topbanner .topswiper .swiper-slide .banner-logo.lefttop {
  left: 30px;
  top: 30px;
}

.topbanner .topswiper .swiper-slide .banner-logo.leftbtm {
  left: 30px;
  bottom: 30px;
}

.topbanner .topswiper .swiper-slide .banner-logo.righttop {
  right: 30px;
  top: 30px;
}

.topbanner .topswiper .swiper-slide .banner-logo.rightbtm {
  right: 30px;
  bottom: 30px;
}

.topbanner .topswiper .swiper-slide .banner-logo img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  width: 200px;
}

.topbanner .topswiper .swiper-slide .banner-content {
  position: absolute;
  color: #ffffff;
  display: flex;
  flex-direction: column;
}

.topbanner .topswiper .swiper-slide .banner-content.lefttop {
  top: 30px;
  left: 30px;
  align-items: flex-start;
}

.topbanner .topswiper .swiper-slide .banner-content.leftbtm {
  left: 30px;
  bottom: 30px;
  align-items: flex-start;
}

.topbanner .topswiper .swiper-slide .banner-content.righttop {
  right: 30px;
  top: 30px;
  align-items: flex-end;
  text-align: right;
}

.topbanner .topswiper .swiper-slide .banner-content.rightbtm {
  right: 30px;
  bottom: 30px;
  align-items: flex-end;
  text-align: right;
}

.topbanner .topswiper .swiper-slide .banner-content p {
  padding-bottom: 20px;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 40px;
}

.topbanner .topswiper .swiper-slide .banner-content .buynow {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 24px;
  height: 46px;
  line-height: 46px;

  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 14px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.topbanner .topswiper .swiper-slide .banner-content .buynow.orange {
  background: #fcd404;
  color: #234354;
}

.topbanner .topswiper .swiper-slide .banner-content .buynow.orange:hover {
  background: #79caf3;
}

.topbanner .topswiper .swiper-slide .banner-content .buynow.blue {
  color: #234354;
  background: #79caf3;
}

.topbanner .topswiper .swiper-slide .banner-content .buynow.blue:hover {
  background: #fcd404;
}

.newheader > .headercover > a.logo {
  width: 170px;
}

.whybanner {
  padding-top: 50px;
}

.shop > .shopcover > .detail > .left > .option label {
  width: 100%;
  max-width: 220px;
}

.voucher-popup .content > .voucher {
  display: block;
  position: relative;
  width: 100%;
}
.voucher-popup .content > .voucher > .search {
  display: flex;
  position: relative;
  width: 300px;
  margin: 0px 0px 40px 0px;
}
.voucher-popup .content > .voucher > .search > input {
  display: block;
  position: relative;
  width: 100%;
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: solid 1px rgba(0, 0, 0, 0.4);
  border-radius: 4px 0px 0px 4px;
  -webkit-border-radius: 4px 0px 0px 4px;
  padding: 0px 14px;
}
.voucher-popup .content > .voucher > .search > a {
  display: block;
  position: relative;
  white-space: nowrap;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 42px;
  line-height: 42px;
  background: #2fc3e5;
  padding: 0px 14px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
.voucher-popup .content > .voucher > .empty {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 40px 20px;
  text-align: center;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 0px 0px 20px 0px;
}
.voucher-popup .content > .voucher > .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  width: 100%;
  max-height: 40vh;
  overflow-y: auto;
  row-gap: 20px;
  padding-right: 5px;
  box-sizing: border-box;
}
.voucher-popup .content > .voucher > .list .box {
  display: flex;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: solid 1px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 0px 100px 0px 0px;
}
.voucher-popup .content > .voucher > .list .box:nth-child(even) {
  float: right;
}
.voucher-popup .content > .voucher > .list .box > .image {
  display: block;
  position: relative;
  width: 90px;
  float: left;
  background: rgba(0, 0, 0, 0.08);
  margin: 0px 14px 0px 0px;
}
.voucher-popup .content > .voucher > .list .box > .image span {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 26px;
  font-weight: 700;
  flex-wrap: wrap;
  flex-direction: column;
}

.voucher-popup .content > .voucher > .list .box > .image span p {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
}
.voucher-popup .content > .voucher > .list .box > .content {
  display: block;
  position: relative;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 14px 0px;
  width: calc(100% - 104px);
}
.voucher-popup .content > .voucher > .list .box > .content > .main {
  display: block;
  position: relative;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  margin: 0px 0px 10px 0px;
}
.voucher-popup .content > .voucher > .list .box > .content > .sub {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  margin: 0px 0px 6px 0px;
}
.voucher-popup .content > .voucher > .list .box > .content > .note,
.voucher-popup .content > .voucher > .list .box > .content > .category {
  display: block;
  position: relative;
  width: 100%;
  font-size: 12px;
  opacity: 0.6;
}

.voucher-popup .content > .voucher > .list .box > .content > .category {
  padding-top: 3px;
  opacity: 0.7;
  font-weight: 600;
}

.voucher-popup .content > .voucher > .list .box > .action {
  display: block;
  position: absolute;
  height: 32px;
  top: calc(50% - 16px);
  right: 14px;
}
.voucher-popup .content > .voucher > .list .box > .action > a {
  display: block;
  position: relative;
  height: 32px;
  line-height: 30px;
  border: solid 1px #2fc3e5;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #2fc3e5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0px 14px;
  cursor: pointer;
}
.voucher-popup .content > .voucher > .list .box > .action > span {
  display: block;
  position: relative;
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0px 14px;
}

/* width */
.voucher-popup .content > .voucher > .list::-webkit-scrollbar,
.shop > .shopcover > .detail > .right > .item-list::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.voucher-popup .content > .voucher > .list::-webkit-scrollbar-track,
.shop > .shopcover > .detail > .right > .item-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.voucher-popup .content > .voucher > .list::-webkit-scrollbar-thumb,
.shop > .shopcover > .detail > .right > .item-list::-webkit-scrollbar-thumb {
  background: #2fc3e5;
}

.dashboard > .dashcover > .sidemenu a.inactive {
  background: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  color: #ffffff;
}

.drinking_games {
  width: 100%;
  padding: 0px 10px;
  box-sizing: border-box;
}

.drinking_games .cover {
  padding: 60px 0px 60px;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.drinking_games .cover h1 {
  display: block;
  position: relative;
  width: 100%;
  font-size: 34px;
  font-weight: 800;
  line-height: 40px;
  margin: 0px 0px 20px 0px;
  text-transform: uppercase;
}

.drinking_games .cover .subtitle {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding-bottom: 60px;
}

.drinking_games .cover .list {
  display: flex;
  gap: 2%;
  row-gap: 30px;
  flex-wrap: Wrap;
}

.drinking_games .cover .list .game_cover {
  width: 23.5%;
}

.drinking_games .cover .list .game_cover a {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(
    180deg,
    rgba(78, 175, 255, 1) 0%,
    rgba(93, 243, 255, 1) 100%
  );
}

.drinking_games .cover .list .game_cover a .name {
  color: #ffffff;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
  text-transform: uppercase;
  padding: 20px 20px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.drinking_games .cover .list .game_cover a .name .item {
  font-size: 16px;
  line-height: 26px;
  text-transform: capitalize;
}

.drinking_games .cover .list .game_cover a .name .item b {
  display: block;
}

.drinking_games .cover .list .game_cover a .requirement {
  border-top: 1px solid #ffffff;
  background: linear-gradient(
    90deg,
    rgba(78, 175, 255, 1) 70%,
    rgba(93, 243, 255, 1) 100%
  );
  font-weight: 600;
}

.drinking_games .cover .list .game_cover a .requirement .player {
  padding: 10px 20px;
  border-bottom: 1px solid #ffffff;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ffffff;
}

.drinking_games .cover .game-explain {
  padding-top: 30px;
  line-height: 1.3;
}

.drinking_games .cover .game-explain p {
  line-height: 1.3;
  padding: 5px 0px;
}

.drinking_games .cover .game-explain p a {
  color: #fcd404;
}

.drinking_games .cover .game-explain .game-type {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.drinking_games .cover .game-explain .game-type b {
  width: 200px;
  display: inline-block;
}

.drinking_games .cover .game-explain .game-equip b {
  padding-bottom: 10px;
  display: block;
}

.drinking_games .cover .game-explain ul {
  list-style-type: disc;
  margin-left: 20px;
  padding-bottom: 5px;
}

.drinking_games .cover .game-explain ol {
  list-style-type: decimal;
  margin-left: 20px;
  padding-bottom: 5px;
}

.drinking_games .cover .game-explain li {
  line-height: 1.3;
}

.drinking_games .cover .game-explain li p {
  padding: 0;
}

.drinking_games .cover .game-explain li b {
  display: inline-block;
  padding: 0;
}

.drinking_games .cover .game-explain .game-setup {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.newheader .action .mobile-socials {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  display: none;
}

.newheader .action .mobile-socials a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  transition: all ease 0.3s;
  position: relative;
  float: left;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #79caf3;
  margin: 0px 8px 0px 0px;
}

.newheader .action .mobile-copyright {
  padding: 20px 10px;
  font-size: 12px;
  line-height: 22px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  display: none;
}

.quote > .quotecover > .quoteswiper {
  position: relative;
  float: right;
  width: calc(100% - 360px);
}

.quote > .quotecover > .quoteswiper .swiper-slide {
  width: 100%;
}

.quote > .quotecover > .quoteswiper .swiper-slide .image {
  width: 100%;
  padding-bottom: 10px;
  box-sizing: border-box;
}

.quote > .quotecover > .quoteswiper .swiper-slide .image img {
  display: block;
  object-fit: contain;
  width: auto;
  max-width: 100%;
}

.quote > .quotecover > .quoteswiper .swiper-slide .text {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.home_topbanner {
  padding: 60px 10px 0px;
}

.home_topbanner > .cover {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.home_topbanner > .cover .video {
  width: 54%;
  background: #000000;
  display: flex;
  border-radius: 5px;
  overflow: hidden;
}

.home_topbanner > .cover .video video {
  width: 100%;
}

.home_topbanner > .cover .video iframe {
  width: 100%;
  height: 100%;
}

.home_topbanner > .cover .banner {
  width: calc(47% - 20px);
}

.home_topbanner > .cover .banner .banner-cover {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}

.home_topbanner > .cover .banner > div img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.home_topbanner > .cover .banner .top {
  display: flex;
  align-items: flex-start;
}

.home_topbanner > .cover .banner .btm {
  display: flex;
  align-items: flex-end;
}

.home_topbanner > .cover .title {
  display: none;
  position: relative;
  width: 100%;
  text-align: center;
  margin: 0px 0px 0px 0px;
}
.home_topbanner > .cover .title > h1 {
  display: block;
  position: relative;
  width: 100%;
  font-weight: 800;
  font-size: 44px;
  line-height: 54px;
  color: #234354;
  text-transform: uppercase;
  margin: 0px 0px 8px 0px;
}
.home_topbanner > .cover .title > h1 > span {
  display: block;
  position: relative;
  width: 100%;
  font-size: 32px;
  line-height: 32px;
  margin: 0px 0px 12px 0px;
  font-weight: 600;
}
.home_topbanner > .cover .title > div {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
}
.home_topbanner > .cover .title > div > span {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 6px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #79caf3;
}

.image-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
  display: none;
}

.image-fullscreen .content {
  width: 95%;
  max-width: 500px;
  max-height: 90vh;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
}

.image-fullscreen .content img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.image-fullscreen .content .closeimage {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.image-fullscreen .content .closeimage span {
  font-size: 40px;
}

.dashboard
  > .dashcover
  > .content
  > .orders
  > .list
  .box
  > .fee
  > .action
  .paynow,
.dashboard > .dashcover > .content > .item > .product > .fee > .action .paynow,
.dashboard
  > .dashcover
  > .content
  > .subscription
  > .list
  .box
  > .fee
  > .action
  .paynow {
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 18px;
  font-size: 14px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  margin: 0px 0px 0px 8px;
  border: 1px solid #fcd404;
  color: #234354;
  background: #ffffff;
  cursor: pointer;
  background: #fcd404;
}

.dashboard > .dashcover > .content > .orders > .list .box > .fee > .action form,
.dashboard > .dashcover > .content > .item > .product > .fee > .action form,
.dashboard
  > .dashcover
  > .content
  > .subscription
  > .list
  .box
  > .fee
  > .action
  form {
  display: inline-block;
}

.shop > .shopcover > .detail > .left > .head > .image img,
.checkout .cover .right > .item > .image img,
.dashboard
  > .dashcover
  > .content
  > .orders
  > .list
  .box
  > .detail
  > .image
  img,
.dashboard
  > .dashcover
  > .content
  > .subscription
  > .list
  .box
  > .detail
  > .image
  img,
.dashboard > .dashcover > .content > .item > .product > .detail > .image img,
.dashboard > .dashcover > .content > .voucher > .list .box > .image img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.mobile-list {
  display: none;
}

.factSwiper .swiper-slide {
  width: 100%;
  max-width: 480px;
  padding: 0;
  border-radius: 5px;
  box-sizing: border-box;
  border: solid 4px #79caf3;
  height: auto;
}

.factSwiper .swiper-slide .box {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 20px;
  background-blend-mode: overlay;
  background-color: rgba(0, 0, 0, 0.6);
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.factSwiper .swiper-slide .box b {
  font-size: 28px;
  line-height: 1.3;
  font-weight: 800;
  display: block;
  color: #ffffff;
  position: relative;
}

.factSwiper .swiper-slide .box b:before {
  width: 0;
  height: 5px;
  background: #fcd404;
  position: absolute;
  content: "";
  left: -20px;
  bottom: -10px;
  border-radius: 0 4px 4px 0;
  transition: all ease 0.5s;
}

.factSwiper .swiper-slide .box:hover b:before {
  width: 60%;
}

.factSwiper .swiper-slide .box p {
  font-size: 16px;
  line-height: 28px;
  color: #ffffff;
  height: 100%;
  max-height: 0;
  overflow: hidden;
  transition: all ease 0.5s;
  position: relative;
  padding-top: 20px;
  box-sizing: border-box;
}

.factSwiper .swiper-slide .box:hover p {
  max-height: 200px;
  transition: all ease 0.5s;
}

.moments {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 20px;
}

.moments > .cover {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  max-width: 1180px;
  margin: 0 auto;
  padding: 60px 0px;
}

.moments > .cover .title {
  display: block;
  position: relative;
  width: 100%;
  margin: 0px 0px 60px 0px;
}

.moments > .cover .title > h1 {
  display: block;
  position: relative;
  width: 100%;
  font-size: 34px;
  font-weight: 800;
  line-height: 40px;
  margin: 0px 0px 20px 0px;
  text-transform: uppercase;
}

.moments > .cover .title > h2 {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.moments > .cover .title > h2 b {
  color: #2fc3e5;
}

.moments > .cover .moments-wrapper {
  height: 2000px;
  overflow: hidden;
}

.moments > .cover .moments-wrapper.show {
  height: auto;
  overflow: visible;
}

.moments > .cover .moments-list {
  columns: 3;
  column-gap: 2%;
  position: relative;
  z-index: 1;
}

.moments > .cover .moments-list.review {
  columns: 5;
}

.moments > .cover .moments-list .gallery {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

.moments > .cover .moments-list .gallery img {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  display: block;
  max-height: 100%;
}

.moments > .cover .moments-list .gallery .text {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #ffffff;
  bottom: -100%;
  transition: all ease 0.3s;
  text-align: center;
  padding: 10px 10px;
  box-sizing: border-box;
  line-height: 1.3;
}

.moments > .cover .moments-list.review .gallery .text {
  font-size: 12px;
}

.moments > .cover .moments-list .gallery:hover .text {
  bottom: 0;
  transition: all ease 0.3s;
}

.moments > .cover .showall {
  display: flex;
  justify-content: center;
  padding: 20px 0px;
  align-items: center;
  height: 200px;
  margin-top: -200px;
  z-index: 2;
  position: relative;
  background-image: url("../images/fog-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.moments > .cover .showall span {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 24px;
  height: 46px;
  line-height: 46px;
  color: #234354;
  background: #79caf3;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 14px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  cursor: pointer;
}

.moments > .cover .showall span:hover {
  background: #fcd404;
  color: #ffffff;
}

.mobile-list .ingredients {
  padding-top: 50px;
}

.mobile-list .ingredients .ingredientsSwiper .swiper-slide .box {
  background-size: 80%;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 10px;
  min-height: 170px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: solid 4px #fcd404;
}

.mobile-list .ingredients .ingredientsSwiper .swiper-slide .box b {
  color: #000000;
}

.mobile-list .ingredients .ingredientsSwiper .swiper-slide .box p {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  transition: all ease 0.5s;
}

.mobile-list .ingredients .ingredientsSwiper .swiper-slide .box:hover {
  background-blend-mode: overlay;
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
}

.mobile-list .ingredients .ingredientsSwiper .swiper-slide .box:hover b {
  color: #fcd404;
  padding-bottom: 10px;
  display: block;
}

.mobile-list .ingredients .ingredientsSwiper .swiper-slide .box:hover p {
  max-height: 100px;
  transition: all ease 0.5s;
  font-size: 13px;
  line-height: 1.3;
}

.whatsapp-floating {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #25d366;
  z-index: 9999;
}

.whatsapp-floating a {
  color: #ffffff;
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.whatsapp-floating a i {
  font-size: 40px;
}

.night_out {
  padding: 60px 10px;
}

.night_out .cover {
  max-width: 1180px;
  margin: 0 auto;
}

.night_out .cover h1 {
  display: block;
  position: relative;
  width: 100%;
  font-size: 34px;
  font-weight: 800;
  line-height: 44px;
  margin: 0px 0px 20px 0px;
  text-transform: uppercase;
}

.night_out .cover .subtitle {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding-bottom: 60px;
}

.night_out .latest_post {
  display: flex;
  justify-content: space-between;
  gap: 2%;
  padding-bottom: 40px;
}

.night_out .latest_post .left {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 500px;
  background: #79caf3;
  color: #ffffff;
  padding: 40px 30px;
  width: 49%;
  box-sizing: border-box;
}

.night_out .latest_post .left .text {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 40px;
  text-align: center;
  line-height: 1.5;
}

.night_out .latest_post .left .text b {
  font-weight: 800;
}

.night_out .latest_post .right {
  width: 49%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.night_out .post-cover {
  width: 100%;
}

.night_out .post-cover .post-image {
  aspect-ratio: 16 / 9;
}

.night_out .post-cover .post-image img {
  display: block;
  object-fit: contain;
  width: auto;
  max-width: 100%;
}

.night_out .post-cover .post-image iframe {
  width: 100% !important;
  height: 100%;
}

.night_out .post-cover .post-detail {
  color: #000000;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 14px;
  font-weight: 500;
  padding-top: 20px;
}

.night_out .post-cover .post-detail .title {
  font-weight: 700;
}

.night_out .others_post {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2%;
  row-gap: 40px;
}

.night_out .others_post .post-cover {
  width: 49%;
}

.night_out .others_post .post-cover .post-image {
  aspect-ratio: 16 / 9;
}

.night_out .post-pagination {
  width: 100%;
  padding: 50px 10px 0px;
}

.night_out .post-pagination ul {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.night_out .post-pagination ul li a {
  display: flex;
  min-width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  border: 1px solid #000000;
  border-radius: 4px;
  color: #000000;
}

.night_out .post-pagination ul li.active a,
.night_out .post-pagination ul li a:hover {
  background: #234354;
  color: #ffffff;
  border: 1px solid #234354;
}

.night_out .post-pagination ul li:first-child a,
.night_out .post-pagination ul li:last-child a {
  padding: 0px 10px;
}

.contact > .contactcover > .cover > .title.watchparty_title {
  margin-bottom: 10px;
}

.contact > .contactcover > .cover > .title.watchparty_title > h2 {
  font-size: 20px;
  line-height: 1.5;
  padding-bottom: 20px;
}

.contact > .contactcover > .cover > .title.watchparty_title p {
  line-height: 1.5;
  padding-bottom: 15px;
}

.contact > .contactcover > .cover > .title.watchparty_title p a {
  color: #2fc3e5;
}

.contact > .contactcover > .cover > .title.watchparty_title .banner img {
  width: 100%;
  display: block;
  object-fit: contain;
}

.contact > .contactcover > .cover > .enquiry > .form .inputbox.full {
  width: 100%;
  float: none;
}

.shop_promotion_section {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 20px 40px;
}

.shop_promotion_section > .cover {
  display: block;
  position: relative;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  background: #ffffff;
}

.shop_promotion_section > .cover .banner {
  width: 100%;
  display: flex;
}

.shop_promotion_section > .cover .banner img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.shop_promotion_section > .cover .detail {
  width: 100%;
  padding: 20px 20px;
  line-height: 1.5;
  box-sizing: border-box;
}

.shop_promotion_section > .cover .detail a {
  color: #2fc3e5;
}

.shop_promotion_section > .cover .detail span {
  display: block;
  font-size: 20px;
  font-weight: 600;
}

.eurocup_badge {
  position: fixed;
  left: 20px;
  bottom: 20px;
  width: 80px;
  z-index: 999;
}

.eurocup_badge a {
  display: block;
  cursor: pointer;
}

.eurocup_badge img {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.eurocup_badge svg {
  position: absolute;
  top: -15px;
  left: -2px;
}

.eurocup_badge path {
  fill: transparent;
}

.eurocup_badge text {
  fill: #2fc3e5;
  font-size: 55px;
  font-weight: 700;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

.eurocup_promo_banner {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.eurocup_promo_banner div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 700px;
  max-height: 90vh;
}

.eurocup_promo_banner img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}

.eurocup_promo_banner div span {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 30px;
  background: #ffffff;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  cursor: pointer;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.ourpartners {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 20px;
}
.ourpartners > .cover {
  display: block;
  position: relative;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 60px 0px;
}
.ourpartners > .cover > .title {
  display: block;
  position: relative;
  width: 100%;
  font-size: 44px;
  line-height: 54px;
  margin: 0px 0px 40px 0px;
  text-align: center;
  font-weight: 700;
  color: #0f4759;
  text-transform: uppercase;
}

.ourpartners > .cover > .subtitle {
  text-align: center;
  font-size: 20px;
  color: #0f4759;
  line-height: 1.5;
  max-width: 700px;
  margin: 0 auto;
  font-weight: 500;
}

.ourpartners > .cover .partner-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  padding-top: 20px;
}

.ourpartners > .cover .partner-logo div {
  width: 150px;
  display: flex;
  justify-content: center;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  height: 150px;
}

.ourpartners > .cover .partner-logo div img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.daily_banner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.daily_banner .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 95vw;
  max-height: 95vh;
}

.daily_banner .content img {
  display: block;
  object-fit: contain;
  width: auto;
  max-width: 100vw;
  max-height: 90vh;
}

.daily_banner .content .fb_giveaway {
  overflow: hidden;
  overflow-y: auto;
}

.daily_banner .content .close_daily {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 10;
  cursor: pointer;
  background: #234354;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.daily_banner .content .close_daily span {
  font-size: 20px;
  color: #ffffff;
  text-align: center;
}

.store_locator {
  padding: 60px 10px;
}

.store_locator .cover {
  max-width: 1180px;
  margin: 0 auto;
}

.store_locator .cover h1 {
  display: block;
  position: relative;
  width: 100%;
  font-size: 34px;
  font-weight: 800;
  line-height: 44px;
  margin: 0px 0px 20px 0px;
  text-transform: uppercase;
}

.store_locator .cover .subtitle {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding-bottom: 60px;
}

.store_locator .store_cover {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.store_locator .store_cover #sidebar {
  width: 100%;
  box-sizing: border-box;
  padding-right: 5px;
}

.store_locator .store_cover #sidebar .store-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  row-gap: 20px;
  box-sizing: border-box;
}

.store_locator .store_cover #sidebar .store-list .store {
  padding: 20px 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0.5px 0.5px 0.6px rgba(0, 0, 0, 0.06),
    4px 4px 12px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  transition: all ease 0.3s;
  background: #ffffff;
  width: 49%;
  box-sizing: border-box;
}

.store_locator .store_cover #sidebar .store-list .store:hover {
  background: #234354;
  color: #ffffff;
  transition: all ease 0.3s;
}

.store_locator .store_cover #sidebar .title {
  font-weight: 600;
  font-size: 30px;
  padding-bottom: 20px;
}

.store_locator .store_cover #sidebar .storelist_name {
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 20px;
}

.store_locator .store_cover #sidebar .storelist_image {
  padding-bottom: 20px;
}

.store_locator .store_cover #sidebar .storelist_image img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.store_locator .store_cover #sidebar .storelist_address {
  padding-bottom: 20px;
  line-height: 1.3;
  font-size: 14px;
  font-weight: 500;
}

.store_locator .store_cover #sidebar .storelist_purchase {
  padding-bottom: 20px;
  font-size: 14px;
}

.store_locator .store_cover #sidebar .storelist_purchase b {
  font-weight: 700;
}

.store_locator .store_cover #sidebar .storelist_hour {
  padding-bottom: 20px;
  font-size: 14px;
}

.store_locator .store_cover #sidebar .storelist_hour b {
  font-weight: 700;
}

.store_locator .store_cover #sidebar .storelist_hour ul {
  list-style-type: none;
  padding-top: 5px;
}

.store_locator .store_cover #sidebar .storelist_hour ul li {
  font-size: 12px;
  margin: 3px 0px;
  display: flex;
  justify-content: space-between;
}

.store_locator .store_cover #map {
  width: calc(100% - 300px);
  height: 600px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0.5px 0.5px 0.6px rgba(0, 0, 0, 0.06),
    4px 4px 12px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  box-sizing: border-box;
}

.store_locator button {
  background: #fcd404;
  color: #234354;
  border: none;
  padding: 10px;
  cursor: pointer;
  font-weight: 700;
  border-radius: 5px;
}

.map_location {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.map_location .name {
  font-size: 16px;
  font-weight: 700;
}

.map_location .address,
.map_location .hour {
  display: flex;

  gap: 5px;
  font-weight: 500;
  max-width: 300px;
}

.map_location .hour ul {
  list-style-type: none;
}

.map_location .hour ul li {
  font-size: 12px;
  margin: 0px 0px 6px 0px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.newheader > .headercover > .action > .other .store > a {
  background: #79caf3;
  color: #234354;
}

.shop_allproduct .wedding_gift {
  border-radius: 4px;
  padding: 30px;
  overflow: hidden;
  position: relative;
}

.shop_allproduct .wedding_gift .title {
  color: #ffffff;
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  text-transform: uppercase;
  font-family: "Made Bold";
  font-weight: 700;
  padding-bottom: 20px;
}

.shop_allproduct .wedding_gift p {
  color: #ffffff;
  line-height: 1.5;
  max-width: 400px;
  font-weight: 300;
  padding-bottom: 40px;
}

.shop_allproduct .wedding_gift .bg1 {
  background: #eeca98;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}

.shop_allproduct .wedding_gift .bg2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.11;
  background: #ff2f2f;
  mix-blend-mode: darken;
  z-index: -1;
}

.shop_allproduct .wedding_gift .bgimg {
  background-image: url(../images/party8_wedding.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.shop_allproduct .wedding_gift .button {
  background: #ffffff;
  padding: 20px;
  display: block;
  width: 150px;
  text-transform: uppercase;
  color: #154759;
  font-family: "Made Medium";
  font-size: 16px;
  letter-spacing: 0.64px;
  text-align: center;
  border-radius: 4px;
}

.shop_allproduct .other_product_list {
  padding-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  row-gap: 40px;
}

.shop_allproduct .other_product_list .box {
  width: 23.5%;
  box-sizing: border-box;
  background: #ffffff;
  padding: 5px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}

.shop_allproduct .other_product_list .box.full {
  width: 100%;
}

.shop_allproduct .other_product_list .box .newproduct {
  position: absolute;
  border-radius: 0px 4px 4px 0px;
  background: #fbd406;
  padding: 5px 10px;
  color: #154759;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  left: 0;
  top: 20px;
  box-sizing: border-box;
  z-index: 2;
}

.shop_allproduct .other_product_list .box .product_img {
  width: 100%;
  border-radius: 4px;
}

.shop_allproduct .other_product_list .box .product_img img {
  width: 100%;
  display: block;
  object-fit: contain;
}

.shop_allproduct .other_product_list .box .product_detail {
  padding: 10px 0px 0px;
}

.shop_allproduct .other_product_list .box .product_detail .product_name {
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  color: #124759;
  height: 46px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.shop_allproduct .other_product_list .box .product_detail .product_name p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}

.shop_allproduct .other_product_list .box .product_detail .product_price {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding-bottom: 20px;
}

.shop_allproduct .other_product_list .box .product_detail .product_price span {
  font-size: 16px;
  line-height: 1.3;
}

.shop_allproduct
  .other_product_list
  .box
  .product_detail
  .product_price
  .ori_price {
  color: #a9b1b3;
  text-decoration: line-through;
}

.shop_allproduct
  .other_product_list
  .box
  .product_detail
  .product_price
  .cur_price {
  color: #124759;
}

.shop_allproduct .other_product_list .box .product_detail .product_link {
  display: flex;
  justify-content: space-between;
  gap: 2%;
  width: 100%;
}

.shop_allproduct .other_product_list .box .product_detail .product_link a {
  padding: 10px;
  border-radius: 4px;
  text-align: center;
  width: 49%;
  color: #ffffff;
  font-family: "Made Regular";
  font-weight: 500;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 200px;
}

.shop_allproduct .other_product_list .box .product_detail .product_link a span {
  font-size: 20px;
  line-height: 0;
}

.shop_allproduct
  .other_product_list
  .box
  .product_detail
  .product_link
  a.viewmore {
  background: #154759;
}

.shop_allproduct
  .other_product_list
  .box
  .product_detail
  .product_link
  a.addcart {
  background: #2fc3e5;
  cursor: pointer;
}

.shop .shopcover h1 {
  display: block;
  position: relative;
  width: 100%;
  font-size: 34px;
  font-weight: 800;
  line-height: 44px;
  margin: 0px 0px 20px 0px;
  text-transform: uppercase;
}

.shop .shopcover .subtitle {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding-bottom: 60px;
}

.product_purchase_wrapper {
  display: flex;
  position: relative;
  max-width: 1220px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 40px 20px;
  justify-content: space-between;
  gap: 10px;
}

.product_purchase_wrapper .product_img_slider {
  width: 520px;
  height: 520px;
  background: #ffffff;
}

.product_purchase_wrapper .product_img_slider img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.product_purchase_wrapper .product_addtocart {
  width: calc(100% - 520px);
  height: 520px;
  padding: 15px 20px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
  color: #124759;
  background: #ffffff;
}

.product_purchase_wrapper .product_addtocart .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  font-family: "Made Medium";
}

.product_purchase_wrapper .product_addtocart .desc {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 20px;
}

.product_purchase_wrapper .product_addtocart .desc .pricerange {
  font-weight: 700;
  color: #2fc3e5;
  font-size: 30px;
  padding-top: 10px;
}

.product_purchase_wrapper .product_addtocart .plan,
.product_purchase_wrapper .product_addtocart .flavor {
  padding-bottom: 20px;
}

.product_purchase_wrapper .product_addtocart .plan b,
.product_purchase_wrapper .product_addtocart .flavor b {
  font-weight: 700;
  line-height: 20px;
  font-size: 16px;
  display: block;
  padding-bottom: 10px;
}

.product_purchase_wrapper .product_addtocart .option {
  display: flex;
  gap: 10px;
}

.product_purchase_wrapper .product_addtocart .option label {
  cursor: pointer;
}

.product_purchase_wrapper .product_addtocart .option label input {
  display: none;
}

.product_purchase_wrapper .product_addtocart .option label .text {
  border-radius: 4px;
  background: #f2f2f2;
  padding: 10px 15px;
}

.product_purchase_wrapper .product_addtocart .option label .text div {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}

.product_purchase_wrapper .product_addtocart .option label .text span {
  display: block;
  font-size: 14px;
  line-height: 22px;
}

.product_purchase_wrapper
  .product_addtocart
  .option
  label
  input:checked
  + .text {
  background: #124759;
}

.product_purchase_wrapper
  .product_addtocart
  .option
  label
  input:checked
  + .text
  div,
.product_purchase_wrapper
  .product_addtocart
  .option
  label
  input:checked
  + .text
  span {
  color: #ffffff;
}

.product_purchase_wrapper .product_addtocart .amount {
  padding-bottom: 20px;
}

.product_purchase_wrapper .product_addtocart .amount .amountcover {
  display: flex;
  gap: 5px;
  align-items: center;
}

.product_purchase_wrapper .product_addtocart .amount .amountcover span {
  width: 34px;
  height: 34px;
  border-radius: 4px;
  background: #124759;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
}

.product_purchase_wrapper .product_addtocart .amount .amountcover input {
  height: 34px;
  width: 80px;
  border-radius: 4px;
  border: 1px solid #124759;
  background: #fff;
  color: #124759;
  text-align: center;
  box-sizing: border-box;
}

.product_purchase_wrapper .product_addtocart a.addtocart {
  display: block;
  width: 100%;
  padding: 15px 10px;
  border-radius: 4px;
  background: #2fc3e5;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-family: "Made Medium";
  font-size: 20px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all ease 0.3s;
}

.product_purchase_wrapper .product_addtocart a.addtocart:hover {
  background: #fcd404;
  color: #234354;
  transition: all ease 0.3s;
}

.singlepSwiper .swiper-pagination-bullet {
  background: #ffffff;
  opacity: 1;
  border: 1px solid #234354;
}
.singlepSwiper .swiper-pagination-bullet-active {
  background: #234354;
}

.checkout {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 20px;
}

.checkout .cover {
  display: flex;
  gap: 30px;
  position: relative;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 40px 0px;
}

.checkout .cover .left {
  width: calc(100% - 320px);
  padding: 20px;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
}

.checkout .cover .right {
  width: 100%;
  max-width: 320px;
}

.checkout .cover .left .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 40px;
  padding-bottom: 30px;
}

.checkout .cover .left .cart_list {
  display: flex;
  flex-direction: column;
}

.checkout .cover .left .cart_list .item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px 0px;
  box-sizing: border-box;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}

.checkout .cover .left .cart_list .item .image {
  width: 120px;
}

.checkout .cover .left .cart_list .item .image img {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.checkout .cover .left .cart_list .item .info {
  padding: 5px 0px;
  width: calc(100% - 310px);
}

.checkout .cover .left .cart_list .item .info .name {
  color: #124759;
  font-family: "Made Medium";
  font-size: 20px;
  font-weight: 500;
  line-height: 28px; /* 140% */
  padding-bottom: 10px;
}

.checkout .cover .left .cart_list .item .info p {
  color: #124759;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

.checkout .cover .left .cart_list .item .amount .amountcover {
  display: flex;
  gap: 5px;
  align-items: center;
}

.checkout .cover .left .cart_list .item .amount .amountcover span {
  width: 34px;
  height: 34px;
  border-radius: 4px;
  background: #124759;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
  font-size: 20px;
}

.checkout .cover .left .cart_list .item .amount .amountcover input {
  height: 34px;
  width: 80px;
  border-radius: 4px;
  border: 1px solid #124759;
  background: #fff;
  color: #124759;
  text-align: center;
  box-sizing: border-box;
}

.checkout .cover .left .cart_list .item .remove span {
  color: #fb2626;
  font-size: 30px;
  cursor: pointer;
}

.checkout .cover .right > .voucher {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: solid 1px #e3e3e3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 0px 0px 10px 0px;
  padding: 20px 40px 20px 20px;
  cursor: pointer;
  background: #ffffff;
}
.checkout .cover .right > .voucher > .text {
  display: block;
  position: relative;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  margin: 0px 0px 10px 0px;
}
.checkout .cover .right > .voucher > .selected {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
}
.checkout .cover .right > .voucher > span {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  right: 20px;
}
.checkout .cover .right > .voucher > span > i {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 20px;
}
.checkout .cover .right > .sumup {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: solid 1px #e3e3e3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 20px;
  background: #ffffff;
}
.checkout .cover .right > .sumup .row {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0px 0px 10px 0px;
}
.checkout .cover .right > .sumup .row:nth-child(3) {
  margin: 0px 0px 20px 0px;
}
.checkout .cover .right > .sumup .row > div {
  display: block;
  position: relative;
  float: left;
  font-size: 14px;
  line-height: 18px;
}
.checkout .cover .right > .sumup .row > span {
  display: block;
  position: relative;
  float: right;
  font-size: 14px;
  line-height: 18px;
}
.checkout .cover .right > .sumup .total {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 20px 0px 40px 0px;
  border-top: solid 1px rgba(0, 0, 0, 0.2);
}
.checkout .cover .right > .sumup .total > div {
  display: block;
  position: relative;
  float: left;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
.checkout .cover .right > .sumup .total > span {
  display: block;
  position: relative;
  float: right;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
.checkout .cover .right > .sumup > a {
  display: block;
  position: relative;
  width: 100%;
  background: #2fc3e5;
  color: #ffffff;
  font-size: 16px;
  height: 46px;
  line-height: 46px;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}

.wedding-gift {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden;
}

.wedding-gift .cover {
  display: block;
  position: relative;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 30px 20px;
}

.wedding-gift .intro .cover {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.wedding-gift .intro .banner {
  width: 100%;
  display: flex;
  align-items: center;
  background: #ffffff;
  position: relative;
}

.wedding-gift .intro .banner .image {
  width: 50%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 290px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  background-position: center center;
}

.wedding-gift .intro .banner .image img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.wedding-gift .intro .banner .text b {
  color: #124759;
  font-family: "Made Medium";
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding-bottom: 10px;
  display: block;
}

.wedding-gift .intro .banner .text .title {
  text-align: left;
}

.wedding-gift .intro .banner .text .title span {
  color: #fbd406;
}

.wedding-gift .intro .banner .text p {
  color: #124759;

  font-size: 14px;

  font-weight: 500;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.56px;
}

.wedding-gift .intro .banner .text {
  width: 50%;
  padding: 20px 30px;
  position: relative;
}

.wedding-gift .intro .banner.top .text {
  width: 60%;
}

.wedding-gift .intro .banner.top .image {
  background-size: 350px auto;
  background-position: right 50px center;
}

.wedding-gift .intro .banner.btm {
  background: transparent;
}

.wedding-gift .intro .benefits {
  padding: 30px 0px 0px;
  position: relative;
}

.wedding-gift .cover .title {
  text-align: center;
  color: #2fc3e5;
  font-family: "Made Medium";
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  padding-bottom: 30px;
  position: relative;
  z-index: 2;
}

.wedding-gift .cover .title b {
  color: #124759;
  font-family: "Made Medium";
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding-bottom: 10px;
  display: block;
}

.wedding-gift .cover .title span {
  color: #fbd406;
}

.wedding-gift .cover .title p {
  display: block;
  color: #124759;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.56px;
  text-transform: none;
  padding-top: 20px;
}

.wedding-gift .intro .benefits .list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
}

.wedding-gift .intro .benefits .list .box {
  width: 295px;
  padding: 20px 20px 50px;
  border-radius: 20px;
  background: transparent;
  box-sizing: border-box;
  transition: all ease 0.3s;
}

.wedding-gift .intro .benefits .list .box:hover {
  background: #ffffff;
  transition: all ease 0.3s;
}

.wedding-gift .intro .benefits .list .box .icon {
  width: 120px;
  height: 120px;
  margin: 0 auto;
}

.wedding-gift .intro .benefits .list .box .icon img {
  width: 100%;
  display: block;
  object-fit: contain;
  width: auto;
  max-width: 100%;
  transition: all ease 0.3s;
}

.wedding-gift .intro .benefits .list .box:hover .icon img {
  transform: scale(1.3);
  transform-origin: bottom;
  transition: all ease 0.3s;
}

.wedding-gift .intro .benefits .list .box b {
  display: block;
  text-align: center;
  color: #124759;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.72px;
  padding: 20px 0px 10px;
}

.wedding-gift .intro .benefits .list .box p {
  color: #124759;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.56px;
}

.wedding-gift .pricing {
  padding: 30px 0px;
}

.wedding-gift .pricing .package {
  display: flex;
  justify-content: center;
  gap: 40px;
  align-items: flex-start;
  padding-top: 100px;
}

.wedding-gift .pricing img {
  display: block;
  object-fit: contain;
  width: auto;
  max-width: 100%;
}

.wedding-gift .pricing .package .item {
  width: 30%;
  border-radius: 4px;
  border: 2px solid #f3aaaa;
  background: #fff;
}

.wedding-gift .pricing .package .item:hover {
  border: 2px solid #cd3636;
  transition: all ease 0.3s;
}

.wedding-gift .pricing .package .item .icon {
  height: 65px;
  position: relative;
}

.wedding-gift .pricing .package .item .icon span {
  width: 204px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 170px;
  bottom: 0;
  border-radius: 100px 100px 0 0;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.wedding-gift .pricing .package .item .name {
  background: #f3aaaa;
  padding: 20px 10px;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.wedding-gift .pricing .package .item:hover .name {
  background: #cd3636;
  transition: all ease 0.3s;
}

.wedding-gift .pricing .package .item .service {
  padding: 20px 10px;
  min-height: 300px;
}

.wedding-gift .pricing .package .item .service ul {
  list-style-type: disc;
  margin-left: 20px;
}

.wedding-gift .pricing .package .item .service ul li {
  padding-bottom: 20px;
  color: #124759;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.56px;
}

.wedding-gift .pricing .package .item .service ul li:last-child {
  padding-bottom: 0;
}

.wedding-gift .pricing .package .item .price {
  border-top: 2px solid #f3aaaa;
  padding: 20px 10px;
  text-align: center;

  color: #124759;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px; /* 150% */
  letter-spacing: 0.64px;
}

.wedding-gift .pricing .package .item:hover .price {
  border-top: 2px solid #cd3636;
  transition: all ease 0.3s;
}

.wedding-gift .ordercontact {
  padding: 40px 0px;
}

.wedding-gift .ordercontact .email_number {
  display: flex;
  justify-content: center;
  gap: 50px;
  padding-bottom: 50px;
}

.wedding-gift .ordercontact .email_number .box {
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
}

.wedding-gift .ordercontact .email_number .box .icon {
  width: 120px;
  padding-bottom: 10px;
}

.wedding-gift .ordercontact .email_number .box .icon img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.wedding-gift .ordercontact .email_number .box b {
  color: #124759;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.8px;
  display: block;
}

.wedding-gift .ordercontact .email_number .box p {
  color: #124759;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px; /* 150% */
  letter-spacing: 0.64px;
}

.wedding-gift .ordercontact .conclusion {
  border-radius: 4px;
  background: #fff;
  padding: 40px 40px;
  text-align: center;
}

.wedding-gift .ordercontact .conclusion p {
  color: #124759;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.56px;
}

.wedding-gift .intro {
  position: relative;
}

.wedding-gift .pricing {
  position: relative;
}

.wedding-gift .contact {
  position: relative;
}

.wedding-gift .intro .bgflower {
  position: absolute;
}

.wedding-gift .intro #f1 {
  width: 270px;
  transform: rotate(30deg);
  top: 0;
  left: 0;
}

.wedding-gift .intro #f2 {
  width: 230px;
  transform: rotate(30deg);
  top: 0;
  left: 220px;
}

.wedding-gift .intro #f3 {
  width: 200px;
  right: 100px;
  top: -60px;
  transform: rotate(90deg);
}

.wedding-gift .intro #f4 {
  right: -143px;
  bottom: -79px;
  width: 310px;
}

.wedding-gift .intro #f5 {
  left: -51px;
  bottom: -96px;
  transform: rotate(98deg);
  width: 97px;
  z-index: 2;
}

.wedding-gift .intro #f6 {
  left: 50%;
  bottom: -66px;
  width: 91px;
  transform: rotate(-35deg);
}

.wedding-gift .intro #f7 {
  left: -62px;
  bottom: -52px;
  width: 97px;
  z-index: 2;
}

.wedding-gift .intro #f8 {
  right: -51px;
  bottom: -61px;
  width: 97px;
  z-index: 2;
  transform: rotate(-95deg);
}

.wedding-gift .intro #f9 {
  left: -51px;
  top: 0;
  width: 77px;
  z-index: 2;
  transform: rotate(-35deg);
}

.wedding-gift .pricing .bgflower {
  position: absolute;
}

.wedding-gift .pricing #p1 {
  width: 678.851px;
  height: 422.985px;
  transform: rotate(-73.527deg);
  left: 0;
}

.wedding-gift .pricing #p2 {
  width: 484.425px;
  height: 538.591px;
  transform: rotate(-75.147deg);
  right: -200px;
}

.wedding-gift .pricing #p3 {
  width: 99.809px;
  height: 162.889px;
  transform: rotate(162.696deg);
  top: -60px;
  right: 335px;
}

.wedding-gift .pricing #p4 {
  width: 153.354px;
  height: 250.273px;
  transform: rotate(87.868deg);
  flex-shrink: 0;
  bottom: 100px;
  right: 100px;
}

.wedding-gift .pricing #p5 {
  width: 118.996px;
  height: 194.202px;
  transform: rotate(-30.748deg);
  flex-shrink: 0;
  bottom: -50px;
  left: 30%;
}

.wedding-gift .pricing #p6 {
  width: 355.613px;
  height: 276.801px;
  transform: rotate(-45.376deg);
  flex-shrink: 0;
  left: 0;
  bottom: -80px;
}

.wedding-gift .plusicon {
  position: absolute;
}

.wedding-gift #plus1 {
  left: 50%;
  top: 20px;
}

.wedding-gift #plus2 {
  bottom: -29px;
  left: 92px;
}

.wedding-gift #plus3 {
  top: -30px;
  right: 20%;
}

.wedding-gift #plus4 {
  right: 100px;
  top: 30px;
}

.wedding-gift #plus5 {
  top: -40px;
  left: 30%;
}

.wedding-gift #plus6 {
  bottom: -35px;
  right: 20%;
}

.event_details {
  padding: 0px 0px 60px;
}

.event_details .cover {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 10px 0px;
  box-sizing: border-box;
}

.event_details .event_banner {
  width: 100%;
  height: 500px;
  background-size: cover;
  background-position: center bottom;
  position: relative;
}

.event_details .event_banner .title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.5;
  text-transform: uppercase;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  font-family: "Made Bold";
}

.event_details .cover .event_date {
  display: block;
  padding: 50px 20px 20px;
  position: relative;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  overflow: hidden;
  text-align: center;
  font-size: 23px;
  font-weight: 700;
  width: 175px;
  box-sizing: border-box;
  line-height: 1.3;
  background: #234354;
  color: #ffffff;
}

.event_details .cover .event_date:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  height: 30px;
  background: #79caf3;
  content: "Date";
  color: #234354;
}

.event_details .cover .subtitle {
  font-size: 20px;
  line-height: 30px;
  padding: 0px 0px 20px;
}

.event_details .cover .content {
  line-height: 1.5;
  padding-bottom: 30px;
}

.event_details .cover .content a {
  color: #79caf3;
}

.event_details .cover .event_link {
  padding-bottom: 30px;
}

.event_details .cover .event_link a {
  display: inline-block;
  border-radius: 4px;
  padding: 15px 20px;
  font-weight: 600;
  background: #fcd404;
  color: #234354;
  box-sizing: border-box;
}

.event_details .cover .event_link .event_off {
  display: inline-block;
  border-radius: 4px;
  padding: 15px 20px;
  font-weight: 600;
  background: #234354;
  color: #ffffff;
  box-sizing: border-box;
}

.event_details .cover .event_images img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.night_out .post-cover .post-detail .status {
  width: 200px;
  display: block;
  border-radius: 4px;
  padding: 15px 10px;
  text-align: center;
  font-weight: 600;
  box-sizing: border-box;
  margin-top: 10px;
}

.night_out .post-cover .post-detail .status.on {
  background: #fcd404;
  color: #234354;
}

.night_out .post-cover .post-detail .status.off {
  background: #234354;
  color: #ffffff;
}

.shop .detail .ship .subscription_creditcard {
  padding-bottom: 30px;
}

.shop .detail .ship .subscription_creditcard .text {
  display: block;
  position: relative;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  margin: 0px 0px 20px 0px;
}

.shop .detail .ship .subscription_creditcard .card_info {
  padding: 20px 20px;
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 4px;

  display: flex;
  flex-direction: column;
  gap: 20px;
}

.shop .detail .ship .subscription_creditcard .card_info .input-cover {
  width: 100%;
  max-width: 400px;
  position: relative;
}

.shop .detail .ship .subscription_creditcard .card_info .input-cover p {
  font-size: 14px;
  padding-bottom: 5px;
}

.add_info_form-popup .content .form .row {
  position: relative;
}

.add_info_form-popup .content .form .row .error {
  position: absolute;
  top: 100%;
  left: 0px;
  font-size: 12px;
  color: red;
}

.dashboard > .dashcover > .content > .account > .form .row .error {
  position: absolute;
  top: 100%;
  left: 0px;
  font-size: 12px;
  color: red;
}

.shop
  .detail
  .ship
  .subscription_creditcard
  .card_info
  .input-cover
  #error-message {
  position: absolute;
  bottom: -15px;
  left: 0px;
  font-size: 12px;
  color: red;
}

.shop
  .detail
  .ship
  .subscription_creditcard
  .card_info
  .input-cover
  .input-field {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  line-height: 38px;
  line-height: 36px;
  padding: 0px 14px;
}

.checkout .cover .left .empty_cart {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding-top: 30px;
  align-items: center;
}

.checkout .cover .left .empty_cart a.continue {
  color: #0f4759;
  font-weight: 600;
  text-decoration: underline;
  font-size: 14px;
}

.checkout .cover .left .empty_cart a#emptycart {
  display: block;
  position: relative;
  width: 100%;
  max-width: 150px;
  background: #fcd404;
  color: #234354;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  cursor: pointer;
}

.shop > .shopcover > .detail > .right > .sumup .continue_shopping {
  display: flex;
  justify-content: center;
  padding-top: 5px;
}

.shop > .shopcover > .detail > .right > .sumup .continue_shopping a {
  color: #0f4759;
  font-weight: 600;
  text-decoration: underline;
  font-size: 14px;
}

.shop > .shopcover > .detail > .ship > .list .cta-address {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
}

.shop > .shopcover > .detail > .ship > .list .cta-address .content {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: rgba(47, 195, 229, 1);
}

.shop > .shopcover > .detail > .ship > .list .cta-address p {
  padding-bottom: 10px;
  color: #ffffff;
  text-align: center;
}

.shop > .shopcover > .detail > .ship > .list .cta-address .button {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

.shop > .shopcover > .detail > .ship > .list .cta-address .button input {
  display: block;
  width: 100px;
  padding: 10px 10px;
  background: #ffffff;
  border-radius: 5px;
  text-align: center;
  color: #000000;
  border: none;
  cursor: pointer;
}

.newheader > .headercover > .action > .other div.cart > a {
  background: none;
  padding: 0px 10px;
  border: 2px solid #234354;
  box-sizing: border-box;
  color: #234354;
  font-size: 18px;
  text-align: center;
}

.newheader > .headercover > .action > .other div.cart > a span {
  position: absolute;
  right: -6px;
  top: -6px;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background: red;
  text-align: center;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
}

.wedding_gift_request {
  padding: 30px;
  border-radius: 4px;
  background: #ffffff;
  margin-bottom: 50px;
}

.wedding_gift_request .form {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.wedding_gift_request .form .input-cover p {
  padding-bottom: 5px;
  font-size: 14px;
}

.wedding_gift_request .form .input-cover .input-field {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.04);
  border: none;
  line-height: 42px;
  padding: 0px 14px;
  font-family: "Montserrat", sans-serif;
}

.wedding_gift_request .form .input-cover textarea {
  height: 200px;
  resize: none;
}

.wedding_gift_request .form .input-cover select {
  appearance: none;
  background-image: url("../images/downarrow-black.png");
  background-size: 10px;
  background-position: center right 18px;
  background-repeat: no-repeat;
}

.wedding_gift_request .form .input-cover .sub {
  display: block;
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 20px;
  background: #79caf3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}

.swiper.quoteswiper .quoteswiper-button {
  position: absolute;
  top: 75px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  border-radius: 100%;
  opacity: 0;
  z-index: -1;
}

.swiper.quoteswiper .quoteswiper-button.quoteswiper-left {
  left: 0;
}

.swiper.quoteswiper .quoteswiper-button.quoteswiper-right {
  right: 0;
}

.product-extra-desc {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 0 0px 20px;
}

.product-extra-desc .cover {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 40px 20px;
  background: #ffffff;
  line-height: 1.5;
}

.product-extra-desc .cover .title {
  font-weight: 700;
  padding-bottom: 10px;
  font-size: 18px;
}

.product-extra-desc .cover ul {
  list-style: disc;
  margin-left: 20px;
}

.product-extra-desc .cover ol {
  list-style: decimal;
  margin-left: 20px;
}

.product-extra-desc .cover ul li,
.product-extra-desc .cover ol li {
  margin: 5px 0px;
}

.product-extra-desc .cover ul li b,
.product-extra-desc .cover ol li b {
  font-weight: 700;
}

.product-extra-desc .cover ol li b {
  display: block;
}

.product-extra-desc .cover ol li b i {
  font-style: italic;
  font-weight: 500;
}

.widgetbottom > .widgetcover > .left > .company > span > span p {
  color: #ffffff;
}

.widgetbottom a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}

.factsbanner > .bannercover > .list .col > .image .ibox p {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
  line-height: 1;
  text-align: center;
  font-weight: 700;
}

.factsbanner.vitaminstickbanner
  > .bannercover
  > .list
  .col:nth-child(odd)
  > .box
  > .d,
.factsbanner.vitaminstickbanner
  > .bannercover
  > .list
  .col:nth-child(even)
  > .box
  > .d {
  padding: 0 0;
}

.factsbanner.vitaminstickbanner
  > .bannercover
  > .list
  .col
  > .box
  > .for
  > span {
  font-size: 14px;
  line-height: 1.3;
}
.factsbanner.vitaminstickbanner
  > .bannercover
  > .list
  .col
  > .box
  > .for
  > span
  > b {
  font-size: 16px;
  font-weight: 700;
}

.homebanner-swiper .swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 15px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 15px)
  );
  display: inline-block;
  opacity: 1;
  background: #f5f5f5;
  border: 1px solid #234354;
}

.homebanner-swiper .swiper-pagination-bullet-active {
  background: #fcd404;
}

.vitaminstick {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 20px;
  background: #f0f1f3;
}

.vitaminstick .cover {
  display: block;
  position: relative;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 60px 0px;
}

.vitaminstick .cover .title {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  margin: 0px 0px 40px 0px;
}
.vitaminstick .cover .title > h1 {
  display: block;
  position: relative;
  width: 100%;
  font-weight: 800;
  font-size: 44px;
  line-height: 54px;
  color: #234354;
  text-transform: uppercase;
  margin: 0px 0px 8px 0px;
}
.vitaminstick .cover .title > h1 > span {
  display: block;
  position: relative;
  width: 100%;
  font-size: 32px;
  line-height: 32px;
  font-weight: 600;
  margin: 0px 0px 12px 0px;
}
.vitaminstick .cover .title > div {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
}
.vitaminstick .cover .title > div > span {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 6px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #fcd404;
}

.vitaminstick .vitaminstick_content {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  row-gap: 50px;
  align-items: flex-start;
  width: 100%;
}

.vitaminstick .vitaminstick_content .image_banner {
  width: 423px;
}

.vitaminstick .vitaminstick_content .image_banner img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.vitaminstick .vitaminstick_content .product_benefits {
  width: calc(100% - 500px);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2%;
  row-gap: 30px;
  box-sizing: border-box;
  align-items: flex-start;
}

.vitaminstick .vitaminstick_content .product_benefits .box {
  width: 49%;
  padding: 20px;
  border-radius: 2px;
  border-left: 4px solid #2fc3e5;
  background: #ffffff;
  box-sizing: border-box;
  cursor: pointer;
}

.vitaminstick .vitaminstick_content .product_benefits .box.select,
.vitaminstick .vitaminstick_content .product_benefits .box:hover {
  border-left: 4px solid #fbd406;
}

.vitaminstick .vitaminstick_content .product_benefits .box .main {
  color: #124759;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.72px;
  text-transform: uppercase;
  width: 100%;
}

.vitaminstick .vitaminstick_content .product_benefits .box .desc {
  display: none;
}

.vitaminstick .vitaminstick_content .product_benefits .box .desc p {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.56px;
  padding-top: 20px;
}

.event_images .moments-wrapper {
  height: 2000px;
  overflow: hidden;
}

.event_images .moments-wrapper.show {
  height: auto;
  overflow: visible;
}

.event_images .moments-list {
  columns: 3;
  column-gap: 2%;
  position: relative;
  z-index: 1;
}

.event_images .moments-list .gallery {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

.event_images .moments-list .gallery img {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  display: block;
  max-height: 100%;
}

.event_images .moments-list .gallery .text {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #ffffff;
  bottom: -100%;
  transition: all ease 0.3s;
  text-align: center;
  padding: 10px 10px;
  box-sizing: border-box;
}

.event_images .moments-list .gallery:hover .text {
  bottom: 0;
  transition: all ease 0.3s;
}

.event_images .showall {
  display: flex;
  justify-content: center;
  padding: 20px 0px;
  align-items: center;
  height: 200px;
  margin-top: -200px;
  z-index: 2;
  position: relative;
  background-image: url("../images/fog-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.event_images .showall span {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 24px;
  height: 46px;
  line-height: 46px;
  color: #234354;
  background: #79caf3;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 14px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  cursor: pointer;
}

.event_images .showall span:hover {
  background: #fcd404;
  color: #ffffff;
}

.event_images .title {
  display: block;
  position: relative;
  width: 100%;
  font-size: 34px;
  font-weight: 800;
  line-height: 40px;
  padding: 30px 0px;
  text-transform: uppercase;
}

.event_details .event_details_wrap {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: flex-start;
  padding-top: 30px;
}

.event_details .event_details_wrap .banner {
  width: 400px;
}

.event_details .event_details_wrap .banner img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.event_details .event_details_wrap .info {
  width: calc(100% - 430px);
}

.video-wrapper {
  width: 100%;
  padding-top: 20px;
}

.video-wrapper .video-row {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 10px;
  box-sizing: border-box;
}

.video-wrapper .video-row .list {
  padding-bottom: 50px;
}

.video-wrapper .video-row .list .video-category-title {
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 10px;
}

.video-wrapper .video-row .list .slider {
  width: 100%;
}

.video-wrapper .video-row .list .slider .video-swiper {
  position: relative;
  padding-top: 30px;
}

.video-swiper .swiper-slide .video-click a {
  width: 100%;
  color: #000000;
}

.video-swiper .swiper-slide .video-click a img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.video-swiper .swiper-slide .video-click a .thumbnail {
  width: 100%;
  border-radius: 4px;
  padding-bottom: 10px;
}

.video-swiper .swiper-slide .video-click a .title {
  padding: 0px 0px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 42px;
}

.video-swiper .swiper-slide .video-click a .date {
  font-size: 14px;
  padding-bottom: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  padding-top: 10px;
}

.video-swiper .swiper-slide .video-click a .tag {
  display: flex;
  align-items: center;
  gap: 10px;
}

.video-swiper .swiper-slide .video-click a .tag span {
  display: block;
  padding: 5px 10px;
  border-radius: 40px;
  background: #234354;
  color: #ffffff;
  font-size: 14px;
}

.swiper-navigationbutton {
  position: absolute;
  width: 50px;
  top: 0;
  right: 0;
  height: 20px;
  display: flex;
  justify-content: space-between;
}

.swiper-navigationbutton .video-button-prev,
.swiper-navigationbutton .video-button-next {
  width: 20px;
  height: 20px;
  border: 1px solid #234354;
  right: initial;
  left: initial;
  position: relative;
  margin: 0 0;
  top: initial;
  bottom: initial;
  cursor: pointer;
}

.swiper-navigationbutton .video-button-prev:before {
  position: absolute;
  content: "";
  left: 8px;
  top: 7px;
  transform: rotate(44deg);
  width: 5px;
  height: 5px;
  border-left: 2px solid #234354;
  border-bottom: 2px solid #234354;
}

.swiper-navigationbutton .video-button-prev:hover:before {
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.swiper-navigationbutton .video-button-next:before {
  position: absolute;
  content: "";
  right: 8px;
  top: 7px;
  transform: rotate(-44deg);
  width: 5px;
  height: 5px;
  border-right: 2px solid #234354;
  border-bottom: 2px solid #234354;
}

.swiper-navigationbutton .video-button-next:hover,
.swiper-navigationbutton .video-button-prev:hover {
  background: #234354;
}

.swiper-navigationbutton .video-button-next:hover:before {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.swiper-navigationbutton .video-button-next.swiper-button-disabled,
.swiper-navigationbutton .video-button-prev.swiper-button-disabled {
  border: 1px solid #e3e3e3;
  background: #e3e3e3;
}

.swiper-navigationbutton .video-button-prev.swiper-button-disabled:before {
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.swiper-navigationbutton .video-button-next.swiper-button-disabled:before {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.video-wrapper .featured-video {
  display: flex;
  gap: 10px;
  max-width: 1200px;
  padding: 50px 10px;
  box-sizing: border-box;
  margin: 0 auto;
}

.video-wrapper .featured-video .featured_leftSwiper {
  width: 100%;
  max-width: 400px;
  height: 500px;
  border-radius: 10px;
}
.video-wrapper .featured-video .featured_rightSwiper {
  width: calc(100% - 400px);
  border-radius: 10px;
  height: 500px;
}

.video-wrapper .featured-video .featured_rightSwiper img {
  width: 100%;
  display: block;
  height: 100%;
  object-fit: cover;
}

.video-wrapper .featured-video .featured_leftSwiper .swiper-slide {
  background: #234354;
}

.video-wrapper .featured-video .featured_leftSwiper .video-info {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  color: #ffffff;
  gap: 20px;
  padding: 30px;
  box-sizing: border-box;
}

.video-wrapper .featured-video .featured_leftSwiper .video-info .video_title {
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
  padding-bottom: 50px;
}

.video-wrapper .featured-video .featured_leftSwiper .video-info .video_tag {
  display: flex;
  gap: 20px;
  font-size: 16px;
  align-items: center;
}

.video-wrapper
  .featured-video
  .featured_leftSwiper
  .video-info
  .video_tag
  .tag {
  display: block;
  padding: 3px 10px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.5);
}

.video-wrapper .featured-video .featured_leftSwiper .video-info .linktovideo {
  padding-top: 10px;
}

.video-wrapper .featured-video .featured_leftSwiper .video-info .linktovideo a {
  padding: 10px 20px;
  border-radius: 50px;
  background: #fcd404;
  color: #234354;
  font-weight: 700;
  text-transform: uppercase;
}

.video-wrapper .embed-video {
  width: 100%;
  max-width: 1200px;
  padding: 50px 10px 0px;
  box-sizing: border-box;
  margin: 0 auto;
}

.video-wrapper .embed-video .iframecover {
  display: block;
  position: relative;
  width: 100%;
  line-height: 0px;
  overflow: hidden;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  width: auto;
  max-width: 100%;
  height: 56.25vw;
  max-height: calc(100vh - 250px);

  aspect-ratio: 16 / 9;
  margin: 0 auto;
  box-sizing: border-box;
}

.video-wrapper .embed-video .iframecover iframe {
  display: block;
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
}

.video-wrapper .embed-video .title {
  font-weight: 700;
  font-size: 25px;
  padding-bottom: 10px;
  padding-top: 20px;
}

.video-wrapper .embed-video .tag {
  display: flex;
  align-items: center;
  gap: 10px;
}

.video-wrapper .featured-video-banner {
  width: 100%;
  max-width: 1200px;
  padding: 0px 10px 0px;
  box-sizing: border-box;
  margin: 0 auto;
}

.videobannerSwiper img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.videobannerSwiper .imagebanner {
  width: 600px;
  height: 100%;
  max-height: calc(100vh - 104px);
}

.video-wrapper .embed-video .tag span {
  display: block;
  padding: 5px 10px;
  border-radius: 40px;
  background: #234354;
  color: #ffffff;
  font-size: 14px;
}

.video-wrapper .features-video-category {
  width: 100%;
  max-width: 1200px;
  padding: 0px 10px 0px;
  box-sizing: border-box;
  position: relative;
  margin: 0 auto;
}

.video-wrapper .features-video-category .main {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  height: 600px;
  box-sizing: border-box;
}

.video-wrapper .features-video-category .main .thumbnail {
  width: 100%;
  height: 100%;
  position: relative;
}

.video-wrapper .features-video-category .main .thumbnail img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.video-wrapper .features-video-category .main .title {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px 20px 20px 20px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

.video-wrapper .features-video-category .main .title p {
  font-size: 32px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.3;
  padding-bottom: 20px;
  width: 100%;
  position: Relative;
}

.video-wrapper .features-video-category .main .title a {
  color: #000000;
  background: #fbd406;
  border-radius: 8px;
  padding: 10px 20px;
  display: flex;
  gap: 10px;
  align-items: center;
  width: 130px;
  justify-content: center;
  position: Relative;
}

.video-wrapper .features-video-category .main .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 30%,
    rgba(0, 0, 0, 1) 100%
  );
}

.video-wrapper .features-video-category .sub {
  position: absolute;
  right: 10px;
  width: 350px;
  height: 100%;
  top: 0;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.video-wrapper .features-video-category .sub .video {
  height: 183px;
  border-radius: 8px;
  overflow: hidden;
  border: 3px solid rgba(255, 255, 255, 0.7);
  width: 100%;
  cursor: pointer;
}

.video-wrapper .features-video-category .sub .video:hover {
  border: 3px solid #fcd404;
}

.video-wrapper .features-video-category .sub .video img {
  width: auto;
  max-width: 100%;
  object-fit: cover;
  display: block;
}

.video-wrapper .features-video-category .sub .video .hiddentitle,
.video-wrapper .features-video-category .sub .video a {
  display: none;
}

.daily_subscribe {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.daily_subscribe .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  max-width: 400px;
  max-height: 95vh;
  overflow: auto;
  border-radius: 8px;
  border: 3px solid #fcd404;
  padding: 40px 10px 20px;
  box-sizing: border-box;
  background: #ffffff;
}

.daily_subscribe .content .title {
  text-align: center;
  font-size: 25px;
  font-weight: 600;
  padding-bottom: 10px;
  line-height: 1.3;
}

.daily_subscribe .content .title b {
  color: #fcd404;
}

.daily_subscribe .content .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0px 20px;
}

.daily_subscribe .content .logo img {
  width: auto;
  max-width: 200px;
  display: block;
  object-fit: contain;
}

.daily_subscribe .content .text {
  text-align: center;
  line-height: 1.3;
  padding: 20px 0px 30px;
}

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

.daily_subscribe .content .button a {
  display: flex;
  padding: 10px 30px;
  border-radius: 10px;
  background: #234354;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  gap: 10px;
  align-items: center;
  font-size: 20px;
}

.daily_subscribe .content .button a:hover {
  background: #fcd404;
  color: #234354;
}

.daily_subscribe .content .close_subscribe {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.drinking_games .game-media {
  padding: 0px 0px 30px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: stretch;
}

.drinking_games .game-media:has(div:only-child) > div {
  flex-basis: 100%;
}

.drinking_games .game-media .swiper {
  height: auto;
}

.drinking_games .game-media .image {
  width: 50%;
  border-radius: 8px;
  overflow: hidden;
}

.drinking_games .game-media img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: cover;
}

.drinking_games .game-media .video {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
}

.drinking_games .game-media .video iframe {
  display: block;
  border: 5px solid #234354;
  border-radius: 8px;
  overflow: hidden;
  box-sizing: border-box;
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
}

.drinking_games .game-media .swiper {
  height: 100%;
}

.gamemediaSwiper .swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 15px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 15px)
  );
  display: inline-block;
  opacity: 1;
  background: #f5f5f5;
  border: 1px solid #234354;
}

.gamemediaSwiper .swiper-pagination-bullet-active {
  background: #fcd404;
}

.homebanner-swiper .swiper-slide {
  cursor: pointer;
}

.pdf-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}

.pdf-popup .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  max-width: 600px;

  border-radius: 8px;
  box-sizing: border-box;
}

.pdf-popup .content img {
  display: block;
  object-fit: contain;
  height: 100%;
  width: 100%;
}

.pdf-popup .content .swiper .swiper-slide {
  max-height: 95vh;
  overflow: auto;
}

.pdf-popup .content .close-pdf-popup {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 100%;
  background: #ffffff;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 2;
}

.pdf-popup .content .close-pdf-popup:before {
  content: "";
  position: absolute;
  left: 14px;
  top: 8px;
  height: 15px;
  width: 2px;
  background: #000000;
  border-radius: 15px;
  transform: rotate(45deg);
}

.pdf-popup .content .close-pdf-popup:after {
  content: "";
  position: absolute;
  left: 14px;
  top: 8px;
  height: 15px;
  width: 2px;
  border-radius: 15px;
  background: #000000;
  transform: rotate(-45deg);
}

.ourpartners .featuredin-logo a {
  display: flex;
  align-items: center;
}

.ourpartners > .cover .featuredin-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  padding-top: 20px;
}

.ourpartners > .cover .featuredin-logo div {
  width: 150px;
  display: flex;
  justify-content: center;
  background: #ffffff;
  height: 150px;
}

.ourpartners > .cover .featuredin-logo div img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.moments > .cover .moments-year {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  padding-bottom: 40px;
}

.moments > .cover .moments-year a {
  display: block;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 20px 10px;
  width: 230px;
  color: #234354;
  text-align: center;
  background: #79caf3;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 14px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.moments > .cover .moments-year a:hover {
  background: #fcd404;
}

.moments > .cover .moments-year a.active {
  background: #234354 !important;
  color: #ffffff;
}

.media-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  display: none;
}

.media-popup .content {
  position: absolute;
  width: 95%;
  max-width: 500px;
  max-height: 95vh;
  overflow-y: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
}

.media-popup .content .mediaSwiper .image img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
  height: 100%;
}

.mediaSwiper .swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 15px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 15px)
  );
  display: inline-block;
  opacity: 1;
  background: #f5f5f5;
  border: 1px solid #234354;
}

.mediaSwiper .swiper-pagination-bullet-active {
  background: #fcd404;
}

.media-popup .content .closemedia {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  z-index: 10;
  background: #ffffff;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.media-popup .content .closemedia span {
  font-size: 40px;
}

.ambassadors {
  padding: 60px 10px;
}

.ambassadors .cover {
  max-width: 1180px;
  margin: 0 auto;
}

.ambassadors .cover h1 {
  display: block;
  position: relative;
  width: 100%;
  font-size: 34px;
  font-weight: 800;
  line-height: 44px;
  margin: 0px 0px 20px 0px;
  text-transform: uppercase;
}

.ambassadors .cover .subtitle {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding-bottom: 60px;
}

.ambassadors .cover .subtitle a {
  color: #79caf3;
}

.ambassadors .list {
  display: flex;
  gap: 2%;
  row-gap: 30px;
  flex-wrap: wrap;
  width: 100%;
}

.ambassadors .list .box {
  width: 23.5%;
  aspect-ratio: 1;
  position: relative;
}

.ambassadors .list .box .profile {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.ambassadors .list .box .profile img {
  width: 100%;
  display: block;
  object-fit: cover;
  height: 100%;
}

.ambassadors .list .box .link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  color: #ffffff;
  transition: all ease 0.3s;
}

.ambassadors .list .box .link .name {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}

.ambassadors .list .box .link .professional {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
  padding: 0px 10px 20px;
}

.ambassadors .list .box .link a {
  padding: 10px 20px;
  border: 1px solid #ffffff;
  text-align: center;
  display: block;
  width: auto;
  max-width: 80%;
  margin: 0 auto;
  font-size: 16px;
  color: #ffffff;
  font-weight: 700;
}

.ambassadors .list .box .link a:hover {
  background: #ffffff;
  color: #000000;
}

.ambassadors .list .box:hover .link {
  opacity: 1;
  transition: all ease 0.5s;
}

.ambassadors-profile .top {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.ambassadors-profile .top .left {
  width: 300px;
}

.ambassadors-profile .top .left img {
  width: 100%;
  display: block;
  object-fit: contain;
}

.ambassadors-profile .top .right {
  width: calc(100% - 300px);
}

.ambassadors-profile .top .right .social-media {
  display: flex;
  gap: 20px;
  padding-bottom: 20px;
}

.ambassadors-profile .top .right .social-media a {
  color: #000000;
  font-size: 25px;
}

.ambassadors-profile .top .right .social-media a .fa-facebook {
  color: #1877f2;
}

.ambassadors-profile .top .right .social-media a .fa-instagram {
  color: #e1306c;
}

.ambassadors-profile .top .right .social-media a .fa-youtube {
  color: #ff0000;
}

.ambassadors-profile .top .right .name {
  font-size: 28px;
  font-weight: 800;
  padding-bottom: 15px;
}

.ambassadors-profile .top .right .position {
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 30px;
}

.ambassadors-profile .top .right .desc {
  line-height: 1.3;
}

.ambassadors-profile .top .right .desc strong,
.ambassadors-profile .top .right .desc b {
  font-weight: 800;
}

.ambassadors-profile .top .right .desc ul,
.ambassadors-profile .top .right .desc ol {
  margin-left: 20px;
}

.ambassadors-profile .top .right .desc li {
  margin: 5px 0px;
}

.ambassadors-profile .top .right .desc ul {
  list-style-type: disc;
}

.ambassadors-profile .top .right .desc ol {
  list-style-type: decimal;
}

.gamemaster {
  width: 100%;
  padding: 0px 10px;
  box-sizing: border-box;
}

.gamemaster .cover {
  padding: 60px 0px 60px;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.gamemaster h1 {
  display: block;
  position: relative;
  width: 100%;
  font-size: 34px;
  font-weight: 800;
  line-height: 44px;
  margin: 0px 0px 20px 0px;
  text-transform: uppercase;
}

.gamemaster .cover .subtitle {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding-bottom: 60px;
}

.gamemaster .cover .subtitle b {
  font-weight: 800;
  font-style: italic;
  font-size: 16px;
  padding-bottom: 20px;
  display: block;
}

.gamemaster .gamecontent {
  display: flex;
  gap: 20px;
  padding-bottom: 30px;
  align-items: flex-start;
}

.gamemaster .gamecontent > div {
  width: 50%;
  border-radius: 10px;
  padding: 30px;
  color: #234354;
  cursor: pointer;
  box-sizing: border-box;
}

.gamemaster .gamecontent > div.active {
  background: #234354 !important;
}

.gamemaster .gamecontent > div:first-child {
  border: 6px solid #fcd404;
  background: #fcd404;
}

.gamemaster .gamecontent > div:last-child {
  border: 6px solid #79caf3;
  background: #79caf3;
}

.gamemaster .gamecontent > div:first-child .expand {
  color: #fcd404;
}

.gamemaster .gamecontent > div:last-child .expand {
  color: #79caf3;
}

.gamemaster .gamecontent div .expand {
  display: none;
  background: transparent;
  width: 100%;
  margin-top: 20px;
  padding: 15px 15px;
  border-radius: 8px;
  box-sizing: border-box;
  color: #ffffff;
}

.gamemaster .gamecontent div.active .expand {
  background: #234354;
  color: #ffffff !important;
}

.gamemaster .gamecontent div span {
  font-size: 20px;
  font-weight: 700;
  display: block;
}

.gamemaster .gamecontent > div.active span {
  color: #ffffff;
}

.gamemaster .gamecontent div p {
  font-size: 16px;
  line-height: 1.3;
}

.gamemaster .gamecontent div ul {
  margin-left: 20px;
  list-style-type: disc;
}

.gamemaster .gamecontent div ul li {
  margin: 10px 0px;
  line-height: 1.3;
}

.gamemaster .gamecontent div ul li b {
  font-weight: 800;
  font-style: italic;
}

.gamemaster .card-type {
  display: flex;
  gap: 2%;
  row-gap: 20px;
  flex-wrap: wrap;
  padding-bottom: 20px;
}

.gamemaster .card-type .card {
  display: grid; /* Allows the card to take the height of the image */
  perspective: 1000px;
  width: 23.5%; /* Adjust width as needed */
  position: relative;

  box-sizing: border-box;
  height: auto;
}

.gamemaster .card-type .card .card-inner {
  width: 100%;
  display: grid; /* Ensures the height follows the image */
  transform-style: preserve-3d;
  transition: transform 0.6s;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
}

.gamemaster .card-type .card:hover .card-inner {
  transform: rotateY(180deg);
}

.gamemaster .card-type .card img {
  width: 100%;
  display: block;
  object-fit: cover;
  height: auto;
}

.gamemaster .card-type .card .card-front,
.gamemaster .card-type .card .card-back {
  grid-area: 1 / 1; /* Ensures both sides overlap */
  backface-visibility: hidden;
}

.gamemaster .card-type .card .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  top: 0;
  left: 0;
  background: #234354;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 20px;
  font-size: 14px;
  padding: 30px;
  line-height: 1.3;
  box-sizing: border-box;
  transition: transform 0.6s;
  transform: rotateY(180deg);
  border-radius: 5px;
}

.gamemaster .card-type .card .card-back b {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #fcd404;
  padding-bottom: 5px;
}

@media only screen and (max-width: 1070px) {
  .shop > .shopcover > .detail > .left {
    flex-direction: column;
    border: none;
  }

  .shop > .shopcover > .detail > .left .product_option {
    width: 100%;
    border: solid 1px rgba(0, 0, 0, 0.2);
  }

  .shop > .shopcover > .detail > .left .product_image {
    margin: 0 auto;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .gamemaster .card-type .card {
    width: 32%;
  }

  .vitaminstick .vitaminstick_content .image_banner {
    width: 250px;
  }

  .vitaminstick .vitaminstick_content .product_benefits {
    width: calc(100% - 300px);
  }

  .media > .mediacover > .list a {
    width: 23.5%;
  }

  .whybanner > .bannercover > .list {
    flex-wrap: wrap;
  }

  .whybanner > .bannercover > .list .box .banner img {
    max-width: 500px;
  }

  .quote > .quotecover > .list {
    float: none;
    width: 100%;
    flex-wrap: wrap;
  }

  .quote > .quotecover > .list .box {
    width: calc(50% - 10px);
  }

  .contact > .contactcover > .cover > .title {
    width: 100%;
    text-align: center;
  }

  .contact > .contactcover > .cover {
    padding-bottom: 50px;
  }

  .contact > .contactcover > .cover > .enquiry {
    position: relative;
    width: 100%;
    max-width: 520px;
    top: initial;
    left: initial;
    margin: 0 auto;
  }

  .contact > .background {
    height: auto;
    padding: 0;
  }

  .contact .background .address {
    width: 100%;
  }

  .mainbanner .secondbox > .bannercover > .image > .circle1 {
    left: 0;
    top: initial;
    bottom: 0;
    width: 350px;
    height: 350px;
  }

  .mainbanner .secondbox > .bannercover > .content > .cover > h2 {
    width: auto;
    padding-left: 200px;
  }

  .mainbanner .secondbox > .bannercover > .image > img {
    width: 400px;
  }

  .mainbanner .firstbox > .bannercover > .image {
    width: 350px;
  }

  .mainbanner .firstbox > .bannercover > .content > .cover > h2 {
    padding-right: 400px;
    width: auto;
  }

  .mainbanner .firstbox > .bannercover > .image > img {
    width: 400px;
  }

  .dashboard > .dashcover > .sidemenu {
    z-index: 2;
    width: 100%;
    max-width: 280px;
  }

  .sidemenu-mobile {
    display: block;
  }

  .sidemenu-cover {
    border: 1px solid #d7d7d7;
    position: absolute;
    left: 0;
    top: 61px;
    width: 100%;
    background: #ffffff;
    display: none;
  }

  .widget > .widgetcover > .left,
  .widget > .widgetcover > .right {
    width: 100%;
    float: none;
  }

  .widget > .widgetcover {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .widget > .widgetcover > .left {
    display: flex;
    flex-wrap: wrap;
  }

  .dashboard > .dashcover > .sidemenu {
    float: none;
    margin-bottom: 50px;
  }

  .dashboard > .dashcover > .content {
    float: none;
    width: 100%;
  }
}

.mainbanner > .bannercover > .image {
  z-index: -1;
}

@media only screen and (max-width: 940px) {
  .product_purchase_wrapper {
    flex-direction: column;
    gap: 20px;
  }

  .product_purchase_wrapper .product_addtocart {
    width: 100%;
    height: auto;
  }

  .product_purchase_wrapper .product_img_slider {
    width: 100%;
    max-width: 520px;
    height: auto;
  }

  .shop_allproduct .other_product_list .box {
    width: 32%;
  }
}

@media only screen and (max-width: 900px) {
  .ambassadors .list .box {
    width: 32%;
  }

  .moments > .cover .moments-list.review {
    columns: 4;
  }

  .drinking_games .game-media {
    flex-wrap: wrap;
    align-items: unset;
    justify-content: unset;
  }

  .drinking_games .game-media .image,
  .drinking_games .game-media .video {
    width: 100%;
  }

  .drinking_games .game-media .swiper {
    max-height: 100%;
    height: auto;
  }

  .drinking_games .game-media .image {
    order: 1;
  }

  .drinking_games .game-media .video {
    order: 2;
  }

  .drinking_games .game-media img {
    object-fit: contain;
  }

  .checkout .cover .left .cart_list .item {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .checkout .cover .left .cart_list .item .info {
    width: calc(100% - 140px);
  }

  .shop_promotion_section > .cover .banner,
  .shop_promotion_section > .cover .detail {
    width: 100%;
  }

  .shop_promotion_section > .cover .detail {
    padding-top: 20px;
  }

  .factsbanner > .bannercover > .list {
    flex-wrap: wrap;
    gap: 2%;
    row-gap: 20px;
  }

  .factsbanner > .bannercover > .list .col {
    width: 49%;
  }

  .mainbanner > .bannercover > .image > img {
    width: 300px;
  }

  .midbanner > .bannercover > .image > img {
    width: 400px;
  }

  .midbanner > .bannercover > .image > .circle1 {
    width: 250px;
    height: 250px;
  }

  .widgetbottom > .widgetcover > .left,
  .widgetbottom > .widgetcover > .right {
    width: 100%;
    float: none;
  }

  .widgetbottom > .widgetcover > .right > .newsletter {
    text-align: left;
    padding-top: 20px;
  }

  .widgetbottom > .widgetcover > .right > .social {
    text-align: left;
  }
}

@media only screen and (max-width: 830px) {
  .aboutus > .value > .list {
    flex-wrap: wrap;
  }

  .aboutus > .value > .list .box {
    width: 50%;
  }

  .footerbottom > .footcover {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .media > .mediacover > .list {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    row-gap: 20px;
  }

  .media > .mediacover > .list a {
    width: 32%;
    margin: 0;
  }

  .contact > .note > .notecover > .list {
    flex-wrap: wrap;
  }

  .contact > .note > .notecover > .list .box > .text > span {
    word-break: break-word;
  }

  .header > .headercover > .action {
    display: none;
  }

  .shop > .shopcover > .detail > .left {
    width: 100%;
  }

  .shop > .shopcover > .detail > .left,
  .shop > .shopcover > .detail > .ship {
    margin-bottom: 40px;
  }

  .shop > .shopcover > .detail > .ship {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .gamemaster .gamecontent {
    flex-wrap: wrap;
  }

  .gamemaster .gamecontent > div {
    width: 100%;
  }
  .ambassadors-profile .top {
    flex-wrap: wrap;
  }

  .ambassadors-profile .top .right {
    width: 100%;
  }

  .moments > .cover .moments-list.review {
    columns: 3;
  }

  .video-wrapper .features-video-category .main .title {
    padding: 20px 20px 20px 20px;
  }

  .video-wrapper .features-video-category .sub {
    position: relative;
    right: initial;
    top: initial;
    flex-direction: row;
    width: 100%;
    height: auto;
    padding: 20px 0px;
  }

  .video-wrapper .features-video-category .sub .video {
    height: auto;
    border: 3px solid #234354;
  }

  .video-wrapper .features-video-category .sub .video img {
    object-fit: contain;
  }

  .event_details .event_details_wrap {
    flex-wrap: wrap;
  }

  .event_details .event_details_wrap .info,
  .event_details .event_details_wrap .banner {
    width: 100%;
  }

  .vitaminstick .vitaminstick_content {
    flex-wrap: wrap;
  }

  .vitaminstick .vitaminstick_content .product_benefits,
  .vitaminstick .vitaminstick_content .image_banner {
    width: 100%;
  }

  .vitaminstick .vitaminstick_content .image_banner {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .wedding-gift .pricing #p1 {
    top: 30%;
  }

  .wedding-gift .pricing #p3 {
    left: 0;
    right: initial;
  }

  .wedding-gift .pricing .package {
    flex-wrap: wrap;
    gap: 150px;
  }

  .wedding-gift .pricing .package .item {
    width: 100%;
  }

  .wedding-gift .pricing .package .item .service {
    min-height: auto;
  }

  .wedding-gift .intro .benefits .list {
    flex-wrap: wrap;
    gap: 2%;
    row-gap: 10px;
  }

  .wedding-gift .intro .benefits .list .box {
    width: 49%;
  }

  .wedding-gift #plus1 {
    left: initial;
    right: 0;
  }

  .wedding-gift .intro .banner {
    flex-wrap: wrap;
    padding-bottom: 30px;
  }

  .wedding-gift .intro .banner .text {
    order: 1;
    width: 100% !important;
  }

  .wedding-gift .intro .banner .image {
    order: 2;
    width: 100%;
  }

  .wedding-gift .intro .banner.top .image {
    background-size: contain;
    background-position: center center;
  }

  .wedding-gift .intro .bgflower {
    z-index: -1;
  }

  .shop_allproduct .other_product_list .box {
    width: 49%;
  }

  .checkout .cover {
    flex-direction: column;
  }

  .checkout .cover .left {
    width: 100%;
  }

  .aboutus > .lefttext,
  .aboutus > .righttext {
    flex-wrap: wrap;
  }

  .aboutus > .lefttext > .text,
  .aboutus > .righttext > .text {
    width: 100%;
  }

  .aboutus > .lefttext > .imageslider,
  .aboutus > .righttext > .imageslider {
    width: 100%;
  }

  .aboutus > .lefttext > .text,
  .aboutus > .righttext > .text {
    order: 1;
  }

  .aboutus > .lefttext > .imageslider,
  .aboutus > .righttext > .imageslider,
  .aboutus > .lefttext > .image,
  .aboutus > .righttext > .image {
    order: 2;
  }

  .aboutus > .lefttext > .image {
    width: 100%;
  }

  .night_out .latest_post {
    flex-wrap: wrap;
  }

  .night_out .latest_post .left {
    width: 100%;
    min-height: auto;
    margin-bottom: 30px;
  }

  .night_out .latest_post .right {
    width: 100%;
  }

  .drinking_games .cover .list .game_cover {
    width: 32%;
  }

  .home_topbanner > .cover .title {
    display: block;
  }

  .home_topbanner > .cover .title > h1 {
    font-size: 34px;
    line-height: 1;
  }

  .home_topbanner > .cover .banner > div {
    height: auto;
    margin: 5px 0px;
  }

  .home_topbanner > .cover .banner > div a {
    display: block;
  }

  .factsbanner > .bannercover > .title > h1,
  .itembanner > .bannercover > .content > h1,
  .lastbanner > .bannercover > .content > h1 {
    line-height: 1;
  }

  .whybanner > .bannercover > .title {
    display: none;
  }

  .home_topbanner > .cover {
    flex-direction: column;
    gap: 30px;
  }

  .home_topbanner > .cover .video {
    width: 100%;
  }

  .home_topbanner > .cover .banner {
    width: 100%;
    display: block;
  }

  .quote > .quotecover > .title {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
  }

  .quote > .quotecover > .quoteswiper .swiper-slide .image img {
    width: 100%;
  }

  .quote > .quotecover > .quoteswiper {
    float: none;
    width: 100%;
  }

  .product-info .wrapper {
    flex-wrap: wrap;
  }

  .product-info .product-effect,
  .product-info .product-detail {
    width: 100%;
  }

  .voucher-popup .content > .voucher > .list {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .voucher-popup .content > .voucher > .list .box {
    width: 100%;
    float: none;
    margin: 0 !important;
  }

  .customer-service {
    min-height: 70vh;
  }

  .customer-service .cover .right {
    width: 100%;
  }

  .customer-service .cover .left {
    padding-bottom: 30px;
  }

  .customer-service .cover .left .mobile-option {
    display: block;
  }

  .customer-service .cover .left .mobile-cover {
    background: #ffffff;
    border: 1px solid #d7d7d7;
    position: absolute;
    left: 0;
    top: 61px;
    width: 100%;
    display: none;
    z-index: 3;
  }

  .mainbanner .secondbox > .bannercover > .image > img {
    width: 250px;
  }

  .mainbanner .secondbox > .bannercover > .image > .circle1 {
    width: 250px;
    height: 250px;
  }

  .mainbanner .firstbox > .bannercover > .image {
    width: 280px;
  }

  .mainbanner .firstbox > .bannercover > .image > img {
    width: 300px;
  }

  .mainbanner .firstbox > .bannercover > .content > .cover > h2 {
    padding-right: 300px;
  }

  .login_register {
    flex-wrap: wrap;
  }

  .login_register .left_box,
  .login_register .right_box {
    min-height: 300px;
    padding: 20px 10px;
    width: 100%;
  }

  .login_register .right_box {
    padding-bottom: 50px;
  }

  .dashboard > .dashcover > .content > .voucher > .list .box {
    width: 100%;
    max-width: 600px;
    float: left;
  }

  .dashboard > .dashcover > .content > .voucher > .list .box:nth-child(even) {
    float: left;
  }
}

@media only screen and (max-width: 720px) {
  .landingForm .cover .formCover .input-field {
    width: 100%;
  }
}

@media only screen and (max-width: 660px) {
  .gamemaster .card-type .card {
    width: 49%;
  }

  .store_locator .store_cover #sidebar,
  .store_locator .store_cover #map,
  .store_locator .store_cover #sidebar .store-list .store {
    width: 100%;
  }

  .store_locator .store_cover {
    flex-direction: column;
    gap: 20px;
  }

  .store_locator .store_cover #sidebar {
    height: 100%;
    padding-right: 0;
  }

  .product-info {
    flex-wrap: wrap;
  }

  .product-info .product-effect,
  .product-info .product-detail {
    width: 100%;
  }

  .review > .reviewcover > .head {
    flex-wrap: wrap;
  }

  .review > .reviewcover > .head > .overall,
  .review > .reviewcover > .head > .chart {
    width: 100%;
  }

  .media > .mediacover > .list a {
    width: 49%;
  }

  .dashboard > .dashcover > .content > .item > .shipment > .address,
  .dashboard > .dashcover > .content > .item > .shipment > .cost {
    width: 100%;
    float: none;
    border-left: none;
  }

  .dashboard > .dashcover > .content > .item > .shipment > .cost {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}

@media only screen and (max-width: 574px) {
  .ambassadors .list .box {
    width: 49%;
  }

  .shop_allproduct .wedding_gift .bgimg {
    position: relative;
    height: 400px;
    width: 100%;

    background-size: cover;
    margin-top: 30px;
  }

  .night_out .others_post .post-cover {
    width: 100%;
  }

  .moments > .cover .moments-list,
  .event_images .moments-list,
  .moments > .cover .moments-list.review {
    columns: 2;
  }

  .moments > .cover .moments-list.review .gallery .text p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .whybanner > .bannercover > .list .box .banner img {
    max-width: 100%;
  }

  .widgetbottom > .widgetcover > .right > .directory .box {
    width: 49%;
  }

  .mainbanner .secondbox > .bannercover > .image > img {
    width: 180px;
  }

  .mainbanner .secondbox > .bannercover > .image > .circle1 {
    width: 180px;
    height: 180px;
  }

  .mainbanner .secondbox > .bannercover > .content > .cover > h2 {
    padding-left: 0;
  }

  .mainbanner .firstbox > .bannercover > .image > img {
    width: 200px;
  }

  .mainbanner .firstbox > .bannercover > .image > .circle1 {
    width: 200px;
    height: 200px;
  }

  .mainbanner .firstbox > .bannercover > .content > .cover > h2 {
    padding-right: 100px;
  }

  .review > .reviewcover > .list .box > .image {
    position: relative;
    height: 300px;
    top: initial;
    left: initial;
    width: 100%;
  }

  .review > .reviewcover > .list .box > .content {
    width: 100%;
  }

  .aboutus > .lefttext > .text {
    padding-top: 0;
  }

  .aboutus > .lefttext > .text,
  .aboutus > .righttext > .text {
    width: 100%;
    padding-bottom: 30px;
    padding-top: 30px;
  }

  .aboutus > .lefttext > .image,
  .aboutus > .righttext > .image {
    position: relative;
    height: 300px;
    width: 100%;
  }

  .aboutus > .righttext > .text {
    padding-top: 30px;
  }

  .aboutus {
    padding-top: 30px;
  }

  .aboutus > .righttext {
    display: flex;
    flex-direction: column;
  }

  .aboutus > .righttext > .image {
    order: 2;
  }

  .quote > .quotecover > .title > span {
    padding-bottom: 20px;
  }

  .itembanner > .bannercover,
  .lastbanner > .bannercover {
    display: flex;
    flex-direction: column;
  }

  .itembanner > .bannercover > .content,
  .lastbanner > .bannercover > .content {
    float: none;
    width: 100%;
  }

  .itembanner > .bannercover > .content {
    order: 2;
  }

  .itembanner > .bannercover > .image,
  .lastbanner > .bannercover > .image {
    position: relative;
    width: 100%;
    top: initial;
    right: initial;
    height: 300px;
  }

  .certified > .certcover > div {
    width: 100%;
    right: initial;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: initial;
    padding-bottom: 40px;
  }

  .midbanner > .bannercover > .image {
    width: 100%;
    max-width: 100%;
  }

  .mainbanner > .bannercover > .image > img {
    width: 200px;
  }

  .midbanner > .bannercover > .image > img {
    width: 300px;
    bottom: initial;
    top: 0;
  }

  .midbanner > .bannercover > .image > .circle1 {
    left: 0;
  }

  .shop > .shopcover > .detail > .left > .option label {
    width: 50%;
  }

  .dashboard > .dashcover > .content > .orders > .list .box > .detail > .name,
  .dashboard
    > .dashcover
    > .content
    > .subscription
    > .list
    .box
    > .detail
    > .name,
  .dashboard > .dashcover > .content > .item > .product > .detail > .name {
    width: calc(100% - 170px);
  }

  .dashboard > .dashcover > .content > .orders > .list .box > .detail > .amount,
  .dashboard > .dashcover > .content > .orders > .list .box > .detail > .cost,
  .dashboard
    > .dashcover
    > .content
    > .subscription
    > .list
    .box
    > .detail
    > .amount,
  .dashboard
    > .dashcover
    > .content
    > .subscription
    > .list
    .box
    > .detail
    > .cost,
  .dashboard > .dashcover > .content > .item > .product > .detail > .amount,
  .dashboard > .dashcover > .content > .item > .product > .detail > .cost {
    height: 60px;
  }

  .shop > .shopcover > .detail > .left > .option label {
    width: 100%;
    margin: 10px 0px;
    max-width: 100%;
  }

  .shop > .shopcover > .detail > .left > .option label:last-child {
    margin: 10px 0px;
  }
}

@media only screen and (max-width: 480px) {
  .video-wrapper .features-video-category {
    display: none;
  }

  .ourpartners > .cover .featuredin-logo {
    row-gap: 0px;
  }

  .ourpartners > .cover .featuredin-logo div {
    height: 110px;
  }

  .popup-module .popup-content .redirect_link {
    flex-wrap: wrap;
  }

  .popup-module .popup-content .redirect_link > * {
    width: 100%;
  }

  .vitaminstick .vitaminstick_content .product_benefits .box {
    width: 100%;
  }

  .shop_allproduct .other_product_list .box .product_detail .product_link {
    flex-wrap: wrap;
    row-gap: 10px;
  }

  .shop_allproduct .other_product_list .box .product_detail .product_name,
  .shop_allproduct
    .other_product_list
    .box
    .product_detail
    .product_price
    span {
    font-size: 15px;
  }

  .shop_allproduct .other_product_list .box .product_detail .product_link a {
    width: 100%;
  }

  .location > .locationcover > .title {
    font-size: 34px;
    line-height: 44px;
  }

  .location > .locationcover {
    background-image: url(../images/store_bg_mobile.png);
  }

  .swiper.quoteswiper .quoteswiper-button {
    opacity: 1;
    z-index: 10;
  }

  .ourpartners > .cover .partner-logo {
    gap: 2%;
    row-gap: 30px;
  }

  .ourpartners > .cover .partner-logo div {
    width: 49%;
    box-sizing: border-box;
  }

  .address-popup .content .form .row,
  .add_info_form-popup .content .form .row,
  .voucher-popup .content .form .row {
    width: 100%;
  }

  .checkout .cover .right {
    max-width: 100%;
  }

  .night_out .latest_post .left .text {
    font-size: 30px;
  }

  .footerbottom > .footcover > .right {
    text-align: center;
  }

  .footerbottom > .footcover > .right a {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .factsbanner > .bannercover > .list {
    display: none;
  }

  .drinking_games .cover .list .game_cover {
    width: 49%;
  }

  .drinking_games .cover .list .game_cover a .name {
    min-height: 220px;
  }

  .drinking_games .cover .list .game_cover a .name {
    font-size: 25px;
  }

  .drinking_games .cover .list .game_cover a .name .item {
    font-size: 14px;
    line-height: 24px;
  }

  .shop > .shopcover > .detail > .left .head,
  .shop > .shopcover > .detail > .left .option {
    min-height: 150px;
    height: auto;
    flex-wrap: wrap;
    gap: 10px;
    padding: 20px 20px;
  }

  .shop > .shopcover > .detail > .left .option label {
    width: 100%;
    margin-right: 0;
  }

  .shop > .shopcover > .detail > .left .product_image {
    width: auto;
    max-width: 300px;
    height: auto;
  }

  .singlepSwiper .swiper-slide {
    width: 100% !important;
  }

  .mobile-list {
    display: block;
  }

  .quote > .quotecover > .list .box {
    width: 100%;
  }

  .widgetbottom > .widgetcover > .right > .directory > .directorycover .box {
    width: 49%;
    margin: 0;
  }

  .customer-service
    .cover
    .right
    .service-content
    .affiliate-form
    .input-cover {
    width: 100%;
  }

  .customer-service
    .cover
    .right
    .service-content
    .affiliate-form
    .button
    input {
    width: 100%;
  }

  .customer-service .cover .right .service-content .affiliate-form textarea {
    height: 150px;
  }

  .mainbanner {
    padding-bottom: 40px;
  }

  .factsbanner > .bannercover > .list .col {
    width: 100%;
  }

  .aboutus > .value > .list .box {
    width: 100%;
  }

  .footerbottom > .footcover > .left {
    text-align: center;
    line-height: 1.5;
  }
  .media > .mediacover > .list a {
    padding: 0px 10px;
  }

  .contact > .contactcover > .cover > .enquiry > .form .inputbox {
    width: 100%;
    float: none;
  }

  .contact > .contactcover > .cover > .enquiry {
    padding: 30px;
  }

  .shop > .shopcover > .detail > .left > .head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .shop > .shopcover > .detail > .left > .head > .amount {
    height: auto;
  }

  .shop > .shopcover > .detail > .left > .head > .image {
    margin-right: 0;
  }

  .widget > .widgetcover > .left .box {
    width: 100%;
  }

  .widget > .widgetcover > .left .box:nth-child(3) {
    margin: 0 0 40px 0;
  }

  .widget > .widgetcover > .left .box > .list a {
    margin-bottom: 10px;
  }

  .dashboard > .dashcover > .sidemenu {
    max-width: 100%;
  }

  .dashboard > .dashcover > .content > .orders > .tab,
  .dashboard > .dashcover > .content > .subscription > .tab {
    flex-wrap: wrap;
    height: auto;
  }

  .dashboard > .dashcover > .content > .orders > .tab a,
  .dashboard > .dashcover > .content > .subscription > .tab a {
    width: 50%;
    border: 1px solid #ffffff;
  }
}

@media only screen and (max-width: 430px) {
  .gamemaster .card-type .card {
    width: 100%;
  }

  .checkout .cover .left .empty_cart {
    flex-direction: column;
    justify-content: center;
    padding-top: 40px;
  }

  .wedding-gift .ordercontact .email_number {
    flex-direction: column;
  }

  .wedding-gift .intro .benefits .list .box {
    width: 100%;
  }

  .wedding-gift .ordercontact .email_number .box {
    width: 100%;
  }

  .product_purchase_wrapper .product_addtocart .option {
    flex-wrap: wrap;
  }

  .checkout .cover .left .cart_list .item .info {
    width: 100%;
  }

  .product-info .product-detail .row .content .table-responsive {
    overflow-x: auto;
  }

  .product-info
    .product-detail
    .row
    .content
    .table-responsive
    table.nutritionTable {
    width: 400px;
  }

  .mainbanner .firstbox > .bannercover > .content > .cover > h1,
  .mainbanner .secondbox > .bannercover > .content > .cover > h1 {
    font-size: 45px;
    line-height: 55px;
  }

  .widgetbottom > .widgetcover > .terms {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
  }

  .widgetbottom > .widgetcover > .terms a {
    margin: 0;
  }

  .shop > .shopcover > .detail > .ship > .text {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    flex-direction: column;
  }

  .shop > .shopcover > .detail > .ship > .text > a {
    position: relative;
    right: initial;
    top: initial;
    text-align: center;
  }

  .dashboard
    > .dashcover
    > .content
    > .subscription
    > .list
    .box
    > .fee
    > .text
    > .total,
  .dashboard
    > .dashcover
    > .content
    > .subscription
    > .list
    .box
    > .fee
    > .text
    > .ship {
    float: none;
  }
  .dashboard > .dashcover > .content > .orders > .list .box > .date {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 20px;
  }

  .dashboard > .dashcover > .content > .orders > .list .box > .date > div {
    height: auto;
    padding-bottom: 5px;
    line-height: 1.5;
  }

  .dashboard > .dashcover > .content > .orders > .list .box > .date > span {
    height: auto;
    line-height: 1;
  }
}

@media only screen and (max-width: 414px) {
  .shop_allproduct .other_product_list .box .product_detail .product_price {
    flex-direction: column;
    gap: 0;
  }
}

@media only screen and (max-width: 380px) {
  .landingForm .cover .formCover {
    padding: 30px 10px;
  }

  .ambassadors .list .box {
    width: 100%;
  }

  .mobile-list .ingredients .ingredientsSwiper .swiper-slide .box {
    background-size: contain;
  }

  .drinking_games .cover .list .game_cover {
    width: 100%;
  }

  .drinking_games .cover .list .game_cover a .name {
    min-height: auto;
  }

  .drinking_games .cover .list .game_cover a .name .item {
    padding-top: 60px;
  }

  .widgetbottom > .widgetcover > .right > .directory > .directorycover .box {
    width: 100%;
  }
  .dashboard > .dashcover > .content > .account > .form .row {
    width: 100%;
  }

  .dashboard > .dashcover > .content > .account > .form .row:nth-child(2) {
    margin-top: 20px;
  }

  .dashboard > .dashcover > .content > .voucher > .search {
    padding-right: 20px;
  }

  .dashboard > .dashcover > .content > .voucher > .search {
    max-width: 100%;
  }

  .dashboard > .dashcover > .content > .voucher > .list .box > .action {
    position: relative;
    width: 100%;
    float: left;
    left: initial;
    top: initial;
    right: initial;
    height: auto;
    text-align: center;
  }

  .dashboard > .dashcover > .content > .voucher > .list .box > .action > a {
    border-radius: 0 0 4px 4px;
  }

  .dashboard > .dashcover > .content > .voucher > .list .box {
    padding-right: 0;
  }

  .dashboard > .dashcover > .content > .account > .title {
    height: auto;
    line-height: 1.5;
  }

  .dashboard > .dashcover > .content > .orders > .list .box > .detail > .name,
  .dashboard > .dashcover > .content > .item > .product > .detail > .name {
    width: 100%;
    height: auto;
    padding: 20px 0px;
  }

  .dashboard > .dashcover > .content > .account > .profile .row {
    width: 100%;
    float: none;
  }

  .dashboard > .dashcover > .content > .account > .profile .row:nth-child(3) {
    margin: 0 0 20px 0;
  }

  .dashboard > .dashcover > .content > .account > .title > a {
    position: relative;
    right: initial;
    top: initial;
    width: 150px;
    text-align: center;
    margin-top: 10px;
  }

  .dashboard > .dashcover > .content > .account > .shipping > .list .adbox {
    padding-right: 20px;
  }

  .dashboard
    > .dashcover
    > .content
    > .account
    > .shipping
    > .list
    .adbox
    > .action {
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: 20px;
    top: initial;
    right: initial;
  }

  .subheader > .headercover > .right > a.feedback {
    display: none;
  }

  .dashboard > .dashcover > .content > .orders > .list .box > .fee > .action {
    display: flex;
    justify-content: space-between;
  }
  .dashboard > .dashcover > .content > .orders > .list .box > .fee > .action a {
    margin-left: 0;
  }

  .dashboard > .dashcover > .content > .orders > .list .box > .fee > .text {
    display: flex;
    flex-direction: column;
  }
}

/* header queries */
@media only screen and (max-width: 1200px) {
  .headercover .mobile-click {
    display: block;
    z-index: 6;
  }
  .newheader > .headercover > .action {
    position: fixed;
    top: 0;
    right: -302px;
    height: 100vh;
    overflow-y: auto;
    width: 300px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    padding-top: 100px;
    z-index: 5;
    box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.11);
    transition: all ease 0.3s;
    box-sizing: border-box;
  }

  .newheader > .headercover > .action.toggle {
    right: 0px;

    transition: all ease 0.3s;
  }

  .newheader > .headercover > .action > .menu {
    margin-right: 0;
  }

  .newheader > .headercover > .action > .menu a {
    width: 100%;
    float: none;
    padding: 20px 20px;
    height: auto;
    box-sizing: border-box;
  }

  .newheader > .headercover > .action > .other {
    float: none;
    padding: 20px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .newheader > .headercover > .action > .other div {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    height: auto;
  }

  .newheader > .headercover > .action > .other .profile > .list {
    position: relative;
    width: 100%;
    top: initial;
    left: initial;
    opacity: 1;
    visibility: visible;
    border: none;
    padding: 0;
  }

  .newheader > .headercover > .action > .other .profile:hover > .list {
    top: initial;
  }

  .newheader > .headercover > .action > .other .profile > a {
    width: 100%;
  }

  .newheader > .headercover > .action > .other .shopnow > a,
  .newheader > .headercover > .action > .other .login > a,
  .newheader > .headercover > .action > .other .store > a {
    box-sizing: border-box;
    text-align: center;
  }

  .newheader > .headercover > .action > .other .profile > .list a {
    margin: 10px 0px;
  }

  .newheader .action .mobile-socials,
  .newheader .action .mobile-copyright {
    display: flex;
  }
}