/* Amazon ePublishing Expert — main-site responsive brand layer */
:root {
    --brand-dark: #13161d;
    --brand-panel: #20242d;
    --brand-orange: #f47721;
    --brand-gold: #ffb247;
    --brand-paper: #fffaf6
}

body {
    font-family: Poppins,Arial,sans-serif;
    overflow-x: clip;
    background: #fff
}

.independent-notice {
    background: #20242d;
    color: #e8e8ec;
    text-align: center;
    padding: 9px 18px;
    font-size: 12px;
    line-height: 1.5;
    border-bottom: 1px solid #343941
}

#header .navbar,footer,.bottom-footer {
    background: var(--brand-dark)!important
}

#header .navbar-brand img {
    max-width: 225px;
    max-height: 74px;
    width: 100%;
    object-fit: contain
}

footer .footr-logo img {
    max-width: 240px;
    width: 100%;
    height: auto
}

#header .navbar-nav .nav-link,#header .navbar-nav .dropdown-toggle {
    color: #fff!important
}

#header .navbar-nav .nav-link:hover,#header .navbar-nav .nav-link:focus {
    color: var(--brand-gold)!important
}

.btn.custom-btn,.custom-btn {
    background: linear-gradient(120deg,var(--brand-orange),var(--brand-gold))!important;
    border-color: var(--brand-orange)!important;
    color: #17191d!important;
    transition: transform .24s,box-shadow .24s!important
}

.btn.custom-btn:hover,.custom-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px #f4772140
}

.yellowLinear,.animate-charcter {
    background: linear-gradient(100deg,var(--brand-orange),var(--brand-gold))!important;
    -webkit-background-clip: text!important;
    background-clip: text!important;
    -webkit-text-fill-color: transparent
}

body .tag {
    color: var(--brand-orange)
}

.hero {
    overflow: hidden
}

.hero .container {
    position: relative;
    z-index: 2
}

.hero-content {
    max-width: 790px
}

.row>* {
    min-width: 0
}

img,video,iframe {
    max-width: 100%
}

textarea,input,select {
    max-width: 100%
}

.footer-anchar-list a {
    overflow-wrap: anywhere
}

.navbar-toggler {
    border: 1px solid #efefef
}

@media(max-width: 991.98px) {
    #header .navbar-collapse {
        padding:16px 12px;
        background: #20242d;
        border-radius: 12px;
        margin-top: 12px
    }

    #header .navbar-nav {
        padding: 8px 0
    }

    .hero .grand-grand-parent-hero-girl {
        opacity: .17;
        pointer-events: none
    }

    .hero-content {
        max-width: 100%;
        margin-top: 60px;
    }
}

@media(max-width: 767.98px) {
    .container {
        padding-left:16px!important;
        padding-right: 16px!important
    }

    .hero h1 {
        font-size: clamp(31px,8vw,49px)!important;
        line-height: 1.12!important
    }

    .hero-content p {
        font-size: 15px;
        line-height: 1.75
    }

    .heading-2 {
        font-size: clamp(28px,6vw,40px)!important
    }

    .parentBtns {
        display: flex;
        flex-wrap: wrap;
        gap: 12px
    }

    .parentBtns a {
        max-width: 100%
    }

    .brand-list {
        display: flex;
        flex-wrap: wrap;
        gap: 12px
    }

    .brand-list figure {
        max-width: 105px
    }

    .modal-dialog {
        margin: 12px auto;
        max-width: calc(100% - 24px)
    }

    .swiper {
        max-width: 100%;
        overflow: hidden
    }
}

@media(prefers-reduced-motion:reduce) {
    .btn.custom-btn,.custom-btn {
        transition: none!important
    }
}

/* Premium refresh — accessible chat, coherent cards and comfortable spacing */
#header .navbar {
    box-shadow: 0 12px 36px rgba(0,0,0,.13)
}

#header .navbar .container {
    gap: 12px
}

#header .parentBtns {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0
}

#header .parentBtns .transparent-btn,header#header.fixed .transparent-btn {
    color: #fff!important;
    border: 1px solid rgba(255,255,255,.44)!important;
    background: rgba(255,255,255,.095)!important;
    border-radius: 999px!important;
    padding: 13px 18px!important;
    display: inline-flex!important;
    align-items: center!important;
    gap: 10px!important;
    font-size: 14px!important;
    font-weight: 600!important;
    line-height: 1.2!important;
    opacity: 1!important;
    visibility: visible!important;
    text-shadow: none!important;
    text-decoration: none!important;
    white-space: nowrap!important;
    transition: background .2s,transform .2s,border-color .2s!important
}

#header .parentBtns .transparent-btn:hover,#header .parentBtns .transparent-btn:focus-visible {
    background: rgba(244,119,33,.18)!important;
    border-color: var(--brand-orange)!important;
    transform: translateY(-2px)
}

#header .parentBtns .transparent-btn .aepe-chat-icon {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    background: var(--brand-orange);
    border-radius: 7px;
    color: #101218;
    font-size: 16px;
    font-weight: 800
}

#header .parentBtns .custom-btn {
    border-radius: 999px!important;
    font-size: 14px!important;
    font-weight: 700!important;
    padding: 15px 23px!important;
    white-space: nowrap
}

#header .navbar-nav .nav-link {
    font-size: 14px!important;
    font-weight: 550;
    transition: color .2s
}

#header .navbar-brand img {
    display: block;
    height: auto;
    max-width: 215px
}

.hero .heading-1 {
    letter-spacing: -.035em
}

.hero-content p {
    line-height: 1.8
}

