/*
Theme Name: Tellubase
Theme URI: #
Author: webskitters
Author URI: #
Description: This is custom theme
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  furnessflooringsolutions
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* font-family: 'Roboto', sans-serif; */

/* body,
html {
    overflow-x: hidden;
} */
/* body,html{
    width: 100%;
} */

.coupon {
    display: flex;
    gap: 1rem
}

#coupon_code::placeholder {
  color: #999;
  opacity: 1;  
}

#coupon_code {
  border-radius: .5rem;
  width: 30ch;
}



:root {
    --themcolor: #000000;
    --themcolor2: #ff0000;
    --othercolor: #dddddd;
    --whitecolor: #ffffff;
    --btnColor: #C57B57;
    --headingColor: #262626;
    --paraColor: #666666;
    --blur-bg: #246EB9;
    --green: #78C091;
    --cmnFont: 'Inter', sans-serif;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    font-weight: normal;
    font-style: normal;
    color: var(--paraColor);
    font-size: 18px;
    line-height: 1.5;
    background-color: #fff;
}

b,
strong {
    font-weight: 700;
}

p {
    margin: 0 0 22px 0;
}

p:last-child {
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--cmnFont);
    margin: 0 0 25px 0;
    padding: 0;
    color: var(--headingColor);
    font-weight: 600;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0;
}



h1,
.h1-title {
    font-weight: 700;
    font-size: 90px;
    line-height: 1;
}

h2,
.h2-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 1;
}

h3,
.h3-title {
    font-weight: 500;
    font-size: 28px;
    line-height: 1;
}

h4,
.h4-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;

}

h5,
.h5-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;

}

.disp-none {
    display: none;
}


a {
    margin: 0;
    padding: 0;
    display: inline-block;
    text-decoration: none !important;
    outline: none !important;
    color: #246EB9;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* a:hover:nth-child(4) {
    color: red;
} */

img {
    max-width: 100%;

}



ul {
    padding: 0;
    margin: 0;
    list-style: none;
}


input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
select {
    background-color: transparent;
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    color: #000;
    border: 1px solid rgba(255, 255, 255, 0.7);
    height: 58px;
    padding: 0 16px;
    outline: none !important;
}

textarea {
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.7);
    padding: 12px 16px;
    width: 100%;
    color: #000;
    height: 158px;
    outline: none !important;
}

select {
    border: 1px solid rgba(255, 255, 255, 0.7);
    width: 100%;
    padding: 0 11px;
    background: url(images/sort-down.svg) no-repeat calc(100% - 16px) center transparent;
    background-size: 18px;
    padding-right: 40px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
    color: rgb(255, 255, 255, 30%);

}

input[type="submit"] {
    background: #eab71e;
    color: #000000;
    height: 58px;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding-left: 30px;
    padding-right: 30px;

    cursor: pointer;
    font-size: 24px;
    font-weight: 700;
    outline: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type="submit"]:hover {
    background: #000;
    color: #eab71e;
}

.fund-each-card:nth-child(even) {
    margin-left: auto;
}

::-webkit-input-placeholder {
    color: var(--headingColor);
}

:-ms-input-placeholder {
    color: var(--headingColor);
}

::-moz-placeholder {
    color: var(--headingColor);
}

:-moz-placeholder {
    color: var(--headingColor);
}

.cmn-gap {
    padding: 100px 0;
}

.cmn-btn {
    padding: 23px 22px;
    color: var(--whitecolor);
    background-color: var(--btnColor);
    border-radius: 20px;
    line-height: 1;
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.25);
    min-width: 194px;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}

.cmn-btn:hover {
    background-color: var(--blur-bg);
}

.cmn-btn.large-btn {
    min-width: 224px;
    box-shadow: 0px 20px 30px rgba(116, 116, 116, 0.25);
    padding: 20px 22px;
    font-size: 16px;
}




/* images alignment for wordpress content pages */
.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    float: none;
    clear: both;
}



/* custom checkbox */

.form_input_check label {
    position: relative;
    margin: 0;
    padding-left: 25px;
    display: inline-block;
    line-height: 1;
    font-size: 16px;
}

.form_input_check label span {
    margin: 0;
    padding: 0;
}

.form_input_check label input[type="checkbox"] {
    visibility: hidden;
    display: none;
}

.form_input_check label input[type="checkbox"]+span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 16px;
    height: 16px;
    border: 1px solid #666666;
    background: transparent;
    border-radius: 2px;
}

.form_input_check label input[type="checkbox"]+span::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 16px;
    height: 16px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: url(images/blue-tick.svg) no-repeat center center;
    background-size: 12px;
}

.form_input_check label input[type="checkbox"]:not(:checked)+span::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}


/* .form_input_check input[type="checkbox"]:checked + span::before {
      
    } */

.form_input_check label input[type="checkbox"]:checked+span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}



/* custom radio */

.form_input_radio label {
    position: relative;
    margin: 0;
    padding-left: 30px;
    display: inline-block;
}

.form_input_radio label span {
    margin: 0;
    padding: 0;
}

.form_input_radio label input[type="radio"] {
    visibility: hidden;
    display: none;
}

.form_input_radio label input[type="radio"]+span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 22px;
    height: 22px;
    border: 2px solid #000000;
    border-radius: 100%;
    background: #fff;
}

.form_input_radio label input[type="radio"]+span::after {
    content: '';
    width: 12px;
    height: 12px;
    background: #4b0049;
    position: absolute;
    top: 6px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.form_input_radio label input[type="radio"]:not(:checked)+span::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}


/* .form_input_radio input[type="radio"]:checked + span::before {
      
    } */

.form_input_radio label input[type="radio"]:checked+span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* custom radio end */

/* back to top */

#scroll {
    position: fixed;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
    width: 55px;
    height: 55px;
    background-color: #bdd653;
    display: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    line-height: 68px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    z-index: 9;
}

#scroll:hover {
    background: #88a725;
}

#scroll i {
    color: #fff;
    font-size: 44px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#scroll:hover i {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}




/* navbar*/

.navbar-brand {
    padding: 0;
    margin: 0;
    width: 244px;
    display: inline-block;
}

.navbar {
    background: none;
    margin: 0;
    padding: 0;
    min-height: inherit;
    height: inherit;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.navbar-nav li {
    position: relative;
    list-style: none;
}

.navbar-nav>li {
    margin: 0 15px;
    padding: 20px 0;
    position: relative;
}

.navbar-nav>li:last-child {
    margin-right: 0;
}

.navbar-nav>li:first-child {
    margin-left: 0;
}

.navbar-nav>li>a {
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    position: relative;
    font-weight: normal;
}

.navbar-nav>li>a:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #3B61DC;
    /* opacity: 0; */
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: none;
}

.navbar-nav>li.current-menu-item>a,
.navbar-nav>li>a:hover,
.navbar-nav>li.menu-item-has-children:hover>a {
    background-color: var(--blur-bg);
    border-left: 5px solid var(--green);
    color: var(--whitecolor);
}

.navbar-nav>li.current-menu-item>a:after,
.navbar-nav>li>a:hover:after,
.navbar-nav>li.menu-item-has-children:hover>a:after {
    width: 100%;
}


/* navbar submenu*/

.sub-menu {
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 140px;
    padding: 0;
}

.sub-menu>li>a {
    color: #000;
    display: block;
    width: 100%;
    padding: 6px 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
}

.sub-menu>li {
    width: 100%;
    display: block;
}

.sub-menu>li>a:hover,
.sub-menu>li.menu-item-has-children:hover>a,
.sub-menu>li.current-menu-item>a {
    background: #eab71e;
    color: #fff;
}



.navbar-nav>li:last-child>.sub-menu {
    right: 0;
    left: inherit;
    padding: 0;
}

/* 2nd level submenu */
.navbar-nav>li>.sub-menu .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
}


/* for push-menu */
.navbar-collapse .navbar-toggler {
    display: none;
}

#navoverlay {
    display: block;
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    margin: 0;
    padding: 0;
    z-index: 99;
    -webkit-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
}

/* for push-menu end*/

