/* @font-face rules for these families are declared in functions.php
   (kdpac_child_enqueue_assets / kdpac_child_enqueue_editor_styles) with
   absolute, case-correct URLs and font-display:swap. Duplicating them
   here with a relative "../fonts/" path (the real folder is "Fonts")
   made the browser block text rendering while it 404'd that path on
   every admin/editor load — that's what made the block editor look
   blank for several seconds after clicking Edit. */

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

:root {
    --font-family-200: 'Amazon-Ember-200';
    --font-family-400: 'Amazon-Ember-400';
    --font-family-500: 'Amazon-Ember-500';
    --font-family-600: 'Amazon-Ember-600';
    --font-family-800: 'Amazon-Ember-800';
    --primary-color: #222e3e;
    --secondary-color: #1d7a8c;
    --light-color: #eaeded;
    --gradient-color: linear-gradient(90deg, #fec001, #fa990a);
    --horizontal-gradient-color: linear-gradient(-59deg, #fec001, #fa990a);
}

/* width */

::-webkit-scrollbar {
    width: 13px;
    background: #222E3E;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px var(--secondary-color);
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--gradient-color);
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}

h1,
h2,
h3,
h4,
h5,
h5,
h6 {
    color: var(--font-family-600);
    font-family: var(--font-family-600);
    color: var(--primary-color);
    font-size: 2rem;
    letter-spacing: -2;
    margin-top: 0;
    margin-bottom: 15px;
}

p {
    margin-bottom: 15px;
    color: var(--primary-color);
    font-family: var(--font-family-400);
}


/* Animation */

/* Initial state */
.scale-in {
    opacity: 0;
    transform: scale(0);
    transform-origin: center;
    transition: transform 2s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.8s ease;
}

.scale-in.show {
    opacity: 1;
    transform: scale(1);
}

.slide-left {
    opacity: 0;
    transform: translateX(-80px);
    transition: transform 0.8s ease-out, opacity 0.6s ease-out;
}

.slide-right {
    opacity: 0;
    transform: translateX(80px);
    transition: transform 0.8s ease-out, opacity 0.6s ease-out;
}

.slide-bottom {
    opacity: 0;
    transform: translateY(200px);
    transition: all 0.8s ease-out;
}

.show {
    opacity: 1;
    transform: translateX(0) translateY(0);
}

.check-item {
    opacity: 0;
    transform: translateX(-60px);
    transition: transform 0.8s ease-out, opacity 0.6s ease-out;
}

.check-item .show {
    opacity: 1;
    transform: translateX(0);
}

.check-item-right {
    opacity: 0;
    transform: translateX(60px);
    transition: transform 0.8s ease-out, opacity 0.6s ease-out;
}

.check-item.show {
    opacity: 1;
    transform: translateX(0);
}

/* Animation End */
.header-top p {
    margin-bottom: 0;
    padding: 6px 0;
    text-align: center;
    font-size: 1rem;
    font-family: var(--font-family-400);

}

.nav-top-main {
    background-color: var(--primary-color);
    /* position: relative; */
}

.nav-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px;
}

.nav-top a img {
    width: 200px;
}

.nav-top-left-lang {
    position: relative;

}

.nav-lang-menu {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 500px;
    background-color: #FFFFFF;
    color: #6c7778;
    padding: 20px;
    z-index: 9999;
    border-radius: 6px;

}


.nav-lang-menu ul li {
    margin-bottom: 6px;
}

.nav-lang-menu ul li a {
    color: #6c7778;
    transition: all 0.3s ease-in-out;
    font-family: var(--font-family-400);
}

.nav-lang-menu ul li a:hover {
    color: #F7AC4D;
}

.nav-lang-menu-close {
    position: absolute;
    top: -35px;
    font-size: 1.5rem;
    right: 0;
    color: #FFFFFF;
    font-weight: 600;
    cursor: pointer;
}

.nav-lang-menu h3 {
    margin-top: 20px;
    font-size: 1.9rem;
    font-family: var(--font-family-500);
    text-align: center;
    color: var(--primary-color);
}

.nav-lang-menu ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.nav-lang-menu ul li {
    list-style: none;
}

.nav-top-left-lang a {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    font-family: var(--font-family-500);
}

.nav-top-left {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.nav-top-left-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

button {
    border-radius: 4px;
    background-color: transparent;
    font-size: 1rem;
    font-family: var(--font-family-500);
    padding: 8px 16px;
    border: none;
}

.secondary-btn {
    color: #0bc;
    border: 1px solid #0bc;
    font-size: 1rem;
    font-family: var(--font-family-500);
    transition: 0.3s all ease-in-out;
}

.secondary-btn:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #fa990a;
    border-color: #F7AC4D;
}

