/*
@File: Blue Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************


** - Blue Checkout Area CSS
*/
/*================================================
Default CSS
=================================================*/
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");
:root {
  --body-font-family: "Space Grotesk", sans-serif;
  --bodyColor: #a3c5d0;
  --primaryColor: #27A6EF;
  --whiteColor: #ffffff;
  --blackColor: #000;
  --smokeColor: #111D28;
  --borderColor: #29343E;
  --transition: .5s;
  --fontSize: 16px;
}

a {
  text-decoration: none;
  outline: 0 !important;
}

body {
  margin: 0;
  padding: 0;
  font-weight: 400;
  background-color: #04111C !important;
  font-size: var(--fontSize);
  font-family: var(--body-font-family) !important;
  background-image: url("../img/noise_bg.png") !important;
  background-repeat: repeat !important;
}

body.woocommerce-order-received {
  color: #fff;
}

/*=========================================
Blue Checkout Area CSS
===========================================*/
.checkout-section.content-item.choose-payment.tab-content-payment {
  max-width: none !important;
}
.section-header h3 {
  font-size: 32px !important;
}
input.select2-search__field {
  font-size: 18px !important;
}

.blue-header-info {
  padding: 8px;
  border-radius: 8px;
  background: rgba(153, 160, 174, 0.1);
  border: 1px solid rgba(153, 160, 174, 0.1);
}
.blue-header-info a {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--whiteColor) !important;
  text-decoration: none;
  outline: 0 !important;
}
.blue-header-info a:hover {
  color: var(--primaryColor) !important;
}
.blue-header-info .single-blue-button ul li {
  margin-right: 20px;
}
.blue-header-info .single-blue-button ul li .website {
  padding-left: 22px;
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 16px;
  font-weight: 500;
}
.blue-header-info .single-blue-button ul li .website i {
  top: 0;
  left: 0;
  line-height: 1;
  font-size: 20px;
  position: absolute;
}
.blue-header-info .single-blue-button ul li .button {
  font-size: 16px !important;
  padding: 7px 25px;
  border-radius: 40px;
  display: inline-block;
  color: var(--whiteColor) !important;
  background: var(--smokeColor);
  border: 1px solid var(--borderColor);
  border-radius: 64px;
  font-size: 14px;
  font-weight: 500;
}
.blue-header-info .single-blue-button ul li .button:hover {
  color: var(--whiteColor) !important;
  border-color: var(--primaryColor) !important;
}
.blue-header-info .single-blue-button ul li:last-child {
  margin-right: 0;
}
.checkout-section.content-item {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.00);
  box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.10) inset, 0 0 100px 0 rgba(255, 255, 255, 0.10) inset;
}
.checkout-content {
  padding: 32px 16px;
  background: linear-gradient(rgba(39, 166, 239, 0.1) 2%, rgba(255, 255, 255, 0.05) 20%);
  border-radius: 24px;
  border: 1px solid #29343E;
  border-top: 3px solid #27A6EF;
  backdrop-filter: blur(25px);
}
.blue-checkout-area {
  color: var(--whiteColor);
  padding: 0px 0px 120px 0px;
}
.blue-checkout-area a {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--whiteColor) !important;
  text-decoration: none;
  outline: 0 !important;
}
.blue-checkout-area a:hover {
  color: var(--primaryColor) !important;
}
.blue-checkout-area p {
  font-size: var(--fontSize);
  color: var(--bodyColor);
  margin-bottom: 15px;
  line-height: 28px;
}
.blue-checkout-area p:last-child {
  margin-bottom: 0;
}
.blue-checkout-area img {
  max-width: 100%;
  height: auto;
}
.blue-checkout-area .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--primaryColor) !important;
}
.blue-checkout-area .main-max-width {
  max-width: 1180px;
}
.blue-checkout-area .blue-section-title {
  margin-bottom: 48px;
}
.blue-checkout-area .blue-section-title h2 {
  line-height: 1.1;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  font-size: 70px;
  font-weight: 700;
}
.blue-checkout-area .blue-section-title h2 span {
  color: var(--primaryColor);
  text-shadow: 0px 0px 80px rgba(39, 166, 239, 0.15), 0px 0px 40px rgba(39, 166, 239, 0.15), 0px 0px 20px rgba(39, 166, 239, 0.15), 0px 0px 10px rgba(39, 166, 239, 0.15), 0px 0px 5px rgba(39, 166, 239, 0.15);
}
.blue-checkout-area .blue-section-title p {
  font-size: 20px;
  font-weight: 500;
  color: #CCCCCC;
}
@media (max-width: 767px) {
  .blue-checkout-area .blue-section-title p {
    font-size: 16px;
  }
}
.blue-tabs-info {
  max-width: 1000px;
  margin: auto;
}
.blue-checkout-area .blue-tabs-info {
  margin-bottom: 50px;
}
.blue-checkout-area .blue-tabs-info .nav {
  margin-bottom: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 7px;
}
.blue-checkout-area .blue-tabs-info .nav .nav-item {
  padding: 24px 43px 24px 32px;
  border: 1px solid var(--borderColor);
  min-width: 280px;
  border-radius: 12px;
}
.blue-checkout-area .blue-tabs-info .nav .nav-item:last-child:before, .blue-checkout-area .blue-tabs-info .nav .nav-item:first-child:before {
  content: "";
  position: absolute;
  top: calc(50% - 19px);
  right: -19px;
  border: 1px solid var(--borderColor);
  height: 38px;
  width: 38px;
  border-radius: 99px;
  background-color: #04111C;
  -webkit-clip-path: polygon(0 0, calc(50% + 1.5px) 0, calc(50% + 1.5px) 100%, 0% 100%);
          clip-path: polygon(0 0, calc(50% + 1.5px) 0, calc(50% + 1.5px) 100%, 0% 100%);
}
.blue-checkout-area .blue-tabs-info .nav .nav-item:last-child:before {
  right: unset;
  left: -19px;
  -webkit-clip-path: polygon(calc(50% - 1px) 0, 100% 0, 100% 100%, calc(50% - 1px) 100%);
          clip-path: polygon(calc(50% - 1px) 0, 100% 0, 100% 100%, calc(50% - 1px) 100%);
}
.blue-checkout-area .blue-tabs-info .nav .nav-item .nav-link {
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: unset;
  color: #CCCCCC;
}
.blue-checkout-area .blue-tabs-info .nav .nav-item .nav-link strong {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  text-align: center;
  line-height: 38px;
  border-radius: 100%;
  display: inline-block;
  color: var(--whiteColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--smokeColor);
  border: 1px solid var(--borderColor);
}
.blue-checkout-area .blue-tabs-info .nav .nav-item .nav-link:hover, .blue-checkout-area .blue-tabs-info .nav .nav-item .nav-link.active {
  color: var(--whiteColor);
}
.blue-checkout-area .blue-tabs-info .nav .nav-item .nav-link:hover strong, .blue-checkout-area .blue-tabs-info .nav .nav-item .nav-link.active strong {
  color: var(--whiteColor);
  background-color: var(--primaryColor);
  border-color: var(--primaryColor);
}
.blue-checkout-area .blue-tabs-info .nav .nav-item::after {
  content: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.57303 0.763428L9.80973 5.00012L5.57303 9.23681L4.76491 8.42869L7.62205 5.57155H0.430176V4.42869H7.62205L4.76491 1.57155L5.57303 0.763428Z" fill="%2304111C"/></svg>');
  position: absolute;
  top: calc(50% - 16px);
  right: -17px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 99px;
  background-color: #868C92;
  text-align: center;
  z-index: 3;
}
.blue-checkout-area .blue-tabs-info .nav .nav-item:nth-child(2):after {
  right: -24px;
}
.blue-checkout-area .blue-tabs-info .nav .nav-item:has(.active) {
  background-color: var(--smokeColor);
}
.blue-checkout-area .blue-tabs-info .nav .nav-item:has(.active):after {
  background-color: var(--whiteColor);
}
.blue-checkout-area .blue-tabs-info .nav .nav-item:last-child {
  margin-right: 0;
}
.blue-checkout-area .blue-tabs-info .nav .nav-item:last-child::after {
  display: none;
}
@media (max-width: 991px) {
  .blue-checkout-area .blue-tabs-info .nav .nav-item {
    min-width: auto;
    padding: 22px 36px 22px 24px;
  }
}
@media (max-width: 575px) {
  .blue-checkout-area .blue-tabs-info .nav .nav-item {
    min-width: 280px;
  }
  .blue-checkout-area .blue-tabs-info .nav .nav-item:after {
    display: none;
  }
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item {
  padding: 32px;
  border-radius: 12px;
  margin-bottom: 25px;
  background-color: transparent;
  border: 1px solid var(--borderColor);
}
@media (max-width: 1200px) {
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item {
    padding: 20px;
  }
}
@media (max-width: 992px) {
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item {
    padding: 30px;
  }
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item h3 {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--borderColor);
  font-size: 24px;
  font-weight: 700;
}
@media (max-width: 676px) {
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item h3 {
    padding-bottom: 16px;
  }
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item .title {
  margin-bottom: 15px;
  color: var(--whiteColor);
  font-size: 16px;
  font-weight: 500;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item ul {
  margin-bottom: 30px;
  border: 1px solid var(--borderColor);
  border-radius: 12px;
  padding: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 767px) {
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item ul {
    gap: 8px;
  }
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item ul li {
  position: relative;
  z-index: 2;
  border-right: 1px solid var(--borderColor);
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item ul li button {
  z-index: 1;
  font-size: 16px;
  padding: 8px 20px;
  min-width: 85px;
  position: relative;
  border-radius: 6px;
  color: var(--whiteColor);
  border: none;
  background-color: transparent;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item ul li button svg {
  margin: -2px 5px 0 0;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item ul li button::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  content: "";
  margin: -1px;
  visibility: hidden;
  position: absolute;
  border-radius: inherit;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background: var(--primaryColor);
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item ul li button:hover::before, .blue-checkout-area .blue-tabs-info .tab-content-info .content-item ul li button.active::before {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1200px) {
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item ul li button {
    padding: 8px 14px;
    min-width: 78px;
  }
}
@media (max-width: 767px) {
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item ul li button {
    font-size: 14px;
    padding: 8px 12px;
    border: 1px solid var(--borderColor);
  }
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item ul li:last-child {
  border-right: none;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item ul li img {
  position: absolute;
  top: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 3;
  display: none;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item ul:last-child {
  margin-bottom: 0;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  padding: 24px 32px;
  background: var(--smokeColor);
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.support h5 {
  margin-bottom: 0;
  font-size: 16px;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.support h5 img {
  width: 28px;
  height: 20px;
  margin-right: 10px;
  border-radius: 2px;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.support h5 span {
  margin-left: 10px;
  color: #CCCCCC;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.support a {
  color: var(--primaryColor) !important;
  text-decoration: underline;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.support a:hover {
  color: var(--whiteColor) !important;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.form .form-group {
  margin-bottom: 25px;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.form .form-group .form-control {
  height: 52px;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  padding-left: 15px;
  border-radius: 12px;
  background-color: transparent;
  color: #CCCCCC;
  border: 1px solid var(--whiteColor);
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.form .form-group .form-control::-webkit-input-placeholder {
  color: #CCCCCC;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.form .form-group .form-control::-moz-placeholder {
  color: #CCCCCC;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.form .form-group .form-control:-ms-input-placeholder {
  color: #CCCCCC;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.form .form-group .form-control::-ms-input-placeholder {
  color: #CCCCCC;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.form .form-group .form-control::placeholder {
  color: #CCCCCC;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.form button {
  border: 0;
  z-index: 1;
  padding: 10px 35px;
  position: relative;
  border-radius: 6px;
  display: inline-block;
  color: var(--whiteColor);
  background-color: var(--primaryColor);
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.form button::before {
  top: 0;
  left: 0;
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 6px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background: linear-gradient(85deg, #49BEFF 9.96%, #0D98E7 94.46%);
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.form button:hover::before {
  opacity: 0;
  visibility: hidden;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker h3 {
  max-width: 200px;
  line-height: 1.6;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker h2 {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker .price-item {
  margin-top: 17px;
  padding-top: 15px;
  border-top: 1px solid #84a4b0;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker .price-item .d-flex {
  margin-bottom: 13px;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker .price-item .d-flex:last-child {
  margin-bottom: 0;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker .price-item p {
  margin-bottom: 0;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker .price-item p a {
  color: #ed4c49;
  margin-left: 10px;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker .price-item p a i {
  top: 2px;
  font-size: 22px;
  margin-right: 1px;
  position: relative;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker .price-item p a:hover {
  color: var(--primaryColor);
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker .price-item span {
  font-size: 16px;
  color: var(--whiteColor);
}
.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker.style-2 {
  margin-top: 55px;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .tab-content-form form {
  margin-bottom: 35px;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .tab-content-form form .form-group {
  margin-bottom: 15px;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .tab-content-form form .form-group .form-label {
  font-size: 18px;
  font-weight: 500;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .tab-content-form form .form-group .form-control {
  border: 0;
  height: 45px;
  color: #a3c5d0;
  border-radius: 0;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  padding-left: 0;
  background-color: transparent;
  border-bottom: 1px solid #84a4b0;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .tab-content-form form .form-group .form-control::-webkit-input-placeholder {
  color: #a3c5d0;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .tab-content-form form .form-group .form-control::-moz-placeholder {
  color: #a3c5d0;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .tab-content-form form .form-group .form-control:-ms-input-placeholder {
  color: #a3c5d0;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .tab-content-form form .form-group .form-control::-ms-input-placeholder {
  color: #a3c5d0;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .tab-content-form form .form-group .form-control::placeholder {
  color: #a3c5d0;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .tab-content-form form .form-group .form-select {
  border: 0;
  height: 45px;
  color: #a3c5d0;
  border-radius: 0;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  padding-left: 0;
  background-color: transparent;
  border-bottom: 1px solid #84a4b0;
}
.blue-checkout-area .blue-tabs-info .tab-content-info .tab-content-form form .form-group .form-select option {
  color: var(--blackColor);
}
.blue-checkout-area .blue-tabs-info .tab-content-info.form-info {
  max-width: 776px;
}
.blue-checkout-area .blue-tabs-info .tab-content-payment .payment-item {
  padding: 12px 18px;
  border-radius: 11px;
  border: 1px solid var(--primaryColor);
}
.blue-checkout-area .blue-tabs-info .tab-content-payment .payment-item h5 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
}
.blue-checkout-area .blue-tabs-info .tab-content-payment .payment-item h5 img {
  margin-right: 10px;
}
.blue-checkout-area .blue-tabs-info .tab-down-info {
  margin-top: 24px;
}
.blue-checkout-area .blue-tabs-info .tab-down-info h2 {
  margin-bottom: 14px;
  font-size: 32px;
  font-weight: 700;
}
.blue-checkout-area .blue-tabs-info .tab-down-info p {
  color: var(--whiteColor);
}
.blue-checkout-area .blue-tabs-info .tab-down-info .form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.blue-checkout-area .blue-tabs-info .tab-down-info .form-check .form-check-input {
  top: -3px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-radius: 100%;
  position: relative;
  background-color: transparent;
  border: 0.833px solid var(--whiteColor);
}
.blue-checkout-area .blue-tabs-info .tab-down-info .form-check .form-check-input:checked {
  border: 0;
  background-color: var(--primaryColor);
}
.blue-checkout-area .blue-tabs-info .tab-down-info .form-check .form-check-label {
  color: var(--whiteColor);
  font-size: 15px;
  font-weight: 400;
}
.blue-checkout-area .blue-tabs-info .tab-down-info .form-check .form-check-label a {
  font-weight: 400;
  color: var(--primaryColor);
  text-decoration: none;
}
.blue-checkout-area .blue-tabs-info .tab-down-info .form-check .form-check-label a:hover {
  color: var(--whiteColor);
}
.blue-checkout-area .blue-tabs-info .tab-down-info .continue {
  border: 0;
  z-index: 1;
  margin-top: 0;
  padding: 15px 25px;
  position: relative;
  border-radius: 99px;
  display: inline-block;
  color: var(--whiteColor);
  background-color: var(--primaryColor);
  width: 100%;
  text-align: center;
}
.blue-checkout-area .blue-tabs-info .tab-down-info .continue i {
  top: 1px;
  margin-left: 4px;
  position: relative;
}
.blue-checkout-area .blue-tabs-info .tab-down-info .continue::before {
  top: 0;
  left: 0;
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: inherit;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background: linear-gradient(85deg, #49BEFF 9.96%, #0D98E7 94.46%);
  opacity: 0;
  visibility: hidden;
}
.blue-checkout-area .blue-tabs-info .tab-down-info .continue:hover {
  color: #fff !important;
}
.blue-checkout-area .blue-tabs-info .tab-down-info .continue:hover::before {
  opacity: 1;
  visibility: visible;
}
.blue-checkout-area .blue-tabs-info .tab-down-info .lock {
  margin-top: 25px;
  font-size: 14px;
  font-weight: 400;
}
.blue-checkout-area .blue-tabs-info .tab-down-info .lock img {
  top: -3px;
  margin-right: 8px;
  position: relative;
}
.blue-checkout-area .blue-footer-section .list {
  margin-top: 80px;
  margin-bottom: 20px;
}
.blue-checkout-area .blue-footer-section .list li {
  margin-right: 15px;
}
.blue-checkout-area .blue-footer-section .list li a {
  font-size: 14px;
  color: var(--primaryColor);
}
.blue-checkout-area .blue-footer-section .list li a:hover {
  color: var(--whiteColor);
}
.blue-checkout-area .blue-footer-section .list li:last-child {
  margin-right: 0;
}
.blue-checkout-area .blue-footer-section .copyright {
  font-size: 14px;
}
.blue-checkout-area .background-image {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: auto;
  width: 100%;
  text-align: center;
  position: absolute;
}

div#wc_checkout_add_ons {
  display: none;
}

.available-info h3 {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 24px;
  margin-top: -0.2em;
}
.available-info .addons-item {
  margin-bottom: 20px;
  color: #fff;
  position: relative;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  cursor: pointer;
  line-height: 1.1;
}
.available-info .addons-item:before {
  content: "";
  display: inline-block;
  height: 18px;
  width: 18px;
  border: 1px solid var(--borderColor);
  background-color: var(--smokeColor);
  border-radius: 4px;
  margin-right: 5px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.available-info .addons-item b {
  font-weight: 400;
  color: #CCCCCC;
}
.available-info .addons-item i {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--primaryColor);
}
.available-info .addons-item p {
  color: var(--paragraphColor);
  font-size: 15px;
  font-weight: 400;
}
.available-info .addons-item.active:before {
  border-color: var(--primaryColor);
  background-color: var(--primaryColor);
  background-image: url('data:image/svg+xml,<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.806488 4.81459L3.17091 6.70613C3.72562 7.14989 4.53014 7.08408 5.00536 6.55607L10.1933 0.791656" stroke="white" stroke-width="1.00573" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.available-info .addons-item:last-child {
  margin-bottom: 0;
}

.coupon-form {
  position: relative;
  z-index: 2;
}
.coupon-form .form-group {
  margin-bottom: 0 !important;
}
.coupon-form #coupon_code {
  background-color: var(--smokeColor) !important;
  border: 1px solid var(--borderColor);
  padding-left: 20px !important;
  height: 50px;
}
.coupon-form .default-btn {
  position: absolute !important;
  top: 7px;
  right: 7px;
  padding: 7px 30px !important;
}

.wt_sc_single_coupon.wt-single-coupon.stitched_padding.active-coupon.checkout_page {
  display: none;
}

ul.woocommerce-error {
  max-width: 978px;
  margin: auto;
  padding: 25px;
  border-radius: 7px;
  margin-bottom: 25px;
  background-color: #112d46;
  color: #fff;
}

.woocommerce-error::before {
  display: none;
}

.content-item.tradelocker div#payment {
  display: none;
}

#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
  max-width: 28px !important;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
  background-color: #fff;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
  content: "";
  display: block;
  border: 1em solid #fff;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  top: -0.75em;
  left: 0;
  margin: -1em 0 0 2em;
}

/* Base styling for payment method radio buttons - using high specificity */
#payment ul.payment_methods li.wc_payment_method input.input-radio[type="radio"],
#add_payment_method #payment ul.payment_methods li input[type="radio"],
.woocommerce-cart #payment ul.payment_methods li input[type="radio"],
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"],
#payment ul.payment_methods li input.input-radio,
.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 12px !important;
  flex-shrink: 0 !important;
}

/* Label-Overlay logic: Style the label to show the checkmark when the input is hidden */
#payment ul.payment_methods li.wc_payment_method label {
  position: relative !important;
  padding-left: 35px !important;
  cursor: pointer !important;
  display: inline-block !important;
  line-height: 22px !important;
}

#payment ul.payment_methods li.wc_payment_method label::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  border: 2px solid #ffffff !important;
  border-radius: 6px !important;
  background-color: transparent !important;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

/* Checked state - style the label's pseudo-element when the (hidden) input is checked */
#payment ul.payment_methods li.wc_payment_method input.input-radio:checked + label::before,
#payment ul.payment_methods li.wc_payment_method input.input-radio[checked="checked"] + label::before,
#add_payment_method #payment ul.payment_methods li input[type="radio"]:checked + label::before,
.woocommerce-cart #payment ul.payment_methods li input[type="radio"]:checked + label::before,
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked + label::before,
#payment ul.payment_methods li input.input-radio:checked + label::before,
.woocommerce-checkout-payment ul.payment_methods li input[type="radio"]:checked + label::before,
input#payment_method_paytiko_gateway:checked + label::before,
input#payment_method_paytiko_gateway[checked="checked"] + label::before {
  background-color: #27A6EF !important;
  border-color: #27A6EF !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px 14px !important;
}

/* Keep original input checked styles for compatibility if not hidden */
#payment ul.payment_methods li.wc_payment_method input.input-radio[type="radio"]:checked,
#add_payment_method #payment ul.payment_methods li input[type="radio"]:checked,
.woocommerce-cart #payment ul.payment_methods li input[type="radio"]:checked,
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked,
#payment ul.payment_methods li input.input-radio:checked,
.woocommerce-checkout-payment ul.payment_methods li input[type="radio"]:checked,
input#payment_method_paytiko_gateway:checked,
input.input-radio[name="payment_method"]:checked,
.wc_payment_method input[type="radio"]:checked {
  background-color: #27A6EF !important;
  border-color: #27A6EF !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px 14px !important;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  border: 0;
  height: 45px;
  color: #a3c5d0;
  border-radius: 0;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  padding-left: 0;
  background-color: transparent;
  border-bottom: 1px solid #84a4b0;
}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--primaryColor) !important;
}
.woocommerce form .form-row input.input-text::-webkit-input-placeholder, .woocommerce form .form-row textarea::-webkit-input-placeholder {
  color: #a3c5d0;
}
.woocommerce form .form-row input.input-text::-moz-placeholder, .woocommerce form .form-row textarea::-moz-placeholder {
  color: #a3c5d0;
}
.woocommerce form .form-row input.input-text:-ms-input-placeholder, .woocommerce form .form-row textarea:-ms-input-placeholder {
  color: #a3c5d0;
}
.woocommerce form .form-row input.input-text::-ms-input-placeholder, .woocommerce form .form-row textarea::-ms-input-placeholder {
  color: #a3c5d0;
}
.woocommerce form .form-row input.input-text::placeholder, .woocommerce form .form-row textarea::placeholder {
  color: #a3c5d0;
}

.woocommerce-billing-fields__field-wrapper {
  margin-bottom: 30px;
}

.account-information {
  padding: 25px;
  border-radius: 7px;
  margin-bottom: 25px;
  background-color: #112d46;
}

.woocommerce form .form-row h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}

td.product-name {
  font-weight: 500;
}

.woocommerce table.shop_table {
  border: none;
  margin: 0;
  border-radius: 0;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background: transparent;
  border-radius: inherit;
  padding: 0;
  margin: 0;
}

.woocommerce-terms-and-conditions-wrapper {
  text-align: center;
  max-width: 630px;
  margin: auto;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  float: unset;
  text-align: center;
  display: block;
  max-width: 100%;
  width: 100%;
  margin: auto;
  border: 0;
  z-index: 1;
  margin-top: 25px;
  padding: 15px 25px !important;
  line-height: 1.5;
  position: relative;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 99px;
  color: var(--whiteColor);
  background-color: var(--primaryColor);
}
.woocommerce #payment #place_order::before,
.woocommerce-page #payment #place_order::before {
  top: 0;
  left: 0;
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: inherit;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background: linear-gradient(85deg, #49BEFF 9.96%, #0D98E7 94.46%);
  visibility: hidden;
  opacity: 0;
}

.make-payment-tab-final .woocommerce-Price-currencySymbol {
  display: inline !important;
  color: inherit !important;
}

.woocommerce form .form-row.woocommerce-invalid label {
  color: #ff2020;
}

.woocommerce form .form-row select {
  --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3e%3cpath fill="none" stroke="%23343a40" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m2 5 6 6 6-6"/%3e%3c/svg%3e);
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  border: 0;
  height: 45px;
  color: #a3c5d0;
  border-radius: 0;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  padding-left: 0;
  background-color: transparent;
  border-bottom: 1px solid #84a4b0;
}

.f_checkout_loading .woocommerce-checkout::before {
  position: absolute;
  content: "";
  background: white;
  height: 100%;
  width: 100%;
  z-index: 9999;
  opacity: 0.5;
  border-radius: 9px;
  max-width: 978px;
  left: 0;
  right: 0;
  margin: auto;
}

.make-payment-tab-final span {
  display: block;
  margin-top: 13px;
  color: #ff4d4d;
}

.btn-disable {
  pointer-events: none;
  cursor: default;
  opacity: 0.2;
  position: relative;
}

.woocommerce-cart .container {
  display: none;
}

/* ================================================================== */
.header-top .top-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-top .top-logo {
  padding: 8px 24px;
}
.header-top .top-logo:hover {
  background-color: rgba(255, 255, 255, 0.03);
}
.header-top .top-logo.active {
  background-color: rgba(255, 255, 255, 0.05);
}

.header-ticker {
  background-color: var(--primaryColor);
  padding: 7px 0;
  overflow: hidden;
}
.header-ticker .marquee-text {
  color: var(--whiteColor);
  font-size: 16px;
}
.header-ticker .js-marquee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}
.header-ticker .js-marquee span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

.ot-header {
  padding-top: 12px;
}

.content-item .woocommerce-checkout-review-order {
  margin: -14px 0;
}
.content-item .woocommerce-terms-and-conditions-wrapper {
  text-align: left;
  max-width: 100%;
  margin: auto;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table td,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table th {
  padding: 14px 0;
  border-top: 1px solid var(--borderColor);
}

.tab-down-info > p {
  border-bottom: 1px solid var(--borderColor);
  padding-bottom: 32px;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .tab-down-info > p {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}

.blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tab-down-info {
  background: var(--smokeColor);
}

.woocommerce form .form-row {
  padding: 0;
  margin: 0;
}
.woocommerce form .form-row textarea,
.woocommerce form .form-row input.input-text {
  height: 54px;
  color: #CCCCCC;
  border-radius: 12px;
  padding: 0 16px;
  background-color: var(--smokeColor);
  border: 1px solid var(--borderColor);
}
.woocommerce form .form-row label {
  font-size: 16px;
  color: #fff;
  font-family: var(--body-font-family);
  margin-bottom: 8px;
}
.woocommerce form .form-row label.screen-reader-text {
  display: block;
  height: auto;
  visibility: hidden;
  width: 100%;
  position: relative !important;
  opacity: 1;
  clip: unset;
  -webkit-clip-path: unset;
          clip-path: unset;
  margin: 0;
  margin-bottom: 8px;
  overflow: auto;
}
.woocommerce form .form-row select {
  height: 54px;
  padding: 0 16px;
  color: #CCCCCC;
  border-radius: 12px;
  background-color: var(--smokeColor);
  border-bottom: 1px solid var(--borderColor);
}
.woocommerce form .form-row select:focus {
  border-color: var(--primaryColor);
}
.woocommerce form .form-row select:valid {
  border: 1px solid var(--borderColor);
}
.woocommerce form .form-row select:invalid {
  border: 1px solid var(--wc-red);
}
.woocommerce form .form-row > h3 {
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.woocommerce form .form-row-wide {
  clear: none;
}
.woocommerce form #billing_company_field,
.woocommerce form #billing_phone_field {
  margin-bottom: 0;
}
.woocommerce form .form-row#billing_email_field {
  margin-top: 0;
  padding-bottom: 48px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--borderColor);
}
@media (max-width: 767px) {
  .woocommerce form .form-row#billing_email_field {
    padding-bottom: 24px;
    margin-bottom: 2px;
  }
}
.woocommerce form .form-row.place-order {
  padding: 0 !important;
  margin: 0;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .woocommerce form .form-row {
    width: 100% !important;
    float: none !important;
  }
  .woocommerce form .form-row#billing_company_field {
    margin-bottom: 24px !important;
  }
}

.woocommerce-billing-fields__field-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 0 !important;
}
.woocommerce-billing-fields__field-wrapper .form-row {
  width: 100%;
  -webkit-box-flex: calc(50% - 12px);
      -ms-flex: calc(50% - 12px);
          flex: calc(50% - 12px);
}
.woocommerce-billing-fields__field-wrapper .form-row#billing_email_field, .woocommerce-billing-fields__field-wrapper .form-row#email_label_field, .woocommerce-billing-fields__field-wrapper .form-row#billing_details_field {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
}
@media (max-width: 767px) {
  .woocommerce-billing-fields__field-wrapper {
    gap: 12px;
  }
  .woocommerce-billing-fields__field-wrapper .form-row label {
    display: none !important;
  }
}

.content-item.checkout-information .woocommerce-additional-fields,
.content-item.checkout-information .woocommerce-shipping-fields {
  display: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0 16px;
  line-height: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #CCCCCC;
  line-height: 54px;
}

.select2-container .select2-dropdown, .select2-container .select2-selection {
  background-color: var(--smokeColor);
  border: 1px solid var(--borderColor);
  border-radius: 12px;
  height: 54px;
}

.select2-results {
  background-color: var(--smokeColor);
  color: var(--whiteColor);
}
.select2-results li {
  color: var(--whiteColor);
}

.tab-content-payment {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.tab-content-payment h3 {
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.tab-content-payment .title {
  margin-bottom: 0 !important;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  text-align: left;
  padding: 0;
  border: none;
  border-bottom: none;
  margin: 0;
  display: block;
}
#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
  border: none !important;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  background-color: var(--smokeColor);
  color: var(--whiteColor);
  border: 1px solid var(--borderColor);
  border-radius: 12px;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
  content: "";
  display: block;
  border: 1em solid var(--smokeColor);
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  top: -0.75em;
  left: 0;
  margin: -1em 0 0 2em;
}

.footer-links-wrapper .text-weight-bold {
  font-size: 16px;
  font-weight: 700;
  color: var(--whiteColor);
  margin-bottom: 24px;
}

.footer-links-bottom a {
  font-size: 16px;
  color: #CCCCCC !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-bottom: 10px;
}
.footer-links-bottom a:last-child {
  margin-bottom: 0;
}
.footer-links-bottom a:hover {
  color: var(--primaryColor) !important;
}

.footer-top-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  max-width: 570px;
}
@media (max-width: 991px) {
  .footer-top-left {
    margin-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .footer-top-left {
    gap: 40px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .footer-top-left .footer-links-wrapper {
    -webkit-box-flex: calc(50% - 40px);
        -ms-flex: calc(50% - 40px);
            flex: calc(50% - 40px);
  }
}

.footer-big-logo {
  margin: 48px 0;
}

.footer-bottom p {
  font-size: 14px;
  color: #CCCCCC;
  margin-bottom: 24px;
}
.footer-bottom p:last-of-type {
  margin-bottom: 0;
}

.footer-logos-wrrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  padding: 48px 0;
}
@media (max-width: 575px) {
  .footer-logos-wrrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.woocommerce-checkout .wt_sc_pagination {
  width: 100%;
  clear: both;
  margin-bottom: 15px;
  text-align: right;
  display: none;
}/*# sourceMappingURL=style.css.map */