/* navbar*/
.navbar-toggler {
    position: relative;
    width: 33px;
    margin-left: 20px;
    height: 28px;
    padding: 0;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.stick,
.stick:after,
.stick:before {
    width: 30px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    top: auto;
    transition: all 0.6s;
    border-radius: 5px;
}

.stick:before {
    content: '';
    top: -10px;
    left: 0;
}

.stick:after {
    content: '';
    top: 10px;
    left: 0;
}

.stick.open {
    transform: translateX(-50px);
    background: transparent;
}

.stick.open:before {
    transform: rotate(45deg) translate(42px, -28px);
    left: 2px;
}

.stick.open:after {
    transform: rotate(-45deg) translate(42px, 28px);
    left: 2px;
}

.navbar-nav .clickD {
    top: 8px;
    right: 10px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.navbar-nav .clickD.toggled {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sub-menu>li.menu-item-has-children .clickD {
    top: 8px;
    right: 10px;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}


.sub-menu,
.navbar-nav>li>.sub-menu .sub-menu {
    position: relative;
    width: 100%;
    left: inherit;
    top: inherit;
    border: none;
    right: inherit;
}

.navbar-nav>li.menu-item-has-children {
    padding-right: 0;
}

.navbar-nav>li {
    margin: 0;
    padding: 0;
}

.navbar-nav>li>a {
    padding: 10px 20px;
    display: inline-block;
    width: 100%;
    border-left: 5px solid transparent;
}

.navbar-nav li.menu-item-has-children>a {
    padding-right: 48px;
}

.sub-menu>li>a {
    padding-left: 40px;
}

.sub-menu .sub-menu>li>a {
    padding-left: 60px;
}

.sub-menu .sub-menu .sub-menu>li>a {
    padding-left: 80px;
}

.navbar-nav>li>a:after {
    bottom: 0;
}

/* navbar end*/

/* push nav */

.navbar-collapse {
    background: #fff;
    position: fixed;
    top: 0;
    height: 100% !important;
    width: 350px;
    overflow-y: auto;
    transition: inherit !important;
    right: 0;
    margin: 0;
    display: block !important;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 0.2s ease-in-out !important;
    transition: transform 0.2s ease-in-out !important;
    z-index: 100;
}

.navbar-collapse.show,
.navbar-collapse.collapsing {
    display: block !important;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: transform 0.2s ease-in-out !important;
    transition: transform 0.2s ease-in-out !important;
}

.navbar-collapse .navbar-nav {
    margin: 80px 0 0;
    padding: 0 0 40px 0;
}

.navbar-collapse .navbar-toggler {
    display: block;
    right: 20px;
    top: 20px;
    position: absolute;
}

#navoverlay.open {

    background-color: rgba(0, 0, 0, 0.4);
    pointer-events: all;
    -webkit-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
}

body.open-nav,
html.open-nav {
    height: 100%;
    overflow: hidden;
}

.navbar-expand-lg .navbar-toggler {
    display: block;
}


/* navbar*/
.navbar-nav .clickD {
    position: absolute;
    right: 12px;
    top: 14px;
    width: 24px;
    height: 24px;
    background: rgba(59, 97, 220, 0.12) url(images/sort-down.svg) center center no-repeat;
    display: block;
    background-size: 12px;
    border-radius: 999px;
    cursor: pointer;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: background-color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.navbar-nav .clickD.toggled {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sub-menu>li.menu-item-has-children .clickD {
    top: 8px;
    right: 8px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.sub-menu>li.menu-item-has-children .clickD.toggled {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.navbar-nav>li.menu-item-has-children {
    padding-right: 20px;
}

.sub-menu>li.menu-item-has-children>a {
    padding-right: 44px;
}

.navbar-nav li.menu-item-has-children:hover>.clickD,
.navbar-nav li.menu-item-has-children.current-menu-item>.clickD,
.navbar-nav li.menu-item-has-children:focus-within>.clickD {
    background-color: rgba(59, 97, 220, 0.2);
}

.sub-menu.show {
    display: block;
}

.navbar-nav>li {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-nav>li.current-menu-item>a:after,
.navbar-nav>li>a:after,
.navbar-nav>li.menu-item-has-children>a:after {
    width: 100%;
    opacity: 0;
}

.navbar-nav>li.current-menu-item>a:after,
.navbar-nav>li>a:hover:after,
.navbar-nav>li.menu-item-has-children:hover>a:after {
    width: 100%;
    opacity: 1;
}

/* navbar end*/
.navbar-collapse .navbar-nav {
    flex-direction: column;
}

/* push nav end */

/*--- index page --- */
.main-head.fixed {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.header-middle-txt {
    margin: 0 auto;
}

header.main-head {
    padding: 14px 0;
    background-color: var(--whitecolor);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

/* banner section */
.banner-sec {
    min-height: 668px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 227px 0 113px;
}

.banner-sec::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(36, 110, 185, 0.95);
}

.bnnr-innr-content {
    position: relative;
    z-index: 2;
}

.txt-cntr {
    text-align: center;
}

.bnnr-innr-content .cmn-heading {
    color: var(--whitecolor);
}

.bnnr-innr-content .cmn-heading h1 {
    color: var(--whitecolor);
}

.cmn-heading span {
    font-size: 60px;
    font-weight: 500;
    display: block;
    line-height: 1;
    margin-bottom: 10px;
}

.bnnr-innr-content .cmn-heading h1 {
    text-transform: capitalize;
    margin-bottom: 15px;
}

.bnnr-innr-content .cmn-heading p {
    max-width: 684px;
    width: 100%;
    margin: 0 auto 25px;
}

.bnr-btn .cmn-btn:hover {
    background-color: var(--headingColor);
}

.header-middle-txt p {
    font-size: 16px;
    color: var(--headingColor);
}

.explore-innr-part .cmn-head-wppr {
    max-width: 844px;
    width: 100%;
    margin: 0 auto;
}

.cmn-head-wppr h2 {
    margin-bottom: 15px;
}

.explore-innr-wppr {
    padding: 22px 19px 22px 23px;
    background: var(--whitecolor);
    box-shadow: 0px 6px 21px rgba(63, 115, 220, 0.1);
    border-radius: 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.explore-slider-wppr .slick-track {
    display: flex !important;
}

.explore-slider-wppr .slick-slide {
    height: inherit !important;
}

.explore-img-part {
    background-color: #F8F9FA;
    border-radius: 12px;
    width: 100%;
    height: 100%;
    flex-grow: 1;
}

.explr-img {
    width: 100%;
    height: 100%;
}

.explr-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.card-content {
    padding: 36px 29px 14px;
}

.card-content p {
    font-weight: 500;
}

.explore-each-card {
    padding: 40px 15px;
}

.explore-slider-wppr .slick-list {
    margin: 0 -15px;
}

.crd-cmn-arw {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border: 1px solid var(--blur-bg);
    filter: drop-shadow(0px 20px 30px rgba(172, 172, 172, 0.4));
    border-radius: 100%;
    background-color: var(--whitecolor);
    transition: all 0.3s ease-in-out;
}

.crd-cmn-arw:hover {
    background-color: var(--blur-bg);
}

.crd-cmn-arw:hover img {
    filter: brightness(0) invert(1);
}

.explore-slider-outer {
    position: relative;
}

.crd-cmn-arw {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

}

.crd-prev-arw {
    left: -100px;
}

.crd-next-arw {
    right: -100px;
}

.how-to-access-sec {
    background: linear-gradient(180deg, #F7FBFF 0%, #F7FBFF 72.68%);
}

.access-card-innr {
    background: var(--whitecolor);
    box-shadow: 0px 14px 83px rgba(3, 3, 254, 0.08);
    border-radius: 18px;
    padding: 36px 22px 40px 32px;
    height: 100%;
}

.access-col {
    width: 33.33%;
}

.how-acces-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
    justify-content: center;
}

.how-acces-row {
    counter-reset: my-sec-counter;
}

.how-acces-row .card-number-circle p::before {
    counter-increment: my-sec-counter;
    content: "0" counter(my-sec-counter);
}

.card-number-circle {
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #EAE9FC 0%, rgba(234, 233, 252, 0) 100%);
    border-radius: 100%;
    font-size: 40px;
    font-weight: 600;
    color: var(--headingColor);
    padding: 10px;
    margin-bottom: 36px;
}

.card-head-list .h5-title {
    margin-bottom: 15px;
    text-transform: capitalize;
}


.card-lists li {
    font-size: 16px;
    padding-left: 15px;
    position: relative;

}

.card-lists li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: var(--paraColor);
    border-radius: 100%;
}

.card-lists li:not(:last-child) {
    margin-bottom: 20px;
}

.how-access-innr .cmn-head-wppr {
    margin-bottom: 35px;
}

.card-lists {
    padding-left: 18px;
}

.access-card-btn {
    text-align: center;
    margin-top: 33px;
}


.subscription-sec {
    position: relative;
}

.subscription-innr {
    max-width: 964px;
    width: 100%;
    margin: 0 auto;
}

.subscrip-card-innr {
    background: var(--whitecolor);
    box-shadow: 0px 0px 64px rgba(63, 115, 220, 0.13);
    border-radius: 12px;
    padding: 40px 27px 26px 32px;
    height: 100%;
}

.subscribe-img {
    display: flex;
    width: 44px;
    height: 40px;
}

.subscribe-img img {
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.subscrib-head-wppr {
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #E6E9EE;
    padding-bottom: 30px;
    margin-bottom: 25px;
}

.sub-card-txt {
    margin-left: 20px;
}

.subscrip-btn {
    padding: 18px 20px;
    width: 100%;
    height: 100%;
    color: #191919;
    font-weight: 500;
    background-color: #F8F9FA;
    border-radius: 10px;
    border: 1px solid #E6E9EE;
    text-align: center;
    line-height: 1;
    transition: all 0.3s ease-in-out;
}

.subscrip-btn.grn-btn {
    background-color: var(--green);
    color: var(--whitecolor);
}

.subscrip-btn.grn-btn i img {
    filter: brightness(0) invert(1);
}

.subscrip-btn.grn-btn:hover {
    background-color: var(--blur-bg);
}

.subscrip-btn:hover {
    background-color: var(--blur-bg);
    color: var(--whitecolor);
}

.subscrip-btn:hover i img {
    filter: brightness(0) invert(1);
}

.subscrip-btn span {
    display: inline-block;
}

.subscrip-btn i {
    display: inline-block;
    line-height: 0;
    margin-left: 5px;
}

.subscrip-btn i img {
    transition: all 0.3s ease-in-out;
}

.subscription-col {
    width: 25%;
}

.subscription-row {
    --bs-gutter-x: 30px;
}

.subscrip-card-btn {
    margin-bottom: 32px;
}

.feature-head h4 {
    font-size: 18px;
    margin-bottom: 20px;
}


.card-feature-lists li {
    padding-left: 37px;
    position: relative;
    font-size: 16px;
}

.card-feature-lists li::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 25px;
    height: 25px;
    background-image: url(images/list-tick.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 13px;
    background-color: var(--btnColor);
    border-radius: 6px;
    padding: 5px;
}

.card-feature-lists li:not(:last-child) {
    padding-bottom: 26px;
    margin-bottom: 26px;
    border-bottom: 1px solid #E6E9EE;
}

.green-bg {
    background-color: var(--green);
    border-radius: 18px;
    width: 100%;
    height: 100%;
    min-height: 393px;
    position: relative;
}

.contact-img {
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: auto;
    max-width: 62%;
}

.contact-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.about-sec {
    padding-bottom: 100px;
    position: relative;
}

.about-sec-innr {
    max-width: 1340px;
    width: 100%;
}

.about-sec-lft-col {
    width: 58.3%;
}

.about-sec-rit-col {
    width: 41.7%;
}

.about-sec-img {
    width: 100%;
    height: 100%;
}

.about-sec-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-sec-lft-contnt {
    max-width: 583px;
    width: 100%;
}

.learn-btn .cmn-btn {
    min-width: 146px;
    font-size: 16px;
    padding: 20px 22px;
    background-color: var(--blur-bg);
}

.learn-btn .cmn-btn:hover {
    background-color: var(--btnColor);
}

.about-sec-row {
    align-items: center;
}

.about-sec-lft-contnt h2 {
    margin-bottom: 15px;
}

.about-sec-lft-contnt p {
    margin-bottom: 15px;
    font-weight: 500;
}

.footer-sec {
    background-color: #F7FBFF;
}

.footer-top-part {
    padding: 45px 0 55px;
}

.fttr-col1 {
    width: 33%;
}

.fttr-col2 {
    width: 22%;
}

.fttr-col3 {
    width: 22%;
}

.fttr-col4 {
    width: 23%;
}


.fttr-logo-innr .fttr-logo {
    margin-bottom: 25px;
    width: 180px;
}

.fttr-logo-innr p {
    font-weight: 300;
    font-size: 16px;
}

.fttr-social-lists {
    display: flex;
    align-items: center;
}

.fttr-social-lists li:not(:last-child) {
    margin-right: 13px;
}

.fttr-social-lists li a {
    width: 47px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 100%;
    background-color: var(--whitecolor);
    box-shadow: 0px 0px 30px rgba(1, 75, 124, 0.06);
    color: var(--blur-bg);
    transition: all 0.3s ease-in-out;
}

.fttr-social-lists li a:hover {
    background-color: var(--blur-bg);
    color: var(--whitecolor);
}

.fttr-logo-innr {
    margin-bottom: 30px;
}

.fttr-cmn-head p {
    position: relative;
    font-size: 20px;
    color: var(--headingColor);
    padding-bottom: 15px;
    text-transform: capitalize;
}

.fttr-cmn-head p::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 29px;
    height: 1px;
    background-color: var(--headingColor);
}

.fttr-cmn-head {
    margin-bottom: 24px;
}

.fttr-adress-links li {
    padding-left: 19px;
    position: relative;
}

.fttr-adress-links li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 8px;
    height: 10px;
    background-image: url(images/footer-tick.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 8px;
    transform: translateY(-50%);
}

.fttr-adress-links li:not(:last-child) {
    margin-bottom: 10px;
}

.fttr-adress-links li a {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 300;
    transition: all 0.3s ease-in-out;
}

.fttr-adress-links li a:hover {
    color: var(--blur-bg);
}

.fttr-adress-links li span {
    display: inline-block;
    line-height: 1;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 400;
    min-width: 48px;
}

.footer-bottom-part {
    padding: 22px 0 18px;
    position: relative;
}

.footer-bottom-part::before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    background-color: #EFF1F9;
    height: 1px;
}

.copyrit-wppr {
    text-align: center;
}

.copyrit-wppr p,
.copyrit-wppr p a {
    font-size: 16px;
    font-weight: 300;
    color: var(--paraColor);
}

.copyrit-wppr p a:hover {
    color: var(--blur-bg);
}


/* --- help center page --- */
.banner-sec.cmn-bnnr-sec {
    min-height: 430px;
}

.cmn-bnnr-sec .cmn-heading h1 {
    font-weight: 500;
}

.search-frm-outer {
    background-color: var(--whitecolor);
    box-shadow: 0px 0px 64px rgba(63, 115, 220, 0.1);
    border-radius: 12px;
    padding: 24px 29px;
}

.search-frm-outer .search-frm-innr input[type="text"] {
    height: 74px;
    background-color: #F2F6FF;
    border-radius: 12px;
    padding: 20px 23px;
    font-size: 20px;
    font-weight: 500;
    color: var(--headingColor);
    width: 100%;
}

.search-frm-outer .search-frm-innr input[type="submit"] {
    background-color: var(--btnColor);
    background-image: url(images/search.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 76px;
    height: 74px;
    border-radius: 20px;
    font-size: 0;
    margin-left: 27px;
    box-shadow: 0px 20px 30px rgba(116, 116, 116, 0.25);
    padding: 15px;
    background-size: 35px;
    flex: 0 0 auto;
    transition: all 0.3s ease-in-out;
}

.search-frm-outer .search-frm-innr input[type="submit"]:hover {
    background-color: var(--blur-bg);
}

.search-frm-outer .search-frm-innr {
    display: flex;
    align-items: center;
}

section.search-sec {
    margin-top: -50px;
    position: relative;
    z-index: 2;
}

.fixed-btn-sec {
    padding: 70px 0;
    position: sticky;
    top: 45px;
    z-index: 9;
}

.fixed-btn-innr {
    padding: 16px 23px;
    background-color: #F7FAFF;
    border-radius: 12px;
}

.fixed-btn-lists {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
}

.fixed-btn-lists li a {
    color: var(--headingColor);
    font-weight: 500;
    font-size: 20px;
    padding: 24px 20px;
    line-height: 1;
    border-radius: 18px;
    min-width: 130px;
    text-align: center;
}

.fixed-btn-lists li a:hover,
.fixed-btn-lists li.active-btn a {
    background-color: var(--btnColor);
    color: var(--whitecolor);
}

.fixed-btn-lists li {
    margin: 0 50px;
}

.fixed-btn-lists li:first-child {
    margin-left: 0;
}

.fixed-btn-lists li:last-child {
    margin-right: 0;
}

.faq-innr-content .cmn-head-wppr h2 {
    margin-bottom: 50px;
}

.faq-sec {
    padding-bottom: 100px;
}

/* faq starts  */
.cmn-faq .each-faq {
    padding: 0;
    background: var(--whitecolor);
    box-shadow: 0px 0px 64px rgba(63, 115, 220, 0.1);
    border-radius: 12px;
}

.each-faq.active {
    background: rgba(36, 110, 185, 0.94);
    box-shadow: 0px 0px 64px rgba(63, 115, 220, 0.1);
    border-radius: 12px;
    overflow: hidden;
}

.faq-hading {
    font-size: 20px;
    font-weight: 500;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    text-transform: none;
    position: relative;
    letter-spacing: normal;
    padding: 25px 55px 25px 23px;
    margin: 0;
    cursor: pointer;
    line-height: 1.3;
}

.faq-hading .faq-arw {
    content: "";
    position: absolute;
    top: 24px;
    right: 22px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--blur-bg);
    transition: all 0.3s ease-in-out;
    border-radius: 100%;
}

.faq-hading .faq-arw img {
    filter: brightness(0) invert(1);
}

.faq-hading.active .faq-arw {
    content: "";
    position: absolute;
    top: 24px;
    right: 22px;
    transition: all 0.3s ease-in-out;
    background-color: var(--whitecolor);
    transform: rotate(180deg);
}

.faq-hading.active .faq-arw img {
    filter: none;
}

.faq-answer {
    color: var(--para-clr);
    font-weight: 400;
    padding: 0px 30px 35px 23px;
    display: none;
    font-size: 16px;
}

.faq-answer-inner p:last-child {
    margin-bottom: 0;
}

.faq-answer-inner {
    border-left: 1px solid var(--whitecolor);
    padding-left: 20px;
}

.cmn-faq .each-faq:not(:last-child) {
    margin-bottom: 30px;
}

.faq-hading.active {
    color: var(--whitecolor);
}

.each-faq.active .faq-answer-inner {
    color: var(--whitecolor);
}

.each-faq {
    position: relative;
}

.each-faq.active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(images/faq-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}


/* faq end  */

.about-data-sec {
    position: relative;
    background: linear-gradient(180deg, #F7FBFF 0%, #F7FBFF 60.15%);
}

.about-data-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

.about-data-col {
    width: 50%;
}

.about-data-innr .cmn-head-wppr h2,
.how-to-use-innr .cmn-head-wppr h2 {
    margin-bottom: 35px;
}

.about-data-card {
    background: var(--whitecolor);
    box-shadow: 0px 0px 64px rgba(63, 115, 220, 0.1);
    border-radius: 12px;
    padding: 60px 60px 35px 40px;
    height: 100%;
}

.data-card-header .h4-title {
    text-transform: capitalize;
    margin-bottom: 20px;
}

.about-data-card .card-lists {
    padding-left: 10px;
}

.about-data-card .card-lists li:not(:last-child) {
    margin-bottom: 10px;
}

.about-data-img {
    max-width: 354px;
    width: 100%;
    margin: 0 auto;
}

.about-data-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.how-use-col {
    width: 33.33%;
}

.how-use-card {
    background: var(--whitecolor);
    box-shadow: 0px 14px 83px rgba(3, 3, 254, 0.08);
    border-radius: 18px;
    overflow: hidden;
}

.how-card-top-part {
    background-color: var(--blur-bg);
    padding: 15px 27px;
    display: flex;
    align-items: center;
}

.star-logo-wppr {
    flex: 0 0 auto;
    margin-right: 10px;
    width: 26px;
}

.how-card-head .h5-title {
    color: var(--whitecolor);
    font-weight: 400;
}

.how-card-bottom-part {
    padding: 37px 60px 30px 27px;
}

.how-card-bottom-part p {
    font-size: 16px;
    line-height: 1.8;
}

.how-use-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
    justify-content: center;
}

.contact-us-innr .cmn-head-wppr {
    margin-bottom: 30px;
}

.contact-us-innr .access-card-innr {
    text-align: center;
}

.contact-us-innr .card-number-circle {
    margin: 0 auto 36px;
}

.contact-us-innr .card-head-list .h4-title {
    margin-bottom: 27px;
}

.contact-list li a {
    color: var(--paraColor);
    font-size: 16px;
}

.contact-list li a:hover {
    color: var(--blur-bg);
}

.contact-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
    justify-content: center;
}

.contact-us-innr .access-card-innr {
    padding: 36px 22px 50px 32px;
}

.fttr-adress-links li.current-menu-item a {
    color: var(--blur-bg);
}

.reg-btn-mobile {
    display: none;
}

.fixed-btn-sec.sticky-menu .fixed-btn-innr {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.cmn-head-wppr p {
    font-weight: 500;
}

/* --- get data page --- */
.banner-sec.cmn-bnnr-sec.sm-banner {
    min-height: 180px;
    padding: 110px 0 30px;
}

.get-data-category-sec {
    padding: 60px 0;
}

.get-category-lft-col {
    width: 25%;
}

.get-category-rit-col {
    width: 75%;
}

.get-category-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

.category-frm-outer {
    padding: 35px 26px 43px;
    background: #FFFFFF;
    box-shadow: 0px 14px 83px rgba(3, 3, 254, 0.08);
    border-radius: 18px;
}

.category-cmn-head .h4-title {
    margin-bottom: 23px;
}

.category-hading {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    text-transform: capitalize;
    position: relative;
    letter-spacing: normal;
    padding: 20px 40px 18px 21px;
    margin: 0;
    cursor: pointer;
    background: #F2F7FF;
    border-radius: 9px;
    font-size: 18px;
}

.category-answer {
    display: none;
}

.category-each-faq {
    margin-bottom: 16px;
}

.category-hading::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 21px;
    background-image: url(images/down-arrw-faq.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 15px;
    height: 14px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.category-each-faq.active .category-hading::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.category-innr-ans {
    padding: 20px;
}

.deselect-btn {
    display: block;
    color: var(--headingColor);
    text-decoration: underline !important;
    margin-bottom: 20px;
    line-height: 1;
}

.category-answer-inner li:not(:last-child) {
    margin-bottom: 14px;
}

.category-answer-inner li {
    line-height: 1;
}

.category-each-faq.active .category-hading {
    background: #FFFFFF;
    box-shadow: 0px 14px 83px rgba(3, 3, 254, 0.08);
}

.get-category-filter-innr {
    background: #FFFFFF;
    box-shadow: 0px 14px 83px rgba(3, 3, 254, 0.08);
    border-radius: 18px;
    padding: 35px 60px 55px 40px;
}

.filter-category-left-col {
    width: 36.2%;
    border-right: 1px dashed #BDCFEC;
    padding-right: 48px;
}

.filter-category-rit-col {
    width: 63.8%;
    padding-left: 60px;
}

.filter-category-row {
    --bs-gutter-x: 0;
}

.price-txt {
    margin-top: 60px;
}

.price-txt p {
    color: var(--headingColor);
    font-style: italic;
    font-size: 24px;
}

.price-txt p strong {
    font-style: normal;
    font-weight: 500;
}

.filter-country .category-cmn-head {
    border-bottom: 1px dashed #BDCFEC;
    margin-bottom: 23px;
}

.filter-country .category-frm-innr {
    max-width: 289px;
    width: 100%;
}

.filter-country {
    width: 100%;
}

.category-cmn-heading h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.filter-country .category-each-faq {
    margin-bottom: 30px;
}

.category-rit-contents .category-cmn-head h3 {
    font-size: 18px;
}

.category-rit-contents .category-cmn-head .h4-title {
    margin-bottom: 18px;
}

.category-rit-contents .category-cmn-head {
    margin-bottom: 15px;
}

.category-select-lists {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px -8px;
}

.category-select-lists li {
    padding: 0 8px 8px;
}

.category-select-main {
    margin-bottom: 30px;
}

.all-country-head {
    padding: 17px 15px 22px;
    background-color: #F2F7FF;
    border-radius: 9px;
   /*  position: sticky; */
   position: relative;
    top: 0;
    left: 0;
    /* z-index: 2222; */
    width: 100%;
}

.all-countries-block-outer {
    overflow: hidden;
    overflow-y: auto;
    max-height: 517px;
    padding: 0px 16px 34px 20px;
    margin: 0px -16px -34px -20px;
}

.all-countries-block {
    background: var(--whitecolor);
    box-shadow: 0px 14px 25px rgba(3, 3, 254, 0.08);
    border-radius: 0px 0px 18px 18px;
}

.all-country-head h3 {
    font-size: 18px;
}

.all-country-toggle .country-outer-toggle {
    padding: 5px 19px 19px;
}

.all-country-toggle .country-outer-toggle .category-hading {
    padding: 20px 40px 18px 0px;
    margin: 0;
    cursor: pointer;
    background: transparent;
    border-radius: 0;
    font-size: 18px;
}

.all-country-toggle .country-outer-toggle .category-each-faq:not(:last-child) .category-hading {
    border-bottom: 1px solid #D9D9D9;
}

.all-country-toggle .category-each-faq.active .category-hading {
    border-bottom: none;
}

.all-country-toggle .country-outer-toggle .category-each-faq.active .category-hading {
    box-shadow: none;
}

.subdivision-hading {
    font-size: 16px;
    position: relative;
    padding: 5px 5px 5px 20px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin-bottom: 10px;
}

.subdivision-hading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    background-image: url(images/down-arrw-faq.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 15px;
    height: 14px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.subdivision-each-faq.active .subdivision-hading::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.subdivision-answer {
    display: none;
}

.subdivision-answer .category-innr-ans {
    padding: 0 0 10px;
}

.subdivision-each-faq.active .subdivision-hading {
    margin-bottom: 10px;
}

.all-country-toggle .country-outer-toggle .category-each-faq.active:not(:last-child) .category-hading {
    border-bottom: none;
}

/* / Track /  */
.scroll-bg::-webkit-scrollbar {
    width: 16px;
}

.scroll-bg::-webkit-scrollbar-track {
    background: #E7EAF0;
    border-radius: 8px;
}

.scroll-bg::-webkit-scrollbar-thumb {
    background: #BDC3CE;
    width: 4px;
    border-radius: 8px;

}

/* support starts 11.04.2025  */
.countryactive {
    color: var(--paraColor) !important;
}

.category-innr-ans strong {
    margin-bottom: 20px;
    display: block;
}

.category-rit-contents {
    margin-bottom: 70px;
}

.calculate-btn {
    text-align: center;
}

.cmn-btn.comn-calculate-btn {
    border: none;
}

.purchase-data {
    margin-top: 30px;
    text-align: center;
}

.subdivision-each-faq.selectsubdivision {
    margin-bottom: 5px;
    padding-left: 10px;
}

.category-each-faq.selectallcountries.countryactive .category-hading {
    color: var(--green);
}

.subdivision-each-faq.selectsubdivision.subactive .subdivision-hading {
    color: var(--green);
}

.category-each-faq.active .category-hading,
.subdivision-each-faq.active .subdivision-hading {
    color: var(--blur-bg);
}

.subdivision-each-faq.active .subdivision-hading::after,
.category-each-faq.active .category-hading::after {
    filter: brightness(0) saturate(100%) invert(30%) sepia(100%) saturate(922%) hue-rotate(185deg) brightness(96%) contrast(85%);

}

.category-answer-inner li {
    padding-left: 15px;
}

.category-each-faq.selectallcountries.countryactive .category-hading::after,
.subdivision-each-faq.selectsubdivision.subactive .subdivision-hading::after {
    filter: brightness(0) saturate(100%) invert(84%) sepia(26%) saturate(572%) hue-rotate(83deg) brightness(83%) contrast(81%);
}

/* support ends 11.04.2025  */

/* 15-04-2025 start KM */
.page-template-template-get-data .all-country-toggle .category-each-faq {
    position: relative;
    padding-left: 24px;
}

.page-template-template-get-data .all-country-toggle .category-each-faq:not(:last-child) {
    border-bottom: 1px solid #D9D9D9;
}

.page-template-template-get-data .all-country-toggle .country-outer-toggle .category-each-faq:not(:last-child) .category-hading {
    border-bottom: none;
}

.cnt {
    width: 15px;
    height: 15px;
    margin-right: 0;
    accent-color: var(--btnColor);
    position: absolute;
    top: 21px;
    left: 0;
}

.page-template-template-get-data .all-country-toggle .category-each-faq.selectallcountries.countryactive .category-hading,
.subdivision-each-faq.selectsubdivision.subactive .subdivision-hading {
    color: var(--headingColor);
}

.cnt:checked+h3 {
    color: var(--btnColor) !important;
}

.page-template-template-get-data .subdivision-hading::after {
    left: auto;
    right: 46px;
}

.subdivision-each-faq.selectsubdivision {
    position: relative;
}

.subdivision-each-faq.selectsubdivision .cnt {
    top: 5px;
    left: 10px;
    z-index: 11;
}

.page-template-template-get-data .all-country-toggle .category-each-faq.selectallcountries.countryactive .category-hading::after,
.page-template-template-get-data .all-country-toggle .subdivision-each-faq.selectsubdivision.subactive .subdivision-hading::after {
    filter: brightness(0) saturate(100%) invert(58%) sepia(10%) saturate(2276%) hue-rotate(335deg) brightness(91%) contrast(79%);
}

.page-template-template-get-data .all-country-toggle .form_input_check label input[type="checkbox"]:checked+span:after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7483%) hue-rotate(59deg) brightness(100%) contrast(99%);
}

.page-template-template-get-data .all-country-toggle .form_input_check label input[type="checkbox"]:checked+span:before {
    border-color: var(--btnColor);
    background: var(--btnColor);
}

/* 15-04-2025 end KM */


/* 23/4/25 start */

.woocommerce-button.button,
.wc-block-components-button.wp-element-button,
.wp-block-button__link,
.woocommerce-Button,
.woocommerce-info a.button,
.woocommerce-address-fields .button,
.woocommerce .button {
    padding: 16px 25px !important;
    font-size: 16px !important;
    color: var(--whitecolor) !important;
    background-color: var(--btnColor) !important;
    border-radius: 10px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    transition: all 0.3s ease-in-out !important;
    border: none !important;
    outline: none !important;

}

.woocommerce-button.button:hover,
.wc-block-components-button.wp-element-button:hover,
.wp-block-button__link:hover,
.woocommerce-Button:hover,
.woocommerce-info a.button:hover,
.woocommerce-address-fields .button:hover,
.woocommerce .button:hover {
    background: var(--blur-bg) !important;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    line-height: 3;
    float: right;
}



.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    border-color: var(--othercolor);
    border-radius: 10px;
    margin-top: 12px;
}

.woocommerce-privacy-policy-text {
    margin-bottom: 20px;
}

.woocommerce-privacy-policy-text:last-child {
    margin-bottom: 0;
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
    border-color: var(--othercolor);
    border-radius: 6px;
    height: 50px;
    padding: 0 15px;
    color: var(--para-clr);
    outline: none !important;

}

.wc-block-components-form .wc-block-components-text-input input[type=email],
.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-form .wc-block-components-text-input input[type=password],
.wc-block-components-form .wc-block-components-text-input input[type=tel],
.wc-block-components-form .wc-block-components-text-input input[type=text],
.wc-block-components-form .wc-block-components-text-input input[type=url],
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=password],
.wc-block-components-text-input input[type=tel],
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=url],
.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-components-textarea {
    border-color: var(--othercolor) !important;
    border-radius: 6px !important;
    color: var(--para-clr) !important;
    outline: none !important;
    box-shadow: none !important;
}

.wc-block-components-button__text {
    opacity: 1 !important;
}

.woocommerce-page tbody,
.woocommerce-page td,
.woocommerce-page tfoot,
.woocommerce-page th,
.woocommerce-page thead,
.woocommerce-page tr {
    border-color: var(--othercolor) !important;
}

.is-large.wc-block-cart .wc-block-cart-items,
.wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart-order-summary-totals-block,
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__content,
.wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-totals-block,
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container:after,
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container:before {
    border-color: var(--othercolor) !important;
}

.wc-block-components-checkout-return-to-cart-button,
.wc-block-cart-item__remove-link {
    color: var(--btnColor) !important;
}

.wc-block-components-checkout-return-to-cart-button:hover,
.wc-block-cart-item__remove-link:hover {
    color: var(--blur-bg) !important;
}

.wc-block-cart .wc-block-components-product-details {
    display: grid !important;
    gap: 0.75rem;
    margin-top: 0.875rem;
    padding: 1rem 1.125rem;
    background: linear-gradient(180deg, rgba(197, 123, 87, 0.08) 0%, rgba(255, 255, 255, 0.98) 100%);
    border: 1px solid rgba(36, 110, 185, 0.14);
    border-radius: 18px;
}

.wc-block-cart .wc-block-components-product-details > span {
    display: grid;
    grid-template-columns: minmax(110px, 140px) 1fr;
    gap: 0.875rem;
    align-items: start;
}

.wc-block-cart .wc-block-components-product-details > span [aria-hidden="true"] {
    display: none;
}

.wc-block-cart .wc-block-components-product-details__name,
.wc-block-cart .wc-block-components-product-details__value,
.wc-block-cart .tellubase-cart-item-card__value {
    display: block;
}

.wc-block-cart .wc-block-components-product-details .tellubase-cart-item-card__header {
    grid-template-columns: 1fr;
    padding-bottom: 0.875rem;
    margin-bottom: 0.125rem;
    border-bottom: 1px solid rgba(36, 110, 185, 0.12);
}

.wc-block-cart .wc-block-components-product-details .tellubase-cart-item-card__header .wc-block-components-product-details__value {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
}

.wc-block-cart .tellubase-cart-item-card__title {
    color: var(--titleColor);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
}

.wc-block-cart .tellubase-cart-item-card__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: rgba(120, 192, 145, 0.16);
    color: var(--green);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.wc-block-cart .wc-block-components-product-details .tellubase-cart-item-card__row {
    padding: 0;
}

.wc-block-cart .wc-block-components-product-details .tellubase-cart-item-card__row .wc-block-components-product-details__name {
    color: var(--titleColor);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.75;
}

.wc-block-cart .wc-block-components-product-details .tellubase-cart-item-card__row .wc-block-components-product-details__value {
    color: var(--para-clr);
    font-size: 0.95rem;
    line-height: 1.55;
}

.wc-block-cart .wp-block-woocommerce-filled-cart-block {
    position: relative;
}

.wc-block-cart .tellubase-cart-continue-shopping,
.woocommerce-cart .tellubase-cart-continue-shopping {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    margin: 0 0 1.5rem;
    padding: 0.9rem 1.15rem;
    border: 1px solid rgba(36, 110, 185, 0.14);
    border-radius: 999px;
    background: rgba(36, 110, 185, 0.05);
    color: var(--blur-bg);
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.wc-block-cart .tellubase-cart-continue-shopping:hover,
.woocommerce-cart .tellubase-cart-continue-shopping:hover {
    background: rgba(197, 123, 87, 0.08);
    border-color: rgba(197, 123, 87, 0.24);
    color: var(--btnColor);
    transform: translateY(-1px);
}

.wc-block-cart .tellubase-cart-continue-shopping--totals,
.woocommerce-cart .tellubase-cart-continue-shopping--totals {
    width: 100%;
    justify-content: center;
    margin: 0 0 0.95rem;
}

.wc-block-cart .tellubase-cart-continue-shopping__icon,
.woocommerce-cart .tellubase-cart-continue-shopping__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(36, 110, 185, 0.12);
}

.wc-block-cart .tellubase-cart-continue-shopping__icon svg,
.woocommerce-cart .tellubase-cart-continue-shopping__icon svg {
    width: 0.9rem;
    height: 0.9rem;
}

.wc-block-cart .wp-block-woocommerce-cart-totals-block {
    padding: 1.5rem;
    background: linear-gradient(180deg, rgba(250, 250, 250, 0.98) 0%, #ffffff 100%);
    border: 1px solid rgba(36, 110, 185, 0.12);
    border-radius: 24px;
    box-shadow: 0 22px 44px rgba(17, 24, 39, 0.08);
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-block,
.wc-block-cart .wp-block-woocommerce-cart-express-payment-block,
.wc-block-cart .wp-block-woocommerce-proceed-to-checkout-block,
.wc-block-cart .wp-block-woocommerce-cart-accepted-payment-methods-block {
    padding: 1.1rem 1.15rem;
    border-radius: 18px;
    background: #ffffff;
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-block,
.wc-block-cart .wp-block-woocommerce-cart-express-payment-block,
.wc-block-cart .wp-block-woocommerce-proceed-to-checkout-block {
    margin-bottom: 0.9rem;
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
    border: 1px solid rgba(36, 110, 185, 0.1);
}

.wc-block-cart .wc-block-cart__submit {
    margin-bottom: 0;
    width: 100%;
}

.wc-block-cart .wc-block-cart__submit-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 3.25rem;
    padding: 0.875rem 1.5rem;
    border-radius: 6px;
    background: linear-gradient(135deg, var(--btnColor) 0%, #d48a66 100%) !important;
    border: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(197, 123, 87, 0.18);
    color: var(--whitecolor) !important;
    font-size: 1.0625rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.2;
    text-align: center;
    transition: box-shadow 0.2s ease;
}

.wc-block-cart .wc-block-cart__submit-button .wc-block-components-button__text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.wc-block-cart .wc-block-cart__submit-button:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12), 0 4px 10px rgba(197, 123, 87, 0.22);
}

.wc-block-cart .wc-block-cart__submit-button .wc-block-components-button__text::after {
    content: none;
    display: none;
}

.wc-block-cart .tellubase-cart-secure-note,
.woocommerce-cart .tellubase-cart-secure-note {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
    margin-top: 0.95rem;
    padding: 0.95rem 1rem;
    border-radius: 16px;
    background: rgba(120, 192, 145, 0.08);
    color: var(--headingColor);
}

.wc-block-cart .tellubase-cart-secure-note__icon,
.woocommerce-cart .tellubase-cart-secure-note__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    background: rgba(120, 192, 145, 0.18);
    color: var(--green);
    flex-shrink: 0;
}

.wc-block-cart .tellubase-cart-secure-note__icon svg,
.woocommerce-cart .tellubase-cart-secure-note__icon svg {
    width: 1rem;
    height: 1rem;
}

.wc-block-cart .tellubase-cart-secure-note__content,
.woocommerce-cart .tellubase-cart-secure-note__content {
    display: grid;
    gap: 0.18rem;
}

.wc-block-cart .tellubase-cart-secure-note__content strong,
.woocommerce-cart .tellubase-cart-secure-note__content strong {
    font-size: 0.92rem;
    font-weight: 700;
}

.wc-block-cart .tellubase-cart-secure-note__content small,
.woocommerce-cart .tellubase-cart-secure-note__content small {
    color: var(--paraColor);
    font-size: 0.82rem;
    line-height: 1.5;
}

.wc-block-cart .tellubase-cart-coupon-panel {
    border: 1px solid rgba(36, 110, 185, 0.1);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(36, 110, 185, 0.04) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.wc-block-cart .tellubase-cart-coupon-panel .wc-block-components-panel__button {
    padding: 0.15rem 0;
    color: var(--titleColor) !important;
    font-size: 0.96rem;
    font-weight: 700;
}

.wc-block-cart .tellubase-cart-coupon-panel__hint {
    margin: 0 0 0.9rem;
    color: var(--para-clr);
    font-size: 0.84rem;
    line-height: 1.45;
}

.wc-block-cart .tellubase-cart-coupon-panel .wc-block-components-totals-coupon__content {
    padding-top: 0.75rem;
}

.wc-block-cart .tellubase-cart-coupon-panel .wc-block-components-totals-coupon__form {
    flex-wrap: nowrap;
    gap: 0.75rem;
    align-items: stretch;
}

.wc-block-cart .tellubase-cart-coupon-panel .wc-block-components-totals-coupon__input {
    flex: 1 1 auto;
}

.wc-block-cart .tellubase-cart-coupon-panel .wc-block-components-totals-coupon__input input {
    min-height: 3.35rem;
    padding-left: 1rem !important;
    border-radius: 14px !important;
    background: #ffffff;
}

.wc-block-cart .tellubase-cart-coupon-panel .wc-block-components-totals-coupon__button {
    min-height: 3.35rem;
    padding: 0 1.15rem;
    border-radius: 14px !important;
    background: rgba(36, 110, 185, 0.08) !important;
    color: var(--blur-bg) !important;
    font-weight: 700;
    white-space: nowrap;
}

.wc-block-cart .tellubase-cart-coupon-panel .wc-block-components-totals-coupon__button:hover {
    background: rgba(36, 110, 185, 0.14) !important;
}

.wc-block-cart .wc-block-components-validation-error,
.wc-block-cart .wc-block-components-text-input.is-error input {
    color: #b42318 !important;
}

.wc-block-cart .wc-block-components-validation-error {
    margin-top: 0.65rem;
    padding: 0.75rem 0.85rem;
    border-radius: 12px;
    background: rgba(180, 35, 24, 0.08);
}

.wc-block-cart .wc-block-components-totals-discount__coupon-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.wc-block-cart .wc-block-components-totals-discount__coupon-list-item {
    border-radius: 999px;
    background: rgba(120, 192, 145, 0.14);
    color: var(--green);
}

/* ─── Cart Progress Bar ─── */

/* Classic cart totals styling */
.woocommerce-cart .cart_totals {
    padding: 1.5rem;
    background: linear-gradient(180deg, rgba(250, 250, 250, 0.98) 0%, #ffffff 100%);
    border: 1px solid rgba(36, 110, 185, 0.12);
    border-radius: 24px;
    box-shadow: 0 22px 44px rgba(17, 24, 39, 0.08);
}

.woocommerce-cart .cart_totals h2 {
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--headingColor);
}

.woocommerce-cart .wc-proceed-to-checkout {
    padding: 0.5rem 0 0;
    text-align: center;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 3.25rem;
    padding: 0.875rem 1.5rem !important;
    border-radius: 6px !important;
    background: linear-gradient(135deg, var(--btnColor) 0%, #d48a66 100%) !important;
    border: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(197, 123, 87, 0.18);
    color: var(--whitecolor) !important;
    font-size: 1.0625rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em;
    line-height: 1.2;
    text-align: center;
    transition: box-shadow 0.2s ease;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12), 0 4px 10px rgba(197, 123, 87, 0.22);
}

/* ─── Classic Cart Collapsible Coupon ─── */

.woocommerce-cart .coupon {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.tellubase-coupon-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0;
    border: none;
    background: none;
    color: var(--blur-bg);
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
    transition: color 0.2s ease;
}

.tellubase-coupon-toggle:hover {
    color: var(--btnColor);
}

.tellubase-coupon-toggle svg {
    flex-shrink: 0;
}

.tellubase-coupon-inner {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding-top: 0.5rem;
}

/* ─── Classic Cart Variation Data Styling ─── */

.woocommerce-cart .variation {
    display: grid;
    grid-template-columns: minmax(110px, auto) 1fr;
    gap: 0.1rem 0.875rem;
    align-items: baseline;
    padding: 0.6rem 1rem;
    background: linear-gradient(180deg, rgba(197, 123, 87, 0.06) 0%, rgba(255, 255, 255, 0.98) 100%);
    border: 1px solid rgba(36, 110, 185, 0.12);
    border-radius: 14px;
    margin-top: 0.5rem;
}

.woocommerce-cart .variation dt {
    color: var(--headingColor);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.75;
    margin: 0;
    padding: 0.15rem 0;
}

.woocommerce-cart .variation dd {
    margin: 0;
    padding: 0.15rem 0;
    color: var(--paraColor);
    font-size: 0.92rem;
    line-height: 1.4;
}

.woocommerce-cart .variation dd p {
    margin: 0;
}

/* ─── Hide quantity, subtotal columns, update cart ─── */

.woocommerce-cart .product-quantity,
.woocommerce-cart .product-subtotal,
.woocommerce-cart th.product-quantity,
.woocommerce-cart th.product-subtotal,
.woocommerce-cart .product-thumbnail,
.woocommerce-cart th.product-thumbnail,
.woocommerce-cart button[name="update_cart"] {
    display: none !important;
}

.woocommerce-cart .cart-subtotal {
    display: none !important;
}

.tellubase-cart-progress {
    margin: 0 0 1.2rem;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(36, 110, 185, 0.14);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(36, 110, 185, 0.06) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.tellubase-cart-progress__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tellubase-cart-progress__step {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--paraColor);
    font-size: 0.92rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.tellubase-cart-progress__step::after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(100% + 0.55rem);
    width: clamp(1.1rem, 3.2vw, 2.5rem);
    height: 1px;
    background: rgba(36, 110, 185, 0.2);
    transform: translateY(-50%);
}

.tellubase-cart-progress__step:last-child::after {
    display: none;
}

.tellubase-cart-progress__marker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 999px;
    border: 1px solid rgba(36, 110, 185, 0.28);
    background: #ffffff;
    color: var(--blur-bg);
    font-size: 0.82rem;
    font-weight: 700;
    flex-shrink: 0;
}

.tellubase-cart-progress__step--active {
    color: var(--btnColor);
}

.tellubase-cart-progress__step--active .tellubase-cart-progress__marker {
    border-color: rgba(197, 123, 87, 0.32);
    background: rgba(197, 123, 87, 0.14);
    color: var(--btnColor);
    box-shadow: 0 0 0 4px rgba(197, 123, 87, 0.12);
}

/* ─── Cart Payment Note ─── */

.tellubase-cart-payment-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    margin: 0.6rem 0 0;
    padding: 0;
    color: var(--paraColor);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.tellubase-cart-payment-note svg {
    flex-shrink: 0;
    color: var(--green);
}

/* ─── Cart Trust Strip ─── */

.tellubase-cart-trust-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    margin-top: 0.6rem;
    padding: 1rem 0.75rem;
    border: 1px solid rgba(36, 110, 185, 0.1);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(36, 110, 185, 0.04) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.tellubase-cart-trust-strip__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.45rem;
    text-align: center;
    color: var(--paraColor);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.01em;
}

.tellubase-cart-trust-strip__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    background: rgba(120, 192, 145, 0.14);
    color: var(--green);
    flex-shrink: 0;
}

.tellubase-cart-trust-strip__icon svg {
    width: 1.1rem;
    height: 1.1rem;
}

@media (max-width: 480px) {
    .tellubase-cart-trust-strip {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }

    .tellubase-cart-progress__step {
        font-size: 0.82rem;
    }

    .tellubase-cart-progress__marker {
        width: 1.6rem;
        height: 1.6rem;
        font-size: 0.75rem;
    }
}

.tellubase-checkout-progress {
    margin: 0 0 1.4rem;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(36, 110, 185, 0.14);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(36, 110, 185, 0.06) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.tellubase-checkout-progress__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tellubase-checkout-progress__step {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--para-clr);
    font-size: 0.92rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.tellubase-checkout-progress__step::after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(100% + 0.55rem);
    width: clamp(1.1rem, 3.2vw, 2.5rem);
    height: 1px;
    background: rgba(36, 110, 185, 0.2);
    transform: translateY(-50%);
}

.tellubase-checkout-progress__step:last-child::after {
    display: none;
}

.tellubase-checkout-progress__marker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 999px;
    border: 1px solid rgba(36, 110, 185, 0.28);
    background: #ffffff;
    color: var(--blur-bg);
    font-size: 0.82rem;
    font-weight: 700;
    flex-shrink: 0;
}

.tellubase-checkout-progress__step a,
.tellubase-checkout-progress__step span {
    color: inherit;
    line-height: 1.3;
    text-decoration: none;
}

.tellubase-checkout-progress__step--completed {
    color: var(--green);
}

.tellubase-checkout-progress__step--completed .tellubase-checkout-progress__marker {
    border-color: rgba(120, 192, 145, 0.28);
    background: rgba(120, 192, 145, 0.12);
    color: var(--green);
}

.tellubase-checkout-progress__step--completed .tellubase-checkout-progress__marker::before {
    content: '\2713';
    font-size: 0.82rem;
}

.tellubase-checkout-progress__step--completed .tellubase-checkout-progress__marker {
    font-size: 0;
}

.tellubase-checkout-progress__step--active {
    color: var(--btnColor);
}

.tellubase-checkout-progress__step--active .tellubase-checkout-progress__marker {
    border-color: rgba(197, 123, 87, 0.32);
    background: rgba(197, 123, 87, 0.14);
    color: var(--btnColor);
    box-shadow: 0 0 0 4px rgba(197, 123, 87, 0.12);
}

.tellubase-checkout-security-banner {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin: 0 0 1rem;
    padding: 0.95rem 1.1rem;
    border: 1px solid rgba(120, 192, 145, 0.25);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(120, 192, 145, 0.14) 0%, rgba(255, 255, 255, 0.96) 100%);
    color: var(--titleColor);
}

