.custom-template--27660350718274__categories_image_W9ygcr .pricing-grid {
  display: flex;
  gap: 30px;
  justify-content: space-between;
}

.custom-template--27660350718274__categories_image_W9ygcr .pricing-card {
  display: flex;
  flex-direction: column;
  position: relative;
}

.custom-template--27660350718274__categories_image_W9ygcr .pricing-card-wp {
  flex: 1;
  border: 1px solid rgb(var(--border-color));
  background-color: #ffffff;
  border-radius: var(--block-border-radius-reduced);
}

.custom-template--27660350718274__categories_image_W9ygcr .pricing-image--item img {
  height: 120px;
  width: 100%;
  border-radius: var(--block-border-radius-reduced);
}

.custom-template--27660350718274__categories_image_W9ygcr .pricing-card--popular .pricing-card {
  background-color: #ffffff;
}

.custom-template--27660350718274__categories_image_W9ygcr .popular-badge {
  background-color: var(--primary_hover);
  color: #fff;
  padding: 4px 14px;
  border-radius: 14px;
  font-weight: bold;
  font-size: 13px;
  white-space: nowrap;
  line-height: 18px;
  position: absolute;
  top: -13px;
  left: 40px;
}

.custom-template--27660350718274__categories_image_W9ygcr .plan-price-sale {
  color: var(--color-type);
  text-decoration-line: line-through;
}

.custom-template--27660350718274__categories_image_W9ygcr .price-period {
  color: rgb(var(--color-body));
}

.custom-template--27660350718274__categories_image_W9ygcr .plan-details {
    text-align: left;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgb(var(--border-color));
}

.custom-template--27660350718274__categories_image_W9ygcr .plan-details h4 {
  font-size: 20px;
  color: rgb(var(--heading-color));
  margin-bottom: 10px;
  line-height: 30px;
  letter-spacing: -0.03em;
  font-weight: 700;
}

.custom-template--27660350718274__categories_image_W9ygcr .plan-features li {
  display: flex;
  align-items: center;
  line-height: 40px;
  font-weight: 500;
  color: rgb(var(--heading-color));
}

.custom-template--27660350718274__categories_image_W9ygcr .check-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  background-color: #000;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M6.66667 13.3333C10.3485 13.3333 13.3333 10.3485 13.3333 6.66667C13.3333 2.98477 10.3485 0 6.66667 0C2.98477 0 0 2.98477 0 6.66667C0 10.3485 2.98477 13.3333 6.66667 13.3333ZM10.3047 4.97141L6 9.27613L3.19526 6.4714L4.13807 5.5286L6 7.39053L9.36193 4.02859L10.3047 4.97141Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M6.66667 13.3333C10.3485 13.3333 13.3333 10.3485 13.3333 6.66667C13.3333 2.98477 10.3485 0 6.66667 0C2.98477 0 0 2.98477 0 6.66667C0 10.3485 2.98477 13.3333 6.66667 13.3333ZM10.3047 4.97141L6 9.27613L3.19526 6.4714L4.13807 5.5286L6 7.39053L9.36193 4.02859L10.3047 4.97141Z' fill='black'/%3E%3C/svg%3E");

  /* Đảm bảo mask phủ kín phần tử */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.custom-template--27660350718274__categories_image_W9ygcr .plan-features li:has(sp) .check-icon {
  background-color: var(--color-type);
}
.custom-template--27660350718274__categories_image_W9ygcr .plan-features li:has(sp) {
  color: var(--color-type);
}

.custom-template--27660350718274__categories_image_W9ygcr .hidden { 
  display:none !important; 
}

.custom-template--27660350718274__categories_image_W9ygcr .pricing-toggle-wrapper { 
  display:flex; 
  align-items:center; 
  gap: 20px;
  font-weight: 700; 
  user-select:none; 
}




.custom-template--27660350718274__categories_image_W9ygcr .toggle-label {
  transition: color .4s;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 26px;
  font-family: var(--hd-font-family);
  opacity: .2;
}

.custom-template--27660350718274__categories_image_W9ygcr .toggle-label.active {
  color: rgb(var(--heading-color));
  opacity: 1;
}



.custom-template--27660350718274__categories_image_W9ygcr .switch input { 
  opacity:0; 
  width:0; 
  height:0; 
}

.custom-template--27660350718274__categories_image_W9ygcr .slider { 
  position:absolute; 
  cursor:pointer; 
  top:0; left:0; 
  right:0; 
  bottom:0; 
  background-color:#E3EBEB; 
  transition: background-color .4s; 
  border-radius:30px; 
}

.custom-template--27660350718274__categories_image_W9ygcr .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 5px;
  bottom: 5px;
  background-color: var(--primary);
  transition: transform .4s;
  border-radius: 50%;
}

.custom-template--27660350718274__categories_image_W9ygcr input:checked + .slider { 
  background-color:#E3EBEB; 
}