.primary-btn {
    background: var(--gradient-color);
    font-size: 1rem;
    font-family: var(--font-family-500);
    color: #000;
    border: 1px solid #fec001;
    transition: 0.3s all ease-out;
}

.primary-btn:hover {
    background: none;
    font-size: 1rem;
    color: #fa990a;
    border: 1px solid #fec001;
}

.nav-bottom-main {
    background-color: var(--light-color);
}

.nav-bottom {
    padding-left: 10px;
}

.nav-bottom ul {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-bottom: 0;
    padding: 0;
}

.nav-bottom li {
    list-style: none;
    padding: 12px 0;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease-in-out;
}

.nav-bottom li a {
    text-decoration: none;
    font-size: 1.1rem;
    font-family: var(--font-family-500);
    color: var(--primary-color);
    transition: all 0.2s ease-in-out;
}

/* Desktop Active & Current Menu Item */
.nav-bottom li.active,
.nav-bottom li.current-menu-item,
.nav-bottom li.current_page_item,
.nav-bottom li.current-menu-ancestor {
    border-bottom: 2px solid #008296;
}

.nav-bottom li.active a,
.nav-bottom li.current-menu-item>a,
.nav-bottom li.current_page_item>a,
.nav-bottom li.current-menu-ancestor>a {
    color: #008296;
}

.nav-bottom li:hover {
    border-bottom: 2px solid #008296;
}

.nav-bottom li:hover a {
    color: #008296
}

.nav-bottom-phone {
    text-align: right;
    padding-right: 30px;
}

.nav-bottom-phone a {
    text-decoration: none;
    color: var(--primary-color);
    font-family: var(--font-family-500);
    transition: all 0.3s ease-in-out;
}

.nav-bottom-phone a:hover {
    color: var(--secondary-color);
}

/* service dropdown */
.service-nav {
    position: relative !important;
}

.service-nav:hover ul {
    opacity: 1;

}

.service-nav a i {
    width: fit-content;
    font-size: 18px;
}

.service-nav ul {
    background: var(--primary-color);
    gap: 0 !important;
    position: absolute !important;
    display: flex;
    top: 100%;
    left: -60px;
    border-radius: 12px;
    width: 200px;
    overflow: hidden;
    flex-direction: column;
    z-index: 999;
    box-shadow: 2px 4px 11px 0px;
    opacity: 0;
}

.service-nav ul li {
    padding: 0;
    width: 100%;
    text-align: center;
    border: none;
}

/* Service Dropdown Active */
.service-nav ul .active,
.service-nav ul .current-menu-item {
    border-bottom: none;
}

.service-nav ul .active a,
.service-nav ul .current-menu-item>a,
.nav-bottom .service-nav ul .active a,
.nav-bottom .service-nav ul .current-menu-item>a {
    background: white;
    color: #fec001 !important;
    width: 100%;
}

.nav-bottom .service-nav li:hover {
    border-bottom: none !important;
}

/*.service-nav li:hover a {*/
/*    color: #fec001 !important;*/
/*}*/
.service-nav ul li a {
    width: 100%;
    display: block;
    padding: 8px 0;
}

.nav-bottom .service-nav:hover ul li a:hover {
    background: white;
    color: #fec001;
    width: 100%;
}

.nav-bottom .service-nav ul li a {
    color: var(--light-color);
}


/*.service-nav ul li a {*/
/*    color: var(--light-color);*/

/*}*/

/* mobile menu  */
.open-mobile-menu {
    display: none;
}

.open-mobile-menu i {
    font-size: 2rem;
    color: #FFFFFF;
    font-weight: 700;
}

.nav-mobile-menu {
    display: none;
    background-color: #ffff;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 320px;
    max-width: 85%;
    color: #6c7778;
    padding: 40px 20px;
    z-index: 9999;
    overflow-y: auto;
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.15);
}

/* Issue 5: logo top / nav center / CTA bottom (script.js sets inline
   display:flex on open / display:none on close — see assets/js/script.js) */
.nav-mobile-menu {
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
}

.nav-mobile-logo {
    flex: 0 0 auto;
}

.nav-mobile-logo img {
    max-width: 220px;
    height: auto;
    /* Issue 4: img_logo.png is a white wordmark meant for the dark navbar
       (.nav-top-main) / dark footer — reused as-is here it's invisible
       against this drawer's white background (only the orange arc
       showed). Invert it back to a dark wordmark for this white panel. */
    filter: invert(1);
}

.nav-mobile-list {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow-y: auto;
}

.nav-mobile-menu-buttons {
    flex: 0 0 auto;
}

/* .nav-mobile-list {
    display: flex;
    justify-content: center;
    align-items: center;
} */

.nav-mobile-list ul {
    padding: 0;
}