.tellubase-checkout-security-banner__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    color: var(--green);
    background: rgba(120, 192, 145, 0.2);
    flex-shrink: 0;
}

.tellubase-checkout-security-banner__icon svg {
    width: 1rem;
    height: 1rem;
}

.tellubase-checkout-security-banner__content {
    display: grid;
    gap: 0.15rem;
}

.tellubase-checkout-security-banner__content strong {
    font-size: 0.95rem;
    font-weight: 700;
}

.tellubase-checkout-security-banner__content small {
    font-size: 0.82rem;
    line-height: 1.45;
    color: var(--para-clr);
}

.tellubase-checkout-upgraded .tellubase-checkout-panel {
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid rgba(36, 110, 185, 0.12);
    border-radius: 18px;
    background: #ffffff;
}

.tellubase-checkout-upgraded .tellubase-checkout-panel__heading {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0 0 0.9rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(36, 110, 185, 0.1);
}

.tellubase-checkout-upgraded .tellubase-checkout-panel__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.95rem;
    height: 1.95rem;
    border-radius: 999px;
    color: var(--blur-bg);
    background: rgba(36, 110, 185, 0.1);
    flex-shrink: 0;
}

.tellubase-checkout-upgraded .tellubase-checkout-panel__icon svg {
    width: 1rem;
    height: 1rem;
}

