.fl-button {
  transition: all 0.3s ease !important;
}
.fl-button:hover {
	transform: scale(1.04);
}

.list_Col ul {
  padding: 0;
}
.list_Col li {
	background: #f5f5f5;
	padding: 15px;
	border-radius: 16px;
	list-style: none;
}
.list_Col li::before {
	content: "✔ ";
	color: #034638;
	margin-right: 5px;
}

/* home form css start */
.get_continue_home_form {
	display: none;
}
.home-form-new{
  display:flex;
}
.home-form-new {
	display: flex;
	align-items: flex-end;
	gap: 16px;
	background: #fff;
	padding: 0;
	border-radius: 20px;
}
.home-hero-sec-bg {
    position: relative;
    z-index: 5;
}
.page-id-25 .pixl-header .fl-button {
	display: none !important;
}
/* 
.home-hero-sec-bg .fl-row-content-wrap::after {
	content: "";
	position: absolute;
	top: -110px;
	right: -136px;
	width: 1000px;
	height: 1000px;
	background: url("https://myhappyclient.com/pixlstage/wp-content/uploads/2026/04/Ellipse-2-1-1.png") no-repeat;
	background-size: contain;
	z-index: 0;
	pointer-events: none;
}
.home-hero-sec-bg .fl-row-content-wrap {
	backdrop-filter: blur(1000px);
	background: linear-gradient( 120deg, #fff 0%, #ffffff 40%, #ffffff 75%, #f9fdfc 100% );
} */



/* parent ko vertical stack bana de */
.home-form-new {
  display: flex;
  flex-wrap: wrap;
}

/* error ko last me push kar */
.error_map_distance {
  width: 100%;
  order: 999; /* sabse last */
  margin-top: 12px;
  text-align: center;
}



/* .home-form-new > div {
    flex: 1;
} */
#pixlAccordion .next-btn.next-btn-home {
	width: 100% !important;
  padding-right: 40px !important;
}
/* labels */
.home-form-new label {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 6px;
    display: block;
}

/* inputs */
.home-form-new input[type="text"] {
    width: 100%;
    height: 48px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    padding: 0 14px 0 38px;
    font-size: 14px;
    background: #f9fafb;
    outline: none;

    transition: all 0.3s ease;
}

/* focus smooth */
.home-form-new input[type="text"]:focus {
    border-color: #3DA3D4;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(61,163,212,0.1);
}

/* location icon (input ke andar) */
.home-form-new .adress-icon {
    background-image: url("https://cdn-icons-png.flaticon.com/512/684/684908.png");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 12px center;
}
#pixlAccordion .accordion-item:nth-child(1), #pixlAccordion .accordion-item:nth-child(2) {
	border-bottom: none;
}
#pixlAccordion .next-btn.next-btn-home:hover {
	background-position: 83% !important;
}
#pixlAccordion .get_started_home_form .next-btn.next-btn-home {
	background-position: 73% !important;
}
.home-form-new .home-hero-btn {
    display: block;
    align-items: center;
}

.home-form-new .next-btn-home {
    height: 48px;
    padding: 0 26px;
    border-radius: 30px;
    background: linear-gradient(135deg, #2bbf9c, #3DA3D4);
    color: #fff;
    border: none;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;

    transition: all 0.3s ease;
}

.home-form-new .next-btn-home:hover {
    transform: scale(1.04);
}

.home-form-new .home-hero-btn {
	display: block;
}
#pixlAccordion {
	max-width: 1140px !important;
}

/* parent flex */
.home-form-new {
    display: flex;
    gap: 20px;
}

/* 👇 inputs ko zyada width */
.home-form-new .home-single-input {
    flex: 1.2;  
}

/* 👇 button ko chota */
.home-form-new .home-hero-btn {
    flex: 0.6;  
}

/* button width control */
.home-form-new .next-btn-home {
    width: auto;
    min-width: 140px; 
    height: 48px;
    padding: 0 20px;
    border-radius: 30px;
} 
.home-form-main-div {
    position: relative;
    z-index: 5;
    border-radius: 16px;
    padding: 24px;
    background: #fff;
}
#pixlAccordion.pixlHomeAccordion {
  	/* box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px !important; */
    box-shadow: 0px 20px 100px 0px #04060F29;
}



.uniq-head span {
    position: relative;
    display: inline-block;
    color: #22BB9C;
}

.uniq-head span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 110%;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 311 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M173.984 0.461201C180.846 0.684188 186.264 -0.15918 194.615 0.0270556C194.745 0.0299799 194.873 0.0329778 194.999 0.0360459C203.031 0.25804 204.38 0.724027 213.819 0.863919C223.404 1.01914 232.985 1.7394 237.253 1.74247C241.522 1.74732 241.948 2.33858 248.01 2.5185C254.071 2.70531 257.717 2.9876 263.011 3.49008C268.269 3.9744 284.502 5.21921 290.446 5.44882C296.325 5.65302 303.09 6.5926 307.116 7.02986C308.321 7.16123 309.381 7.29339 310.122 7.40079C310.205 7.41258 310.265 7.42357 310.311 7.43419C310.333 7.43949 310.353 7.4447 310.369 7.44985C310.411 7.4573 310.45 7.46463 310.473 7.47077C310.567 7.49528 310.539 7.5114 310.543 7.53009C310.543 7.53011 310.543 7.53014 310.543 7.53016C310.532 7.55212 310.578 7.57893 310.38 7.57903C310.277 7.58758 310.17 7.59078 309.907 7.57056C307.942 7.42608 304.886 7.24191 301.344 7.12326C294.641 6.90194 294.034 6.50649 285.038 6.01379C276.116 5.54243 270.713 5.49806 260.186 4.66909C249.695 3.87015 247.209 4.5676 232.38 3.43544C217.531 2.37082 215.931 3.20552 201.121 3.04298C199.135 3.02785 197.063 3.00646 194.977 2.98421C181.471 2.85339 166.38 2.44379 158.657 2.48327C149.715 2.52396 137.712 2.65903 125.04 2.6692C112.36 2.6767 96.7532 3.23367 82.7558 3.47902C70.1229 3.67158 52.7449 4.30261 42.8636 5.10552C41.8026 5.18594 40.844 5.24402 39.9408 5.29757C30.8011 5.79627 28.5849 5.87363 19.8078 6.54184C14.7578 6.92073 7.80812 7.28256 1.90559 7.3982C-1.04404 7.45457 -0.374639 7.25363 2.57675 7.00232C6.93975 6.63134 10.4942 6.49217 12.735 6.15302C17.1837 5.47582 19.0828 5.20483 24.7518 5.07981C30.4255 4.95136 33.0361 4.23816 36.346 4.06518C38.2707 3.95813 39.0944 4.04311 42.7364 3.7687C45.3043 3.56206 49.3792 3.19181 56.3113 2.65762C73.0745 1.42123 82.3045 1.17939 88.6635 0.917677C95.0119 0.671071 108.301 0.664471 118.672 0.444998C129.035 0.196592 150.106 0.19163 158.608 0.0442759C167.106 -0.113404 167.113 0.242512 173.984 0.461201Z' fill='%2322BB9C'/%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
}