.custom-template--27660350718274__categories_image_W9ygcr input:checked + .slider:before { 
  transform:translateX(30px); 
}

.custom-template--27660350718274__categories_image_W9ygcr .categories-toggle {
  margin-bottom: 60px;
}

.switch {
  --_switch-bg-clr: #000;
  --_switch-padding: 6px;
  --_slider-bg-clr: #fff;
  --_slider-bg-clr-on: #fff;
  --_slider-txt-clr: #ffffff;
  --_label-padding: 0.9rem 1.5rem;
  --_switch-easing: cubic-bezier(
    0.47,
    1.64,
    0.41,
    0.8
  ); /* easing on toggle switch */
  color: white;
  width: fit-content;
  display: flex;
  justify-content: center;
  position: relative;
  border-radius: 9999px;
  cursor: pointer;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  position: relative;
  isolation: isolate;
}
.switch input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.switch > span {
  display: flex;
  gap: 4px;
  place-content: center;
  transition: opacity 300ms ease-in-out 150ms;
  padding: var(--_label-padding);
}
.switch::before,
.switch::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  transition: inset 150ms ease-in-out;
}
/* switch slider */
.switch::before {
  background-color: var(--_slider-bg-clr);
  inset: var(--_switch-padding) 50% var(--_switch-padding)
    var(--_switch-padding);
  transition:
    inset 500ms var(--_switch-easing),
    background-color 500ms ease-in-out;
  z-index: -1;
  box-shadow:
    inset 0 1px 1px rgba(0, 0, 0, 0.3),
    0 1px rgba(255, 255, 255, 0.3);
}
/* switch bg color */
.switch::after {
  background-color: var(--_switch-bg-clr);
  inset: 0;
  z-index: -2;
}
/* switch hover & focus */
.switch:focus-within::after {
  inset: -0.25rem;
}
.switch:has(input:checked):hover > span:first-of-type,
.switch:has(input:not(:checked)):hover > span:last-of-type {
  opacity: 1;
  transition-delay: 0ms;
  transition-duration: 100ms;
}
/* switch hover */
.switch:has(input:checked):hover::before {
  inset: var(--_switch-padding) var(--_switch-padding) var(--_switch-padding)
    45%;
}
.switch:has(input:not(:checked)):hover::before {
  inset: var(--_switch-padding) 45% var(--_switch-padding)
    var(--_switch-padding);
}
/* checked - move slider to right */
.switch:has(input:checked)::before {
  background-color: var(--_slider-bg-clr-on);
  inset: var(--_switch-padding) var(--_switch-padding) var(--_switch-padding)
    50%;
}
/* checked - set opacity */
.switch > span:last-of-type,
.switch > input:checked + span:first-of-type {
  opacity: 1;
}
.switch > input:checked ~ span:last-of-type {
  opacity: 1;
}