.tellubase-checkout-upgraded .tellubase-checkout-panel__heading h3 {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--titleColor);
}

.tellubase-checkout-upgraded .wc-block-components-text-input input:focus,
.tellubase-checkout-upgraded .wc-block-components-textarea,
.tellubase-checkout-upgraded .wc-blocks-components-select .wc-blocks-components-select__select:focus {
    border-color: rgba(36, 110, 185, 0.4) !important;
    box-shadow: 0 0 0 3px rgba(36, 110, 185, 0.12) !important;
}

.tellubase-checkout-upgraded .wc-block-components-text-input input:valid:not(:placeholder-shown) {
    border-color: rgba(120, 192, 145, 0.65) !important;
    box-shadow: 0 0 0 3px rgba(120, 192, 145, 0.12) !important;
}

.tellubase-checkout-upgraded .wc-block-components-text-input.is-error input,
.tellubase-checkout-upgraded .wc-block-components-text-input.has-error input {
    border-color: rgba(180, 35, 24, 0.65) !important;
    box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.12) !important;
}

.tellubase-checkout-upgraded .tellubase-checkout-payment-icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    margin: 0 0 0.95rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid rgba(36, 110, 185, 0.12);
    border-radius: 14px;
    background: rgba(36, 110, 185, 0.04);
}

.tellubase-checkout-upgraded .tellubase-checkout-payment-icons__label {
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--titleColor);
}

.tellubase-checkout-upgraded .tellubase-checkout-payment-icons__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tellubase-checkout-upgraded .tellubase-checkout-payment-icons__list li {
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    border: 1px solid rgba(36, 110, 185, 0.18);
    background: #ffffff;
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--blur-bg);
}

.tellubase-checkout-upgraded .tellubase-checkout-place-order-wrap {
    margin-top: 1rem;
    padding: 0.95rem;
    border-radius: 16px;
    border: 1px solid rgba(36, 110, 185, 0.12);
    background: linear-gradient(180deg, rgba(36, 110, 185, 0.05) 0%, rgba(255, 255, 255, 1) 100%);
}

.tellubase-checkout-upgraded .tellubase-checkout-total-reminder {
    margin: 0 0 0.7rem;
    color: var(--titleColor);
    font-size: 0.92rem;
    font-weight: 700;
}

.tellubase-checkout-upgraded .wc-block-components-checkout-place-order-button {
    width: 100%;
    min-height: 3.65rem;
    border-radius: 999px !important;
    background: linear-gradient(135deg, var(--btnColor) 0%, #d48a66 100%) !important;
    border: none !important;
    color: var(--whitecolor) !important;
    font-size: 1.02rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    box-shadow: 0 18px 32px rgba(197, 123, 87, 0.26);
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.tellubase-checkout-upgraded .wc-block-components-checkout-place-order-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 22px 34px rgba(197, 123, 87, 0.32);
}

.tellubase-checkout-upgraded .wc-block-components-checkout-place-order-button.is-loading,
.tellubase-checkout-upgraded .wc-block-components-checkout-place-order-button[aria-busy="true"] {
    opacity: 0.88;
    cursor: progress;
}

.tellubase-checkout-upgraded .wc-block-components-checkout-place-order-button.is-loading .wc-block-components-button__text::after,
.tellubase-checkout-upgraded .wc-block-components-checkout-place-order-button[aria-busy="true"] .wc-block-components-button__text::after {
    content: '';
    display: inline-block;
    width: 0.92rem;
    height: 0.92rem;
    margin-left: 0.55rem;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #ffffff;
    border-radius: 50%;
    vertical-align: middle;
    animation: tellubaseCheckoutSpin 0.8s linear infinite;
}

.tellubase-checkout-upgraded .tellubase-checkout-trust-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.7rem;
}

.tellubase-checkout-upgraded .tellubase-checkout-trust-strip span {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    background: rgba(120, 192, 145, 0.14);
    color: var(--green);
    font-size: 0.74rem;
    line-height: 1.3;
}

.wc-block-checkout h3.wc-block-components-product-name,
.wp-block-woocommerce-checkout h3.wc-block-components-product-name,
.wc-block-checkout .wc-block-components-order-summary-item__individual-prices,
.wp-block-woocommerce-checkout .wc-block-components-order-summary-item__individual-prices {
    display: none !important;
}

.tellubase-checkout-upgraded .tellubase-checkout-summary-upgraded,
.tellubase-checkout-upgraded .wc-block-components-sidebar {
    position: relative;
}

.tellubase-checkout-upgraded .tellubase-checkout-edit-cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0.85rem;
    padding: 0.46rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(36, 110, 185, 0.18);
    background: rgba(36, 110, 185, 0.06);
    color: var(--blur-bg);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-decoration: none;
}

.tellubase-checkout-upgraded .tellubase-checkout-edit-cart:hover {
    background: rgba(197, 123, 87, 0.1);
    border-color: rgba(197, 123, 87, 0.26);
    color: var(--btnColor);
}

.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary {
    border: 1px solid rgba(36, 110, 185, 0.12);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(250, 250, 250, 0.98) 0%, #ffffff 100%);
    padding: 1rem;
}

.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
    padding: 0.8rem 0.85rem;
    border: 1px solid rgba(36, 110, 185, 0.11);
    border-radius: 14px;
    background: #ffffff;
}

.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__image {
    display: block !important;
    width: 100%;
    max-width: none;
    margin: 0;
}

.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__image img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: 190px;
    object-fit: cover;
    border-radius: 10px;
}

.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item:last-child {
    margin-bottom: 0;
}

.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-product-details {
    display: grid !important;
    gap: 0.5rem;
    margin-top: 0 !important;
    padding: 0.75rem 0.8rem;
    border: 1px solid rgba(36, 110, 185, 0.09);
    border-radius: 12px;
    background: rgba(36, 110, 185, 0.03);
}