/****Stripe*******/
.stripe-overlay {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0;
  background: rgba(0,0,0,0.6);
  width: 100%;
}

#stripe-modal .stripe-box {
  width: 360px;
  background: #fff;
  margin: 80px auto;
  border-radius: 12px;
  padding: 30px 25px;
  text-align: center;
  position: relative;
}

#stripe-modal .stripe-close {
  position: absolute;
  right: 15px;
  top: 12px;
  cursor: pointer;
}

#stripe-modal .stripe-logo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: -85px auto 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}

#stripe-modal .stripe-logo img {
  width: 85px;
}

#stripe-modal .subtitle {
  color: #777;
  margin-bottom: 20px;
}

#stripe-modal .form-group {
  margin-bottom: 15px;
}

#stripe-modal input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
}

#stripe-modal .stripe-input {
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
}

#stripe-modal .card-row {
  display: flex;
  gap: 10px;
}

#stripe-modal .card-row .stripe-input {
  width: 50%;
}

#stripe-modal .pay-btn {
  width: 100%;
  background: linear-gradient(#4fa3d1,#2d89c6);
  color: #fff;
  border: none;
  padding: 12px;
  border-radius: 6px;
  cursor: pointer;
}

#stripe-modal .pay-trigger {
  background: #2d89c6;
  color: #fff;
  padding: 12px 18px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
/***Stripe***/

.header_Button a span sup {
  top: 0;
}
.header_Button a span {
	display: flex;
	justify-content: center;
	gap: 5px;
}
.header_Button a span::after {
	background-image: url("https://pixllines.com/wp-content/uploads/2025/12/Arrow-Right_imresizer.png") !important;
	text-align: center;
	padding-left: 0 !important;
	content: "";
	width: 20px;
	height: 20px;
	display: flex;
}
.get_button a {
	background: #22bb9c;
	color: #fff;
	padding: 15px 20px !important;
	border-radius: 100px !important;
	display: flex !important;
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}
.get_button a:hover,
.get_button a:focus {
  background-color: #034638;
  color: #fff;
}
.get_button a img {
	width: auto;
	position: inherit;
	margin-left: 10px;
	margin-bottom: 0 !important;
}
.get_button {
	display: none;
}

@media (max-width: 1200px) {
.home-form-new .home-single-input {
	flex: 0.9;
}
.home-hero-sec-bg::after {
	top: -215px;
}
}
@media (max-width: 992px) {
    #stripe-modal .stripe-box {
    width: 90%;
  }
.home-form-new {
	display: flex;
	flex-direction: column;
}
.home-form-new .home-single-input {
	width: 100%;
}
.home-form-new .home-hero-btn {
	width: 100%;
}
#pixlAccordion .get_started_home_form .next-btn.next-btn-home {
	background-position: 62% !important;
}
#pixlAccordion .get_started_home_form .next-btn.next-btn-home:hover {
	background-position: 62% !important;
}
}
@media (max-width: 768px) {
.get_button {
	display: block !important;
}  
    #stripe-modal .stripe-box {
        width: 98%;
      }
    .home-hero-sec-bg::after {
	right: 0;
	width: 100%;
	height: 100%;
}
    #pixlAccordion {
	border-radius: 16px;
}
#pixlAccordion .next-btn.next-btn-home {
	margin: 5px auto !important;
}
#pixlAccordion label {
	margin-top: 10px !important;
}
#pixlAccordion h2 {
	font-size: 25px !important;
}
.home-form-main-div {
	border-radius: 8px;
	margin-top: -40px;
	padding: 20px 0 0;
}
    .home-form-main-div h2{
  padding-top: 20px;
    }
    #pixlAccordion.pixlHomeAccordion {
	margin-right: -6px !important;
	margin-left: -6px !important;
	padding-top: 25px;
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px !important;
  position: relative;
}
  }

@media (max-width: 530px) {

#pixlAccordion .get_started_home_form .next-btn.next-btn-home {
	background-position: 70% !important;
}
#pixlAccordion .get_started_home_form .next-btn.next-btn-home:hover {
	background-position: 70% !important;
}
}

@media (max-width: 380px) {

#pixlAccordion .get_started_home_form .next-btn.next-btn-home {
	background-position: 75% !important;
}
#pixlAccordion .get_started_home_form .next-btn.next-btn-home:hover {
	background-position: 75% !important;
}
}
/* home form css end */



/* slider css start */
.moves-clean-slider {
      max-width: 1280px;
      margin: 0 auto;
      position: relative;
    }
#customScrollbar {
	background-color: #A7E4D7;
	height: 10px !important;
}
    /* Swiper container */
    .moves-clean-slider .slider-main {
      overflow: hidden;
      padding-bottom: 30px;
    }

    /* Card styling */
    .moves-clean-slider .move-card {
      background: white;
      border-radius: 16px;
      padding: 24px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
      text-decoration: none;
      color: inherit;
      display: flex;
      flex-direction: column;
      height: 100%;
      transition: none;
    }

    .moves-clean-slider .move-card:active {
      transform: scale(0.98);
    }

    /* Card header - heading + arrow */
    .moves-clean-slider .card-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 15px;
      margin-bottom: 20px;
    }

    .moves-clean-slider .card-header h3 {
      font-size: 22px;
      font-weight: 800;
      color: #1a1a2e;
      line-height: 1.3;
      margin: 0;
    }
    .moves-clean-slider .move-card p {
      font-size: 18px;
      line-height: 1.4;
    }
.moves-clean-slider .arrow-icon {
	background: white;
	border: 1px solid #e0e0e0;
	width: 55px;
	height: 55px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	flex-shrink: 0;
	color: #1e293b;
	cursor: pointer;
}

    .moves-clean-slider .arrow-icon:active {
      transform: scale(0.95);
    }

    /* Card image */
    .moves-clean-slider .card-image {
      width: 100%;
      height: 200px;
      object-fit: cover;
      border-radius: 8px;
      display: block;
      margin-top: auto;
    }

    /* Swiper slide */
    .moves-clean-slider .swiper-slide {
      height: auto;
    }

    /* ===== CHOTA SCROLLBAR - NICHE (BOTTOM) ===== */
    .moves-clean-slider .scrollbar-wrapper {
      display: flex;
      justify-content: center;
      margin-top: 20px;
      margin-bottom: 10px;
    }

    .moves-clean-slider .custom-scrollbar {
      width: 180px !important;
      height: 5px !important;
      background: #e2e8f0;
      border-radius: 20px;
      position: relative !important;
      left: auto !important;
      top: auto !important;
      bottom: auto !important;
      transform: none !important;
    }

    .moves-clean-slider .swiper-scrollbar-drag {
      background: #20c997;
      border-radius: 20px;
      cursor: pointer;
    }

    /* Hide default Swiper navigation and pagination */
    /* .moves-clean-slider .swiper-button-prev,
    .moves-clean-slider .swiper-button-next, */
    .moves-clean-slider .swiper-pagination {
      display: none !important;
    }