@media (max-width: 767px) {
  .custom-template--27660350718274__categories_image_W9ygcr .pricing-grid {
    gap: 15px 0;
  }
  .custom-template--27660350718274__categories_image_W9ygcr .pricing-card--popular {
    margin-bottom: 0;
    margin-top: 0;
  }
  .custom-template--27660350718274__categories_image_W9ygcr .categories-toggle {
    margin-bottom: 40px;
  }
}


  .custom-template--27660350718274__categories_image_W9ygcr #block-plan_RCeMnz .pricing-card {
    border-radius: 20px;
    padding: 20px 15px;
  }
  .custom-template--27660350718274__categories_image_W9ygcr #block-plan_RCeMnz .pricing-card--popular .pricing-card {
    border-radius: 0 0 20px 20px;
  }
  @media (min-width: 768px) {
    .custom-template--27660350718274__categories_image_W9ygcr #block-plan_RCeMnz .pricing-card {
      border-radius: 0 0 20px 20px;
    }
  }
  @media (min-width: 1200px) {
    .custom-template--27660350718274__categories_image_W9ygcr #block-plan_RCeMnz .pricing-card {
      padding: 30px 40px 40px 40px;
    }
  }

  .plan-purchase-button {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
  }

  .plan-purchase-button:hover {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
  }

  #block-plan_RCeMnz .plan-purchase-button > span {
    display: inline-block;
    overflow: hidden;
    position: relative;
  }

  #block-plan_RCeMnz .plan-purchase-button > span > span {
    display: inline-block;
    transition: transform 0.4s ease;
    position: relative;
  }

  #block-plan_RCeMnz .plan-purchase-button > span > span::before {
    content: attr(data-text);;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    transition: inherit;
  }   

  #block-plan_RCeMnz .plan-purchase-button:hover > span > span {
    transform: translateY(-100%);
  }
  .custom-template--27660350718274__categories_image_W9ygcr .pricing-card--popular .price-value{
    color: var(--primary_hover);
  }

  .custom-template--27660350718274__categories_image_W9ygcr .pricing-card--popular .check-icon {
    background-color: var(--primary_hover);
  }

  .custom-template--27660350718274__categories_image_W9ygcr .pricing-card--popular .plan-purchase-button {
    background-color: var(--primary_hover);
    border: 1px solid var(--primary_hover);
  }
  .custom-template--27660350718274__categories_image_W9ygcr .pricing-card--popular .plan-purchase-button:hover {
    background-color: #fff;
    color: var(--primary_hover);
    border: 1px solid var(--primary_hover);
  }

  .custom-template--27660350718274__categories_image_W9ygcr #block-plan_ekMnMk .pricing-card {
    border-radius: 20px;
    padding: 20px 15px;
  }
  .custom-template--27660350718274__categories_image_W9ygcr #block-plan_ekMnMk .pricing-card--popular .pricing-card {
    border-radius: 0 0 20px 20px;
  }
  @media (min-width: 768px) {
    .custom-template--27660350718274__categories_image_W9ygcr #block-plan_ekMnMk .pricing-card {
      border-radius: 0 0 20px 20px;
    }
  }
  @media (min-width: 1200px) {
    .custom-template--27660350718274__categories_image_W9ygcr #block-plan_ekMnMk .pricing-card {
      padding: 30px 40px 40px 40px;
    }
  }

  .plan-purchase-button {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
  }

  .plan-purchase-button:hover {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
  }

  #block-plan_ekMnMk .plan-purchase-button > span {
    display: inline-block;
    overflow: hidden;
    position: relative;
  }

  #block-plan_ekMnMk .plan-purchase-button > span > span {
    display: inline-block;
    transition: transform 0.4s ease;
    position: relative;
  }

  #block-plan_ekMnMk .plan-purchase-button > span > span::before {
    content: attr(data-text);;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    transition: inherit;
  }   

  #block-plan_ekMnMk .plan-purchase-button:hover > span > span {
    transform: translateY(-100%);
  }
  .custom-template--27660350718274__categories_image_W9ygcr .pricing-card--popular .price-value{
    color: var(--primary_hover);
  }

  .custom-template--27660350718274__categories_image_W9ygcr .pricing-card--popular .check-icon {
    background-color: var(--primary_hover);
  }

  .custom-template--27660350718274__categories_image_W9ygcr .pricing-card--popular .plan-purchase-button {
    background-color: var(--primary_hover);
    border: 1px solid var(--primary_hover);
  }
  .custom-template--27660350718274__categories_image_W9ygcr .pricing-card--popular .plan-purchase-button:hover {
    background-color: #fff;
    color: var(--primary_hover);
    border: 1px solid var(--primary_hover);
  }

  .custom-template--27660350718274__categories_image_W9ygcr #block-plan_V3NdjX .pricing-card {
    border-radius: 20px;
    padding: 20px 15px;
  }
  .custom-template--27660350718274__categories_image_W9ygcr #block-plan_V3NdjX .pricing-card--popular .pricing-card {
    border-radius: 0 0 20px 20px;
  }
  @media (min-width: 768px) {
    .custom-template--27660350718274__categories_image_W9ygcr #block-plan_V3NdjX .pricing-card {
      border-radius: 0 0 20px 20px;
    }
  }
  @media (min-width: 1200px) {
    .custom-template--27660350718274__categories_image_W9ygcr #block-plan_V3NdjX .pricing-card {
      padding: 30px 40px 40px 40px;
    }
  }

  .plan-purchase-button {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
  }

  .plan-purchase-button:hover {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
  }

  #block-plan_V3NdjX .plan-purchase-button > span {
    display: inline-block;
    overflow: hidden;
    position: relative;
  }

  #block-plan_V3NdjX .plan-purchase-button > span > span {
    display: inline-block;
    transition: transform 0.4s ease;
    position: relative;
  }

  #block-plan_V3NdjX .plan-purchase-button > span > span::before {
    content: attr(data-text);;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    transition: inherit;
  }   

  #block-plan_V3NdjX .plan-purchase-button:hover > span > span {
    transform: translateY(-100%);
  }
  .custom-template--27660350718274__categories_image_W9ygcr .pricing-card--popular .price-value{
    color: var(--primary_hover);
  }

  .custom-template--27660350718274__categories_image_W9ygcr .pricing-card--popular .check-icon {
    background-color: var(--primary_hover);
  }

  .custom-template--27660350718274__categories_image_W9ygcr .pricing-card--popular .plan-purchase-button {
    background-color: var(--primary_hover);
    border: 1px solid var(--primary_hover);
  }
  .custom-template--27660350718274__categories_image_W9ygcr .pricing-card--popular .plan-purchase-button:hover {
    background-color: #fff;
    color: var(--primary_hover);
    border: 1px solid var(--primary_hover);
  }
    

   /* the band carries the base theme's own pricing-page banner rather than a flat
      fill, the same way the hero and the contact section carry theirs */
   .gt-offer {
     background-color: #020c1f;
     background-image: url('/build-shopify/geotech/assets/theme/banner-pricingplan.jpg');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
   }