.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-product-details > span {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.3rem;
    align-items: start;
}

.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-product-details > span [aria-hidden="true"] {
    display: none;
}

.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-product-details__name {
    color: var(--titleColor);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.8;
}

.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-product-details__value,
.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .tellubase-cart-item-card__value {
    color: var(--para-clr);
    font-size: 0.88rem;
    line-height: 1.5;
}

.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .tellubase-cart-item-card__header {
    padding-bottom: 0.6rem;
    margin-bottom: 0.12rem;
    border-bottom: 1px solid rgba(36, 110, 185, 0.1);
}

.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .tellubase-cart-item-card__header .wc-block-components-product-details__value {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
}

.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .tellubase-cart-item-card__title {
    color: var(--titleColor);
    font-size: 0.9rem;
    font-weight: 700;
}

.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .tellubase-cart-item-card__badge {
    min-width: 68px;
    padding: 0.24rem 0.48rem;
    border-radius: 999px;
    background: rgba(120, 192, 145, 0.14);
    color: var(--green);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .tellubase-cart-item-card__row--geography {
    border-left: 3px solid rgba(36, 110, 185, 0.32);
    padding-left: 0.48rem;
}

.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .tellubase-cart-item-card__row--data-selection {
    border-left: 3px solid rgba(197, 123, 87, 0.34);
    padding-left: 0.48rem;
}

.tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .tellubase-cart-item-card__row--year {
    border-left: 3px solid rgba(120, 192, 145, 0.38);
    padding-left: 0.48rem;
}

@keyframes tellubaseCheckoutSpin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 767px) {
    .tellubase-checkout-progress {
        padding: 0.9rem;
        border-radius: 16px;
    }

    .tellubase-checkout-progress__list {
        gap: 0.6rem;
    }

    .tellubase-checkout-progress__step {
        flex: 1 1 0;
        justify-content: center;
        font-size: 0.78rem;
    }

    .tellubase-checkout-progress__step::after {
        left: calc(100% + 0.3rem);
        width: clamp(0.5rem, 4vw, 1rem);
    }

    .tellubase-checkout-progress__marker {
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0.72rem;
    }

    .tellubase-checkout-security-banner,
    .tellubase-checkout-upgraded .tellubase-checkout-panel,
    .tellubase-checkout-upgraded .tellubase-checkout-place-order-wrap {
        border-radius: 14px;
    }

    .tellubase-checkout-upgraded .tellubase-checkout-payment-icons {
        flex-direction: column;
        align-items: flex-start;
    }

    .tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary {
        border-radius: 16px;
        padding: 0.85rem;
    }

    .tellubase-checkout-upgraded .wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-product-details > span {
        grid-template-columns: 1fr;
        gap: 0.3rem;
    }
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    box-shadow: none !important;
    border: 1px solid var(--othercolor) !important;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    background-color: #f6f6f6 !important;
    color: var(--paraColor) !important;
    border-color: var(--themcolor) !important;
    outline: none !important;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
    color: var(--btnColor);
}

.woocommerce-error:focus-visible,
.woocommerce-info:focus-visible,
.woocommerce-message:focus-visible {
    outline: none !important;
}

.woocommerce-error::before {
    color: var(--themcolor2) !important;
}

.woocommerce h2 {
    margin-bottom: 16px !important;
}

.woocommerce table {
    border-radius: 0 !important;
    border-color: var(--othercolor) !important;
    color: var(--para-clr) !important;
    border-collapse: collapse !important;
}

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table th {
    font-weight: 600;
}

.woocommerce .woocommerce-customer-details address {
    padding: 12px 15px;
    border-color: var(--othercolor) !important;
    border-width: 1px !important;
}

.woocommerce ul.order_details {
    margin-top: -14px;
}

.woocommerce ul.order_details li {
    padding-top: 14px;
}

.our-store-main-wppr.cmn-gap {
    padding-top: 100px;
}

.wp-block-woocommerce-checkout {
    padding-top: 0 !important;
}

/* .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
    margin-top: 0 !important;
} */
.wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item {
    border-bottom: 1px solid var(--othercolor);
}

.woocommerce-MyAccount-navigation ul li a {
    background: var(--btnColor);
    padding: 10px 15px;
    color: var(--whitecolor);
    display: block;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--blur-bg);
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background: var(--blur-bg);
}

.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid var(--whitecolor);
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none;
}

.woocommerce-MyAccount-navigation ul {
    border-radius: 10px;
    overflow: hidden;
}

.woocommerce-EditAccountForm,
.woocommerce-address-fields,
.woocommerce-Address,
.wc-block-checkout__form {
    padding: 30px;
    background: #fafafa;
    border-radius: 10px;
}

.woocommerce-EditAccountForm .button,
.woocommerce-address-fields .button,
.woocommerce-Address .button {
    margin-top: 20px !important;
}

.woocommerce-Address-title {
    margin-bottom: 20px;
}

.woocommerce-Address-title a {
    float: none !important;
}

.woocommerce-Address-title a:hover {
    color: var(--blur-bg);
}

.select2-container .select2-dropdown,
.select2-container .select2-selection {
    border-color: var(--othercolor) !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 15px 12px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background: var(--blur-bg);
}

.woocommerce table.my_account_orders .woocommerce-orders-table__header {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.woocommerce-orders-table__cell-order-actions,
.woocommerce-orders-table__header-order-actions {
    text-align: center;
}

.category-answer-inner .form_input_check .continentfilteractive+span::after {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}

.category-answer-inner .form_input_check .countryfilteractive+span::after {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}

.category-answer-inner .form_input_check .regionactive+span::after {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}


.cmnpagecls h1,
.cmnpagecls h2,
.cmnpagecls h3 {
    margin-bottom: 12px;
}

.cmnpagecls h4,
.cmnpagecls h5,
.cmnpagecls h6 {
    margin-bottom: 8px;
}

.cmnpagecls p {
    margin-bottom: 24px;
}

.cmnpagecls p,.cmnpagecls ul, .cmnpagecls ol {
    margin-bottom: 24px;
}

.cmnpagecls ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 4px;
}

.cmnpagecls ul li::after {
    content: "";
    width: 8px;
    height: 8px;
    background: var(--btnColor);
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 50%;
}





/* 23/4/25 end */


/* 06-05-2025 start KM */
.yearrangecls .yearrange {
    padding: 16px 18px;
    margin: 16px 0 0;
    background: #F2F7FF;
    border-radius: 9px;
    font-size: 16px;
}

.notify-slider-slide {
    padding: 0 15px;
}

.header-middle-txt {
    width: calc(100% - 590px);
}

.subdivision-each-faq.hidearrow.selectsubdivision .subdivision-hading {
    pointer-events: none;
}

.subdivision-each-faq.hidearrow.selectsubdivision .subdivision-hading::after {
    display: none;
}

.woocommerce-cart .cmnpagecls ul li,
.woocommerce-checkout .cmnpagecls ul li,
.woocommerce-account .cmnpagecls ul li {
    padding-left: 0;
}

.woocommerce-cart .cmnpagecls ul li::after,
.woocommerce-checkout .cmnpagecls ul li::after,
.woocommerce-account .cmnpagecls ul li::after {
    display: none;
}
/* 06-05-2025 end KM */
/* ========== responsive css =========== */



@media(min-width:1025px) {

    /* navbar*/
    .navbar-nav .clickD {
        display: block;
    }

    .navbar-nav li.menu-item-has-children:hover>.sub-menu {
        display: block;
    }
}

/* ---- container ---- */

@media (min-width:1200px) {
    .container.lg-container {
        max-width: 1280px;
        padding: 0 50px;
    }
}

@media (min-width: 1400px) {

    .container.lg-container {
        max-width: 1500px;
    }

}

@media (min-width: 1920px) {
    .container {
        max-width: 1490px;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0 auto;
    }

    .container.lg-container {
        max-width: 1820px;
    }
}

@media (max-width: 1600px) {
    .crd-next-arw {
        right: -25px;
    }

    .crd-prev-arw {
        left: -25px;
    }

    .crd-cmn-arw {
        width: 50px;
        height: 50px;
    }

    .cmn-heading span {
        font-size: 50px;
    }

    h1,
    .h1-title {
        font-size: 75px;
    }

    .banner-sec {
        min-height: 630px;
        padding: 180px 0 100px;
    }

    .cmn-btn {
        padding: 20px 20px;
        min-width: 175px;
        font-size: 20px;
    }

    h2,
    .h2-title {
        font-size: 35px;
    }

    .navbar-brand {
        width: 220px;
    }

    .fixed-btn-lists li {
        margin: 0 35px;
    }

    .search-frm-outer {
        padding: 15px 25px;
    }

    .search-frm-outer .search-frm-innr input[type="text"] {
        height: 65px;
        padding: 15px 23px;
    }

    .search-frm-outer .search-frm-innr input[type="submit"] {
        width: 70px;
        height: 65px;
        border-radius: 15px;
        padding: 15px;
        margin-left: 20px;
        background-size: 25px;
    }

    .fixed-btn-sec {
        padding: 60px 0;
    }

    .fixed-btn-lists li a {
        font-size: 18px;
        padding: 20px 15px;
    }

    .faq-innr-content .cmn-head-wppr h2 {
        margin-bottom: 40px;
    }

    h5,
    .h5-title {
        font-size: 18px;
    }

    .how-card-bottom-part {
        padding: 30px 60px 30px 27px;
    }
}