.swiper-button-next, .swiper-button-prev {
  	color: #22BB9C !important;
}
.swiper-button-prev {
	left: -45px !important;
}
.swiper-button-next {
	right: -45px !important;
}
.swiper-button-next::after, .swiper-button-prev::after {
	font-size: 34px !important;
}
@media (max-width: 1340px) {
.swiper-button-prev {
	left: -15px !important;
}
.swiper-button-next {
	right: -15px !important;
}
}  
    .move-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;

    /* smooth base */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);

    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    border: 1px solid #e0e0e0;
}

/* 👇 hover without movement */
.move-card:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    border-color: #e0e0e0;
}

/* image ultra smooth zoom (very light) */
.move-card img.card-image {
    transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
}

.move-card:hover img.card-image {
    transform: scale(1.02);
}

/* arrow micro movement */
.move-card .arrow-icon {
    transition: transform 0.4s ease;
}

.move-card:hover .arrow-icon {
    transform: translateX(3px);
}

    /* Hide browser's default scrollbar on desktop */
    .moves-clean-slider .slider-main .swiper-wrapper {
      overflow: visible;
    }

    /* ===== DESKTOP (>=768px) ===== */
    @media (min-width: 768px) {
      .moves-clean-slider .scrollbar-wrapper {
        display: none;
      }
    }

    /* ===== MOBILE (<=767px) - STACK VERTICAL ===== */
    @media (max-width: 767px) {
.swiper-button-prev, .swiper-button-next {
	display: none !important;
}
      .moves-clean-slider .card-image {
        border-radius: 8px;
      }
        .move-card {
	border: 1px solid #fff;
}
      .moves-clean-slider .move-card {
        border-radius: 8px;
        box-shadow: none;
        border: 1px solid #E0E0E0;
        padding: 15px;
      }

      .moves-clean-slider .swiper-wrapper {
        display: flex;
        flex-direction: column;
        gap: 24px;
        transform: none !important;
      }

      .moves-clean-slider .swiper-slide {
        width: 100% !important;
        margin: 0 !important;
      }

      .moves-clean-slider .scrollbar-wrapper {
        display: none !important;
      }
    }


    /* slider css end */



    /* tab sec css start */


            .How-PIXL-Works-sec {
            padding: 30px 20px;
            background-color: #fff;
        }

        .container-main {
            max-width: 1200px;
            margin: 0 auto;
        }

        /* Header Styles */
        .header-wrap {
            text-align: center;
            margin-bottom: 50px;
        }

        .header-wrap h2 {
            font-size: clamp(32px, 5vw, 42px);
            font-weight: 800;
            margin-bottom: 10px;
            color: #111;
        }

        .header-wrap h2 .teal-word {
            color: #20c997;
        }

        .header-wrap p {
            font-size: 18px;
            color: #000;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        /* Two column layout */
        .two-columns {
            display: flex;
            gap: 50px;
            align-items: center;
        }

        /* Left: Image Container */
        .img-wrapper {
            flex: 1.2;
            position: relative;
            height: 450px;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
            background: #f0f2f5;
        }

        .step-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            transition: opacity 0.6s ease-in-out;
        }

        .step-image.active-img {
            opacity: 1;
        }

        /* Right: Steps Container */
        .steps-container {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        /* Step Item - NO "card" word */
        .step-item {
            display: flex;
            gap: 20px;
            padding: 15px;
            border-radius: 16px;
            background: #F5F5F5;
            border: 2px solid transparent;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .step-item.active-step {
            background: #fff;
            border-color: #22BB9C;
box-shadow: 0px 4px 24px 0px #22BB9C26;
        }

        .step-number {
	background: #22BB9C;
	color: #fff;
	font-weight: 800;
	width: 55px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	font-size: 18px;
	flex-shrink: 0;
}

        .step-content h4 {
            margin: 0 0 6px;
            font-size: 20px;
            font-weight: 800;
            color: #111;
        }

        .step-content h4 .highlight {
            color: #22BB9C;
        }

        .step-content p {
            margin: 0;
            color: #000;
            font-size: 16px;
            line-height: 1.4;
        }
         .header-wrap span {
    position: relative;
    display: inline-block;
    color: #22BB9C;
}

.header-wrap span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 110%;
    height: 20px;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 174 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M97.4693 0.528546C101.316 0.734777 104.354 -0.135869 109.037 0.0183784C109.111 0.020843 109.184 0.0233906 109.256 0.0260178C113.764 0.20787 114.516 0.670089 119.812 0.715582C125.191 0.770718 130.556 1.34824 132.954 1.27996C135.353 1.2129 135.575 1.80401 138.977 1.87321C142.378 1.94709 144.419 2.15707 147.379 2.55044C150.319 2.93166 159.403 3.79922 162.743 3.86795C166.047 3.91976 169.816 4.67587 172.064 4.99586C172.737 5.09239 173.329 5.19322 173.741 5.27845C173.892 5.31209 174.007 5.36202 173.971 5.39553C173.964 5.41805 173.989 5.44361 173.877 5.4499C173.818 5.4617 173.758 5.46828 173.61 5.45604C172.509 5.37115 170.795 5.27651 168.804 5.25755C165.038 5.22226 164.714 4.84247 159.671 4.5776C154.67 4.32693 151.633 4.41193 145.748 3.80068C139.88 3.20944 138.462 3.97194 130.174 3.0682C121.87 2.20982 120.954 3.07702 112.667 3.03071C111.557 3.02899 110.399 3.01947 109.233 3.00659C101.667 2.93197 93.2083 2.55552 88.8806 2.60603C83.8705 2.66107 77.1459 2.80587 70.0466 2.7924C62.9418 2.77715 54.2044 3.27749 46.3658 3.39329C39.2979 3.47822 29.5807 3.85007 24.0519 4.34552C23.4449 4.39615 22.9037 4.43074 22.3888 4.463C17.2616 4.75269 16.0191 4.79476 11.1087 5.29501C8.28352 5.57908 4.38887 5.81363 1.0741 5.82297C-0.582469 5.8264 -0.214093 5.63562 1.43549 5.43577C3.87405 5.14112 5.86728 5.06736 7.11342 4.76751C9.58729 4.16872 10.6434 3.93121 13.8269 3.91744C17.0131 3.90135 18.4503 3.23747 20.3025 3.13694C21.3815 3.0742 21.8539 3.17179 23.8953 2.99687C25.3388 2.86387 27.6207 2.60625 31.4876 2.20292C40.8818 1.2605 46.0576 1.0621 49.6242 0.855902C53.1843 0.659954 60.6416 0.726861 66.4556 0.529505C72.2661 0.312603 84.0811 0.307183 88.8476 0.140237C93.6125 -0.0336705 93.6173 0.32523 97.4693 0.528546Z' fill='%2322BB9C'/%3E%3C/svg%3E") no-repeat;    background-size: 100% 100%;
} 
        /* Mobile responsive - image shows first on mobile */
        @media (max-width: 768px) {
                .img-wrapper {
            border-radius: 8px;
        }
            .step-item {
	border-radius: 8px;
}
            .How-PIXL-Works-sec {
                padding: 0;
            }
            .two-columns {
                flex-direction: column;
                gap: 32px;
            }
            .img-wrapper { 
                width: 100%;
                height: 300px;
                flex: none;
            }
            .steps-container {
                width: 100%;
            }
            .step-item {
                padding: 18px;
                gap: 14px;
            }
            .step-number {
                width: 38px;
                height: 38px;
                font-size: 16px;
            }
            .step-content h4 {
                font-size: 18px;
            }
            .header-wrap {
                margin-bottom: 28px;
            }
            .header-wrap p {
                font-size: 16px;
            }
        }

        @media (max-width: 480px) {
            .img-wrapper {
                height: 240px;
            }
            .step-item {
                padding: 14px;
            }
        }


        /* tab sec css end  */


        .left-side-bg .fl-col-content.fl-node-content{
    background-color: #F5F5F5 !important;
}
 @media (max-width: 992px) {
           .left-side-bg .fl-col-content.fl-node-content{
    background-color: transparent !important;
}
        }  




        /* one box one flat sec css start */


        /* Container */
.onebox-section {
	max-width: 1280px;
	margin: 110px 0 40px;
}

/* Card */
.onebox-card {
  position: relative;
  background: #0f5c4b;
  color: #fff;
  border-radius: 16px;
  padding: 0px 60px;
  overflow: visible;
  font-weight: 800;
}
.onebox-note {
	color: #fff !important;
	font-weight: 601;
}
/* Image */
.onebox-image {
  position: absolute;
  top: -110px;
  left: 80px;
  width: 200px;
  z-index: 10;
  filter: drop-shadow(0 25px 40px rgba(0,0,0,0.35));
}

.onebox-title {
	font-size: 42px;
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 25px;
	color: #fff;
}

.onebox-title span {
  color: #22BB9C;
}

/* Features */
.onebox-features {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.onebox-badge {
	background: #034638;
	padding: 10px 16px;
	border-radius: 12px;
	font-size: 16px;
	flex: 1;
	text-align: center;
	color: #fff;
	font-weight: 800;
}
.booking-top .onebox-badge {
	flex: inherit;
}
.onebox-badge::before {
	content: "✔ ";
	color: #00C20C;
	margin-right: 5px;
}

/* Note */
.onebox-note {
	font-size: 13px;
	margin-bottom: 25px;
	font-weight: 400;
  text-align: left;
}

.onebox-card img {
	WIDTH: 170PX;
	position: relative;
	top: -70px;
	/* transform: translateY(-46%); */
	margin-bottom: 0px;
}
.onebox-title span {
    position: relative;
    display: inline-block;
    color: #22BB9C;
}

.onebox-title span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 110%;
    height: 20px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 137 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M76.5917 0.666783C79.6361 0.867984 82.0344 -0.132163 85.742 0.0149103C85.8108 0.0176847 85.8785 0.0205987 85.945 0.023645C89.51 0.214502 90.1059 0.729828 94.2945 0.809931C98.565 0.906305 102.788 1.638 104.694 1.60312C106.602 1.57036 106.738 2.23592 109.429 2.38375C112.122 2.53928 113.723 2.82395 116.034 3.34082C118.331 3.83843 125.441 5.08066 128.083 5.27806C130.705 5.44977 133.597 6.43363 135.34 6.88102C135.864 7.01598 136.316 7.15198 136.633 7.26443C136.747 7.30805 136.832 7.36874 136.799 7.4044C136.789 7.42913 136.805 7.45855 136.716 7.46094C136.666 7.47125 136.619 7.47628 136.504 7.45657C135.643 7.3161 134.294 7.14162 132.72 7.04587C129.738 6.86703 129.53 6.43007 125.568 5.96788C121.633 5.52716 119.224 5.53165 114.63 4.69873C110.037 3.89648 108.865 4.71087 102.382 3.56471C95.8749 2.49106 95.1043 3.45198 88.5981 3.39067C87.7354 3.38971 86.8363 3.38225 85.9314 3.37358C79.953 3.33081 73.2547 2.97801 69.8316 3.08076C65.876 3.19391 60.5724 3.43614 54.9714 3.53807C49.365 3.63711 42.4927 4.37798 36.3322 4.74418C30.8357 5.04003 23.3225 5.83678 19.0319 6.75279C18.4844 6.86335 18.0156 6.93795 17.5711 7.00838C13.5398 7.60206 12.5647 7.70191 8.73975 8.49261C6.53957 8.94173 3.48393 9.38203 0.862084 9.54074C-0.44889 9.61858 -0.180833 9.38938 1.10087 9.09237C2.99517 8.65403 4.56171 8.48098 5.51009 8.08931C7.39276 7.30741 8.19648 6.99435 10.7123 6.8285C13.2293 6.65919 14.2812 5.84739 15.721 5.64344C16.581 5.51469 16.9867 5.61093 18.6615 5.26953C19.7965 5.02117 21.5524 4.59462 24.4467 3.98199C31.8141 2.48399 35.908 2.14348 38.7233 1.8042C41.5422 1.48088 47.4515 1.38129 52.0462 1.05764C56.641 0.701797 65.9946 0.540829 69.7638 0.309143C73.5325 0.0660269 73.5426 0.470405 76.5917 0.666783Z' fill='%2322BB9C'/%3E%3C/svg%3E") no-repeat;
}
.one-box-con {
	position: relative;
	top: -40px;
}

.servicse_Move .onebox-badge {
	flex: inherit !important;
}








/* ================= MOBILE ================= */
@media (max-width: 768px) {
    .onebox-section {
	margin: 110px 0 0px;
}
.onebox-card img {
	WIDTH: 160PX;
	top: -165px;
	/* transform: translateY(-46%); */
	margin-bottom: -90px;
	justify-content: flex-start;
	display: flex;
}
  .onebox-card {
    padding: 80px 20px 0px;
    border-radius: 8px;
    text-align: center;
  }

  .onebox-image {
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
  }

  .onebox-title {
    font-size: 32px;
  }

  .onebox-features {
    flex-direction: column;
    gap: 10px;
  }

  .onebox-badge {
    width: 100%;
    text-align: left;
  }

  .onebox-btn {
    width: 100%;
    text-align: center;
  }

}
        /* one box one flat sec css start */


/* militry hero sec css start */
 .uniq-military-head span {
    position: relative;
    display: inline-block;
    color: #22BB9C;
}

.uniq-military-head span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 110%;
    height: 20px;
background: url("data:image/svg+xml,%3Csvg width='210' height='6' viewBox='0 0 210 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M117.269 0.310858C121.894 0.461156 125.546 -0.107292 131.175 0.0182352C131.262 0.0202062 131.348 0.022227 131.433 0.0242947C136.847 0.173923 137.756 0.488008 144.119 0.582299C150.579 0.686921 157.037 1.17239 159.913 1.17446C162.791 1.17773 163.078 1.57625 167.164 1.69752C171.249 1.82343 173.707 2.0137 177.275 2.35238C180.819 2.67883 191.76 3.51785 195.767 3.67262C199.729 3.81025 204.289 4.44354 207.003 4.73827C207.814 4.82682 208.529 4.91589 209.029 4.98828C209.155 5.00542 209.144 5.01378 209.265 5.03545C209.328 5.05197 209.31 5.06284 209.312 5.07543C209.312 5.07545 209.312 5.07547 209.312 5.07548C209.305 5.09028 209.336 5.10836 209.203 5.10842C209.133 5.11418 209.061 5.11634 208.884 5.10271C207.559 5.00533 205.5 4.8812 203.112 4.80122C198.594 4.65204 198.185 4.38551 192.121 4.05342C186.108 3.73571 182.466 3.7058 175.371 3.14706C168.3 2.60856 166.624 3.07866 156.629 2.31556C146.62 1.59798 145.542 2.16059 135.56 2.05103C134.221 2.04083 132.825 2.02641 131.418 2.01142C122.315 1.92324 112.143 1.64716 106.938 1.67378C100.911 1.7012 92.8206 1.79224 84.2798 1.7991C75.7331 1.80415 65.2137 2.17956 55.7792 2.34493C47.2644 2.47472 35.5512 2.90004 28.891 3.44122C28.1759 3.49543 27.5298 3.53457 26.921 3.57067C20.7607 3.9068 19.2669 3.95894 13.3509 4.40934C9.94712 4.66471 5.2629 4.90859 1.28447 4.98654C-0.703641 5.02453 -0.25245 4.88909 1.73685 4.71971C4.6776 4.46966 7.0734 4.37586 8.58373 4.14726C11.5822 3.69082 12.8623 3.50816 16.6833 3.42389C20.5075 3.33731 22.2671 2.85661 24.498 2.74001C25.7953 2.66786 26.3505 2.72514 28.8053 2.54018C30.5361 2.4009 33.2827 2.15134 37.9551 1.79129C49.2538 0.957936 55.475 0.79493 59.7611 0.618532C64.04 0.452315 72.9974 0.447866 79.9878 0.299937C86.9725 0.132506 101.175 0.129162 106.905 0.029842C112.633 -0.0764377 112.638 0.163457 117.269 0.310858Z' fill='%2322BB9C'/%3E%3C/svg%3E") no-repeat;    background-size: 100% 100%;
}     
.military-move-sub {
	background: #024235;
	display: inline-block;
	border-radius: 12px;
	padding: 12px 20px;
}
/* militry hero sec css start */