.nav-mobile-list ul li {
    list-style: none;
    margin-bottom: 10px;
}

.nav-mobile-list ul li a {
    text-decoration: none;
    font-size: 1.2rem;
    font-family: var(--font-family-500);
    color: var(--primary-color);
}

.nav-mobile-list ul .active a {
    color: #008296;
}

.mobile-sub-menu {
    display: none;
    margin-left: 16px;
    transition: all 0.3s ease-in-out;
}

.mobile-sub-menu.show-submenu {
    display: block;
    transition: all 0.3s ease-in-out;
}

.mobile-sub-menu li a {
    border-bottom: none !important;
    color: var(--primary-color) !important;
}

.mobile-sub-menu .active a {
    color: #008296 !important;
}


/* Mobile Active Menu */
.nav-mobile-list ul .active a,
.nav-mobile-list ul .current-menu-item>a,
.nav-mobile-list ul .current_page_item>a {
    color: #008296;
}

.mobile-sub-menu .active a,
.mobile-sub-menu .current-menu-item>a {
    color: #008296 !important;
}

/* .nav-mobile-menu-buttons {
    text-align: center;
} */

.nav-mobile-close {
    position: absolute;
    top: 8px;
    right: 12px;
    font-weight: 600;
    font-size: 1.4rem;
    color: #000;
    cursor: pointer;
}

/* nav end */

/* nav and language over lay */
.body-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    z-index: 9990;
}

.body-overlay.active {
    opacity: 1;
    visibility: visible;
}

.nav-lang-menu,
.nav-mobile-menu {
    z-index: 9999;
}


/* hero start */
.hero {
    /* background-image: url("../images/hero_quotes.png"); */
    background-image: url("../images/img-hero-2.png");
    background-repeat: no-repeat;
    /* KEY PART */
    background-position: right center;
    background-size: contain;
    overflow: hidden;
}

.hero-left {
    padding: 130px 0px;
}

.hero-left h1 {
    color: var(--primary-color);
    font-size: 3.2rem;
    font-family: var(--font-family-800);
    margin-bottom: 20px;
}

.hero-left p {
    font-size: 1.4rem;
    font-family: var(--font-family-400);
    margin-bottom: 20px;
    color: var(--primary-color);

}

.hero-btn {
    display: flex;
    gap: 15px;
}

/* hero section end */

/* publish hero */
.publish-hero {
    /* background-image: url("../images/hero_quotes.png"); */
    background-image: url("../images/hero_quotes2_light.png");
    background-repeat: no-repeat;
    /* KEY PART */
    background-position: right center;
    background-size: contain;
    overflow: hidden;
}

/* Service Hero */
.services-hero {
    background-image: url("../images/img-1.png");
    background-repeat: no-repeat;
    /* KEY PART */
    background-position: right center;
    background-size: contain;
    overflow: hidden;
}

/* sec 1 start */

.sec-1-content-main,
.sec-2-content-main,
.sec-3-content-main {
    background: #FEFAF6;
    overflow: hidden;
    padding: 40px 0;
}