@media (max-width: 1399px) {
    .fttr-col2 {
        width: 20%;
    }

    .fttr-col4 {
        width: 25%;
    }

    .fttr-adress-links li span {
        margin-right: 10px;
    }

    .cmn-heading span {
        font-size: 40px;
    }

    h1,
    .h1-title {
        font-size: 65px;
    }

    .bnnr-innr-content .cmn-heading p {
        margin: 0 auto 20px;
    }

    .banner-sec {
        min-height: 550px;
    }

    .cmn-gap {
        padding: 80px 0;
    }

    body {
        font-size: 17px;
    }

    .card-number-circle {
        width: 90px;
        height: 90px;
        font-size: 35px;
        margin-bottom: 25px;
    }

    .access-card-innr {
        padding: 30px 22px 30px 25px;
    }

    .cmn-btn {
        font-size: 18px;
    }

    .fttr-logo-innr .fttr-logo {
        margin-bottom: 15px;
        width: 170px;
    }

    .fttr-logo-innr {
        margin-bottom: 20px;
    }

    .footer-top-part {
        padding: 45px 0;
    }

    .footer-bottom-part {
        padding: 18px 0;
    }

    h3,
    .h3-title {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .about-sec {
        padding-bottom: 80px;
    }

    .banner-sec.cmn-bnnr-sec {
        min-height: 390px;
    }

    .fixed-btn-lists li {
        margin: 0 25px;
    }

    .fixed-btn-lists li a {
        font-size: 16px;
        padding: 12px 10px;
        min-width: 115px;
        border-radius: 15px;
    }

    .fixed-btn-sec {
        padding: 60px 0;
    }

    .cmn-faq .each-faq:not(:last-child) {
        margin-bottom: 20px;
    }

    .faq-sec {
        padding-bottom: 80px;
    }

    .about-data-innr .cmn-head-wppr h2,
    .how-to-use-innr .cmn-head-wppr h2 {
        margin-bottom: 25px;
    }

    h5,
    .h5-title {
        font-size: 18px;
    }

    .how-use-row {
        --bs-gutter-x: 20px;
        --bs-gutter-y: 20px;
    }

    .search-frm-outer .search-frm-innr input[type="text"] {
        height: 55px;
        font-size: 18px;
    }

    .search-frm-outer .search-frm-innr input[type="submit"] {
        width: 60px;
        height: 55px;
        border-radius: 10px;
        padding: 15px;
        margin-left: 20px;
        background-size: 22px;
    }

    .faq-innr-content .cmn-head-wppr h2 {
        margin-bottom: 30px;
    }

    .how-card-bottom-part {
        padding: 20px 27px;
    }

    .contact-us-innr .card-number-circle {
        margin: 0 auto 30px;
    }

    .contact-us-innr .card-head-list .h4-title {
        margin-bottom: 15px;
    }

    .explore-innr-wppr {
        box-shadow: 0px 0px 15px rgba(63, 115, 220, 0.1);
    }

    /* --- get data page --- */
    .category-hading {
        font-size: 16px;
    }

    .price-txt p {
        font-size: 20px;
    }

    .filter-category-left-col {
        padding-right: 30px;
    }

    .filter-category-rit-col {
        padding-left: 30px;
    }

    .category-frm-outer {
        padding: 35px 20px 43px;
    }

    .category-hading {
        padding: 16px 40px 16px 15px;
    }

    .category-innr-ans {
        padding: 15px;
    }

    .price-txt {
        margin-top: 40px;
    }

    .get-category-filter-innr {
        padding: 35px 30px;
    }

    .get-category-row {
        --bs-gutter-x: 20px;
        --bs-gutter-y: 20px;
    }

    .price-txt p {
        font-size: 18px;
    }

    .cmnpagecls ul li::after {
        top: 8px;
    }
}


@media(max-width:1199px) {
    .navbar-brand {
        width: 170px;
    }

    .header-middle-txt p {
        font-size: 15px;
    }

    .cmn-btn.large-btn {
        min-width: 190px;
        padding: 18px 16px;
        font-size: 15px;
    }


    .cmn-heading span {
        font-size: 35px;
    }

    h1,
    .h1-title {
        font-size: 55px;
    }

    .cmn-btn {
        padding: 16px 18px;
        min-width: 145px;
        font-size: 16px;
        border-radius: 10px;
    }

    .banner-sec {
        min-height: 500px;
        padding: 140px 0 100px;
    }

    h2,
    .h2-title {
        font-size: 30px;
    }

    body {
        font-size: 16px;
    }

    .cmn-gap {
        padding: 70px 0;
    }

    .explore-each-card {
        padding: 20px 10px;
    }

    .card-content {
        padding: 25px 20px 10px;
    }

    .cmn-head-wppr h2 {
        margin-bottom: 10px;
    }

    h5,
    .h5-title {
        font-size: 17px;
    }

    .how-acces-row {
        --bs-gutter-x: 15px;
    }

    .card-lists {
        padding-left: 10px;
    }

    .card-lists li:not(:last-child) {
        margin-bottom: 10px;
    }

    .access-card-btn {
        margin-top: 25px;
    }

    h4,
    .h4-title {
        font-size: 20px;
    }

    .subscrib-head-wppr {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .subscrip-card-innr {
        border-radius: 12px;
        padding: 30px 22px 20px 22px;
    }

    .subscription-row {
        --bs-gutter-x: 20px;
    }

    .subscrip-btn {
        padding: 15px 14px;
    }

    .subscrip-card-btn {
        margin-bottom: 25px;
    }

    .feature-head h4 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .card-feature-lists li::before {
        width: 20px;
        height: 20px;
    }

    .card-feature-lists li:not(:last-child) {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .card-feature-lists li {
        padding-left: 30px;
    }

    .about-sec-lft-contnt {
        max-width: 440px;
    }

    .about-sec {
        padding-bottom: 70px;
    }

    .fttr-col2 {
        width: 15%;
    }

    .fttr-col4 {
        width: 30%;
    }

    .fttr-cmn-head p {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .fttr-logo-innr .fttr-logo {
        margin-bottom: 10px;
        width: 150px;
    }

    .fttr-social-lists li a {
        width: 42px;
        height: 42px;
    }

    .fixed-btn-lists li {
        margin: 0 15px;
    }

    .fixed-btn-lists li a {
        font-size: 15px;
        padding: 10px 8px;
        min-width: 90px;
        border-radius: 10px;
    }

    .fixed-btn-innr {
        padding: 10px 15px;
        border-radius: 10px;
    }

    .fixed-btn-sec {
        padding: 50px 0;
    }

    .faq-hading {
        font-size: 18px;
        padding: 20px 55px 20px 23px;
    }

    .faq-hading .faq-arw {
        top: 20px;
        width: 25px;
        height: 25px;
    }

    .faq-hading.active .faq-arw {
        top: 20px;
    }

    .faq-sec {
        padding-bottom: 70px;
    }

    .about-data-card {
        border-radius: 10px;
        padding: 45px 45px 35px 35px;
    }

    .how-card-top-part {
        padding: 12px 20px;
    }

    .star-logo-wppr {
        width: 20px;
    }

    .how-card-head .h5-title {
        font-size: 16px;
    }

    .how-card-bottom-part {
        padding: 15px 20px;
    }

    .how-access-innr .cmn-head-wppr {
        margin-bottom: 25px;
    }

    .contact-us-innr .card-number-circle {
        padding: 22px;
        width: 80px;
        height: 80px;
    }

    /* --- get date page --- */
    .category-hading {
        font-size: 14px;
    }

    .category-cmn-head .h4-title {
        margin-bottom: 15px;
    }

    .deselect-btn {
        margin-bottom: 15px;
    }

    .form_input_check label {
        font-size: 15px;
    }

    .price-txt p {
        font-size: 16px;
    }

    .get-category-filter-innr {
        padding: 30px 20px;
    }

    .filter-country .category-each-faq {
        margin-bottom: 20px;
    }

    .category-select-main {
        margin-bottom: 20px;
    }

    .all-country-toggle .country-outer-toggle {
        padding: 5px 15px 19px;
    }

    .all-country-toggle .country-outer-toggle .category-hading {
        padding: 15px 40px 15px 0px;
        font-size: 16px;
    }

    .subdivision-hading {
        font-size: 15px;
    }

    .form_input_check label input[type="checkbox"]+span::before {
        width: 15px;
        height: 15px;
    }

    .form_input_check label input[type="checkbox"]+span::after {
        width: 15px;
        height: 15px;
        background-size: 11px;
    }

    /* / Track /  */
    .scroll-bg::-webkit-scrollbar {
        width: 10px;
    }

    /* 06-05-2025 start KM */
    .header-middle-txt {
        width: calc(100% - 450px);
    }
    /* 06-05-2025 end KM */
}

@media(max-width:1024px) {}


@media (max-width: 991px) {
    .navbar-brand {
        width: 150px;
    }

    .cmn-btn.large-btn {
        min-width: 170px;
        padding: 15px 12px;
        font-size: 14px;
    }

    .header-middle-txt {
        margin: 15px auto 0;
        order: 1;
    }

    .reg-btn-desktop {
        margin-left: auto;
    }

    .banner-sec {
        padding: 140px 0 60px;
    }

    .cmn-heading span {
        font-size: 28px;
    }

    h1,
    .h1-title {
        font-size: 48px;
    }

    .bnnr-innr-content .cmn-heading p {
        margin: 0 auto 15px;
    }

    .banner-sec {
        min-height: 460px;
    }

    .cmn-btn {
        padding: 13px 14px;
        min-width: 120px;
        font-size: 15px;
        border-radius: 10px;
    }

    h2,
    .h2-title {
        font-size: 26px;
    }

    .cmn-gap {
        padding: 60px 0;
    }

    .crd-cmn-arw {
        width: 40px;
        height: 40px;
    }

    h3,
    .h3-title {
        font-size: 18px;
        line-height: 1.3;
    }

    .explore-innr-wppr {
        padding: 20px 18px;
    }

    .card-content {
        padding: 20px 15px 10px;
    }

    .access-col {
        width: 50%;
    }

    .how-acces-row {
        --bs-gutter-y: 15px;
    }

    h4,
    .h4-title {
        font-size: 18px;
    }

    .subscribe-img {
        width: 35px;
        height: 35px;
    }

    .subscrip-card-innr {
        border-radius: 10px;
        padding: 25px 18px 20px;
    }

    .contact-img {
        max-width: 80%;
        height: auto;
    }

    .card-feature-lists li {
        font-size: 15px;
    }

    .card-feature-lists li::before {
        width: 18px;
        height: 18px;
        background-size: 12px;
    }

    .about-sec {
        padding-bottom: 60px;
    }

    .learn-btn .cmn-btn {
        min-width: 130px;
        font-size: 15px;
        padding: 16px 18px;
    }

    .fttr-col1 {
        width: 100%;
        margin-bottom: 20px;
    }

    .fttr-col2 {
        width: 25%;
    }

    .fttr-col3 {
        width: 33%;
    }

    .fttr-col4 {
        width: 42%;
    }

    .fttr-adress-links li a {
        font-size: 15px;
    }

    .fttr-cmn-head {
        margin-bottom: 15px;
    }

    .footer-top-part {
        padding: 35px 0;
    }

    .footer-bottom-part {
        padding: 15px 0;
    }

    .green-bg {
        border-radius: 10px;
    }

    .fttr-adress-links li span {
        font-size: 15px;
    }

    .navbar-collapse {
        width: 260px;
    }

    .banner-sec.cmn-bnnr-sec {
        min-height: 350px;
    }

    .search-frm-outer .search-frm-innr input[type="text"] {
        height: 50px;
        font-size: 16px;
        padding: 10px 20px;
    }

    .search-frm-outer {
        padding: 10px 15px;
    }

    .search-frm-outer .search-frm-innr input[type="submit"] {
        width: 50px;
        height: 50px;
        border-radius: 10px;
        padding: 15px;
        margin-left: 15px;
        background-size: 20px;
    }

    .fixed-btn-sec {
        padding: 40px 0;
    }

    .fixed-btn-lists li {
        margin: 0px 5px;
    }

    .fixed-btn-lists li a {
        font-size: 14px;
        padding: 10px 8px;
        min-width: 70px;
        border-radius: 5px;
    }

    .about-data-card {
        border-radius: 10px;
        padding: 35px 25px 25px 20px;
    }

    .how-use-col {
        width: 50%;
    }

    .how-use-card {
        border-radius: 10px;
    }

    .contact-us-innr .access-card-innr {
        padding: 25px 20px;
    }

    .about-data-row {
        --bs-gutter-x: 20px;
    }

    .fixed-btn-sec {
        top: 85px;
    }

    .fttr-social-lists {
        justify-content: center;
    }

    .fttr-logo-outer {
        text-align: center;
    }

    /* get data page  */
    .get-category-lft-col {
        width: 100%;
    }

    .get-category-rit-col {
        width: 100%;
    }

    .our-store-main-wppr.cmn-gap {
        padding-top: 130px;
    }


    .woocommerce-account .woocommerce-MyAccount-content,
    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: none;
        width: 100%;
    }

    .woocommerce-MyAccount-navigation {
        margin-bottom: 26px !important;
    }
    .cmnpagecls h1, .cmnpagecls h2, .cmnpagecls h3 {
        margin-bottom: 6px;
    }
    .cmnpagecls p, .cmnpagecls ul, .cmnpagecls ol {
        margin-bottom: 16px;
    }

    /* 06-05-2025 start KM */
    .header-middle-txt {
        width: 100%;
    }
    /* 06-05-2025 end KM */
}

@media (max-width: 768px) {

    .woocommerce table.my_account_orders td,
    .woocommerce table.my_account_orders th {
        padding: 10px;
        font-size: 14px;
    }

    .woocommerce table.my_account_orders .woocommerce-button.button {

        padding: 12px 15px !important;
    }
}

@media (max-width: 767px) {

    /* images alignment for wordpress content pages */
    .alignright,
    .alignleft,
    .aligncenter {
        float: none;
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        clear: both;
        margin-bottom: 24px;
    }

    .navbar-brand {
        width: 140px;
    }

    .cmn-btn.large-btn {
        min-width: 160px;
        padding: 12px 10px;
        font-size: 14px;
    }

    .cmn-btn {
        padding: 12px 11px;
        min-width: 110px;
        font-size: 14px;
        border-radius: 8px;
    }

    .cmn-heading span {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .banner-sec {
        padding: 140px 0 50px;
        min-height: 430px;
    }

    h1,
    .h1-title {
        font-size: 40px;
    }

    body {
        font-size: 15px;
    }

    .cmn-gap {
        padding: 50px 0;
    }

    h2,
    .h2-title {
        font-size: 24px;
    }

    h3,
    .h3-title {
        font-size: 18px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .how-access-innr .cmn-head-wppr {
        margin-bottom: 20px;
    }

    .card-number-circle {
        width: 70px;
        height: 70px;
        font-size: 24px;
        margin-bottom: 15px;
    }

    .access-card-innr {
        padding: 20px 20px 25px;
    }

    .card-lists {
        padding-left: 5px;
    }

    h5,
    .h5-title {
        font-size: 16px;
    }

    .card-head-list .h5-title {
        margin-bottom: 10px;
    }

    .card-lists li {
        font-size: 14px;
    }

    .access-card-btn {
        margin-top: 20px;
    }

    .subscription-col {
        width: 100%;
    }

    .subscription-row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 20px;
    }

    .contact-img {
        max-width: 50%;
    }

    .subscrip-btn {
        padding: 12px 14px;
        border-radius: 8px;
    }

    .about-sec-lft-col {
        width: 100%;
    }

    .about-sec-rit-col {
        width: 100%;
    }

    .about-sec-row {
        --bs-gutter-y: 20px;
    }

    .fttr-col2,
    .fttr-col3 {
        width: 50%;
        margin-bottom: 20px;
    }

    .fttr-col4 {
        width: 100%;
    }

    .footer-top-part {
        padding: 30px 0;
    }

    .copyrit-wppr p,
    .copyrit-wppr p a {
        font-size: 15px;
    }

    .banner-sec.cmn-bnnr-sec {
        min-height: 300px;
    }

    .fixed-btn-lists li {
        margin: 0 0 10px;
        width: 33.33%;
    }

    .fixed-btn-lists {
        justify-content: center;
    }

    .fixed-btn-lists li a {
        min-width: 1px;
        width: 100%;
    }

    .faq-hading {
        font-size: 16px;
    }

    .faq-answer-inner {
        padding-left: 15px;
    }

    .faq-answer-inner p {
        font-size: 14px;
    }

    .faq-hading .faq-arw,
    .faq-hading.active .faq-arw {
        top: 15px;
    }

    .about-data-col {
        width: 100%;
    }

    .about-data-row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 20px;
    }

    .contact-us-innr .card-number-circle {
        padding: 20px;
        width: 70px;
        height: 70px;
    }

    .contact-row {
        --bs-gutter-x: 20px;
        --bs-gutter-y: 20px;
    }

    .fixed-btn-sec {
        top: 0;
        position: relative;
    }

    .card-lists li::before {
        top: 8px;
        width: 5px;
        height: 5px;
    }

    /* get data page  */
    .filter-category-left-col {
        width: 100%;
        border-right: 0;
        padding-right: 0;
    }

    .filter-category-rit-col {
        padding-left: 0;
        width: 100%;
    }

    .filter-country .category-frm-innr {
        max-width: 100%;
    }

    .get-data-category-sec {
        padding: 50px 0;
    }

    .category-frm-outer {
        padding: 30px 20px;
    }

    .category-rit-contents .category-cmn-head .h4-title {
        border-bottom: 1px dashed #BDCFEC;
        padding-bottom: 15px;
    }

    .price-txt {
        margin-top: 30px;
    }

    .woocommerce-EditAccountForm,
    .woocommerce-address-fields,
    .woocommerce-Address,
    .wc-block-checkout__form {
        padding: 20px;
    }

    .cmnpagecls ul li::after {
        top: 7px;
    }
}


@media (max-width: 575px) {
    .header-middle-txt p {
        font-size: 14px;
    }

    .cmn-btn.large-btn {
        min-width: 150px;
        padding: 11px 8px;
        font-size: 13px;
        border-radius: 6px;
    }

    .cmn-heading span {
        font-size: 20px;
    }

    h1,
    .h1-title {
        font-size: 35px;
    }

    body {
        font-size: 14px;
    }

    .bnnr-innr-content .cmn-heading h1 {
        margin-bottom: 10px;
    }

    .explore-slider-wppr .slick-list {
        margin: 0 -10px;
    }

    .explore-each-card {
        padding: 20px 10px;
    }

    .crd-cmn-arw {
        position: relative;
        top: 0;
        transform: translateY(0);
    }

    .card-arw-btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .crd-prev-arw {
        left: 0;
        margin-right: 10px;
    }

    .crd-next-arw {
        right: 0;
    }

    .cmn-gap {
        padding: 40px 0;
    }

    .crd-cmn-arw {
        width: 35px;
        height: 35px;
    }

    h2,
    .h2-title {
        font-size: 20px;
    }

    .cmn-head-wppr h2 {
        margin-bottom: 8px;
    }

    .access-col {
        width: 100%;
    }

    .about-sec-lft-contnt p {
        margin-bottom: 10px;
    }

    .faq-hading {
        font-size: 15px;
    }

    .faq-hading {
        padding: 15px 55px 15px 15px;
    }

    .faq-answer {
        padding: 0px 20px 25px 15px;
    }

    .faq-sec {
        padding-bottom: 60px;
    }

    .faq-hading .faq-arw,
    .faq-hading.active .faq-arw {
        top: 10px;
    }

    .how-use-col {
        width: 100%;
    }

    .fixed-btn-lists li {
        width: 50%;
    }

    .contact-us-innr .card-head-list .h4-title {
        margin-bottom: 10px;
    }

    .contact-list li a {
        font-size: 15px;
    }

    .woocommerce-EditAccountForm,
    .woocommerce-address-fields,
    .woocommerce-Address,
    .wc-block-checkout__form {
        padding: 14px;
    }

    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        width: 100%;
    }
}


@media (max-width: 479px) {
    .cmn-btn.large-btn {
        min-width: 135px;
        padding: 10px 5px;
        font-size: 12px;
        border-radius: 6px;
    }

    .cmn-heading span {
        font-size: 18px;
    }

    h1,
    .h1-title {
        font-size: 28px;
    }

    .banner-sec {
        padding: 140px 0 30px;
    }

    h2,
    .h2-title {
        font-size: 18px;
    }

    h3,
    .h3-title {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .card-content {
        padding: 15px 10px 5px;
    }

    .cmn-head-wppr h2 {
        margin-bottom: 5px;
    }

    .card-number-circle {
        width: 60px;
        height: 60px;
        font-size: 20px;
        margin-bottom: 10px;
    }

    h5,
    .h5-title {
        font-size: 15px;
    }

    .card-head-list .h5-title {
        margin-bottom: 5px;
    }

    h4,
    .h4-title {
        font-size: 15px;
    }

    .subscribe-img {
        width: 30px;
        height: 30px;
    }

    .sub-card-txt {
        margin-left: 10px;
    }

    .subscrib-head-wppr {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .subscrip-card-btn {
        margin-bottom: 20px;
    }

    .feature-head h4 {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .card-feature-lists li:not(:last-child) {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .card-feature-lists li {
        padding-left: 25px;
    }

    .green-bg {
        min-height: 310px;
    }

    .learn-btn .cmn-btn {
        min-width: 110px;
        font-size: 14px;
        padding: 12px 14px;
    }

    .fttr-logo-innr .fttr-logo {
        margin-bottom: 10px;
        width: 130px;
    }

    .fttr-col2,
    .fttr-col3 {
        width: 100%;
        margin-bottom: 20px;
    }

    .card-feature-lists li {
        font-size: 14px;
    }

    .header-middle-txt {
        text-align: center;
    }

    .fixed-btn-lists li {
        width: 100%;
    }

    .search-frm-outer .search-frm-innr input[type="text"] {
        height: 45px;
        font-size: 16px;
        padding: 10px 15px;
    }

    .search-frm-outer .search-frm-innr input[type="submit"] {
        width: 45px;
        height: 45px;
        border-radius: 6px;
        padding: 12px;
        background-size: 18px;
    }

    .contact-list li a {
        font-size: 15px;
    }

    .fttr-adress-links li a {
        font-size: 14px;
    }

    .fttr-adress-links li:not(:last-child) {
        margin-bottom: 5px;
    }

    .fttr-social-lists {
        justify-content: flex-start;
    }

    .fttr-logo-outer {
        text-align: left;
    }

    .contact-us-innr .card-number-circle {
        padding: 15px;
    }

    /* get data page  */
    .get-data-category-sec {
        padding: 40px 0;
    }

    .category-frm-outer {
        padding: 25px 15px;
        border-radius: 10px;
    }

    .category-answer-inner li:not(:last-child) {
        margin-bottom: 10px;
    }

    .price-txt p {
        font-size: 14px;
    }

    .get-category-filter-innr {
        padding: 25px 15px;
        border-radius: 10px;
    }

    .category-cmn-heading h2 {
        font-size: 16px;
    }

    .all-country-head {
        padding: 12px 15px 12px;
    }

    .all-country-head h3 {
        font-size: 16px;
    }
}

@media (max-width: 375px) {
    .reg-btn-mobile {
        display: block;
        text-align: center;
    }

    .reg-btn-desktop {
        display: none;
    }

    .navbar-brand {
        width: 130px;
    }

    .header-middle-txt {
        margin: 10px auto 0;
    }

    .header-middle-txt p {
        font-size: 13px;
    }

    .green-bg {
        min-height: 260px;
    }

    .contact-img {
        max-width: 55%;
    }


}

/* Ensure sections are visible and constrained */
.get-data-vertical .vertical-stack {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 720px; /* narrower */
  margin: 0 auto;
}

.get-data-vertical .stack-section {
  display: block; /* override any hidden */
  background: #fff;
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

/* Add step headings */
.get-data-vertical .stack-section h2::before {
  display: block;
  font-weight: 600;
  color: #4a5568;
  margin-bottom: .25rem;
}
#stack-geographies h2::before { content: "Step 1: "; }
#stack-data-types h2::before { content: "Step 2: "; }
#stack-years h2::before { content: "Step 3: "; }

/* Buttons */
.get-data-vertical .cmn-btn {
  background-color: #2563eb;
  color: #fff;
  border: none;
  padding: 0.6rem 1.2rem;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
}
.get-data-vertical .cmn-btn:hover {
  background-color: #1d4ed8;
}

/* ==========================================================
   Get Data Wizard — Redesigned UI
   ========================================================== */

/* Shell */
.get-data-wizard-sec .wizard-shell {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* Cards */
.get-data-wizard-sec .wizard-topbar,
.get-data-wizard-sec .wizard-step {
	background: #ffffff;
	border: 1px solid #d0dce5;
	border-radius: 14px;
	padding: 20px 22px;
	box-shadow: 0 3px 14px rgba(15, 38, 59, 0.07);
}

/* Topbar intro */
.get-data-wizard-sec .wizard-topbar__intro {
	margin-bottom: 12px;
    cursor: default;
    -webkit-user-select: text;
    user-select: text;
}

.get-data-wizard-sec .wizard-topbar__intro h2 {
	margin: 0 0 6px;
	color: var(--headingColor);
    font-size: 18px;
    font-weight: 600;
}

.get-data-wizard-sec .wizard-topbar__intro p {
	margin: 0;
	color: #555;
    font-size: 13px;
    font-weight: 400;
	line-height: 1.5;
}

/* Steps hint bar */
.get-data-wizard-sec .wizard-topbar__steps-hint {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	background: #f4f8fb;
	border-radius: 8px;
	font-size: 13px;
	color: #555;
}

.get-data-wizard-sec .wizard-topbar__steps-hint .hint-step {
	display: inline-flex;
	align-items: center;
	gap: 4px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: #425264;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}

.get-data-wizard-sec .wizard-topbar__steps-hint .hint-step:not(.is-disabled):hover {
	text-decoration: underline;
	text-underline-offset: 2px;
}

.get-data-wizard-sec .wizard-topbar__steps-hint .hint-step strong {
    color: inherit;
	font-weight: 700;
}

.get-data-wizard-sec .wizard-topbar__steps-hint .hint-step.is-active {
    background: #e8f1fe;
    border-color: #c8dbf8;
    color: #1f4c88;
}

.get-data-wizard-sec .wizard-topbar__steps-hint .hint-step.is-complete {
    background: #e9f8ee;
    border-color: #cfe8d8;
    color: #1f6844;
}

.get-data-wizard-sec .wizard-topbar__steps-hint .hint-step.is-disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.get-data-wizard-sec .wizard-topbar__steps-hint .hint-step:focus-visible {
    outline: 2px solid #7ca8e8;
    outline-offset: 2px;
}

.get-data-wizard-sec .wizard-topbar__steps-hint .hint-arrow {
	display: inline-flex;
	align-items: center;
	color: #b0bec5;
	font-size: 14px;
	line-height: 1;
}

/* Banner subtitle */
.banner-sec .banner-subtitle {
	margin: 10px 0 0;
	color: rgba(255, 255, 255, 0.9);
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
}

/* Quick-fill section */
.get-data-wizard-sec .quick-fill-section {
	margin-top: 14px;
}

.get-data-wizard-sec .quick-fill-label {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 700;
	color: var(--headingColor);
}

.get-data-wizard-sec .quick-fill-label .quick-fill-hint {
	font-weight: 400;
	color: #666;
}

.get-data-wizard-sec .quick-fill-bar {
	display: flex;
	gap: 8px;
	align-items: stretch;
}

.get-data-wizard-sec .quick-fill-input {
	flex: 1 1 0;
	min-width: 0;
	border: 1.5px solid #c5d4dd;
	border-radius: 10px;
	padding: 10px 14px;
	background: #f7fafb;
	color: var(--headingColor);
	font-size: 15px;
	line-height: 1.4;
	transition: border-color 0.2s;
}

.get-data-wizard-sec .quick-fill-input:focus {
	outline: none;
	border-color: var(--blur-bg);
}

/* Shared input style */
.get-data-wizard-sec .geo-search-input,
.get-data-wizard-sec .yearrange {
	width: 100%;
	border: 1.5px solid #c5d4dd;
	border-radius: 10px;
	padding: 8px 12px;
	background: #f7fafb;
	color: var(--headingColor);
	font-size: 14px;
	transition: border-color 0.2s;
}

.get-data-wizard-sec .geo-search-input:focus,
.get-data-wizard-sec .yearrange:focus {
	outline: none;
	border-color: var(--blur-bg);
}

/* Override cmn-btn inside wizard to match input height */
.get-data-wizard-sec .quick-fill-button {
	flex-shrink: 0;
	padding: 10px 22px;
	font-size: 15px;
	min-width: auto;
	border-radius: 10px;
	border: none;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
	white-space: nowrap;
	line-height: 1.4;
}

/* Progress tracker */
.get-data-wizard-sec .wizard-progress {
	display: flex;
	align-items: center;
}

.get-data-wizard-sec .wizard-progress__item {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1 1 0;
	padding: 10px 14px;
	border-radius: 10px;
	background: #f0f4f7;
	color: #666;
	font-weight: 600;
	font-size: 13px;
	transition: background 0.2s, color 0.2s;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
}

.get-data-wizard-sec .wizard-progress__connector {
	flex-shrink: 0;
	width: 24px;
	height: 2px;
	background: #d0dce5;
}

.get-data-wizard-sec .wizard-progress__item span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #d0dce5;
	color: #555;
	font-weight: 700;
	font-size: 12px;
	flex-shrink: 0;
	transition: background 0.2s, color 0.2s;
}

.get-data-wizard-sec .wizard-progress__item strong {
	flex: 1;
	min-width: 0;
}

.get-data-wizard-sec .wizard-progress__item.is-active {
	background: var(--blur-bg);
	color: #fff;
}

.get-data-wizard-sec .wizard-progress__item.is-active span {
	background: rgba(255, 255, 255, 0.25);
	color: #fff;
}

.get-data-wizard-sec .wizard-progress__item.is-complete {
	background: #deeaf9;
	color: var(--blur-bg);
}

.get-data-wizard-sec .wizard-progress__item.is-complete span {
	background: var(--blur-bg);
	color: #fff;
}

/* Step header layout */
.get-data-wizard-sec .wizard-step__header {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 14px;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
}

.get-data-wizard-sec .wizard-step__header:hover {
	opacity: 0.85;
}

.get-data-wizard-sec .wizard-step.is-active > .wizard-step__header {
	margin-bottom: 14px;
}

.get-data-wizard-sec .wizard-step:not(.is-active) > .wizard-step__header {
	margin-bottom: 0;
}

.get-data-wizard-sec .wizard-step__header > div:first-child {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: 8px;
}

.get-data-wizard-sec .wizard-step__index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--blur-bg);
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	flex-shrink: 0;
	align-self: center;
}

.get-data-wizard-sec .wizard-step__header h3 {
	margin: 0;
	color: var(--headingColor);
	font-size: 17px;
	font-weight: 700;
	flex: 1;
	min-width: 0;
}

.get-data-wizard-sec .wizard-step__header > div:first-child > p {
	width: 100%;
	padding-left: 34px;
	margin: 3px 0 0;
	color: #555;
	font-size: 13px;
}

.get-data-wizard-sec .wizard-step__summary {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

/* Toolbar */
.get-data-wizard-sec .wizard-toolbar {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 12px;
}

.get-data-wizard-sec .wizard-search-field {
	flex: 1 1 auto;
}

.get-data-wizard-sec .wizard-search-field label {
	display: block;
	font-size: 13px;
	font-weight: 700;
	color: #444;
	margin-bottom: 4px;
}

.get-data-wizard-sec .wizard-geo-selection-indicator {
    margin-top: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--headingColor);
}

.get-data-wizard-sec .wizard-geo-selection-indicator.is-empty {
    font-weight: 500;
    color: #66737f;
}

.get-data-wizard-sec .wizard-bulk-selects,
.get-data-wizard-sec .country-bulk-selects {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}

/* Checkboxes */
.get-data-wizard-sec .wizard-check {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 7px 10px;
	border: 1px solid #dce7ed;
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
	font-size: 14px;
	color: #333;
	transition: border-color 0.15s, background 0.15s;
}

.get-data-wizard-sec .wizard-check:hover {
	border-color: var(--blur-bg);
	background: #f0f6ff;
}

.get-data-wizard-sec .wizard-check:has(input:checked) {
	border-color: var(--blur-bg);
	background: #edf4ff;
}

.get-data-wizard-sec .wizard-check--compact {
	padding: 5px 8px;
	font-size: 13px;
}

.get-data-wizard-sec .wizard-check input {
	margin: 0;
	accent-color: var(--blur-bg);
	cursor: pointer;
	width: 15px;
	height: 15px;
	flex-shrink: 0;
}

/* Checkbox with description sub-text */
.get-data-wizard-sec .wizard-check--has-desc {
	align-items: flex-start;
}

.get-data-wizard-sec .wizard-check--has-desc input {
	margin-top: 3px;
}

.get-data-wizard-sec .wizard-check__content {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}

.get-data-wizard-sec .wizard-check__title {
	font-weight: 500;
}

.get-data-wizard-sec .wizard-check__desc {
	font-size: 11px;
	color: #777;
	line-height: 1.35;
	font-weight: 400;
}

/* Continent groups */
.get-data-wizard-sec .continent-groups {
	display: grid;
	gap: 6px;
}

.get-data-wizard-sec .continent-group {
	border: 1px solid #dce7ed;
	border-radius: 10px;
	background: #f9fcfd;
	overflow: hidden;
    margin-left: 10px;
}

.get-data-wizard-sec .continent-toggle {
	width: 100%;
	align-items: center;
	padding: 9px 14px;
	font-size: 14px;
	font-weight: 700;
	border: 0;
	background: transparent;
	color: var(--headingColor);
	cursor: pointer;
	text-align: left;
    margin: 0px 0px 0px 10px;
}

.get-data-wizard-sec .continent-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 26px;
	height: 20px;
	padding: 0 7px;
	border-radius: 999px;
	background: #deeaf9;
	color: var(--blur-bg);
	font-size: 11px;
	font-weight: 700;
}

/* Country grid */
.get-data-wizard-sec .continent-panel {
	padding: 0 10px 10px;
}

.get-data-wizard-sec .continent-other-countries-toggle {
    margin: 8px 0 10px;
    font-size: 12px;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.get-data-wizard-sec .country-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	gap: 5px;
}

.get-data-wizard-sec .country-card {
	border: 1px solid #dce7ed;
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
}

.get-data-wizard-sec .country-card.country-card--target-hidden {
    display: none;
}

.get-data-wizard-sec .country-card__header {
	display: flex;
	gap: 6px;
	justify-content: space-between;
	align-items: center;
	padding: 6px 10px;
}

.get-data-wizard-sec .country-card__header .wizard-check {
	flex: 1;
	min-width: 0;
	overflow: hidden;
}

.get-data-wizard-sec .country-card__header .wizard-check span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.get-data-wizard-sec .country-card__body {
	padding: 0 10px 10px;
	border-top: 1px solid #eef3f6;
}

.get-data-wizard-sec .country-card__status,
.get-data-wizard-sec .country-card__empty,
.get-data-wizard-sec .review-empty {
	color: #888;
	font-size: 13px;
	padding: 5px 0;
}

.get-data-wizard-sec .country-card__collections {
	display: grid;
	gap: 6px;
	margin-top: 8px;
}

/* Buttons as links */
.get-data-wizard-sec .continent-toggle,
.get-data-wizard-sec .country-toggle,
.get-data-wizard-sec .subdivision-toggle,
.get-data-wizard-sec .continent-other-countries-toggle,
.get-data-wizard-sec .text-link,
.get-data-wizard-sec .step-edit-link,
.get-data-wizard-sec .wizard-reset-button {
	border: 0;
	background: transparent;
	color: var(--blur-bg);
	font-weight: 600;
	padding: 0;
	cursor: pointer;
}

.get-data-wizard-sec .country-toggle,
.get-data-wizard-sec .subdivision-toggle {
	font-size: 11px;
	white-space: nowrap;
}

/* Subdivision cards */
.get-data-wizard-sec .subdivision-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 6px;
}

.get-data-wizard-sec .subdivision-card {
	flex: 0 0 auto;
	overflow: hidden;
}

.get-data-wizard-sec .subdivision-card__header {
	display: flex;
	gap: 8px;
	justify-content: space-between;
	align-items: center;
}

.get-data-wizard-sec .subdivision-card__cities {
	padding: 4px 0 0 20px;
}

.get-data-wizard-sec .subdivision-card__cities .subdivision-city-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 6px;
}

.get-data-wizard-sec .country-collection {
	padding: 10px;
}

.get-data-wizard-sec .country-collection h5 {
	margin: 0 0 7px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #888;
	font-weight: 700;
}

/* Check lists */
.get-data-wizard-sec .wizard-check-list,
.get-data-wizard-sec .direct-city-list,
.get-data-wizard-sec .subdivision-city-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 5px;
}

/* Step 2/3 panels */
.get-data-wizard-sec .wizard-panels {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.get-data-wizard-sec .wizard-panel {
	border: 1px solid #dce7ed;
	border-radius: 10px;
	background: #f9fcfd;
	padding: 14px;
}

.get-data-wizard-sec .wizard-panel--full {
	border: 1px solid #dce7ed;
	border-radius: 10px;
	background: #f9fcfd;
	padding: 14px;
}

.get-data-wizard-sec .wizard-panel__header {
	display: flex;
	gap: 12px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}

.get-data-wizard-sec .wizard-panel__header h4 {
	margin: 0;
	color: var(--headingColor);
	font-size: 15px;
	font-weight: 700;
}

.get-data-wizard-sec .wizard-panel__description {
	margin: 0 0 10px;
	font-size: 13px;
	color: #555;
	line-height: 1.55;
}

.get-data-wizard-sec .wizard-panel__eyebrow {
	margin: 0 0 8px;
	color: #444;
	font-size: 13px;
	font-weight: 700;
}

/* Deselect all — smaller text */
.get-data-wizard-sec .text-link--small {
	font-size: 12px;
}

/* Quick select presets */
.get-data-wizard-sec .wizard-default-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 12px;
	align-items: center;
	margin-bottom: 10px;
}

.get-data-wizard-sec .wizard-default-label {
	font-size: 13px;
	font-weight: 600;
	color: #555;
}

.get-data-wizard-sec .wizard-default-actions .text-link {
	font-size: 13px;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Check list multi-column layout */
.get-data-wizard-sec .wizard-check-list--columns {
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

/* Direct city list multi-column */
.get-data-wizard-sec .direct-city-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 6px;
}

.get-data-wizard-sec .subdivision-city-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 6px;
}

/* Separator in quick-select bar */
.get-data-wizard-sec .wizard-default-sep {
	color: #ccc;
	font-size: 13px;
}

/* Price pending state */
.get-data-wizard-sec .price-pending {
	font-size: 18px;
	color: #888;
	font-weight: 500;
}

.get-data-wizard-sec .price-value {
	display: inline;
}

/* Quick-fill inline inside step 1 */
.get-data-wizard-sec .quick-fill-section--inline {
	margin: 0 0 12px;
	padding: 12px;
	background: #f4f8fb;
	border: 1px solid #dce7ed;
	border-radius: 8px;
}

.get-data-wizard-sec .quick-fill-section--inline .quick-fill-label {
	margin-bottom: 6px;
}

.get-data-wizard-sec .quick-fill-section--inline .quick-fill-bar {
	display: flex;
	gap: 8px;
	align-items: stretch;
}

/* Country toggle button */
.get-data-wizard-sec .country-toggle {
	font-size: 11px;
	white-space: nowrap;
	flex-shrink: 0;
	padding: 2px 6px;
}

/* Summary chips */
.get-data-wizard-sec .summary-chip,
.get-data-wizard-sec .review-pill {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	background: #deeaf9;
	color: var(--blur-bg);
	font-weight: 600;
	font-size: 12px;
}

/* Step footer */
.get-data-wizard-sec .wizard-step__footer {
	margin-top: 14px;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.get-data-wizard-sec .wizard-continue:disabled {
    opacity: 0.35;
    cursor: not-allowed;
    background: #e2e8f0;
    color: #94a3b8;
    box-shadow: none;
}

.get-data-wizard-sec .wizard-continue:disabled:hover,
.get-data-wizard-sec .wizard-continue:disabled:focus-visible {
    background: #e2e8f0;
    color: #94a3b8;
    transform: none;
    box-shadow: none;
    outline: none;
}

.get-data-wizard-sec .wizard-disabled-hint {
    margin: 0;
    font-size: 12px;
    line-height: 1.35;
    color: #64748b;
    display: none;
}

.get-data-wizard-sec .wizard-continue:disabled + .wizard-disabled-hint {
    display: block;
}

.get-data-wizard-sec .wizard-disabled-hint.is-shaking {
    animation: wizardHintShake 220ms ease-in-out;
}

@keyframes wizardHintShake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-3px); }
    50% { transform: translateX(3px); }
    75% { transform: translateX(-2px); }
    100% { transform: translateX(0); }
}