.pixl-legal-clean-head span {
	font-size: 14px !important;
	font-weight: 900 !important;
}
@media (max-width: 768px) {

    .pixl-legal-clean-head span {
	font-size: 12px !important;
}
}


/* pixl step hero css css start */
.how-pixl-hero-section {
	max-width: 1200px;
	margin: 40px 0;
	padding: 0;
}

/* Mobile: Stack items vertically */
.how-pixl-hero-top-flex {
    display: flex;
    flex-direction: column; 
    gap: 30px;
    margin-bottom: 40px;
}

.how-pixl-hero-main-title { font-size: 32px; font-weight: 800; line-height: 1.2; }
.how-pixl-hero-teal-text { color: #22BB9C; }
.how-pixl-hero-description {
	color: #000;
	margin-top: 15px;
	font-size: 20px;
}

/* Image Container Fixed Height for mobile */
.how-pixl-hero-image-container { 
    width: 100%;
    height: 250px; /* Mobile height */
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    background: #f0f0f0;
}

.how-pixl-hero-img-inner-wrapper { width: 100%; height: 100%; position: relative; }

.how-pixl-hero-display-img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

.how-pixl-hero-img-active { opacity: 1; z-index: 2; }

/* Cards Grid */
.how-pixl-hero-steps-grid {
    display: grid;
    grid-template-columns: 1fr; /* Mobile: 1 per row */
    gap: 15px;
}

.how-pixl-hero-step-card {
    background: #F5F5F5;
    padding: 20px;
    border-radius: 16px;
    border: 2px solid transparent;
    cursor: pointer;
    text-align: center;
}

.how-pixl-hero-card-active {
    opacity: 1;
    background: #fff;
    border-color: #22BB9C;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.how-pixl-hero-number-badge {
	width: 52px;
	height: 34px;
	background: #22BB9C;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	font-weight: bold;
	margin: 0 auto 12px;
}
.how-pixl-hero-card-active .how-pixl-hero-number-badge { background: #22BB9C; }
.how-pixl-hero-card-title {
	font-size: 20px;
}
/* Desktop View Adjustments */
@media (min-width: 992px) {
    .how-pixl-hero-top-flex { flex-direction: row; align-items: center; gap: 60px; }
    .how-pixl-hero-main-title { font-size: 48px; }
    .how-pixl-hero-image-container { height: 400px; } /* Desktop height */
    .how-pixl-hero-steps-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 767px) {
.button_Full .fl-button-group-button, .button_Full .fl-button-group-button .fl-button-wrap, .button_Full .fl-button-group-button .fl-button-wrap a {
  width: 100%;
}  
.how-pixl-hero-top-flex {
	gap: 15px;
	margin-bottom: 30px;
}
.how-pixl-hero-section {
	margin: 0px auto;
	padding: 0;
}
.how-pixl-hero-description {
	font-size: 16px;
}
.how-pixl-hero-image-container { 
    border-radius: 8px;
}
.how-pixl-hero-step-card {
	border-radius: 8px;
}
}
/* pixl step hero css css start */

.tag-grid.how-it-grid span {
	background: #024235;
	color: #fff;
	border-radius: 12px;
}



/* what's fits hero sec css start */

.fits-pixl-section {
	max-width: 1280px;
	margin: 20px auto 0;
	padding: 20px;
	overflow: hidden;
}

.fits-pixl-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px;
}

.fits-pixl-text-side { flex: 1; }
.fits-pixl-visual-side { 
    flex: 1; 
    position: relative; 
    height: 350px; 
    display: flex; 
    align-items: center; 
    justify-content: flex-end; 
}

.fits-pixl-title { font-size: 52px; font-weight: 800; line-height: 1.4; margin-bottom: 20px; color: #1a1a1a; }
.fits-pixl-teal { color: #22BB9C; }
.fits-pixl-specs { font-size: 16px; margin-bottom: 15px; }
.fits-pixl-desc {
	color: #000;
	font-size: 18px;
	line-height: 1.6;
	max-width: 450px;
}

.fits-pixl-circle-bg {
	position: absolute;
	width: 350px;
	height: 350px;
	background: #FFD541;
	border-radius: 50%;
	right: 30px;
	z-index: 1;
	top: 5px;
}

.fits-pixl-image-container {
	position: relative;
	width: 340px;
	height: 340px;
	z-index: 2;
	margin-right: 20px;
	right: 100px;
	top: 50px;
}

.fits-pixl-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transform: translateX(100px); 
    transition: all 0.7s ease-out;
}

.fits-pixl-img-active {
    opacity: 1;
    transform: translateX(0); 
}

/* Grid Design - 3 Columns */
.fits-pixl-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    padding-top: 35px;
}

.fits-pixl-card {
    display: flex; gap: 12px; padding: 15px;
    background: #F5F5F5; border-radius: 10px;
    border: 1.5px solid transparent; cursor: pointer;
    transition: 0.3s ease;
}

.fits-pixl-card-active {
    border-color: #22BB9C; background: #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.fits-pixl-icon {
	width: 36px;
	height: 36px;
	background: #E0E0E0;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	flex-shrink: 0;
}
.fits-pixl-icon img {
  width: 20px;
}
.fits-pixl-card-info h4 {
	margin: 0 0 4px 0;
	font-size: 16px;
	color: #333;
	font-weight: 700;
}
.fits-pixl-card-info p {
	margin: 0;
	font-size: 14px;
	color: #000;
	line-height: 1.4;
	font-weight: 400;
}

/* --- MOBILE RESPONSIVE --- */

@media (max-width: 992px) {

.fits-pixl-circle-bg {
	right: 0;
}
.fits-pixl-image-container {
	right: 20px;
}
}
@media (max-width: 768px) {
    .fits-pixl-section {
	padding: 0;
}
    .fits-pixl-section {
	margin: 0px auto;
}
    .fits-pixl-main-wrapper { flex-direction: column; text-align: left; }
    .fits-pixl-visual-side { 
        width: 100%; 
        justify-content: center; 
        height: 280px;
        margin-top: 0px;
    }
    .fits-pixl-circle-bg {
	width: 300px;
	height: 300px;
	right: auto;
	left: 50%;
	transform: translateX(-50%);
	top: -6%;
}
    .fits-pixl-image-container {
	width: 280px;
	height: 280px;
	margin-right: 0;
}
    
    .fits-pixl-grid { grid-template-columns: repeat(2, 1fr); } /* Mobile pe 2 column tak mess na ho */
    .fits-pixl-title { font-size: 38px; }
}

@media (max-width: 480px) {
    .fits-pixl-grid { grid-template-columns: 1fr; } /* Ekdum chote phone pe 1 column */
}
/* what's fits hero sec css end */



/* whats-fit-comparison-table css start */
.whats-fit-comparison-table-section {
	padding: 0px 15px 40px;
	background-color: #ffffff;
}

.whats-fit-comparison-table-container {
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
}

.whats-fit-comparison-table-title {
	font-size: 40px;
	font-weight: 800;
	color: #1a1a1a;
	line-height: 1.2;
	max-width: 800px;
	margin: 0 auto 20px;
}
.whats-fit-comparison-table-subtitle {
	font-size: 20px;
	color: #000;
	margin-bottom: 40px;
	max-width: 700px;
	margin-inline: auto;
}

/* Mobile Scroll Fix */
.whats-fit-comparison-table-wrapper {
    overflow-x: auto;
    border-radius: 16px;
    box-shadow: 0 4px 25px rgba(0,0,0,0.05);
    background: #ffffff;
}

.whats-fit-comparison-table-main {
    width: 100%;
    border-collapse: collapse;
    min-width: 850px; /* Mobile pe contents visible rhengi */
    table-layout: fixed;
}

/* Header Styles */
.whats-fit-comparison-table-empty {
	width: 20%;
	border-bottom: 1px solid #f3f4f6;
}

.whats-fit-comparison-table-highlight-header {
	background-color: #3AB89B;
	color: #ffffff;
	font-size: 28px;
	font-weight: 900;
	padding: 30px 10px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	width: 25%;
	text-align: center;
	/* font-family: inherit; */
	border-top: 6px solid #ffd301;
}

.whats-fit-comparison-table-standard-header {
    padding: 30px 10px;
    font-size: 18px;
    font-weight: 900;
    color: #1a1a1a;
    border-bottom: 1px solid #f3f4f6;
    text-align: center;
}
.whats-fit-comparison-table-main tbody tr:last-child{
    background-color: #fcfdfd;
}
/* Body Styles */
.whats-fit-comparison-table-category {
	text-align: left;
	padding: 25px 20px;
	font-weight: 900;
	color: #005140;
	font-size: 18px;
	border-bottom: 1px solid #f3f4f6;
	background: #fff;
}
.whats-fit-comparison-table-highlight-cell strong {
	font-weight: 900;
}
.whats-fit-comparison-table-highlight-cell {
    background-color: #F0F9F7;
    color: #005140;
    padding: 25px 15px;
    font-size: 16px;
    border-bottom: 1px solid #e5e7eb;
}

.whats-fit-comparison-table-data {
	padding: 25px 15px;
	color: #555;
	font-size: 15px;
	border-bottom: 1px solid #f3f4f6;
	line-height: 1.4;
	font-weight: 600;
}

/* The Badge */
.whats-fit-comparison-table-badge {
	background-color: #ffd301;
	color: #005140;
	font-size: 12px;
	font-weight: 900;
	padding: 5px 12px;
	border-radius: 50px;
	display: block;
	width: fit-content;
	margin: 8px auto 0 auto;
	text-transform: uppercase;
	border: 2px solid #fff;
}

/* Mobile optimize */
@media (max-width: 768px) {
    .whats-fit-comparison-table-highlight-header {
	border-top: none;
}
    .whats-fit-comparison-table-title {
        font-size: 26px;
    }
    .whats-fit-comparison-table-highlight-header {
        font-size: 20px;
    }
    .whats-fit-comparison-table-wrapper {
    border-radius: 8px;
}
.whats-fit-comparison-table-section {
	padding: 0 0 30px;
	background-color: #ffffff;
}
.whats-fit-comparison-table-subtitle {
	font-size: 16px;
	margin-bottom: 30px;
}
/* 🔥 FIRST COLUMN FIX */
.whats-fit-comparison-table-main td:first-child,
.whats-fit-comparison-table-main th:first-child {
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 2;
  width: 15%;
}

/* header ke first column ko thoda upar rakho */
.whats-fit-comparison-table-main thead th:first-child {
	z-index: 999;
	background: #fff !important;
	border-bottom: none !important;
}
}





/* Booking form css start */

.pixl-box-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	padding-top: 20px;
	padding-bottom: 30px;
}
.hide-lable{
    display: none;
}
 .pixl-box {
	max-width: 280px;
	padding: 35px 20px;
	border-radius: 12px;
	background: #F5F5F5;
	text-align: center;
	cursor: pointer;
	position: relative;
	border: 2px solid transparent;
	transition: 0.3s;
	gap: 20px;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.pixl-box-wrapper {
  justify-content: flex-start !important;
}
    .pixl-box.active {
      border-color: #22BB9C;
      background: #fff;
    }
.pixl-box .title {
	font-weight: 800;
	font-size: 22px;
}
    .pixl-box.active .price {
	color: #22BB9C;
	font-weight: 900;
	font-size: 34px;
}
.pixl-box .price {
	color: #000;
	font-weight: 900;
	font-size: 34px;
}
.booking-top .onebox-badge::before {
	display: none;
}
.pixl-box .badge {
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translateX(-50%);
	background: #FFD300;
	padding: 5px 6px;
	border-radius: 20px;
	font-size: 14px;
	color: #fff;
	font-weight: 800;
	max-width: 115px !important;
	width: 100%;
}

.page-id-25 #pixlAccordion {
	/* max-width: 900px !important; */
	border-radius: 0;
}
.page-id-25  #pixlAccordion {
	padding-top: 0;
}
.pixl-box-wrapper .pixl-box{
    box-shadow: none !important;
}
.accordion-header h3 span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: transparent;
	color: #000;
	font-size: 30px;
	font-weight: 600;
	margin-right: 10px;
	border: 2px solid #222;
}
.delivery-instructions {
	display: none !important;
}
.pixl-box .title sup {
	top: -12px;
	left: -4px;
}
.accept-btn.popaccept_btn {
	border-radius: 50px !important;
}
.review-order-btn-div {
  display: flex;
  justify-content: center;
  margin: 30px 0; /* top bottom spacing */
}

