html {
    font-size: 16px;
}

@font-face {
    font-family: "Uber Move";
    src: url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/UberMove-Bold.woff2") format("woff2"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/UberMove-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Uber Move";
    src: url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/UberMove-Medium.woff2") format("woff2"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/UberMove-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Euclid Square";
    src: local("Euclid Square Bold"), local("EuclidSquare-Bold"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-Bold.woff2") format("woff2"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-Bold.woff") format("woff"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Euclid Square";
    src: local("Euclid Square Regular"), local("EuclidSquare-Regular"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-Regular.woff2") format("woff2"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-Regular.woff") format("woff"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Euclid Square";
    src: local("Euclid Square SemiBold"), local("EuclidSquare-SemiBold"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-SemiBold.woff2") format("woff2"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-SemiBold.woff") format("woff"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Euclid Square";
    src: local("Euclid Square Light Italic"), local("EuclidSquare-LightItalic"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-LightItalic.woff2") format("woff2"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-LightItalic.woff") format("woff"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Euclid Square";
    src: local("Euclid Square Medium Italic"), local("EuclidSquare-MediumItalic"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-MediumItalic.woff2") format("woff2"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-MediumItalic.woff") format("woff"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Euclid Square";
    src: local("Euclid Square Medium"), local("EuclidSquare-Medium"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-Medium.woff2") format("woff2"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-Medium.woff") format("woff"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Euclid Square";
    src: local("Euclid Square Italic"), local("EuclidSquare-Italic"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-Italic.woff2") format("woff2"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-Italic.woff") format("woff"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Euclid Square";
    src: local("Euclid Square Light"), local("EuclidSquare-Light"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-Light.woff2") format("woff2"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-Light.woff") format("woff"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Euclid Square";
    src: local("Euclid Square SemiBold Italic"), local("EuclidSquare-SemiBoldItalic"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-SemiBoldItalic.woff2") format("woff2"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-SemiBoldItalic.woff") format("woff"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Euclid Square";
    src: local("Euclid Square Bold Italic"), local("EuclidSquare-BoldItalic"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-BoldItalic.woff2") format("woff2"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-BoldItalic.woff") format("woff"), url("/web/20251224195411im_/https://www.primepublishingco.com/assets/fonts/EuclidSquare-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}

body {
    position: relative;
    background: rgb(255, 255, 255);
    font-family: "Euclid Square";
    overflow-x: hidden;
}

:root {
    --white: #ffffff;
    --black: #000;
    --theme-color: #01bfbf;
    --para-color: #5a5a5a;
    --amazon-color: #F6921E;
}

html, body {
    overflow-x: hidden;
    position: relative;
}

::selection {
    background: var(--theme-color);
    color: var(--white);
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.8);
}

p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.67;
    margin-bottom: 2rem;
    color: rgb(48, 48, 48);
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Uber Move";
}

.img-auto {
    display: block;
    max-width: 100%;
    margin: 0px auto;
}

a, button {
    transition: 0.5s;
    text-decoration: none !important;
}

a:hover, button:hover {
    transition: 0.5s;
}

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

figure {
    margin: 0px;
}

section {
    padding: 5rem 0px;
    position: relative;
}

.swiper-button-next, .swiper-button-prev {
    border: 1px solid rgb(255, 255, 255);
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.swiper-button-next::after, .swiper-button-prev::after {
    font-size: 14px;
    color: var(--white);
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    transition: 0.3s;
    border-radius: 20px;
}

.swiper-pagination-bullet-active {
    width: 25px;
}

.swiper-slide-shadow-left {
    display: none;
}

.swiper-slide-shadow-right {
    display: none;
}

.swiper-pagination-bullet-active {
    background: var(--theme-color);
}

.preLoader {
    width: 100%;
    height: 100%;
    z-index: 1111;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    inset: 0px;
}

.preLoader img {
    max-width: 350px;
}

.preLoader.black {
    background-color: rgb(30, 30, 30);
    z-index: 11113;
}

.preLoader.white {
    z-index: 11112;
    background: var(--theme-color);
}

.circle {
    position: fixed;
    background-color: var(--theme-color);
    width: 15px;
    height: 15px;
    left: -10px;
    top: -10px;
    border-radius: 100%;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    transform: scale(1);
    &.active {
        opacity: 1;
        transform: scale(0);
    }
}

.circle-follow {
    position: fixed;
    border: 1px solid var(--theme-color);
    width: 50px;
    height: 50px;
    left: -21px;
    top: -21px;
    border-radius: 100%;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    overflow: hidden;
    transform: scale(1);
    &.active {
        transform: scale(3);
    }
}

.themeBtn {
    background: var(--theme-color);
    padding: 10px 3rem;
    font-size: 1rem;
    font-weight: 500;
    color: var(--white);
    display: inline-block;
    border: 1px solid var(--theme-color);
    transition: 0.3s;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    text-transform: capitalize;
}

.themeBtn:hover {
    color: var(--white);
    border-color: rgb(0, 103, 103);
}

.themeBtn::before {
    content: "";
    z-index: -1;
    position: absolute;
    inset: -2px;
    background-color: rgb(0, 103, 103);
    transform-origin: right center;
    transform: scale(0, 1);
    transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
}

.themeBtn:hover::before {
    transform-origin: left center;
    transform: scale(1, 1);
}

.themeBtn + .themeBtn {
    margin-left: 1rem;
}

.reveal {
    visibility: hidden;
    position: relative;
    overflow: hidden;
}

.reveal img {
    width: 100%;
}

header {
    padding: 10px 0px;
    background: rgb(234, 250, 250);
    transition: 0.4s ease-in-out;
    position: fixed;
    z-index: 5;
    left: 0px;
    right: 0px;
    top: 0px;
}

header .navbar {
    padding: 0px;
    width: 100%;
}

header.sticky {
    background: rgba(0, 0, 0, 0.5);
    padding-top: 10px;
}

header.sticky .navbar-brand img {
    width: 150px;
}

header .navbar .navbar-nav {
    gap: 2rem;
    justify-content: end;
}

.navbar-collapse {
    justify-content: end;
}

header .navbar .navbar-nav .nav-item .nav-link {
    color: rgb(48, 48, 48);
    font-size: 1rem;
    text-transform: uppercase;
    padding: 0px;
    font-weight: 500;
}

.navbar-expand-lg .navbar-collapse {
    display: block !important;
}

.numSec {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: end;
    margin-bottom: 14px;
}

.numSec li a {
    font-size: 1rem;
    font-weight: 500;
    color: rgb(48, 48, 48);
}

.btns {
    background: var(--theme-color);
    border-radius: 50px;
    padding: 5px 2rem;
    border: 1px solid var(--theme-color);
    color: var(--white) !important;
}

.btns:hover {
    background: transparent;
    color: var(--theme-color) !important;
}

header .navbar .navbar-nav .nav-item .nav-link:hover {
    color: var(--theme-color);
}

.main-Banner {
    height: 79vh;
    display: flex;
    align-items: center;
    padding-top: 0px;
    background: rgb(245, 253, 253);
    margin-top: 80px;
}

.main-Banner h1 {
    font-size: 60px;
    color: var(--white);
    font-weight: 600;
    text-transform: uppercase;
}

.main-Banner h1 span {
    color: var(--blue);
}

.main-Banner p {
    width: 70%;
}

.bannerImg {
    position: absolute;
    right: 0px;
    top: 0px;
}

h2 {
    font-size: 3rem;
    line-height: 1.3;
    font-weight: bold;
    color: rgb(48, 48, 48);
}

h2 span {
    color: var(--theme-color);
}

.themeBtnTrans {
    background: transparent;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
}

.typewriter {
    white-space: nowrap;
    overflow: hidden;
    border-right: 4px solid rgb(255, 255, 255);
    animation: 1s step-start 0s infinite normal none running cursor, 5s steps(18) 0s infinite alternate none running text;
    font-size: 4rem;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-weight: 700;
}

@keyframes cursor {
    0%, 100% {
        border-color: rgb(255, 255, 255);
    }
}

@keyframes text {
    0% {
        width: 0px;
    }

    100% {
        width: 23.5ch;
    }
}

h1 {
    width: 70%;
    height: 70px;
    position: relative;
    overflow: hidden;
    font-size: 3rem;
}

.logoSec ul {
    display: flex;
    justify-content: center;
    gap: 8rem;
    align-items: center;
}

.logoSec {
    padding: 3rem 0px;
}

.logoSec ul li:hover img {
    transform: scale(1.07);
}

.logoSec ul li img {
    transition: 0.5s;
}

h6 {
    font-size: 1.5625rem;
    font-weight: 400;
    color: var(--theme-color);
}

.abtSec p {
    width: 80%;
}

.ctaSec {
    background: rgb(0, 103, 103);
    padding: 0px;
}

.ctaSec h2, .ctaSec p, .ctaSec .themeBtnTrans {
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}

.ctaSec .themeBtn:hover::before {
    background: rgb(130, 210, 154);
}

.bookBox {
    background: var(--white);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 20px;
    padding: 3rem 5rem;
    border-radius: 0px 12rem 0px 0px;
    margin: 0px 1rem;
    transition: 0.5s;
}

.bookSlider {
    padding: 4rem 1.5rem;
}

.bookBox h3 {
    font-size: 1.75rem;
    margin-top: 1rem;
    font-weight: 600;
    margin-bottom: 0px;
}

.bookBox p {
    margin: 1.25rem 0px 2rem;
}

.bookBox:hover {
    background: var(--theme-color);
}

.bookBox:hover img {
    filter: invert(1) brightness(30.5);
}

.bookBox:hover h3, .bookBox:hover p {
    color: var(--white);
}

.bookBox:hover .themeBtn {
    background: var(--white);
    color: var(--theme-color);
}

.lightCta {
    background: none;
}

.lightCta .themeBtn {
    background: rgb(255, 255, 255);
    color: var(--theme-color);
}

.lightCta::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 205, 205);
    width: 70%;
    border-radius: 0px 18rem 18rem 0px;
}

.lightCta .themeBtnTrans {
    background: transparent;
    color: rgb(255, 255, 255);
}

.listStyle {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 2rem;
}

.listStyle li {
    flex: 0 0 40%;
    font-weight: 500;
}

.reviewSec {
    background: rgb(245, 253, 253);
}

.reviewBox {
    background: rgb(255, 255, 255);
    padding: 3rem 2rem;
    border-radius: 20px;
}

.quote {
    position: absolute;
    right: 2rem;
    font-size: 2rem;
    color: var(--theme-color);
    top: 1rem;
}

.reviewBox h3 {
    font-size: 1.25rem;
    font-weight: bold;
    color: rgb(50, 50, 50);
}

.reviewBox p {
    margin: 0px;
}

.reviewBox ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1rem 0px;
}

.reviewSlider {
    margin-left: 10rem;
    padding: 9rem 0px 4rem;
}

.swiper-button-next, .swiper-button-prev {
    top: 4.3rem;
    background: var(--theme-color);
}

.swiper-button-next i, .swiper-button-prev i {
    font-size: 0px;
}

.swiper-button-prev {
    left: auto;
    right: 12rem;
}

.swiper-button-next {
    right: 8rem;
}

.reviewSec h2 {
    margin-bottom: -8rem;
}

.leadForm {
    background: var(--theme-color);
    border-radius: 0px 8rem 0px 0px;
    padding: 5rem;
}

.leadForm input, .leadForm textarea {
    width: 100%;
    height: 3rem;
    padding: 1rem;
    border-radius: 50px;
    margin: 8px 0px;
    border: 1px solid rgb(255, 255, 255);
    background: transparent;
    color: rgb(255, 255, 255);
}

.leadForm input::placeholder, .leadForm textarea::placeholder {
    color: rgb(255, 255, 255);
}

.leadForm textarea {
    height: 150px;
    border-radius: 20px;
}

.leadForm button {
    background: var(--white);
    color: var(--theme-color);
    width: 100%;
    text-align: center;
}

footer {
    background: rgb(0, 71, 71);
    padding-top: 10rem;
}

footer h5 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: bold;
}

footer .links li a {
    color: rgba(255, 255, 255, 0.75);
    font-size: 12px;
    padding: 6px 0px;
    display: inline-block;
}

.mainLink li a {
    font-weight: bold;
    color: rgb(255, 255, 255) !important;
    font-size: 14px !important;
}

footer .links li a:hover {
    color: var(--theme-color);
}

.fLogo {
    margin-top: -6rem;
    display: block;
}

.mainLink {
    margin-bottom: 1rem;
}

footer p {
    color: rgb(255, 255, 255);
    text-align: center;
    padding-top: 2rem;
}

.innerBanner {
    height: 64vh;
}

.innerBanner h2 {
    text-transform: uppercase;
}

.abtInner p {
    width: 100%;
}

.abtInner .row + .row {
    margin: 2rem 0px;
}

.portBox {
    margin: 1rem 0px;
}

.accordian {
    margin-top: 2rem;
}

.accordian li {
    margin-bottom: 25px;
    border: 1px solid rgb(222, 222, 222);
    border-radius: 12px;
}

.accordian li h4 {
    color: rgb(4, 30, 12);
    font-size: 1.125rem;
    padding: 1.4rem;
    position: relative;
    cursor: pointer;
    background-color: rgb(255, 255, 255);
    border-radius: 12px;
    margin: 0px;
    line-height: 1.3;
}

.accordian h4::after {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    position: absolute;
    top: 25px;
    right: 35px;
    line-height: normal;
    transition: 0.3s ease-in-out;
}

.accordian p {
    margin: 0px 0px 10px;
    color: rgb(134, 146, 137);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

.accordian li > div {
    display: none;
    background: rgb(255, 255, 255);
    border-radius: 0px 0px 10px 10px;
    padding: 1rem;
}

.accordian li.active h4::after {
    content: "";
}

.accordian li.active {
    border-color: var(--theme-color);
}

.accordian li.active h4 {
    color: var(--theme-color);
}

.bookInner .bookBox span {
    font-size: 7.125rem;
    font-weight: 700;
    color: rgba(1, 191, 191, 0.29);
}

.bookInner .bookBox {
    padding: 2rem 2.5rem;
    margin: 1rem 0px;
    min-height: 263px;
}

.bookInner .bookBox:hover span {
    color: rgba(255, 255, 255, 0.46);
}

.bookInner .bookBox h3 {
    margin: 0px;
}

.bookTwo .bookBox h3 {
    margin-top: 2rem;
    line-height: 1.38;
    font-size: 1.55rem;
}

.bookTwo .bookBox h3 br {
    display: none;
}

.videoSec {
    background: rgb(245, 253, 253);
}

.videoSec ul li {
    font-size: 1.125rem;
    padding: 12px 0px;
}

.videoSec ul {
    margin-left: 5rem;
}

.processSec {
    background: rgb(0, 103, 103);
    margin-top: 3rem;
}

.processSec h2 {
    color: var(--white);
    margin-bottom: 0rem;
}

.processSec .items {
    text-align: center;
    position: relative;
}

.processSec .items + .items {
    margin-top: 5rem;
}

.processSec .items h6 {
    font-size: 1.25rem;
    font-weight: bold;
}

.processSec .items h3 {
    color: var(--white);
    font-size: 1.375rem;
    font-weight: bold;
}

.processSec .items p {
    opacity: 0.6;
    color: var(--white);
    line-height: 1.5;
    font-size: 1rem;
    font-weight: normal;
}

.processSec .imgBx {
    position: relative;
    padding-bottom: 2rem;
    margin-bottom: 3rem;
}

.processSec .imgBx img {
    transform: translateY(0rem);
    animation: 4s ease 0s infinite normal none running topImg;
}

.processSec .imgBx::before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    filter: blur(20px);
    background-color: rgb(0, 55, 55);
    width: 242px;
    height: 26px;
    animation: 4s ease 0s infinite normal none running shadowanim;
}

.rightarrow::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 20px;
    background: url("/web/20251224195411im_/https://www.primepublishingco.com/assets/images/left-arrow.webp") no-repeat;
    width: 109px;
    height: 26px;
}

.leftarrow::before {
    content: "";
    position: absolute;
    right: 120%;
    top: 20px;
    background: url("/web/20251224195411im_/https://www.primepublishingco.com/assets/images/right-arrow.webp") no-repeat;
    width: 109px;
    height: 26px;
}

.bottomarrow::before {
    content: "";
    position: absolute;
    bottom: 90%;
    right: 20px;
    background: url("/web/20251224195411im_/https://www.primepublishingco.com/assets/images/bottom-arrow.webp") no-repeat;
    width: 25px;
    height: 109px;
}

@keyframes topImg {
    0% {
        transform: translateY(0rem);
    }

    70% {
        transform: translateY(3rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

@keyframes shadowanim {
    0% {
        width: 242px;
    }

    70% {
        width: 100px;
    }

    100% {
        width: 242px;
    }
}

.newBanner {
    height: 25vh;
    padding: 0px;
    text-align: center;
}

.faqInner h2 {
    margin-top: 2rem;
}

.contactInner {
    margin-bottom: -12rem;
}

.contactForm ul li a span {
    font-size: 1.25rem;
    color: var(--theme-color);
    display: block;
    font-weight: 500;
}

.contactForm ul li a {
    color: rgb(0, 0, 0);
    padding: 6px 0px;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 500;
}

.checkBox {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    color: rgb(255, 255, 255);
    padding: 1rem 0px;
}

.checkBox input {
    width: 20px;
    height: 20px;
}

.contactForm .leadForm {
    padding-bottom: 2rem;
}

.dropdownBtn .dropDown {
    position: absolute;
    z-index: 1;
    background: rgb(234, 250, 250);
    border-radius: 5px;
    padding: 1rem 0px;
    display: none;
}

.dropdownBtn .dropDown li a {
    font-size: 1rem;
    color: rgb(0, 0, 0);
    font-weight: 500;
    padding: 8px 2rem;
    display: inline-block;
}

.dropdownBtn .dropDown li a:hover {
    color: rgb(1, 191, 191);
    background: white;
}

.dropdownBtn:hover .dropDown {
    display: block;
}

.logo img {
    width: 12rem;
}

.fLogo img {
    width: 12rem;
    margin-bottom: 2rem;
}

.submenu {
    background: rgb(18, 103, 104);
    padding: 2rem 2rem 1rem;
    position: absolute;
    z-index: 11;
    right: 0px;
    left: auto;
    width: 810px;
    box-shadow: rgba(18, 103, 104, 0.35) 0px 13px 20px;
    border-radius: 5px;
    display: none;
}

.submenu-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.submenu-flex .custom-column {
    flex: 0 0 30%;
    width: 100%;
    margin-bottom: 1rem;
}

.submenu-flex .custom-column h5 a {
    color: rgb(255, 255, 255);
    font-size: 1.125rem;
    font-weight: 600;
}

.page-links li a {
    color: rgba(255, 255, 255, 0.81);
    font-size: 14px;
    display: inline-block;
    padding: 3px 0px;
}

.page-links li a:hover {
    color: rgb(1, 191, 191);
}

.submenu-flex .custom-column h5 a:hover {
    color: rgb(1, 191, 191);
}

.submenu-flex .custom-column h5 {
    margin: 0px;
}

.dropdownBtn:hover .submenu {
    display: block;
}

.processSec p {
    color: rgb(255, 255, 255);
}

.videoSec ul li:hover {
    color: var(--theme-color);
    font-weight: 600;
}

.listPage ul {
    list-style-type: disclosure-closed;
}

.privacy h2 span {
    color: var(--theme-color);
}

.privacy h2 {
    color: rgb(48, 48, 48);
    font-weight: 700;
    margin: 0px 0px 20px;
}

.privacy ul {
    margin: 20px 0px;
    padding: 0px 0px 0px 20px;
    list-style: disc;
}

.privacy ul li {
    color: rgb(48, 48, 48);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.72px;
    margin: 0px 0px 10px;
}

.privacy h3 {
    color: var(--theme-color);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    margin: 0px 0px 20px;
}

header.z-none {
    z-index: 99;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.8);
    inset: 0px;
    position: fixed;
    z-index: 999;
    display: none;
    backdrop-filter: blur(10px);
}

.overlay.active {
    display: block !important;
}

.popupmain {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    margin: auto;
    width: 529px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.43) 0px 0px 30px -9px;
    z-index: 9999999;
    overflow: hidden auto;
    display: none;
    border-radius: 8px;
    max-width: 93%;
    max-height: 79vh;
}

.popupmain h2 {
    font-size: 2.2rem;
    margin: 0px 4rem;
    line-height: 1.2;
}

.mmpopup {
    text-align: center;
    background: rgb(248, 248, 248);
    padding: 20px 25px;
}

.mmpopup .formpop {
    width: 100%;
    margin: 24px auto 0px;
}

.mmpopup .fld-input {
    height: 50px;
    width: 100%;
    border-radius: 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    margin-bottom: 1rem;
}

.mmpopup .centercont h3 {
    font-size: 38px;
    color: rgb(20, 21, 21);
    margin-bottom: 10px;
}

.mmpopup .centercont h4 {
    font-size: 20px;
    color: rgb(0, 0, 0);
    margin-bottom: 15px;
}

.mmpopup .centercont h4 span {
    color: rgb(134, 203, 146);
}

.mmpopup .centercont h4 span span {
    display: none;
}

.mmpopup .centercont p {
    color: rgb(51, 51, 51);
    font-size: 14px;
    margin-bottom: 120px;
    line-height: 20px;
}

.closeico {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 9999;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(30, 192, 190);
    color: white;
    border-radius: 100px;
}

.mmpopup .centercont p {
    line-height: 23px;
    color: rgb(86, 86, 86);
    margin: auto;
    display: block;
    text-align: center;
    position: relative;
}

.mmpopup .centercont ul {
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 27px 49px 27px 24px;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    margin-right: 20px;
}

.mmpopup .centercont ul li {
    display: block;
    font-size: 15px;
    color: rgb(0, 0, 0);
    padding-bottom: 12px;
}

.mmpopup .centercont ul li.last {
    padding-bottom: 0px;
}

.mmpopup .centercont ul li i {
    color: rgb(255, 83, 62);
    border: 1px solid;
    border-radius: 100px;
    margin-right: 8px;
    font-size: 10px;
    padding: 3px;
}

.mmpopup .centercont h4 {
    font-size: 35px;
}

.mmpopup .centercont h3 {
    font-size: 50px;
    font-weight: 400;
    text-align: center;
    color: rgb(0, 133, 255);
}

.mmpopup .centercont h3 span {
    display: block;
    margin: 0px;
    color: rgb(0, 0, 0);
    font-weight: 600;
    font-size: 30px;
    line-height: 120%;
}

.mmpopup .centercont h4 span {
    font-weight: 900;
    color: rgb(23, 135, 134);
    font-size: 42px;
    margin-left: 10px;
}

.fld-input {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(218, 217, 217);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    width: 354px;
    height: 66px;
    margin-bottom: 20px;
}

.fld-input input {
    width: 100%;
    height: 100%;
    padding: 0px 24px;
    font-size: 16px;
    letter-spacing: 0.2px;
    background: rgb(238, 238, 238);
    box-shadow: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 10px;
    outline: 0px !important;
}

.fld-input input::placeholder {
    color: rgb(115, 115, 115);
    font-weight: 400;
}

.fld-btn button i {
    padding-left: 12px;
}

.fld-btn button:hover {
    transform: scale(1.03);
}

.checkbox-wrap {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-align: left;
    margin-bottom: 0px;
}

.checkbox-wrap label {
    line-height: 1.3;
    color: rgb(138, 138, 138);
    font-size: 13px;
}

.checkbox-wrap input {
    margin-top: 2px;
}

.reviewBox ul li {
    font-size: 13px;
}

a.main-text {
    text-decoration: underline !important;
}

.main-Banner.amazonBann {
    position: relative;
    z-index: 1;
    height: 660px;
    padding-top: 5rem;
}

.main-Banner.amazonBann::before {
    content: "";
    background: url("/web/20251224195411im_/https://www.primepublishingco.com/assets/images/banner/amazon-bann.jpg") center center / cover no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: -3;
}

.main-Banner.amazonBann h6 {
    color: var(--white);
}

.main-Banner.amazonBann h2 {
    color: var(--white);
    font-size: 2.4rem;
}

.main-Banner.amazonBann h2 span {
    color: var(--amazon-color);
}

.main-Banner.amazonBann p {
    color: var(--white);
}

.amazonPg .themeBtn {
    background: var(--amazon-color);
    border-color: var(--amazon-color);
    animation: 2s cubic-bezier(0.25, 0, 0, 1) 3s infinite normal none running pulse;
    box-shadow: rgb(246, 146, 30) 0px 0px 0px 2px;
}

.amazonPg .themeBtn::before {
    background: rgb(205, 110, 0);
}

.amazonPg a.themeBtnTrans {
    background: transparent;
    border: 1px solid var(--amazon-color);
    color: var(--amazon-color);
    animation: 2s cubic-bezier(0.25, 0, 0, 1) 3s infinite normal none running pulse;
}

.amazonPg a.themeBtnTrans:hover {
    color: var(--white);
}

.bannerForm {
    box-shadow: rgba(128, 128, 128, 0.25) 0px 4.6px 23.2px 3.5px;
    background-color: rgb(248, 248, 248);
    padding: 7rem 0px 0px;
    width: 510px;
    margin-left: auto;
    border-radius: 10px;
    margin-top: 12rem;
    position: relative;
    min-height: 712px;
}

.bannerForm::before {
    content: "";
    position: absolute;
    right: 450px;
    background: url("/web/20251224195411im_/https://www.primepublishingco.com/assets/images/amazon-form-people.png") 0% 0% / 100% no-repeat;
    width: 635px;
    height: 609px;
    bottom: 122px;
    z-index: 3;
}

.bannerForm h3 {
    color: rgb(48, 48, 48);
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.bannerForm h3 span {
    color: var(--theme-color);
}

.bannerForm .field {
    margin-bottom: 10px;
}

.bannerForm .field label {
    color: rgb(90, 116, 148);
    margin-bottom: 10px;
    display: block;
}

.bannerForm .field input, .bannerForm .field textarea {
    border-radius: 9.3px;
    background-color: rgb(246, 249, 252);
    width: 100%;
    padding: 1rem;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    height: 50px;
}

.bannerForm .field textarea {
    height: 150px;
}

.bannerForm .submitbtn {
}

.bannerForm .submitbtn input {
    width: 100%;
    padding: 10px;
    background: var(--theme-color);
    outline: none;
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--white);
    border-radius: 53px;
    box-shadow: rgba(0, 205, 205, 0.15) 8px 6px 50px 0px;
    border: solid 1px var(--theme-color);
    transition: 0.3s;
}

.bannerForm .submitbtn:hover input {
    background: rgb(48, 48, 48);
}

.checkbox-wrap {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-align: left;
    margin-top: 15px;
}

.checkbox-wrap label {
    color: rgb(48, 48, 48);
    font-size: 12px;
    line-height: 1.85;
}

.checkbox-wrap input {
    margin-top: 6px;
}

.bannerForm .formhead {
    padding: 32px 20px 10px;
}

.bannerForm .formhead h3 {
    text-align: center;
    margin-bottom: 0px;
}

.leadforms-form-body-wrapper .leadforms-form-body {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    min-height: 370px !important;
}

.amazonPg .leadforms-submit-button, .amazonPg button.leadforms-submit-button {
    background: var(--amazon-color) !important;
    border-color: var(--amazon-color) !important;
}

.logo img {
    width: 215px;
}

.logoSec ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logoSec {
    padding: 2rem 0px;
}

.logoSec ul li:hover img {
    transform: scale(1.07);
}

.logoSec ul li img {
    transition: 0.5s;
}

.amazonPg .btns, .amazonPg .bannerForm .submitbtn input {
    background: var(--amazon-color);
    border-color: var(--amazon-color);
    animation: 2s cubic-bezier(0.25, 0, 0, 1) 3s infinite normal none running pulse;
    box-shadow: rgb(246, 146, 30) 0px 0px 0px 2px;
}

.amazonPg .btns:hover {
    background: transparent;
    color: var(--amazon-color) !important;
}

.amazonPg .bannerForm h3 span {
    color: var(--amazon-color);
}

.amazonPg .bannerForm .submitbtn:hover input {
    background: rgb(48, 48, 48);
}

.amazonPg h2 span {
    color: var(--amazon-color);
}

.ourArmySec {
    background: rgb(48, 48, 48);
}

.ourArmySec h2 {
    color: var(--white);
}

.ourArmySec p {
    color: var(--white);
}

.ourArmySec h3 {
    color: var(--white);
}

ul.category-list li {
    display: inline-block;
    width: 14%;
    margin: 1.2%;
    box-sizing: border-box;
    text-align: center;
    border-radius: 10px;
    border: 1px solid rgb(246, 146, 30);
    padding: 20px 0px;
    transition: 0.3s ease-in-out;
}

ul.category-list li:hover {
    transform: scale(1.05);
}

ul.category-list li img {
    height: 70px;
    width: 70px;
    object-fit: contain;
    margin-bottom: 10px;
}

ul.category-list li h6 {
    font-size: 14px;
    color: var(--amazon-color);
}

.amazonCtaSec {
    background: url("/web/20251224195411im_/https://www.primepublishingco.com/assets/images/mix/ctaBg.jpg") 0% 0% / cover no-repeat;
    text-align: center;
}

.amazonCtaSec h2, .amazonCtaSec p {
    color: var(--white);
}

.amazonPg .bookBox {
    border-radius: 0px;
}

.amazonPg .bookBox:hover {
    background: var(--amazon-color);
}

.amazonPg .lightCta {
    background: none;
}

.amazonPg .lightCta::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(49, 49, 49);
    width: 100%;
    border-radius: 0px;
}

.amazonPg .lightCta h2 span {
    font-size: 1rem;
    display: block;
}

.amazonPg .ctatestim {
    padding-bottom: 5rem;
}

.amazonPg .ctatestim .swiper-pagination {
    right: initial;
    text-align: left;
}

.amazonPg .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--amazon-color);
}

.amazonPg .quotesIco i {
    font-size: 18rem;
    position: absolute;
    top: -60px;
    left: 0px;
    color: rgba(255, 255, 255, 0.02);
}

.amazonPg .lightCta .reveal {
    overflow: initial;
}

.amazonPg .processSec {
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-clip: ;
    background-color: ;
    background-size: cover;
    margin-top: 0px;
}

.amazonPg .processSec h2 {
    color: rgb(33, 37, 41);
    margin-bottom: 0rem;
}

.amazonPg .processSec h2 span {
    color: var(--white);
}

.amazonPg .processSec .items {
    text-align: center;
    position: relative;
    background: rgb(255, 255, 255);
    padding: 2rem;
    border-radius: 10px;
    transform: translateY(0rem);
    animation: 4s ease 0s infinite normal none running topImg;
}

.amazonPg .processSec .items + .items {
    margin-top: 5rem;
}

.amazonPg .processSec .items h6 {
    font-size: 1.25rem;
    font-weight: bold;
}

.amazonPg .processSec .items h3 {
    color: rgb(33, 37, 41);
    font-size: 1.375rem;
    font-weight: bold;
}

.amazonPg .processSec .items p {
    opacity: 0.6;
    color: rgb(33, 37, 41);
    line-height: 1.5;
    font-size: 1rem;
    font-weight: normal;
    margin-bottom: 0px;
}

.amazonPg .processSec .imgBx {
    position: relative;
    padding-bottom: 2rem;
    margin-bottom: 3rem;
}

.amazonPg .processSec .imgBx img {
    transform: translateY(0rem);
    animation: 4s ease 0s infinite normal none running topImg;
}

.amazonPg .processSec .imgBx::before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    filter: blur(20px);
    background-color: rgba(0, 0, 0, 0.4);
    width: 242px;
    height: 26px;
    animation: 4s ease 0s infinite normal none running shadowanim;
}

.amazonPg .rightarrow::before {
    content: "";
    position: absolute;
    left: 115%;
    top: 20px;
    background: url("/web/20251224195411im_/https://www.primepublishingco.com/assets/images/left-arrow.png") no-repeat;
    width: 109px;
    height: 26px;
}

.amazonPg .leftarrow::before {
    content: "";
    position: absolute;
    right: 120%;
    top: 20px;
    background: url("/web/20251224195411im_/https://www.primepublishingco.com/assets/images/right-arrow.png") no-repeat;
    width: 109px;
    height: 26px;
}

.amazonPg .bottomarrow::before {
    content: "";
    position: absolute;
    bottom: 90%;
    right: 20px;
    background: url("/web/20251224195411im_/https://www.primepublishingco.com/assets/images/bottom-arrow.webp") no-repeat;
    width: 25px;
    height: 109px;
}

.amazonPg .processSec .items h6 {
    color: var(--amazon-color);
}

.amazonPg .swiper-button-next, .amazonPg .swiper-button-prev {
    background: var(--amazon-color);
}

.amazonPg .quote {
    color: var(--amazon-color);
}

.amazonPg h2 {
    font-size: 2.4rem;
}

.amazonPg .tabsMain a.active {
    background: var(--amazon-color);
}

.amazonPg footer {
    background: rgb(10, 10, 10);
}

@keyframes topImg {
    0% {
        transform: translateY(0rem);
    }

    70% {
        transform: translateY(3rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

@keyframes shadowanim {
    0% {
        width: 242px;
    }

    70% {
        width: 100px;
    }

    100% {
        width: 242px;
    }
}

@-webkit-keyframes pulse {
    100% {
        box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 18px;
    }
}

@keyframes pulse {
    100% {
        box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 18px;
    }
}

[class^="box-"] {
    display: none;
}

[class^="box-"].showfirst {
    display: block;
}

.amazonPg .reviewSec {
    background: rgb(49, 49, 49);
}

.amazonPg .reviewSec h2 {
    color: var(--white);
}

.amazonPg .faqSec {
    background: var(--amazon-color);
    position: relative;
    z-index: 1;
    padding: 8rem 0px;
}

.amazonPg .faqSec .col-md-6 {
    position: initial;
}

.amazonPg .faqSec .col-md-6 + .col-md-6 {
    position: relative;
    z-index: 1;
}

.amazonPg .faqSec figure {
    position: absolute;
    bottom: 0px;
    z-index: -1;
}

.amazonPg .faqSec h2 span {
    color: var(--white);
}

.amazonPg .faqSec .accordian li {
    overflow: hidden;
}

.amazonPg .faqSec .accordian li h4 {
    border-radius: 0px;
}

.amazonPg .faqSec .accordian li.active h4 {
    color: var(--amazon-color);
}

.amazonPg .leadForm {
    background: rgb(49, 49, 49);
    border-radius: 0px;
}

.amazonPg .leadForm button {
    background: var(--amazon-color);
    color: var(--white);
    border-color: var(--amazon-color);
}

.amazonPg header {
    background: rgb(255, 255, 255);
}

.mmrate {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    gap: 10px;
}

.mmrate .ratings i {
    color: rgb(255, 181, 37);
}

.bookdet_tbl {
    margin-bottom: 1rem;
}

.bookdet_tbl .items {
    margin-bottom: 10px;
}

.bookdet_tbl .items strong {
    width: 150px;
    display: inline-block;
}

.moretext {
    display: none;
}

.bookdetailSec p {
    margin-bottom: 1rem;
}

.listcounts {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 1rem;
}

.tabsMain {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    margin-bottom: 3rem;
    flex-flow: wrap;
}

.tabsMain a {
    padding: 0.7rem;
    color: var(--black);
    font-size: 0.925rem;
    width: 14.28%;
    text-align: center;
    border: 1px solid rgb(245, 245, 245);
}

.tabsMain a.active {
    background: var(--theme-color);
    color: var(--white);
}

.amazonPg .logo img {
    display: none !important;
}

.amazonPg .logo img.d-none {
    display: block !important;
}

.amazonPg .awardSlider img {
    width: 170px;
}

.timer-header {
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    background: var(--amazon-color);
    border-radius: 10px 10px 0px 0px;
    text-align: center;
    padding: 10px;
}

.timer-header h3 {
    margin-bottom: 0px;
    color: rgb(0, 0, 0);
}

.timmer_content {
    margin-top: -15px;
}

.flip-clock-container [class|="flip-item"] .flip-digit > span::before {
    color: white !important;
}

.flip-clock-container [class|="flip-item"] .flip-digit > span::after {
    color: white !important;
}

.react-tel-input .flag-dropdown.open {
    z-index: 3 !important;
}

.leadforms-step-wrapper {
    padding-bottom: 0px !important;
}

section.logoSec {
    display: none;
}

.pckg .scroll {
    height: 300px;
    overflow-y: auto;
}

.pkg-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.pckg {
    border-radius: 10px;
    height: 100%;
    border: 1px solid rgb(218, 222, 242);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
}

.pckg h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 20px;
}

.pckg-list {
    height: 200px;
    overflow-y: auto;
}

.pckg .btn-wrap a {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    border-radius: 5px;
    margin-top: 1rem;
    color: rgb(255, 255, 255);
}

.pckg .btn-wrap .btn-norm {
    color: var(--primary);
    transition: 0.5s;
}

.pckg .btn-wrap .btn-norm:hover {
    transform: scale(1.03);
}

.pckg .btn-wrap .light {
    background: rgb(245, 246, 250);
    border-color: rgb(245, 246, 250);
}

.pckg .upper .title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 5px;
}

.pckg .upper .starting-in {
    font-size: 14px;
    line-height: 20px;
    color: rgb(107, 114, 128);
}

.pckg .upper p {
    line-height: 28px;
    color: rgb(80, 86, 115);
}

.pckg .upper .price {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0px 1.5rem;
}

.pckg .upper .price .amount {
    font-weight: 500;
    font-size: 44px;
    line-height: 50px;
    color: rgb(0, 0, 0);
}

.pckg .upper .price .cut-price {
    font-weight: 500;
    font-size: 20px;
    color: rgb(0, 0, 0);
    text-decoration: line-through;
}

.pckg .upper .price .uspto {
    font-weight: 500;
    font-size: 16px;
    background-color: rgb(234, 250, 250);
    padding: 5px 10px;
    border-radius: 100px;
}

.pckg .bottom .includes {
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: rgb(17, 24, 39);
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
}

.pckg .bottom ul li {
    line-height: 1.1;
    color: rgb(80, 86, 115);
    position: relative;
    display: flex;
    font-size: 14px;
}

.pckg .bottom ul li span {
    font-weight: 600;
    font-size: 18px;
}

.pckg .bottom ul li:not(.last) {
    margin-bottom: 10px;
}

.pckg .bottom ul li::before {
    font-family: "Font Awesome 5 Pro";
    content: "";
    font-weight: 800;
    color: rgb(30, 192, 190);
    margin-right: 12px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(245, 255, 254);
    border-radius: 100%;
    flex-shrink: 0;
}

.pckg .bottom ul li:has(span)::before {
    content: none;
}