.get-data-wizard-sec.has-sticky-step-action {
    padding-bottom: 120px;
}

.get-data-wizard-sec .wizard-sticky-step-action {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 18px;
    padding: 14px 20px calc(14px + env(safe-area-inset-bottom, 0px));
    background: #ffffff;
    border-top: 1px solid #d0dce5;
    box-shadow: 0 -12px 28px rgba(15, 38, 59, 0.18);
}

.get-data-wizard-sec .wizard-sticky-step-action__summary {
    font-size: 16px;
    font-weight: 700;
    color: var(--headingColor);
}

.get-data-wizard-sec .wizard-sticky-step-action__button {
    margin: 0;
    padding: 14px 28px;
    font-size: 17px;
}

.get-data-wizard-sec .wizard-sticky-step-action .wizard-disabled-hint {
	width: 100%;
    text-align: left;
}

/* Review step */
.get-data-wizard-sec .review-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}

.get-data-wizard-sec .review-card {
	border: 1px solid #dce7ed;
	border-radius: 10px;
	background: #f9fcfd;
	padding: 12px 14px;
}

.get-data-wizard-sec .review-card h4 {
	margin: 0 0 7px;
	font-size: 13px;
	font-weight: 700;
	color: var(--headingColor);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.get-data-wizard-sec .review-list {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	min-height: 28px;
}

.get-data-wizard-sec .review-footer {
	display: flex;
	gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
}

.get-data-wizard-sec .price-display {
	margin: 0;
	font-size: 26px;
	font-weight: 700;
	color: var(--headingColor);
}

.get-data-wizard-sec .price-status-text {
	margin: 4px 0 0;
	font-size: 13px;
	color: #666;
}

.get-data-wizard-sec .wizard-price-warning {
    display: none;
    margin: 10px 0 0;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.45;
    color: #7a4b00;
    background: #fff3cd;
    border: 1px solid #ffe69c;
    border-left: 4px solid #f2b832;
    border-radius: 8px;
}

.get-data-wizard-sec .review-actions {
	display: flex;
	flex-direction: column;
    align-items: flex-start;
	gap: 8px;
}

/* CTA buttons in wizard */
.get-data-wizard-sec .cmn-btn {
	padding: 12px 24px;
	font-size: 16px;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
	min-width: auto;
	border: none;
}

.get-data-wizard-sec .wizard-primary-action {
	min-width: 280px;
	padding: 16px 32px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.02em;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.get-data-wizard-sec .wizard-primary-action:not([disabled]):hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 22px rgba(0, 0, 0, 0.22);
}

.get-data-wizard-sec .wizard-primary-action[disabled] {
	opacity: 0.55;
	cursor: not-allowed;
}

/* Error messages */
.get-data-wizard-sec .wizard-error {
	display: none;
	padding: 10px 12px;
	border-radius: 8px;
	background: #fff1f0;
	color: #c0392b;
	font-weight: 600;
	font-size: 13px;
	margin-top: 8px;
}

.get-data-wizard-sec .wizard-error.is-visible {
	display: block;
}

/* ── Get Data Wizard Responsive ── */
@media (min-width: 1200px) {
	.get-data-wizard-sec .country-grid {
		grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	}
}

@media (max-width: 991px) {
	.get-data-wizard-sec .wizard-panels,
	.get-data-wizard-sec .review-grid {
		grid-template-columns: 1fr;
	}

	.get-data-wizard-sec .wizard-toolbar {
		flex-direction: column;
		align-items: stretch;
	}

	.get-data-wizard-sec .review-footer {
		flex-direction: column;
		align-items: stretch;
	}

	.get-data-wizard-sec .review-actions {
		align-items: stretch;
	}

	.get-data-wizard-sec .wizard-primary-action {
		width: 100%;
		text-align: center;
	}

	.get-data-wizard-sec .wizard-step__summary {
		justify-content: space-between;
	}
}

@media (max-width: 640px) {
	.get-data-wizard-sec .wizard-topbar,
	.get-data-wizard-sec .wizard-step {
		padding: 14px 16px;
		border-radius: 12px;
	}

	.get-data-wizard-sec .wizard-topbar__steps-hint {
		flex-wrap: wrap;
		gap: 4px 8px;
	}

    .get-data-wizard-sec .wizard-topbar__steps-hint .hint-step {
        padding: 5px 8px;
    }

	.get-data-wizard-sec .wizard-primary-action {
		min-width: unset;
		padding: 14px 20px;
		font-size: 16px;
	}

	.get-data-wizard-sec .wizard-progress__item strong {
		display: none;
	}

	.get-data-wizard-sec .wizard-progress__connector {
		width: 12px;
	}

	.get-data-wizard-sec .price-display {
		font-size: 22px;
	}

	.get-data-wizard-sec .country-grid {
		grid-template-columns: 1fr;
	}

	.get-data-wizard-sec .quick-fill-bar {
		flex-direction: column;
	}

	.get-data-wizard-sec .quick-fill-button {
		width: 100%;
	}

	.get-data-wizard-sec .wizard-bulk-selects,
	.get-data-wizard-sec .country-bulk-selects {
		flex-direction: column;
	}

    .get-data-wizard-sec.has-sticky-step-action {
        padding-bottom: 160px;
    }

    .get-data-wizard-sec .wizard-sticky-step-action {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        padding-left: 14px;
        padding-right: 14px;
    }

    .get-data-wizard-sec .wizard-sticky-step-action__button {
        width: 100%;
    }
}

/* =====================================================================
   Contact Page Template  (template-contact.php)
   Scoped under .page-template-template-contact (WP body class)
   ===================================================================== */

.page-template-template-contact .contact-template-sec {
    padding-top: 60px;
    padding-bottom: 80px;
}

/* Card wrapper -------------------------------------------------------- */
.page-template-template-contact .contact-form-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
    padding: 40px 48px;
    max-width: 800px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .page-template-template-contact .contact-form-card {
        padding: 24px 20px;
    }
}