.review-order {
  display: inline-block;
  padding: 10px 20px;
}
.review-order {
	background: #22BB9C;
	border: none;
	color: #fff;
	padding: 15px 55px;
	width: 100%;
	border-radius: 30px;
	font-weight: 600;
	background-image: url("https://pixllines.com/wp-content/uploads/2025/12/Arrow-Right_imresizer.png") !important;
	background-repeat: no-repeat !important;
	background-position: 80%;
	max-width: 240px;
	margin: 0 auto;
   transition: all 0.3s ease !important;
	/* text-align: center; */
}
.review-order:hover {
	background: #005140;
	color: #fff;
	background-position: 80%;
  transform: scale(1.04);
}

.step-1-lable-note {
	background-color: #e9f8f5;
	padding: 1px 10px 15px;
	margin-top: 17px;
	border: 1px solid #7AD6C4;
	border-radius: 16px;
}
.home{
    overflow-x: hidden !important;
}
/* .page-id-25 #pixlAccordion label {
	margin-top: 0;
} */

#pay_form_step_2 {
	margin-top: 40px;
	margin-bottom: 40px !important;
}
.pixl-box-wrapper .pixl-box.active {
	box-shadow: 0 4px 24px rgba(34, 187, 156, 0.25) !important;
}

#stripe-modal .stripe-logo {
	max-width: 120px;
	width: 100%;
}