section.py {
    padding-top: clamp(65px,7vw,110px);
    padding-bottom: clamp(65px,7vw,110px)
}

.btn.custom-btn,.custom-btn {
    font-weight: 650!important;
    border-radius: 999px!important;
    box-shadow: 0 8px 20px rgba(244,119,33,.16)
}

.points-about-card,.service-card,.custom-content,.why-us-card {
    transition: transform .3s ease,box-shadow .3s ease
}

.points-about-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(20,23,30,.13)
}

#aepe-chat-status {
    position: fixed;
    z-index: 999999;
    bottom: 22px;
    left: 50%;
    transform: translate(-50%,16px);
    width: min(440px,calc(100vw - 32px));
    border: 1px solid #f3b16f;
    background: #171a21;
    color: #fff;
    border-radius: 14px;
    padding: 16px 20px;
    box-shadow: 0 14px 40px #0004;
    text-align: center;
    font: 500 14px/1.5 Poppins,sans-serif;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s,transform .2s
}

#aepe-chat-status.visible {
    opacity: 1;
    transform: translate(-50%,0)
}

@media(max-width: 1199.98px) {
    #header .parentBtns {
        gap:7px
    }

    #header .parentBtns .transparent-btn {
        padding: 11px 12px!important
    }

    #header .parentBtns .custom-btn {
        padding: 13px 14px!important
    }

    #header .navbar-brand img {
        max-width: 178px
    }
}

@media(max-width: 991.98px) {
    #header .parentBtns {
        padding:12px 8px 4px;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    #header .navbar-collapse {
        max-height: calc(100dvh - 130px);
        overflow-y: auto
    }

    #header .navbar-brand img {
        max-width: 190px
    }
}

@media(max-width: 575.98px) {
    #header .parentBtns {
        align-items:stretch
    }

    #header .parentBtns>a {
        justify-content: center
    }

    .hero .parentBtns {
        flex-wrap: wrap
    }

    .hero .parentBtns>a {
        max-width: 100%
    }

    section.py {
        padding-top: 56px;
        padding-bottom: 56px
    }
}

@media(prefers-reduced-motion:reduce) {
    .points-about-card,.service-card,.custom-content,.why-us-card {
        transition: none
    }
}

/* Contact footer accessibility and wrapping */
footer .contact-us-details .aepe-contact-list {
    list-style: none;
    padding-left: 0;
}

footer .contact-us-details .aepe-contact-label {
    color: #ffad36 !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .025em;
    margin: 15px 0 7px;
    opacity: 1 !important;
}

footer .contact-us-details .aepe-contact-list a, footer .contact-us-details .aepe-address-line {
    color: #fff !important;
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-transform: none;
    text-decoration: none;
    max-width: 100%;
    line-height: 1.65;
}

footer .contact-us-details .aepe-contact-list a:hover {
    color: #ffad36 !important;
}

footer .contact-us-details .aepe-contact-list img {
    width: 21px;
    height: 21px;
    object-fit: contain;
    flex: none;
}

footer .contact-us-details .aepe-contact-list a span {
    flex: none;
}

footer .contact-us-details {
    min-width: 0;
}

@media(max-width: 991.98px) {
    footer .contact-us-details {
        margin-top:18px;
    }
}

/* 2026 Microsoft Ads transparency updates */
.independent-notice,.aepe-compliance-notice{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:auto!important;color:#191919!important;background:#fff4df!important;font:500 14px/1.6 Arial,sans-serif!important;text-align:center;padding:10px 16px!important;position:relative!important;z-index:999!important}
.disclaimer{display:block!important;visibility:visible!important;opacity:1!important;background:#fff4df!important;color:#191919!important;padding:14px 0!important}.disclaimer p{color:#191919!important;font-size:14px!important;line-height:1.6!important}.aepe-trust-strip,.aepe-price-disclosure{font-size:14px;line-height:1.8;max-width:1100px;margin:18px auto;color:inherit}.aepe-legal-identity,.aepe-business-verification{font-size:13px;line-height:1.65;color:#eee;padding:12px}.aepe-compliance-notice{font-size:14px!important}.aepe-consent{font-size:12px;line-height:1.6}.aepe-price-disclosure{padding:18px;clear:both;color:#30291d;background:#fff6e5;border-radius:10px}@media(max-width:767px){.aepe-trust-strip{font-size:13px;padding:10px 0}}

/* Final accessibility/contrast and responsive footer corrections */
.aepe-legal-identity,.aepe-business-verification {color:#fff!important;}
.bottom-footer,.bottom-footer .container,.parent-bottom-footer {max-width:100%;}
.bottom-footer p,.bottom-footer span,.bottom-footer a,.bottom-footer li {color:#f5f5f5!important;opacity:1!important;}
.parent-bottom-footer {display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:12px 28px!important;}
.parent-bottom-footer ul {display:flex!important;flex-wrap:wrap!important;gap:12px 22px!important;padding:0!important;margin:0!important;}
.parent-bottom-footer p {margin:0!important;}
.aepe-contact-label,.contact-us-details .aepe-contact-label{color:#fff!important;opacity:1!important;}
.aepe-contact-list a,.aepe-address-line{color:#f5f5f5!important;overflow-wrap:anywhere;}
@media(max-width:767px){.parent-bottom-footer{justify-content:center!important;text-align:center!important}.parent-bottom-footer ul{justify-content:center!important}.aas-header-actions{flex-wrap:wrap;min-width:0}.aas-contact-btn{max-width:100%;overflow-wrap:anywhere}}