/* Override global near-invisible input borders inside this template -- */
.page-template-template-contact .contact-form-card input[type="text"],
.page-template-template-contact .contact-form-card input[type="email"],
.page-template-template-contact .contact-form-card input[type="tel"],
.page-template-template-contact .contact-form-card input[type="number"],
.page-template-template-contact .contact-form-card input[type="url"],
.page-template-template-contact .contact-form-card input[type="date"],
.page-template-template-contact .contact-form-card input[type="search"],
.page-template-template-contact .contact-form-card input[type="password"],
.page-template-template-contact .contact-form-card select,
.page-template-template-contact .contact-form-card textarea {
    border: 1.5px solid #c5d4dd !important;
    background: #fff !important;
    border-radius: 8px !important;
    color: #262626;
    transition: border-color 0.2s;
}

.page-template-template-contact .contact-form-card input[type="text"]:focus,
.page-template-template-contact .contact-form-card input[type="email"]:focus,
.page-template-template-contact .contact-form-card input[type="tel"]:focus,
.page-template-template-contact .contact-form-card input[type="number"]:focus,
.page-template-template-contact .contact-form-card input[type="url"]:focus,
.page-template-template-contact .contact-form-card input[type="date"]:focus,
.page-template-template-contact .contact-form-card input[type="search"]:focus,
.page-template-template-contact .contact-form-card input[type="password"]:focus,
.page-template-template-contact .contact-form-card select:focus,
.page-template-template-contact .contact-form-card textarea:focus {
    border-color: #246EB9 !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(36, 110, 185, 0.12);
}

/* Gravity Forms label tweaks ----------------------------------------- */
.page-template-template-contact .contact-form-card .gfield_label {
    font-weight: 600;
    color: #262626;
    margin-bottom: 4px;
}

.page-template-template-contact .contact-form-card .gform_footer input[type="submit"],
.page-template-template-contact .contact-form-card .gform_footer button[type="submit"] {
    background: var(--btnColor);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px 32px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s;
}

.page-template-template-contact .contact-form-card .gform_footer input[type="submit"]:hover,
.page-template-template-contact .contact-form-card .gform_footer button[type="submit"]:hover {
    opacity: 0.88;
}

/* Data Request Summary box ------------------------------------------- */
.page-template-template-contact .contact-quote-summary {
    display: none;
    max-width: 800px;
    margin: 0 auto 24px;
}

.page-template-template-contact .contact-quote-summary.is-visible {
    display: block;
}

.page-template-template-contact .cqs-inner {
    background: #f0f6fb;
    border: 1.5px solid #c5d4dd;
    border-radius: 10px;
    padding: 24px 28px;
}

.page-template-template-contact .cqs-title {
    font-size: 16px;
    font-weight: 700;
    color: #246EB9;
    margin: 0 0 16px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.page-template-template-contact .cqs-row {
    display: flex;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid #dce8f0;
}

.page-template-template-contact .cqs-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.page-template-template-contact .cqs-label {
    flex: 0 0 110px;
    font-weight: 600;
    color: #555;
    font-size: 14px;
}

.page-template-template-contact .cqs-value {
    flex: 1;
    color: #262626;
    font-size: 14px;
    word-break: break-word;
}

@media (max-width: 480px) {
    .page-template-template-contact .cqs-row {
        flex-direction: column;
        gap: 4px;
    }

    .page-template-template-contact .cqs-label {
        flex: none;
    }
}

/* Back link ---------------------------------------------------------- */
.page-template-template-contact .contact-back-link {
    max-width: 800px;
    margin: 0 auto 12px;
}

.page-template-template-contact .contact-back-link__anchor {
    font-size: 14px;
    font-weight: 600;
    color: #246EB9;
    text-decoration: none;
    transition: opacity 0.2s;
}

.page-template-template-contact .contact-back-link__anchor:hover {
    opacity: 0.75;
    text-decoration: underline;
}

/* ═══════════════════════════════════════════════════════════════════
   Wizard Restore Banner
   ═══════════════════════════════════════════════════════════════════ */

.get-data-wizard-sec .wizard-restore-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 20px;
    margin-bottom: 18px;
    background: #e8f4fd;
    border: 1.5px solid #b6d8f2;
    border-left: 4px solid #246EB9;
    border-radius: 10px;
    font-size: 14px;
    color: #1a3a5c;
    animation: wizardFadeIn 0.3s ease;
}

.get-data-wizard-sec .wizard-restore-banner.is-restoring {
    opacity: 0.6;
    pointer-events: none;
}

.get-data-wizard-sec .wizard-restore-banner__text strong {
    display: block;
    font-size: 15px;
    margin-bottom: 2px;
}

.get-data-wizard-sec .wizard-restore-banner__actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
}

.get-data-wizard-sec .wizard-restore-banner__actions .wizard-restore-btn {
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 600;
    min-width: auto;
    border-radius: 8px;
    box-shadow: none;
}

.get-data-wizard-sec .wizard-restore-banner__actions .wizard-restore-dismiss {
    font-size: 13px;
    color: #555;
}

@keyframes wizardFadeIn {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}

@media (max-width: 600px) {
    .get-data-wizard-sec .wizard-restore-banner {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   Floating Selection Summary Panel
   ═══════════════════════════════════════════════════════════════════ */

.get-data-wizard-sec .wizard-floating-summary {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1050;
    width: 320px;
    max-height: calc(100vh - 120px);
    background: #fff;
    border: 1.5px solid #c5d4dd;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
    font-family: var(--cmnFont);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: wizardFadeIn 0.25s ease;
}

.get-data-wizard-sec .wizard-floating-summary__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: #f4f8fb;
    border-bottom: 1px solid #e2ecf2;
    flex-shrink: 0;
}

.get-data-wizard-sec .wizard-floating-summary__title {
    font-size: 14px;
    font-weight: 700;
    color: var(--headingColor);
}

.get-data-wizard-sec .wizard-floating-summary__toggle {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e2ecf2;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    color: #555;
    line-height: 1;
    transition: background 0.15s;
}

.get-data-wizard-sec .wizard-floating-summary__toggle:hover {
    background: #d0dfe8;
}

.get-data-wizard-sec .wizard-floating-summary__body {
    padding: 12px 16px 16px;
    overflow-y: auto;
    flex: 1;
    max-height: 400px;
}

.get-data-wizard-sec .wizard-floating-summary.is-collapsed .wizard-floating-summary__body {
    display: none;
}

/* Sections */
.get-data-wizard-sec .wfs-section {
    margin-bottom: 14px;
}

.get-data-wizard-sec .wfs-section:last-child {
    margin-bottom: 0;
}

.get-data-wizard-sec .wfs-section--empty {
    opacity: 0.45;
}

.get-data-wizard-sec .wfs-label {
    display: inline;
    font-size: 12px;
    font-weight: 700;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.get-data-wizard-sec .wfs-count {
    display: inline;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    background: #246EB9;
    border-radius: 999px;
    padding: 1px 7px;
    margin-left: 6px;
    vertical-align: middle;
}

.get-data-wizard-sec .wfs-section--empty .wfs-count {
    background: #aab;
}

.get-data-wizard-sec .wfs-items {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.get-data-wizard-sec .wfs-pill {
    display: inline-block;
    padding: 3px 8px;
    font-size: 12px;
    line-height: 1.3;
    color: #1a3a5c;
    background: #e8f0f6;
    border-radius: 6px;
    white-space: nowrap;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.get-data-wizard-sec .wfs-group-label {
    display: block;
    width: 100%;
    font-size: 11px;
    font-weight: 600;
    color: #888;
    margin-top: 6px;
    margin-bottom: 2px;
}

.get-data-wizard-sec .wfs-group-label:first-child {
    margin-top: 0;
}

.get-data-wizard-sec .wfs-empty {
    font-size: 12px;
    color: #999;
    font-style: italic;
}

/* Responsive: hide on small screens to avoid covering content */
@media (max-width: 768px) {
    .get-data-wizard-sec .wizard-floating-summary {
        width: 260px;
        right: 10px;
        bottom: 80px; /* above sticky step action bar */
    }
}

@media (max-width: 480px) {
    .get-data-wizard-sec .wizard-floating-summary {
        width: calc(100% - 20px);
        right: 10px;
        left: 10px;
        bottom: 80px;
    }
}