/* ===== STRIPE CLOSE BUTTON FIX ===== */
#stripe-modal .stripe-close {
  position: absolute;
  right: 15px;
  top: 12px;
  width: 36px !important;
  max-width: 36px !important;
  height: 36px;
  /* Shape */
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  cursor: pointer;
  /* Center karo jo bhi andar hai */
  display: flex !important;
  align-items: center;
  justify-content: center;
  /* Text/icon size */
  font-size: 28px;
  line-height: 1;
  color: #333;
  transition: background-color 0.2s ease, transform 0.2s ease;
  z-index: 9999;
}
#stripe-modal .stripe-logo img {
	max-width: 100px !important;
	object-fit: contain;
	width: 100%;
}
/* Hover */
#stripe-modal .stripe-close:hover {
  background-color: rgba(0, 0, 0, 0.18);
  transform: scale(1.1);
  color: #000;
}




#stripe-modal .pay-btn {
  background: linear-gradient(135deg, #3AB89A, #2a9d82) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 12px !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 12px rgba(58, 184, 154, 0.35) !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  width: 100% !important;
  margin-top: 10px !important;
}

#stripe-modal .pay-btn:hover {
  background: linear-gradient(135deg, #2a9d82, #1f7d66) !important;
  box-shadow: 0 6px 16px rgba(58, 184, 154, 0.45) !important;
  transform: translateY(-1px) !important;
}