.sec-1-top {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sec-1-bracket-content {
    padding: 0 110px;
    text-align: center;
}

.sec-1-bracket-content h2 {
    font-size: 2.6rem;
    font-family: var(--font-family-600);
    line-height: 50px;
    margin-bottom: 0;
}

.sec-1-bracket-content p {
    font-size: 1.3rem;
    font-family: var(--font-family-400);
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 10px;
}


.sec-1-bottom,
.sec-2-bottom {
    padding-top: 90px;
}

.sec-1-right h3,
.sec-2-right h3,
.sec-3-right h3 {
    font-size: 2.2rem;
    color: var(--primary-color);
    margin-bottom: 8px;
    font-family: var(--font-family-600);
}

.sec-1-right p,
.sec-2-right p,
.sec-3-right p {
    font-size: 1.1rem;
    line-height: 26px;
    font-family: var(--font-family-400);
    margin-bottom: 30px;

}

.sec-3-right h3 {
    margin-bottom: 30px;
    font-family: var(--font-family-600);

}

/* sec-1 right   */

.sec-1-right-list-box-content,
.sec-2-right-list-box-content,
.sec-3-right-list-box-content {
    position: relative;
    padding-left: 30px;
    margin-bottom: 24px;

}

.sec-1-right-list-box-content::before,
.sec-2-right-list-box-content::before,
.sec-3-right-list-box-content::before {
    content: "";
    left: 0px;
    height: 12px;
    width: 12px;
    background-color: #F08A6B;
    position: absolute;
    top: 4px;
    border-radius: 50%;
}

.sec-1-right-list-box-content h4,
.sec-2-right-list-box-content h4,
.sec-3-right-list-box-content h4 {
    font-size: 1.1rem;
    margin-bottom: 6px;
    font-family: var(--font-family-800);
    color: var(--primary-color);

}

.sec-1-right-list-box-content p,
.sec-2-right-list-box-content p,
.sec-3-right-list-box-content p {
    font-size: 1rem;
    margin-bottom: 2px;
    line-height: 24px;
    font-family: var(--font-family-400);
}

.sec-1-right-list-box-content p a,
.sec-2-right-list-box-content p a,
.sec-3-right-list-box-content p a {
    text-decoration: none;
    color: var(--secondary-color);
    transition: all 0.3s ease-in-out;

}

.sec-1-right-list-box-content p a:hover,
.sec-2-right-list-box-content p a:hover,
.sec-3-right-list-box-content p a:hover {
    text-decoration: underline;
    color: var(--primary-color)
}

.sec-1-right-btn {
    display: flex;
    gap: 18px;
    align-items: center;
    margin-top: 40px;
}

.sec-1-right-btn a {
    font-size: 1rem;
    text-decoration: none;
    font-family: var(--font-family-500);
    color: var(--secondary-color);
    transition: all 0.3s ease-in-out;
}

.sec-1-right-btn a:hover {
    color: #fa990a;
}

.sec-reverse {
    align-items: center;
    flex-direction: row-reverse;
}


/* section 4 start */
.sec-4 {
    margin-top: 20px;
    padding: 60px 0px;
    background-color: #FCF8F7;
    background-image: url("../images/sec-5.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sec-4-heading h3 {
    font-size: 2.4rem;
    margin-bottom: 4px;
    font-family: var(--font-family-600);
}

.sec-4-heading p {
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-family: var(--font-family-400);
}

/* slider */
.slider-box {
    text-align: center;
    background-color: #FFF6EC;
    padding: 12px 10px;
    border: 1px solid #222E3E;
    border-radius: 12px;


}

.slider-box h4 {
    font-size: 1.7rem;
    font-family: var(--font-family-600);
}

.slider-box p {
    font-size: 1rem;
    font-family: var(--font-family-400);
}

.slider-main {
    margin-top: 40px;
    padding-bottom: 40px;
}

.slider-main .swiper-wrapper {
    align-items: stretch;
}

.slider-main .swiper-slide {
    height: auto;
    display: flex;
}

.slider-main .swiper-pagination-bullet {
    background: #F7AC4D;
    opacity: 0.4;
    width: 7px;
    height: 8px;
    border-radius: 0;
    margin: 0 2px !important;

}

.slider-main .swiper-pagination-bullet-active {
    background: #F7AC4D;
    opacity: 1;
    width: 20px;

}


/* section 4 end */
.sec-5 {
    background: #FEFAF6;
    text-align: center;
    padding: 80px 0;
}

.sec-5 h2 {
    font-size: 2.4rem;
    /*padding: 0 10rem;*/
    font-family: var(--font-family-600);
    color: var(--primary-color);
}

.sec-5 p {
    font-family: var(--font-family-400);
    font-size: 1.1rem;
}

.sec-5-btn {
    display: flex;
    gap: 18px;
    align-items: center;
    margin-top: 40px;
    justify-content: center;
}

.sec-5-btn a {
    font-size: 1rem;
    text-decoration: none;
    font-family: var(--font-family-500);
    color: var(--secondary-color);
    transition: all 0.3s ease-in-out;
}

.sec-5-btn a:hover {
    color: #fa990a;
}

/* section 6 */
.sec-6 {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 80px;
}

.sec-6 h2 {
    font-size: 2.4rem;
    font-family: var(--font-family-600);
}

.sec-6 p {
    font-size: 1rem;
    font-family: var(--font-family-400);
    margin-bottom: 40px;
}

.sec-6.home p {
    margin-bottom: 0px;
}

.sec-6-second-p {
    margin-bottom: 40px;
}

.sec-6 a {
    cursor: pointer;
    text-decoration: none;
    color: var(--secondary-color);
    padding: 10px 12px;
    font-family: var(--font-family-500);
    border: 1px solid var(--secondary-color);
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.sec-6 a:hover {
    color: #fa990a;
    border-color: #F7AC4D;
    padding: 10px 12px;
    border-radius: 50px;
}

/* Issue 3: 3-column feature grid for the Pricing Package block */
.pricing-package__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 40px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.pricing-package__items li {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    font-family: var(--font-family-400);
    color: var(--primary-color);
}

@media (max-width: 991px) {
    .pricing-package__items {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .pricing-package__items {
        grid-template-columns: 1fr;
    }
}

/* Issue 4: constrain oversized retailer images on the Global Distribution
   page (content-feature-list block instances under "Where in the World") */
.sec-1-img {
    overflow: hidden;
}

.sec-1-img img {
    max-width: 100%;
    height: auto;
    width: 100%;
    object-fit: contain;
}

/* Section Amazon */
.sec-amazon {
    margin-top: 20px;
    padding: 60px 0px;
    background-color: #FCF8F7;
    background-image: url(../images/sec-5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* section 7 */
/* Issue 1: `.sec-6 + .sec-7` never matched — .sec-6 (the CTA heading
   block) renders inside <main><article><div class="entry-content">,
   while .sec-7 (the lead form, footer.php) is a sibling of <main>, not
   of .sec-6, so the adjacent-sibling combinator was always dead code.
   That left the heading on its own white section above a separately
   padded grey form strip (the "double gap"), instead of one continuous
   CTA box like the reference design. Give the CTA heading the same grey
   background and drop its own bottom padding only when it's the page's
   final content block (the pre-footer CTA usage), so it visually joins
   .sec-7 into a single strip; other .sec-6 usages earlier on a page are
   unaffected. */
.entry-content>.sec-6:last-child {
    background: #EAEDED;
    padding-bottom: 0;
}

/* .sec-7 (footer.php) is never a DOM sibling of .sec-6 — it renders
   inside the theme footer, entirely outside <main> — so its own spacing
   has to stand on its own rather than react to .sec-6. footer.php only
   ever outputs .sec-7 directly after that page's closing CTA block, so
   dropping the top padding unconditionally is safe on every page. */
.sec-7 {
    background: #EAEDED;
    padding: 0 0 40px;
}

.sec-7-form {
    margin-top: 0;
}

.sec-7-form form {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    gap: 15px;
}

.sec-7-form form input,
.sec-7-form form select,
.sec-7-form form #submit-btn {
    height: 48px;
    box-sizing: border-box;
}

.sec-7-form form input,
.sec-7-form form select {
    width: 17%;
    border: 1px solid #dcdfe0;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 8px 14px;
    font-size: 0.95rem;
    outline: none;
}

.sec-7-form form #submit-btn {
    padding: 0 30px;
    border-radius: 4px;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
    position: relative;
    z-index: 0;
    font-family: var(--font-family-400);
    width: 100% !important;
    margin: 0 !important;
}

/* Hide country search input */
.iti__search-input {
    display: none !important;
}

/* Hide search icon */
.iti__search-icon {
    display: none !important;
}

#submit-btn {
    background: var(--gradient-color);
    font-size: 1rem;
    font-family: var(--font-family-500);
    color: #000;
    border: 1px solid #fec001;
    transition: 0.3s all ease-out;
}

#submit-btn:hover {
    background: none;
    font-size: 1rem;
    color: #fa990a;
    border: 1px solid #fec001;
}


/* Thank you page */
.thank-header {
    position: absolute;
    top: 20px;
    left: 20px;
}

.thank-header img {
    width: 200px;
}

.thank-you-main {
    background: var(--primary-color);
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.thank-you-main-content h2 {
    color: #ffff;
    font-family: var(--font-family-600);
    font-size: 2.6rem;
    margin-bottom: 10px;
}

.thank-you-main-content p {
    color: #ffff;
    font-family: var(--font-family-400);
    margin-bottom: 26px;
    font-size: 1rem;
}

a.secondary-btn.thank-you-a {
    color: #0bc;
    text-decoration: none;
    padding: 10px 12px;
    cursor: pointer;
    border-radius: 12px;
}

a.secondary-btn.thank-you-a:hover {
    color: #fa990a;
}

/* Term and Condition Start */
.term_condition {
    margin: 40px 0;
}

.term_condition h1 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 3rem;
    font-family: var(--font-family-800);
    color: var(--primary-color);
}

.term_condition h2 {
    font-size: 1.6rem;
    color: var(--primary-color);
    font-family: var(--font-family-500);
    margin-top: 20px;
    margin-bottom: 10px;
}

.term_condition p {
    font-size: 1rem;
    margin-bottom: 0;
    font-family: var(--font-family-400);
    /* margin-top: 20px; */
}


/* publishing section 1 */
.publish.sec-1-content-main h2 {
    font-size: 2.2rem;
    text-align: center;
}

/* publish section 4 */
.publish-sec-4 {
    padding: 80px 0;
}

.publish-sec-4 .row {
    text-align: center;
}

.publish-sec-4 .row img {
    width: 70%;
}

.publish-sec-4 .row h3 {
    font-size: 2rem;
    font-family: var(--font-family-500);
    margin: 6px 0;
}

.publish-sec-4 .row h4 {
    font-size: 1.6rem;
    font-family: var(--font-family-500);
    margin: 6px 0;
}

.publish-sec-4 .row p {
    text-align: left;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0 30px;
    font-family: var(--font-family-400);
}

/* section 5 */

.publish-sec-5 img {
    width: 100%;
}

.publish-content-main {
    background: #FEFAF6;
}

.publish-content {
    padding: 50px 0;
    text-align: center;
    width: 45%;
    margin: auto;
}

.publish-content img {
    width: 70%;
}

.publish-content h3 {
    font-size: 2rem;
    font-family: var(--font-family-500);
    margin: 6px 0;
}

.publish-content h4 {
    font-size: 1.6rem;
    font-family: var(--font-family-500);
    margin: 6px 0;
}

.publish-content p {
    text-align: left;
    margin-bottom: 20px;
}

.publish-content a {
    padding: 10px 12px;
    border-radius: 12px;
    text-decoration: none;
    cursor: pointer;
}

/* publish author */
.publish-author {
    padding: 80px 0;
}

.publish-author h3 {
    font-family: var(--font-family-600);
    font-size: 2.2rem;
    color: var(--primary-color);
}

.publish-author p {
    font-family: var(--font-family-400);
    font-size: 1rem;
    color: var(--primary-color);
    margin-bottom: 40px;
}

.publish-author img {
    width: 60%;
    margin-bottom: 30px;
}

.publish-author a {
    cursor: pointer;
    text-decoration: none;
    color: var(--secondary-color);
    padding: 10px 12px;
    font-family: var(--font-family-500);
    border: 1px solid var(--secondary-color);
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.publish-author a:hover {
    color: #fa990a;
    border-color: #F7AC4D;
    padding: 10px 12px;
    border-radius: 50px;
}

/* Help Page Start */
.help-main {
    display: flex;
    gap: 30px;
    padding: 20px 20px;
    margin: 40px 0;
}

.help-left {
    top: 0;
    width: 18%;
    height: fit-content;
    border-radius: 12px;
    overflow: hidden;
    position: sticky;
    border: 1px solid #D5D9D9;
}

.help-left h3 {
    background-color: #F0F2F2;
    text-align: center;
    font-size: 2.2rem;
    padding: 10px 0;
    font-family: var(--font-family-600);
    color: var(--primary-color);
}

.help-left ul {
    padding: 0;
    padding-left: 20px;

}

.help-left ul li {
    list-style-type: none;
    margin-bottom: 10px;
}

.help-left ul li a {
    text-decoration: none;
    font-size: 1rem;
    font-family: var(--font-family-500);
    color: var(--primary-color);
    transition: all 0.3s ease-in-out;
    position: relative;
}

.help-left ul li a::after {
    position: absolute;
    content: "";
    height: 2px;
    left: 0;
    background: #fa990a;
    bottom: -6px;
    width: 0;
    transition: all 0.2s ease-in-out;
}

.help-left ul li a:hover::after {
    width: 100%;
}


.help-left ul li a:hover {
    color: #fa990a;
}

.help-right {
    width: 82%;
}

.help-right h2 {
    font-family: var(--font-family-600);
    font-size: 2rem !important;
    margin-bottom: 8px;
    color: #fa990a;
    text-align: center;
}

.help-right-hero-p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    text-align: center;
}

.help-right .row {
    margin-bottom: 40px;
}

.help-right h2 {
    font-family: var(--font-family-600);
    font-size: 2rem !important;
    color: #fa990a;
    margin-bottom: 6px;
}

.help-right h3 {
    font-family: var(--font-family-600);
    font-size: 1.8rem;
    color: var(--primary-color);
    margin-bottom: 10px;
}

.help-right .row p {
    font-family: var(--font-family-400);
    color: var(--primary-color);
    margin-bottom: 0;
    text-align: left;
    font-size: 1rem;
}

/* Help Section 2 */
.help-sec-2 {
    border-bottom: 1px solid #EAECEC;
    border-top: 1px solid #EAECEC;
    padding: 20px 0;
    margin: 40px 0;
}

.help-sec-2 h3 {
    color: var(--primary-color);
    font-family: var(--font-family-600);
    font-size: 1.6rem;
    margin-bottom: 2px;
}

.help-sec-2 p {
    margin-bottom: 0;
    font-size: 1rem;
    font-family: var(--font-family-400);
    text-align: center;
}


.help-sec-2-box {
    margin: 20px 0;
}

.help-sec-2 h4 {
    font-size: 1.6rem;
    font-family: var(--font-family-500);
}

.help-sec-2-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.help-sec-2-box-right i {
    font-size: 3rem;
    font-weight: 600;
}

/* Help Section 3 */
.help-sec-3 h3 {
    font-size: 1.6rem;
    color: var(--primary-color);
    font-family: var(--font-family-600);
    margin-bottom: 20px;
}

.help-sec-3 h4 {
    color: #007eb9;
    font-size: 1.4rem;
    font-family: var(--font-family-600);
    margin-bottom: 8px;
}

.help-sec-3 p {
    font-size: 1rem;
    font-family: var(--font-family-400);
    margin-bottom: 30px !important;
}

/* footer */
footer {
    background: #222E3E;
    /* padding: 80px 0; */
    padding-top: 80px;

}

.footer-box-1 img {
    width: 250px;
}

footer p {
    color: #ffff;
}

.footer-box-1 p {
    margin: 20px 0;
    font-family: var(--font-family-400);

}

.footer-box-2 a {
    text-decoration: none;
    color: var(--light-color);
    font-family: var(--font-family-400);
    font-size: 1rem;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
}

.footer-box-2 a:hover {
    color: #fec001;
}

.footer-icons {
    margin-top: 30px;
}

.footer-icons a {
    text-decoration: none;
    color: #ffff;
    font-size: 1.6rem;
    transition: all 0.3s ease-in-out;
}

.footer-icons a:hover {
    color: #fec001;
}

.footer-box h3,
.footer-box h4 {
    font-size: 1.4rem !important;
    font-family: var(--font-family-600);
    color: var(--secondary-color) !important;
    text-align: center;
}

.footer-box ul {
    padding: 0;
    margin: 0 auto !important;
}

.footer-box ul li {
    list-style: none;
    padding-bottom: 6px;
    text-align: center;
}

.footer-box ul li a {
    color: #fff;
    text-decoration: none;
    font-family: var(--font-family-400);
    transition: all 0.3s ease-in-out;
}

.footer-box ul li a:hover {
    color: #fec001;
    text-decoration: none;
}

.footer_bottom {
    margin-top: 25px;
    padding: 10px 0;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_bottom p {
    font-size: 1rem;
    margin: 0;
    font-family: var(--font-family-400);
}

.footer_bottom ul {
    display: flex;
    gap: 20px;
    align-items: center;
    margin: 0;
}

.footer_bottom li {
    list-style: none;
}

.footer_bottom li a {
    text-decoration: none;
    color: var(--light-color);
    transition: all 0.3s ease-in-out;
    font-size: 1rem;
    font-family: var(--font-family-400);

}

.footer_bottom li a:hover {
    color: #F7AC4D;
}



















































/* ===== Slide Form ===== */

.floating-wrapper {
    position: fixed;
    right: 0;
    top: 30%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 1000;
}

.icon-box {
    background: var(--horizontal-gradient-color);
    color: white;
    padding: 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transform: translateX(80%);
    transition: 0.4s;
    border-radius: 8px 0 0 8px;
}

.icon-box:hover {
    transform: translateX(0);
}

.icon {
    font-size: 20px;
}

.label {
    margin-left: 10px;
    white-space: nowrap;
}

.quote-btn {
    writing-mode: sideways-lr;
    text-orientation: mixed;
    background: var(--horizontal-gradient-color);
    color: white;
    padding: 15px 8px;
    cursor: pointer;
    font-weight: bold;
    border-radius: 8px 0 0 8px;
    transition: 0.3s;
    transform: translateX(80%);
}


/* ===== Overlay ===== */

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

/* ===== Slide Form ===== */

.slide-form {
    position: fixed;
    right: -380px;
    /* hidden */
    top: 30%;
    /* SAME as floating-wrapper */
    width: 350px;
    max-width: 90%;
    height: auto;
    /* fit content */
    background: white;
    padding: 20px;
    border-radius: 10px 0 0 10px;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.2);
    transition: right 0.4s ease;
    z-index: 999;
}


.icon-box a {
    text-decoration: none;
    color: #fff;
}

.form-header h3 {
    margin-bottom: 0px;
}

.slide-form.active {
    right: 0;
    z-index: 9999;
}

.overlay.active {
    display: block;
}

/* Form Styling */

.form-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.close-btn {
    cursor: pointer;
    font-size: 20px;
}

.slide-form form {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    /*gap: 15px;*/
}

.slide-form form .form-group input,
.slide-form form .form-group textarea {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.slide-form form .iti {
    width: 100%;
}

.slide-form form .form-group button {
    background: var(--gradient-color);
    color: white;
    padding: 10px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

.slide-form .iti__country-container button {
    background: transparent !important;
}










































/* Overlay */
.popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    z-index: 9999;
}

.popup-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Modal */
/* Modal */
body.modal-open {
    overflow: hidden;
}

.amazon-popup {
    max-height: 90vh;
    overflow-y: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    background: #fff;
    width: 95%;
    max-width: 420px;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    z-index: 1000;
}

.amazon-popup.active {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
    z-index: 9999;
}

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

.popup-header h3 {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0;
}

.popup-close {
    cursor: pointer;
    font-size: 1.4rem;
}

/* Form */
.form-group {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

.form-group label {
    font-size: 0.85rem;
    margin-bottom: 6px;
    font-weight: 600;
    color: #111;
}

.form-group input,
.form-group select {
    padding: 10px 12px;
    border: 1px solid #d5d9d9;
    border-radius: 6px;
    font-size: 0.95rem;
    outline: none;
    transition: 0.2s;
}

.form-group input:focus,
.form-group select:focus {
    border-color: #f90;
    box-shadow: 0 0 0 3px rgba(255, 153, 0, 0.2);
}


/* Button */
.amazon-btn {
    width: 100%;
    background: var(--gradient-color);
    border: 1px solid #fcd200;
    padding: 10px;
    border-radius: 20px;
    color: #000;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.amazon-btn:hover {
    background: transparent;
    color: #FB9E0A;
}

.error {
    color: red;
    font-size: 0.8rem;
    margin-top: 5px;
    display: block;
}

.input-error {
    border-color: red !important;
}


































/*coming soon*/
.nav-bottom li a,
.footer-box-3 li a {
    position: relative;
}


.ri-menu-line {
    cursor: pointer;
}

.coming_soon {
    position: absolute;
    background: #dedede;
    padding: 10px;
    font-size: 1rem;
    bottom: -48px;
    left: 0;
    width: 120px;
    text-align: center;
    display: none;
}

.footer-box-3 {
    text-align: center;
    margin: auto;
}

.footer-box-3 h3 {
    text-align: center;
    margin: 0 auto;   
}

.footer-box-3 ul {
    text-align: center !important;
    margin: 0 auto !important;   
}

.footer-box-3 li {
    text-align: center !important;
    margin: 0 auto;   
}

.footer-box-3 li a:hover .coming_soon,
.nav-bottom li a:hover .coming_soon {
    display: unset;
}

.footer-box-3 .coming_soon {
    position: absolute;
    background: #ffffff;
    padding: 10px;
    font-size: 1rem;
    /* bottom: -48px; */
    left: 68px;
    width: 120px;
    text-align: center;
    display: none;
}

.footer-icons a {
    position: relative;
}

.footer-icons .coming_soon {
    position: absolute;
    background: #ffffff;
    padding: 10px;
    font-size: 1rem;
    /* bottom: -48px; */
    left: 0;
    width: 120px;
    text-align: center;
    display: none;
    /*display: unset;*/
}

.footer-icons a:hover .coming_soon {
    display: unset;
}







/*footer email and phone */
.footer-box a {
    color: #fff;
    text-decoration: none;
    font-family: var(--font-family-400);
    transition: all 0.3s ease-in-out;
}

.footer-box a:hover {
    color: #fec001;
    text-decoration: none;
}
























isited

/* Desktop: Hover & Active state dono ek sath */
.nav-bottom li:hover,
.nav-bottom li.active,
.nav-bottom li.current-menu-item,
.nav-bottom li.current_page_item,
.nav-bottom li.current-menu-ancestor {
    border-bottom: 2px solid #008296;
}

.nav-bottom li:hover>a,
.nav-bottom li.active>a,
.nav-bottom li.current-menu-item>a,
.nav-bottom li.current_page_item>a,
.nav-bottom li.current-menu-ancestor>a {
    color: #008296 !important;
}

/* Dropdown: Hover & Active */
.service-nav ul li:hover>a,
.service-nav ul .active>a,
.service-nav ul .current-menu-item>a {
    background: #ffffff;
    color: #fec001 !important;
}



/* --- Fix: Active Navigation Tab Highlight --- */
.navbar-nav li.current-menu-item>a,
.navbar-nav li.current_page_item>a,
.navbar-nav li.active>a {
    color: #fca311 !important;
    /* Yahan apni core site ka active color daalein (e.g., Orange/Blue) */
    font-weight: 700 !important;
    border-bottom: 2px solid #fca311 !important;
    /* Agar core site mein underline thi toh */
}




/* --- Fix: Constrain All Images --- */
main img,
.site-content img,
.acf-block img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain;
}

/* Header/Footer logos ko disturb hone se bachanay ke liye */
header img,
footer img {
    max-width: none;
}


h1 {
    font-size: 3.2rem !important;
}

h2 {
    font-size: 2.4rem !important;
}

h3 {
    font-size: 1.6rem !important;
}

h4 {
    font-size: 1rem !important;
}

.sec-1-right-list-box-content h3 {
    font-size: 1.4rem !important;
}

.sub_heading {
    font-size: 1.2rem !important;
}



.footer-box h3, .footer-box h4 {
    margin-bottom: 10px !important;
}