#stripe-modal .pay-btn:active {
  transform: translateY(0px) !important;
  box-shadow: 0 2px 8px rgba(58, 184, 154, 0.3) !important;
}
#stripe-modal .pay-btn {
	width: 200px !important;
	margin: 10px auto !important;
	display: block !important;
	border-radius: 25px !important;
	padding: 16px 12px !important;
	font-size: 15px !important;
}
.list_Booking .fl-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.list_Booking .fl-list-item-content-icon {
	display: none !important;
}
.list_Booking .fl-list-item-heading {
	margin-bottom: 7px;
}
.shipping_Promise	{
  display: none;
}












@media (max-width: 768px) 

{
    #stripe-modal .stripe-box {
	width: 90% !important;
}
.stripe-overlay {
	margin-top: 0 !important;
}
    #pay_form_step_2 {
	margin-top: 30px;
	margin-bottom: 30px !important;
}
.page-id-25 #pixlAccordion {
  padding: 30px 0 0;
}
.review-order-btn-div {
	margin: 30px 0 0;
}
.pixl-box-wrapper {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 30px;
  margin-bottom: 0;
}
.step-1-lable-note {
	border-radius: 8px;
}
.pixl-box {
	display: flex;
	flex-direction: row;
	max-width: 600px;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
}
.pixl-box.active .price {
	font-size: 18px;
}
.pixl-box .price {
	font-size: 18px;
}
.pixl-box .title {
	font-size: 18px;
}
.pixl-box img{
    max-width: 25px;
    width: 100%;
}
.pixl-box .badge {
	top: -20px;
	padding: 2px 5px;
	left: 55px;
}
#pixlAccordion .accordion-header h3 {
	font-size: 24px;
}
#stripe-modal .stripe-close {
	width: 30px !important;
	max-width: 30px !important;
	height: 30px !important;
}

}
    /* booking form css end  */



    /* review and checkout css start */



    .checkout-pixl-wrap {
  padding: 0;
}

/* Card */
.checkout-pixl-card {
  background: #fff;
  border: 1px solid #BDBDBD;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 14px;
}

/* Header */
.checkout-pixl-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.checkout-pixl-header h3 {
	font-size: 22px;
	font-weight: 700;
	margin: 0;
}
/* Edit link */
.checkout-pixl-header a {
  font-size: 14px;
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
}

.checkout-pixl-header a:hover {
  text-decoration: underline;
}

/* Order */
.checkout-pixl-order {
  display: flex;
  gap: 12px;
  align-items: center;
}

.checkout-pixl-order img {
  width: 50px;
  height: 50px;
  border-radius: 6px;
}

/* Text */
.checkout-pixl-info p, .checkout-pixl-order p {
	margin: 2px 0;
	font-size: 16px;
	color: #000;
}

.checkout-pixl-bold {
	font-weight: 900 !important;
	color: #000 !important;
	font-size: 17px !important;
}

.checkout-pixl-title {
	font-weight: 900;
	font-size: 16px;
	margin-top: 10px;
}
.checkout-pixl-stack {
	display: flex;
	gap: 60px;
}
/* Stack */
.checkout-pixl-stack {
  margin-top: 10px;
}

.checkout-pixl-stack div {
  margin-bottom: 10px;
}
.terms-box .popup-content{
    display: none;
}
.our-commitment-to-you-con {
	display: none;
}
.popup-checkbox {
	display: flex;
	flex-direction: column;
	background: #E9F8F5;
	padding: 10px;
	border-radius: 16px;
	border: 1px solid #7AD6C4;
	padding-bottom: 40px;
}

@media(max-width:767px){
.checkout-pixl-stack {
	display: flex;
	gap: 0;
	flex-direction: column;
    
}
.popup-checkbox {
	border-radius: 8px;
    padding-bottom: 20px;
}
}

.pixl-header .fl-row-content-wrap {
	/* background: linear-gradient( 120deg, #f9fdfc 0%, #eef7f6 40%, #e3f1ef 75%, #d9ece9 100% ); */
  background: linear-gradient( 120deg, #fff 0%, #f9fdfc 40%, #f9fdfc 75%, #f9fdfc 100% );
  border-bottom: 2px solid #E9F8F5;
}
.life-item, .nx-step-card, .pixl-step-item, .fits-pixl-card {
	border-radius: 16px !important;
}
.pixl-header .fl-toggle-arrows .fl-menu-toggle::before {
	border-color: #22BB9C !important;
}
@media(max-width:767px){
.life-item, .nx-step-card, .pixl-step-item, .fits-pixl-card {
	border-radius: 8px !important;
}
}






.floating-orb {
  position: relative;
  overflow: hidden;
}

.floating-orb::before,
.floating-orb::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}

/* Main dots layer - more dots, bigger size */
.floating-orb::before {
  background-image: radial-gradient(circle at 10% 20%, rgba(0, 81, 64, 0.4) 2.5px, transparent 2.5px),
                    radial-gradient(circle at 25% 45%, rgba(0, 81, 64, 0.35) 2px, transparent 2px),
                    radial-gradient(circle at 40% 15%, rgba(0, 81, 64, 0.45) 3px, transparent 3px),
                    radial-gradient(circle at 55% 70%, rgba(0, 81, 64, 0.3) 2.5px, transparent 2.5px),
                    radial-gradient(circle at 70% 35%, rgba(0, 81, 64, 0.4) 2px, transparent 2px),
                    radial-gradient(circle at 85% 60%, rgba(0, 81, 64, 0.35) 3px, transparent 3px),
                    radial-gradient(circle at 95% 25%, rgba(0, 81, 64, 0.45) 2px, transparent 2px),
                    radial-gradient(circle at 5% 80%, rgba(0, 81, 64, 0.3) 2.5px, transparent 2.5px),
                    radial-gradient(circle at 20% 90%, rgba(0, 81, 64, 0.4) 2px, transparent 2px),
                    radial-gradient(circle at 45% 55%, rgba(0, 81, 64, 0.35) 3px, transparent 3px),
                    radial-gradient(circle at 65% 85%, rgba(0, 81, 64, 0.45) 2px, transparent 2px),
                    radial-gradient(circle at 80% 10%, rgba(0, 81, 64, 0.3) 2.5px, transparent 2.5px),
                    radial-gradient(circle at 15% 60%, rgba(0, 81, 64, 0.4) 2px, transparent 2px),
                    radial-gradient(circle at 35% 30%, rgba(0, 81, 64, 0.35) 3px, transparent 3px),
                    radial-gradient(circle at 50% 40%, rgba(0, 81, 64, 0.45) 2.5px, transparent 2.5px),
                    radial-gradient(circle at 75% 50%, rgba(0, 81, 64, 0.3) 2px, transparent 2px),
                    radial-gradient(circle at 90% 80%, rgba(0, 81, 64, 0.4) 3px, transparent 3px);
  background-size: 400px 400px;
  background-repeat: repeat;
  background-position: 0 0;
  width: 100%;
  height: 100%;
  animation: floatBottomToTop 30s linear infinite;
}

/* Secondary dots layer - smaller dots */
.floating-orb::after {
  background-image: radial-gradient(circle at 8% 15%, rgba(0, 81, 64, 0.25) 1.5px, transparent 1.5px),
                    radial-gradient(circle at 22% 35%, rgba(0, 81, 64, 0.3) 2px, transparent 2px),
                    radial-gradient(circle at 38% 65%, rgba(0, 81, 64, 0.2) 1.5px, transparent 1.5px),
                    radial-gradient(circle at 52% 25%, rgba(0, 81, 64, 0.35) 2px, transparent 2px),
                    radial-gradient(circle at 68% 45%, rgba(0, 81, 64, 0.25) 1.5px, transparent 1.5px),
                    radial-gradient(circle at 82% 75%, rgba(0, 81, 64, 0.3) 2px, transparent 2px),
                    radial-gradient(circle at 92% 55%, rgba(0, 81, 64, 0.2) 1.5px, transparent 1.5px),
                    radial-gradient(circle at 12% 85%, rgba(0, 81, 64, 0.35) 2px, transparent 2px),
                    radial-gradient(circle at 28% 10%, rgba(0, 81, 64, 0.25) 1.5px, transparent 1.5px),
                    radial-gradient(circle at 42% 95%, rgba(0, 81, 64, 0.3) 2px, transparent 2px),
                    radial-gradient(circle at 58% 5%, rgba(0, 81, 64, 0.2) 1.5px, transparent 1.5px),
                    radial-gradient(circle at 72% 20%, rgba(0, 81, 64, 0.35) 2px, transparent 2px),
                    radial-gradient(circle at 88% 40%, rgba(0, 81, 64, 0.25) 1.5px, transparent 1.5px),
                    radial-gradient(circle at 48% 75%, rgba(0, 81, 64, 0.3) 2px, transparent 2px);
  background-size: 350px 350px;
  background-repeat: repeat;
  background-position: 0 0;
  width: 100%;
  height: 100%;
  animation: floatBottomToTop 35s linear infinite;
}

/* Bottom to Top animation */
@keyframes floatBottomToTop {
  0% {
    background-position: 0 100%;
    opacity: 0.6;
  }
  100% {
    background-position: 30px 0;
    opacity: 0.8;
  }
}