:root {
    /* --buton: transparent linear-gradient(98deg, #1c1d73 0%, #20b2aa  100%) 0% 0% no-repeat padding-box; */
    --buton: #ffb700;
    --light_purple: linear-gradient(98deg, #4b4dbb 0%, #1c1d73 100%) 0% 0%;
    --section_purple: #fff;
    --logo-section: #f0fffe;
    --black: #000;
    --white: #fff;
    --primary_color: #1c1d73;
    --secondary_color: linear-gradient(98deg, #4b4dbb 0%, #1c1d73 100%) 0% 0% no-repeat padding-box;
    --header: #1c1d73;
    --text_color: #141414;
    --hover_color: #723DD2;
}

@media (min-width: 1200px) and (max-width: 1700px) {

    /* headerCss */
    .headerCta {
        display: none;
    }

    .HeaderCtaPhoneEmail {
        border-left: 1px solid #ffffff4d;
    }

    .logoMain img {
        max-width: 60%;
        /* width: 100%; */
        max-height: 110px;
        padding: 10px;
        filter: brightness(0) saturate(100%) invert(99%) sepia(5%) saturate(1%) hue-rotate(58deg) brightness(104%) contrast(100%);
    }

    .logoMain {
        position: static;
        top: 15px;
        left: 0;
    }

    .logoMainWrap {
        display: flex;
        align-items: center;
        justify-content: start;
    }

    .headerMenuWrap ul li a,
    .headerMenuWrap ul li span {
        font-size: 14px;
        line-height: 24px;
        padding: 15px 0;
    }

    .HeaderCtaPhoneEmail a {
        font-size: 14px;
    }

    .ctaRight {
        width: 20%;
    }

    .headerMenuWrap ul li+li {
        margin-left: 15px;
    }

    .headerMenuMain {
        width: 63.333333%;
        padding: 0;
    }

    .headerMenuWrap ul.dropDown li a {
        font-size: 12px;
        line-height: 18px;
    }

    .headerMain:after {
        width: 100%;
        display: none;
    }

    .headerMenuWrap ul {
        padding: 0;
    }

    header {
        border-bottom: 1px solid #ffffff4d;
    }

    /* headercss end */
    .BannerHome .bannerContent {
        padding-top: 180px;
        width: 90%;
    }

    .custom-tab-list ul li a {
        font-size: 30px;
    }

    .abtLeft h4 {
        font-size: 38px;
        line-height: 48px;
    }

    .makesContent ul {
        margin-top: 12px;
    }

    .makesContent ul li {
        font-size: 16px;
        line-height: 24px;
    }

    .philContentRight {
        max-width: 50% !IMPORTANT;
    }

    .bannerTextInner h1 {
        font-size: 42px;
        line-height: 50px;
    }

    p {
        font-size: 16px;
        line-height: 24px;
    }

    .aboutSec2Content .bookContentmain ul li {
        font-size: 16px;
        line-height: 24px;
    }

    span.footerTitle {
        font-size: 40px;
    }

    footer .container-fluid {
        padding-left: 3%;
    }

    .footerRightWrap {
        width: 33.3%;
    }

    ul.socialFooter li a {
        width: 120px;
        font-size: 15px;
    }

    .innerBanner .container {
        max-width: 1230px;
    }

    .bannerTextInner h1 {
        font-size: 42px;
        line-height: 50px;
    }

    .ctaTitleLeft .heading2 {
        font-size: 30px;
        line-height: 38px;
    }

    .ctaTitleRightInnerLeft .aboutCta a.ctaLinePhone:first-child {
        font-size: 19px;
    }

    .ctaTitleRight {
        padding-left: 20px;
    }

    .ctaTitleRightInnerLeft .ctaWrap a.ctaLinePhone {
        margin-left: 0px;
    }

    .ctaTitleLeft {
        padding-right: 20px;
    }

    .ctaTitleRightInnerLeft .aboutCta {
        min-width: 60%;
    }

    .bannerTextInner h1 {
        font-size: 42px;
        line-height: 50px;
    }

    .ctaTitleLeft .heading2 {
        font-size: 30px;
        line-height: 38px;
    }

    .ctaTitleRightInnerLeft .aboutCta a.ctaLinePhone:first-child {
        font-size: 19px;
    }

    .ctaTitleRight {
        padding-left: 20px;
    }

    .ctaTitleLeft {
        padding-right: 20px;
    }

    .ctaTitleRightInnerLeft .aboutCta {
        min-width: 60%;
    }

    .ctaTitleRightInnerLeft .ctaWrap a.ctaLinePhone {
        margin-left: 0px;
    }

    .servicesMarque ul {
        margin-top: 70px;
    }

    .servicesMarque ul li {
        margin-left: 120px;
        font-size: 90px;
        line-height: 140px;
    }

    .BannerformWrap button.btnPrimary:after {
        right: 32.5%;
    }

    .popupBox {
        transform: scale(0.75);
    }

    .popupBox.show {
        transform: scale(0.9);
    }

    .bannerContent h2 {
        max-width: 1000px;
        margin: 0 auto 25px;
    }

    .BannerHome .bannerContent p {
        max-width: 1100px;
        margin: 0 auto 25px;
    }

    .whyChosseUs .container-fluid {
        padding: 0 70px;
    }
    
    
    
    
    .backgroundimgg {
        width: 200%;
    }
    
}

@media (max-width: 1200px) {
    .testLeft, .testRight {
        display: none !important;
    }

.testCenter {
    width: 100% !important;
}
}

@media (max-width: 1320px) {
    ul.footerContactDetails li a {
        font-size: 17px;
        line-height: 36px;
    }
    
    .backgroundimgg {
        width: 200%;
    }
    
    .HeaderCtaPhoneEmail a+a {
        word-break: normal;
    }
    
    .my-our-value {
        padding: 80px 0px 140px 0;
    }
    
        span.footerTitle {
        font-size: 27px;
        line-height: 30px;
    }
    
    .my-our-value .col-md-6{
        height:auto !important;
        margin-top:0 !important;
    }
    
    .proconImageLeft img {
    width: 100% !important;
}

.bookmarketMobileRight img, .bookmarketingRightImage img {
    width:100%;
}
    
    .cover-sec-img{
        width:100%;
    }
    
}

@media (max-width: 1400px) {
    .my-our-value .col-md-6{
        height:auto !important;
        margin-top:0 !important;
    }
}




@media (min-width: 991px) {
    .logoMain img {
        max-width: 100%;
        /* width: 100%; */
        max-height: 110px;
        padding: 10px;
        filter: brightness(0) saturate(100%) invert(99%) sepia(5%) saturate(1%) hue-rotate(58deg) brightness(104%) contrast(100%);
    }

    .headerMenuWrap ul li.hasChild.parentMenu:hover ul.dropDown {
        display: flex;
    }

    a.btnPrimary:hover span svg {
        transform: rotate(0deg) translate(0, -50%);
        right: 20px;
    }

    .headerCta:hover a {
        background: #f8b205;
        color: #1b1402 !important;
    }

    .headerCta:hover a svg {
        color: #1b1402 !important;
    }


    .welcomepopupinner button.btnPrimary:after {
        content: "";
        right: 38.7%;
    }

    .welcomepopupcol {
        background: #fdb612;
        padding: 8px;
        border-radius: 10px;
    }

    .welcomepopupBox.show {
        transform: scale(1);
    }

    button.btnPrimary:hover span svg {
        right: -26px;
        top: 4px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    button.btnPrimary:hover {
        color: #fff !important;
    }

    button.btnPrimary:hover:after {
        width: 105%;
        height: 105%;
        border-radius: 0;
        right: -5px !important;
        bottom: -5px;
    }

    .BannerformWrap button.btnPrimary:after {
        right: 33.5%;
    }

    .contactFormFields button.btnPrimary:after {
        right: 37.6%;
    }

    .contactFormleftwrp button.btnPrimary:after {
        right: 23%;
    }

    .contactFormleftwrp .formFields.FieldButton {
        width: 216px;
    }

    button.btnPrimary:after {
        content: "";
        width: 28px;
        height: 28px;
        background: #20b3aa !important;
        position: absolute;
        border-radius: 100%;
        right: 36.5%;
        top: 50%;
        transform: translateY(-50%);
        transition: 0.25s;
        color: var(--white);
    }

    ul.socialFooter li a {
        overflow: hidden;
        position: relative;
        transition: 0.3s;
    }

    ul.socialFooter li a:after {
        transition: 0.3s;
    }

    ul.socialFooter li:hover a:after {
        width: 105%;
        height: 105%;
        border-radius: 0;
        top: 0;
        right: 0;
        z-index: 9;
    }

    ul.socialFooter li a span {
        position: relative;
        z-index: 999;
    }

    ul.socialFooter li:hover a {
        color: #223a36 !important;
        text-align: center;
    }
}


@media (max-width: 991px) {
    section.sec6.my-our-value .col-md-5 {
    width: 100%;
}

.backgroundimgg {
    width: 170% !important;
}

section.sec6.my-our-value .col-md-6.processbox {
    width: 100% !important;
}

section.sec6.my-our-value .col-md-6.processbox .col.processcontent.our-steps {
    padding-left: 0 !important;
}

section.sec6.my-our-value {
    padding: 50px 0 !important;
}

.col-md-6.philImageLeft {
    width: 100% !important;
}

.philContentRight {
    width: 100% !important;
    max-width: 100% !important;
}

ul.socialFooter li a {
    padding: 10px 40px 10px 10px !important;
    width: auto !important;
}

.headerMenuWrap ul li a, .headerMenuWrap ul li span {
    font-size: 13px !important;
    line-height: 12px !important;
    padding: 10px 0 !important;
}

.headerMenuWrap ul {
    flex-wrap: wrap !important;
}

    .logoMain img {
        max-width: 100%;
        /* width: 100%; */
        max-height: 110px;
        padding: 10px;
        filter: brightness(0) saturate(100%) invert(99%) sepia(5%) saturate(1%) hue-rotate(58deg) brightness(104%) contrast(100%);
    }
    
    .footerRightWrap {
    width: 45% !important;
}


footer > .container-fluid > .row > .col-md-4 {
    width: 100% !important;
}

footer > .container-fluid > .row > .col-md-8 {
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.footerRightTop {
    padding-left: 0 !important;
    padding-top: 0 !important;
}

    footer .container-fluid {
    padding: 0 30px;
    }

.footerLeft {
    padding-right: 0 !important;
    border: 0 !important;
    padding-bottom: 16px !important;
    padding-top: 40px !important;
}

.copyRighgtBottom {
        padding-left: 0px;
        margin-top: 0px !important;
        padding-bottom: 50px;
    }

    .copyRighgtBottom ul {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

.copyRightContent {
        flex-direction: column;
        text-align: center;
    }
    
    .headerMenuWrap ul li.hasChild.parentMenu:hover ul.dropDown {
        display: flex;
    }
    
    .scoreTitlle {
    font-size: 45px !important;
    line-height: 44px !important;
}

.whychooseRight {
    width: 100%  !important;
    padding-left: 15px !important
}

.whyChooseLeft {
    width: 100% !important;
}

.connectMain {
    width: 100% !important;
}

.reliable-agencyLeft {
    width: 100% !important;
}

.reliable-agencyRight {
    width: 100%;
}

.reliable-agencyLeft {
    width: 100% !important;
}

.reliable-agencyRight {
    width: 100%;
}

.ProContentLeft {width: 100%;margin-bottom: 40px !important;}

.proconImageLeft {
    width: 100%;
}

.reliable-agencyLeft .ctaWrap {
    margin-bottom: 30px !important;
}

.reliable-agency .col-md-5 {
    width: 100% !important;
}

.reliable-agency .col-md-5 img {
    margin-bottom: 50px !important;
}

.headerMenuWrap ul.dropDown li a {
    padding: 18px 10px !important;
}

.bannertextLeft {
    width: 100%;
}

.BannerFormRight {
    width: 100%;
    margin-top: 20px;
}


}


@media (max-width: 912px) and (min-width: 851px) {
    .logoMain img {
        max-width: 80%;
        padding-top: 20px;
        filter: brightness(0) saturate(100%) invert(99%) sepia(5%) saturate(1%) hue-rotate(58deg) brightness(104%) contrast(100%);
    }

    .headerMenuWrap>ul>li>a,
    .headerMenuWrap>ul>li>span {
        padding: 0px;
        line-height: 12px;
    }

    .headerMenuWrap ul li a,
    .headerMenuWrap ul li span {
        font-size: 12px;
        line-height: 12px;
    }

    .HederCtaRight a {
        font-size: 12px;
        padding: 9px 0px;
    }
}

@media (max-width: 850px) {
    .processcontent h6 {
        font-size: 16px;
        display: block;
        /* padding-left: 10px; */
    }

    .process-number {
        color: var(--primary_color);
        font-weight: 900;
        font-size: 30px;
        display: block;
    }

    .our-steps {
        width: 100%;
        /* display: flex; */
        align-items: center;
    }

    .our-steps p {
        /* display: none; */
    }

    .step-2 {
        padding-left: 0px;
        width: 100%;
    }

    .step-3 {
        padding-left: 0px;
        width: 80%;
    }

    .step-4 {
        padding-left: 0px;
        width: 100%;
    }

    .step-5 {
        padding-left: 0px;
        width: 80%;
    }


    .my-our-value .col-md-6 {
        height: auto;
    }

    .reliableimgg {
        max-width: 100%;
    }

    .reliableimg {
        max-width: 100%;
    }

    .children-section .ctaWrap {
        margin-bottom: 50px;
    }

    .backgroundimgg {
        max-width: 591px;
    }

    .children-light h2 {
        padding-right: 0px;
    }

    .children-vid {
        width: 320px;
    }

    .image-size {
        max-width: 100%;
    }

    .childrenimg {
        max-width: 100%;
    }

    .logoMain img {
        max-width: 80%;
        filter: brightness(0) saturate(100%) invert(99%) sepia(5%) saturate(1%) hue-rotate(58deg) brightness(104%) contrast(100%);
    }

    .HeaderCtaPhoneEmaillp {
        flex-direction: column;
    }

    section.sec1.innerBanner.fantasyBanner.lpBanner {
        padding-top: 210px;
    }

    .logoMainlp {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    header.lpHeader .logoMainlp img {
        max-width: 150px;
    }

    .HederCtaRightlp a {
        padding: 5px 0;
    }

    .ctaRightLp {
        padding-top: 12px;
    }

    .bannerList ul {
        max-width: 100%;
        column-count: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .bannerList ul li {
        font-size: 16px;
    }

    section.sec2.ourServicesLp {
        padding: 40px 0;
    }

    .serviceBoxMain {
        margin-top: 30px;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .serviceIcon {
        margin-bottom: 20px;
    }

    .serviceContent {
        width: 100%;
        margin: 0;
    }

    section.sec1.innerBanner.fantasyBanner.lpBanner p {
        text-align: center;
        margin-top: 12px;
        display: block;
    }

    .bannerList {
        margin-top: 20px;
    }

    .tabContentRight {
        margin-top: 40px;
    }

    span.MainTitleTabs {
        font-size: 30px;
        line-height: 36px;
    }

    .tabcontentwrap {
        padding: 40px 0;
    }

    .spectrum-genres {
        padding: 40px 0;
    }

    .tabTitle span {
        font-size: 16px;
        white-space: nowrap;
    }

    .tablistMain ul.react-tabs__tab-list li {
        min-width: auto !important;
        padding: 0 30px;
        background: #ebefda;
        margin-right: 8px;
        box-shadow: 0 0 8px #ebefda;
    }

    .tablistMain ul.react-tabs__tab-list {
        overflow-x: auto;
    }

    .tablistMain {
        padding: 0;
    }

    .tablistMain ul.react-tabs__tab-list li img {
        max-width: 50px;
        min-height: 70px;
    }

    .tablistMain ul.react-tabs__tab-list li:nth-child(6) img {
        max-width: 40px;
    }

    .whychooseMain {
        background: rgb(231 240 230 / 50%) !important;
        text-align: center;
    }

    .lpSliderInner {
        flex-direction: column;
    }

    .lpsliderBook {
        width: 100%;
    }

    .lpsliderBook img {
        max-width: 80%;
        margin: 0 auto 10px;
        display: table;
        position: relative;
        left: -15px;
    }

    .TestiSliderMainLP span.testTitle {
        font-size: 22px;
        text-align: center;
        line-height: 38px;
    }

    .lpsliderTestCOntent {
        text-align: center;
    }

    .ourServicesLp .platformsTitle p,
    .TestiSliderMainLP .platformsTitle p {
        max-width: 100%;
    }

    .TestiSliderMainLP {
        padding: 40px 0;
    }

    .TestiSliderMainLP span.smallTitle {
        font-size: 20px;
        line-height: 36px;
    }

    .whychooseuslp .platformsTitle {
        margin-bottom: 30px;
    }

    .lpsliderTestCOntent img {
        display: table;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    
    .processbox {
        margin-top:0 !important;
    }
    
    .my-our-value .col-md-6 {
        height: auto;
    }

    .reliableimgg {
        max-width: 100%;
    }

    .reliableimg {
        max-width: 100%;
    }

    .children-section .ctaWrap {
        margin-bottom: 50px;
    }

    .backgroundimgg {
        max-width: 591px;
    }

    .children-light h2 {
        padding-right: 0px;
    }

    .children-vid {
        width: 320px;
    }

    .image-size {
        max-width: 100%;
    }

    .childrenimg {
        max-width: 100%;
    }

    .logoMain img {
        max-width: 80%;
        filter: brightness(0) saturate(100%) invert(99%) sepia(5%) saturate(1%) hue-rotate(58deg) brightness(104%) contrast(100%);
    }

    .headerMenuMain {
        display: none;
        position: fixed;
        left: 0;
        padding: 0;
        top: 0;
        height: 100vh;
        width: 100%;
        background: rgb(0 0 0 / 80%);
    }

    .headerMenuMain.showMenu {
        display: block;
    }

    .ctaRight {
        display: none;
    }

    .bannerContent h2 {
        font-size: 26px;
        line-height: 35px;
        margin-bottom: 18px;
    }

    .BannerHome .bannerContent p,
    p {
        font-size: 12px !important;
        line-height: 23px !important;
    }

    .btnBanner {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .btnBanner a {
        font-size: 14px;
    }

    .row.criclerow {
        /*transform: scale(0.6);*/
        /*height: auto;*/
        /*left: 0;*/
        /*position: absolute;*/
        /*bottom: -54%;*/
        /*right: 0;*/
        /*margin-left: -86px;*/
        /*width: 320px;*/
        /*margin: auto;*/
        display: none;
    }

    .BookTitle {
        display: none;
    }

    .sliderCircle {
        position: relative;
        left: -230px;
    }

    .btnBanner a.btnSecondary {
        margin-top: 20px;
    }

    .BannerHome {
        height: auto;
        padding: 40px 0 100px;
    }

    .abtLeft h2 {
        padding-right: 0;
    }

    .abtLeft-light h2 {
        padding-right: 0;
    }

    .abtLeft h2 {
        font-size: 24px;
        line-height: 37px;
    }

    .abtLeft-light h2 {
        font-size: 24px;
        line-height: 37px;
    }

    .cupImage {
        display: none;
    }

    .abtRight p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 5px;
        margin-bottom: 25px;
    }

    .abtRight-light p {
        margin-top: 0;
    }

    .aboutCta {
        margin-top: 0px;
        flex-direction: column;
        align-items: start;
    }

    .coreServices .abtRight p {
        margin-bottom: 30px;
    }

    .aboutCta a.btnPrimary {
        margin-bottom: 20px;
    }

    .abtSection {
        padding: 50px 0px;
    }

    .custom-tab-list ul {
        padding: 0;
        margin: 40px 0 30px;
        overflow-y: hidden;
        overflow-x: scroll;
    }

    .custom-tab-list ul li {
        width: auto;
    }

    .custom-tab-list ul li a {
        font-size: 22px;
        line-height: 36px;
    }

    .custom-tab-list ul li+li {
        margin-left: 30px;
    }

    .custom-tab-list {
        overflow: hidden;
    }

    .port-content {
        max-width: 100% !important;
        border: none;
        padding-left: 0 !important;
        margin: 10px auto 0 !important;
    }

    .custom-tab-list ul li:last-child {
        min-width: 160px !important;
    }

    .coreServices .aboutCta a.ctaLinePhone {
        margin-left: 12px;
        margin-top: 10px;
    }

    .servicebox {
        width: 50%;
    }

    .serviceBoxinner {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 30px 15px;
        margin: 10px 0;
    }

    .serviceBoxinner span.servTitle {
        font-size: 13px;
        line-height: 21px;
        min-height: 48px;
        margin-top: 0px;
    }

    .serviceBoxinner svg {
        max-height: 65px;
    }

    .lordicon-size {
        width: 100px !important;
        height: 100px !important;
    }

    section.sec4.servicesMainboxes {
        background-position: bottom;
        padding: 50px 0;
    }

    .heading2 {
        margin-bottom: 30px;
        font-size: 23px;
        line-height: 36px;
    }

    .heading2-light {
        margin-bottom: 30px;
        font-size: 23px;
        line-height: 36px;
    }

    #lord-icon {
        width: 50px !important;
    }

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        padding: 0 30px;
    }

    .aboutCta a.ctaLinePhone {
        margin-left: 0px;
    }

    .servicesMainboxesContent {
        padding: 50px 0;
    }

    .bookContent {
        padding: 50px 0;
        background-position: left;
    }

    .processMain,
    .whyChosseUs {
        padding: 50px 0;
    }

    .portfolioMain {
        padding: 50px 0;
    }

    .PortfolioTitle span.heading2 {
        padding-right: 70px;
    }

    .portArrow {
        position: absolute;
        right: 20px;
        top: 100px;
    }

    .philMain .row {
        display: flex;
        /* flex-direction: column-reverse; */
        padding: 50px 0 0;
    }

    .philContentRight {
        max-width: 100% !important;
        margin-bottom: 50px;
    }

    .abtLeft h4 {
        font-size: 30px;
        line-height: 36px;
    }

    .makesTitle span,
    .whyChooseLeft .abtLeft h4,
    .testCenter .abtLeft h4 {
        font-size: 22px;
        line-height: 33px;
    }

    .makesContent ul {
        column-count: 1;
        margin-top: 20px;
    }

    .makesContent ul li {
        font-size: 16px;
        line-height: 24px;
    }

    .philImageLeft {
        position: relative;
        left: -18px;
        display: none;
    }

    .philMain {
        overflow: hidden;
    }

    .servicesMainboxesContent .heading2 {
        text-align: left;
    }

    .servicesMainboxesContent .heading2 {
        text-align: left;
    }

    .logoMain {
        position: static;
        display: flex;
        justify-content: space-between;
    }

    .logoMain img {
        max-width: 150px;
        filter: brightness(0) saturate(100%) invert(99%) sepia(5%) saturate(1%) hue-rotate(58deg) brightness(104%) contrast(100%);
    }

    .headerMain:after {
        display: none;
    }

    .iconChoose {
        display: none;
    }

    .headerMain {
        padding: 15px 0px;
    }

    .BannerHome .bannerContent {
        padding-top: 90px;
        padding-right: 0px !important;
    }

    .reviewBTn a img {
        max-width: 90px;
    }

    .reviewBTn a {
        width: 100%;
        height: 70px;
    }

    .reviewBTn {
        display: inline-block;
        width: 48%;
    }

    .trustpilotGoogleBox {
        margin-top: 30px;
        margin-bottom: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .reviewBTn+.reviewBTn {
        margin: 0;
    }

    .whychooseRight {
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }

    .whychooeIconBox {
        flex-direction: column;
        border: none;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .whychooeIconBoxInner {
        width: 100%;
        border-bottom: 1px solid #cae2d6;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .whychooeIconBoxInner .letsconnect {
        padding: 25px;
        margin-bottom: 40px;
    }

    .contentChoose p {
        margin-bottom: 0px;
    }

    .whychooeIconBox:last-child .whychooeIconBoxInner {
        border: none;
        margin: 0;
        padding-bottom: 0;
        justify-content: center;
    }

    .iconChoose svg {
        height: 70px !important;
    }

    .testimonialMain {
        padding: 50px 0;
    }

    .testLeft,
    .testRight {
        display: none !important;
    }

    .testCenter .abtLeft h4 {
        margin-bottom: 30px;
    }

    .testLeftImage {
        pointer-events: auto;
    }

    .mainCOntentSlider {
        padding: 30px;
    }

    .testCon {
        min-height: 290px !important;
    }

    .testImageName {
        position: static;
    }

    .testImageName img {
        max-width: 120px;
    }

    span.nameClient {
        font-size: 22px;
        line-height: 26px;
        margin: 0;
    }

    .testimonialMain .nextArrow {
        position: absolute;
        right: 0;
        bottom: -30px;
        cursor: pointer;
        z-index: 99999;
    }

    .testimonialMain .prevArrow {
        position: absolute;
        left: 0;
        bottom: -30px;
        cursor: pointer;
        z-index: 99999;
    }

    span.ServicClient {
        margin-top: 3px;
    }

    .servicesMarque ul li {
        font-size: 38px;
        line-height: 52px;
        margin-left: 50px;
    }

    .servicesMarque ul {
        margin-top: 80px;
    }

    .BlogMain {
        padding: 50px 0;
        background-position: left;
        display: none;
    }

    .BlogMain .container-fluid {
        max-width: 100%;
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding: 0 30px;
    }

    .blogSlider {
        margin-top: 30px !important;
    }

    .blogSlider .swiper-wrapper {
        align-items: start !important;
    }

    span.cateReadTime {
        font-size: 13px;
    }

    span.blogTitle {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 8px;
    }

    .contactFormBottom {
        padding: 50px 0;
    }

    .contactFormContentLeft {
        margin-bottom: 50px;
    }

    ul.socialFooter li+li {
        margin-left: 12px;
    }

    footer .container-fluid .col-md-8 {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .BlogMain .container-fluid {
        max-width: 100%;
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding: 0 30px;
    }

    .blogSlider {
        margin-top: 30px !important;
    }

    .blogSlider .swiper-wrapper {
        align-items: start !important;
    }

    span.cateReadTime {
        font-size: 13px;
    }

    span.blogTitle {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 8px;
    }

    .contactFormBottom {
        padding: 30px 0;
    }

    .contactFormContentLeft {
        margin-bottom: 20px;
    }

    footer .container-fluid {
        padding: 0 30px;
    }

    span.footerTitle {
        font-size: 24px;
        line-height: normal;
    }

    .footerLeft {
        padding: 50px 0;
        border: none;
    }

    ul.socialFooter li a {
        font-size: 12px;
        width: 100px;
        line-height: 22px;
        padding: 10px 12px;
    }

    ul.socialFooter li a:after {
        width: 12px;
        height: 12px;
    }

    .footerRightTop {
        padding: 0;
        flex-direction: column;
        display: none;
    }

    .copyRighgtBottom {
        padding-left: 0px;
        margin-top: 0px !important;
        padding-bottom: 50px;
    }

    ul.socialFooter li+li {
        margin-left: 12px;
    }

    footer .container-fluid .col-md-8 {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .copyRighgtBottom ul {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .copyRighgtBottom ul li {
        margin-bottom: 20px;
    }

    .copyRightContent {
        flex-direction: column;
        text-align: center;
        margin-top: 0 !important;
    }
    
    

    .copyRightContent p {
        margin: 0 0 20px;
    }

    section.sec5.platforms {
        padding: 50px 0;
        display: none;
    }

    .platformsInner img {
        max-width: 100%;
    }

    .formFields.FieldButton input {
        font-size: 14px;
    }

    .innerBanner p {
        display: none;
    }

    .innerBanner h1 {
        font-size: 32px;
        line-height: 40px;
        text-align: center;
        margin-bottom: 0px;
    }

    .reliable-agencyRight img {
        max-width: 80%;
    }

    .reliable-agencyRight img {
        max-width: 80%;
    }

    .bannerTitle span {
        font-size: 18px;
    }

    span.offertitle {
        font-size: 24px;
        line-height: 30px;
    }

    span.sepTitle {
        font-size: 16px;
    }

    .bannerFormRightMain {
        margin-top: 30px;
        border-radius: 0px;
    }

    .bannerWraptile {
        padding: 15px 30px;
    }

    /*section.ghostTabs {*/
    /*    display: none !important;*/
    /*}*/
    
    .custom-tab-list-ghost ul li a .tabsicon {
        display: none !important;
    }
    
    

    .reliable-agency {
        padding: 50px 0 0;
    }

    .mobileMenuIcon img {
        height: 45px;
    }

    .mobileMenuIcon {
        display: block;
    }

    .connectMain {
        display: none;
    }

    .innerBanner .btnBanner {
        margin-top: 40px;
        display: none;
    }

    .TestiSliderMain .container-fluid {
        max-width: 100%;
        padding: 0 30px;
        width: 100%;
    }

    .TestiSliderMain {
        padding: 50px 0;
    }

    .ghostagecnyContent,
    section.sec11.faqsMain {
        padding: 50px 0;
    }

    span.ghostTitleheading,
    span.faqtitlemain {
        font-size: 30px;
        line-height: 40px;
    }

    .ghostContentagency .whychooeIconBox:last-child .whychooeIconBoxInner {
        width: 100%;
        border-bottom: 1px solid #cae2d6;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .ghostContentagency .whychooeIconBox:last-child .whychooeIconBoxInner:last-child {
        border: none;
        padding: 0;
        margin: 0;
    }

    .accordion__button {
        font-size: 20px;
        line-height: 28px;
    }

    .faqimageright {
        padding: 50px 0 0;
    }

    .contentChoose span {
        font-size: 24px;
    }

    .ctaTitleRightInnerLeft .ctaWrap {
        flex-direction: column;
    }

    .ctaTitleRightInnerLeft .aboutCta {
        margin: 0;
    }

    .ctabtnrightsocial {
        display: flex;
        flex-direction: column;
    }

    .ctabtnrightsocial .trustpilotGoogleBox {
        flex-direction: column;
        margin-top: 20px;
    }

    .ctabtnrightsocial .reviewBTn a {
        width: 220px;
        height: auto;
        height: 70px;
    }

    .ctaTitleRight {
        padding-left: 0;
        border: none;
        margin: 30px 0 0;
    }

    .ctabtnrightsocial .reviewBTn {
        width: 100%;
    }

    .ctabtnrightsocial .trustpilotGoogleBox .reviewBTn+.reviewBTn {
        margin-top: 22px;
    }

    .ctaGreen {
        background-position: center;
    }

    .ctaTitleLeft {
        padding-right: calc(var(--bs-gutter-x) * .5);
    }

    .ctaTitleLeft .heading2 {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }

    .ctaTitleLeft p {
        text-align: center;
    }

    .ctaOrange .ctaTitleRight {
        padding-left: 0px;
        border: none;
    }

    .platformsInner.proMobile {
        transform: inherit;
        margin-bottom: 0px;
    }

    .reviewLogos ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .reviewLogos ul li {
        width: calc(33.3% - 20px);
    }

    .reviewLogos ul li img {
        max-width: 100%;
    }

    .reviewManinHeader {
        padding: 30px 0 30px;
        background-size: cover;
        margin-top: 0px;
    }

    .BannerFormRight {
        width: calc(100% + 60px);
        max-width: calc(100% + 60px);
        margin-left: -30px;
    }

    .BannerFields .formFields input {
        padding: 15px 0;
        font-size: 15px;
    }

    .BannerFields .formFields {
        padding: 0 12px;
    }

    .reviewLogos ul li+li {
        margin-left: 30px;
    }

    .headerMenuWrap {
        width: 80%;
        height: 100%;
        background: #fff;
        overflow-y: auto;
    }

    .headerMenuWrap>ul {
        flex-direction: column;
        align-items: start;
        justify-content: start;
        padding: 15px 0;
    }

    .headerMenuWrap ul li a,
    .headerMenuWrap ul li span {
        color: #333 !important;
        text-align: left;
        padding: 0;
        display: block;
    }

    .headerMenuWrap>ul>li+li {
        margin: 0;
        border-top: 1px solid #eee;
    }

    .headerMenuWrap>ul>li {
        display: block;
        width: 100%;
        padding: 15px 20px;
    }

    .headerMenuWrap ul.dropDown {
        display: none;
        position: static;
        padding-top: 11px;
        min-width: 100%;
        background: #f6f6f6;
        margin-top: 12px;
    }

    .headerMenuWrap ul.dropDown li {
        border: none !important;
    }

    .headerMenuWrap ul.dropDown:before {
        display: none;
    }

    .headerMenuWrap ul>li.parentMenu a>svg,
    .headerMenuWrap ul>li.parentMenu span>svg {
        display: none !important;
    }

    .openDropdown {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 54px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .openDropdown svg {
        margin: 0 !important;
    }

    span.ghostTitleheading br {
        display: none;
    }

    .philMain.ProContent {
        padding: 50px 0;
    }

    .philMain.ProContent .proconImageLeft img {
        max-width: 100%;
    }

    .ProContentLeft .abtLeft h4 {
        font-size: 30px;
        line-height: 36px;
    }

    .ProContentLeft .abtLeft {
        margin-top: 40px;
    }

    .philMain.ProContent .row {
        padding: 0px;
    }

    section.sec13.bookmarketMobile {
        padding: 50px 0;
    }

    h3.bookheadingmain {
        font-size: 30px;
        line-height: 36px;
    }

    span.countHas {
        font-size: 24px;
    }

    span.countHas b {
        width: 85px;
        letter-spacing: 30px;
    }

    span.countHas b span {
        left: 13px;
    }

    .bookmarketMobileLeft span.earnText {
        font-size: 28px;
        line-height: 38px;
    }

    span.countHas b:before {
        left: 40px;
    }

    .bookmarketMobileRight img {
        max-width: 100%;
        margin-top: 50px;
    }

    .bookmarketMobileLeft .btnBanner {
        align-items: start;
    }

    .bookmarketingRightImage {
        margin-bottom: 50px;
    }

    .philMain.ProContent.servingMainbox {
        padding-bottom: 50px !important;
    }

    .bookmarketingRightImage {
        margin-bottom: 50px;
    }

    .philMain.ProContent.servingMainbox {
        padding-bottom: 0 !important;
    }

    .servicesMainboxesInner .serviceTitle p {
        max-width: 100%;
    }

    .servicesMainboxesInner .servicebox {
        width: 100%;
    }

    .servicesMainboxesInner .serviceBoxinner span.servTitle {
        margin-bottom: 0;
    }

    .servicesMainboxesInner .sericoText p {
        text-align: left;
    }

    .formfieldmain.halfField .formField {
        width: 100%;
    }

    .formfieldmain.halfField {
        flex-direction: column;
    }

    .formfieldmain.halfField .formField+.formField {
        margin-top: 3%;
    }

    .conRightDetails {
        padding-left: 0px;
    }

    .conRightDetails ul li {
        font-size: 16px;
    }

    .contactUsBanner,
    .AboutUsBanner {
        padding: 220px 0 60px;
    }

    .Aboutsec1Content .bookContentmain {
        max-width: 100%;
    }

    .Aboutsec1Content .bookContentmain {
        max-width: 100%;
    }

    .aboutSec2Content {
        padding: 50px 0;
    }

    .aboutSec2Content .row:nth-child(2n) .bookContentmain {
        padding: 0 calc(var(--bs-gutter-x) * .5);
    }

    .aboutSec2Content .row+.row {
        margin-top: 50px;
    }

    .aboutSec2Content ul.twoCol {
        column-count: 1;
    }

    .aboutSec2Content ul.twoCol li,
    .aboutSec2Content .bookContentmain ul li {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .Aboutsec1Content .bookContentmain {
        text-align: left;
    }

    .Aboutsec1Content .bookContent .heading2 {
        text-align: left;
    }

    .wrapper {
        overflow: hidden;
    }

    span.ctatilefaq {
        font-size: 24px;
        line-height: 36px;
    }

    span.ctatilefaq {
        font-size: 24px;
        line-height: 36px;
    }

    .fictioncatboxesulInner ul {
        padding: 0;
        column-count: 2;
        font-size: 15px;
        line-height: 23px;
    }

    .fictionInnerCaterow {
        max-width: 100%;
        margin: 0 auto 20px;
    }

    .fictionInnerCaterow span {
        font-size: 30px;
        line-height: 36px;
    }

    .fictionInnerCate {
        padding: 50px 0;
    }

    span.ctatilefaq {
        font-size: 24px;
        line-height: 36px;
    }

    .fictioncatboxesulInner ul {
        padding: 0;
        column-count: 2;
        font-size: 15px;
        line-height: 23px;
    }

    .fictionInnerCaterow {
        max-width: 100%;
    }

    .fictionInnerCaterow span {
        font-size: 30px;
        line-height: 36px;
    }

    .fictionInnerCate {
        padding: 50px 0;
    }

    .fictioncatboxesulInner ul li svg {
        margin-right: 5px;
    }

    ul.footerContactDetails li a {
        font-size: 18px;
    }

    .bookPubsec3 .reliable-agencyRight {
        position: relative;
        top: -40px;
    }

    .bookPubsec3 .reliable-agencyRight {
        position: relative;
        top: -40px;
    }

    .publishing-page .bookPubsec3 .reliable-agencyRight {
        top: -10px;
    }

    .scoreTitle {
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 20px;
    }

    .scroreBig {
        padding: 40px 0 30px;
    }

    .innerPageDefaultContent h3.heading2 {
        font-size: 26px;
        line-height: 34px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .aboutSec2Content .bookContentmain {
        padding: 0 5px;
    }

    button.btnPrimary span:after {
        content: "";
        width: 28px;
        height: 28px;
        background: #1a1302 !important;
        position: absolute;
        border-radius: 100%;
        right: -40px;
        top: 50%;
        transform: translateY(-50%);
        transition: 0.25s;
        z-index: -1;
    }

    .popupBox {
        width: 86%;
        padding: 20px;
    }

    span.popTitMain {
        font-size: 28px;
        line-height: 36px;
    }

    .popuptitle {
        margin-bottom: 12px;
    }

    .popupBox {
        transform: scale(0.85);
    }

    .popupBox.show {
        transform: scale(0.95);
    }

    .closeMenu.mobileMenuIcon {
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .closeMenu.mobileMenuIcon img {
        width: 35px;
        height: 35px;
    }

    .swal2-popup {
        width: 90% !important;
    }

    .swal2-title {
        font-size: 24px !important;
        line-height: 34px !important;
    }

    div#swal2-html-container {
        padding: 0 15px;
        font-size: 18px;
        line-height: 26px;
    }

    .proMobile {
        display: block;
        transform: scale(1.12);
        margin-bottom: 30px;
    }

    .proDesktop {
        display: none !important;
    }

    .bookPrintingMain {
        background: #e7f0e6 !important;
        padding: 40px 0 !important;
    }

    .bookorintboxmaininner {
        margin-top: 20px;
    }

    span.protypeHeading.text-center {
        font-size: 32px;
        margin-bottom: 0px;
        line-height: 36px;
    }

    section.booksliderandboxes {
        padding: 40px 0;
    }

    .bookprintingSec .col-md-12.ghostTitleagency {
        margin-bottom: 0px;
    }

    .bookdetailSlider {
        flex-direction: column;
    }

    .booksliderleft {
        width: 100%;
    }

    .booksliderRight {
        width: 100%;
        margin-bottom: 30px;
    }

    .booksliderleft h3 {
        font-size: 44px;
        line-height: 50px;
    }

    .booksliderinner .swiper-pagination {
        display: none !important;
    }

    .promotionImageLeft {
        display: none;
    }

    .welcomepopupBox {
        width: 90%;
        border-radius: 8px;
        padding: 30px 20px 15px;
    }

    .welcomepopupinner span.popTitMain {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 6px;
    }

    .welcomepopupinner .popuptitle p {
        font-size: 24px !important;
        line-height: 30px !important;
    }

    .contactContentLeft .abtLeft h4 {
        font-family: ivy_modesemibold;
        font-size: 24px;
        line-height: normal;
        margin-bottom: 4px;
    }

    .contactContentLeft .abtLeft span {
        font-size: 18px;
    }

    .processMain .heading2 {
        margin-bottom: 10px;
    }

    .contactFormContentLeft .aboutCta a.ctaLinePhone,
    span.nameClient {
        font-size: 23px;
        line-height: 40px;
    }

    .iconChoose lottie-player {
        width: 60px !important;
        height: 60px !important;
    }

    .BannerHome:after {
        height: 54px;
    }
.ctaTitleRightInnerLeft .aboutCta a.btnPrimary {
    margin: 20px auto 0 auto;
}

/* Keep brand logo true to original colors */
.logoMain img[src*="author-penure-logo.jpg"] {
    filter: none !important;
    max-height: 72px !important;
    width: auto !important;
    object-fit: contain;
}

/* Tablet + mobile: enforce hamburger navigation with readable text */
@media (max-width: 991px) {
    .mobileMenuIcon {
        display: block !important;
        cursor: pointer;
    }

    .headerMenuMain {
        display: none;
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100dvh;
        background: rgba(0, 0, 0, 0.7);
        z-index: 99999;
    }

    .headerMenuMain.showMenu {
        display: block;
    }

    .headerMenuWrap {
        width: min(88vw, 380px) !important;
        height: 100%;
        background: #fff;
        overflow-y: auto;
        box-shadow: 8px 0 24px rgba(0, 0, 0, 0.22);
    }

    .headerMenuWrap > ul {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        padding: 14px 0;
    }

    .headerMenuWrap > ul > li {
        width: 100%;
        margin: 0 !important;
        border-top: 1px solid #efefef;
        padding: 14px 18px !important;
    }

    .headerMenuWrap > ul > li:first-child {
        border-top: 0;
    }

    .headerMenuWrap ul li a,
    .headerMenuWrap ul li span {
        color: #202020 !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
        font-weight: 700;
        text-align: left;
        padding: 0 !important;
    }

    .headerMenuWrap ul.dropDown li a {
        font-size: 15px !important;
        line-height: 1.45 !important;
    }

    .closeMenu.mobileMenuIcon {
        position: absolute;
        right: 16px;
        top: 14px;
    }

    .closeMenu.mobileMenuIcon img {
        width: 32px;
        height: 32px;
    }

    p,
    .abtRight p,
    .abtRight-light p,
    .contentChoose p,
    .testCon p,
    .bookmarketMobileLeft p,
    .processcontent p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }
}

/* --------- UX-focused responsive overrides --------- */
body.menu-open {
    overflow: hidden;
}

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

@media (max-width: 991px) {
    .wrapper {
        overflow-x: hidden !important;
    }

    .headerMain {
        padding: 10px 0;
        background: rgba(28, 29, 115, 0.98);
    }

    .logoMain {
        align-items: center;
    }

    .logoMain img {
        max-width: 150px !important;
        padding: 6px 0 !important;
    }

    .mobileMenuIcon img {
        width: 34px;
        height: 34px;
    }

    .headerMenuMain {
        z-index: 99999;
    }

    .headerMenuWrap {
        width: min(88vw, 380px) !important;
        box-shadow: 8px 0 24px rgba(0, 0, 0, 0.22);
    }

    .headerMenuWrap > ul > li {
        padding: 14px 18px !important;
    }

    .headerMenuWrap ul li a,
    .headerMenuWrap ul li span {
        font-size: 15px !important;
        line-height: 1.4 !important;
        font-weight: 600;
    }

    .headerMenuWrap ul.dropDown li a {
        font-size: 14px !important;
        line-height: 1.45 !important;
        padding: 12px 14px !important;
    }

    .openDropdown {
        height: 52px !important;
    }

    .BannerHome {
        padding: 110px 0 70px !important;
    }

    .BannerHome .bannerContent {
        padding-top: 0 !important;
    }

    .bannerContent h2 {
        font-size: clamp(30px, 5vw, 44px) !important;
        line-height: 1.22 !important;
        margin-bottom: 14px !important;
    }

    .BannerHome .bannerContent p {
        font-size: 17px !important;
        line-height: 1.6 !important;
        margin-bottom: 22px !important;
    }

    p,
    .abtRight p,
    .abtRight-light p,
    .contentChoose p,
    .testCon p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .btnBanner {
        gap: 10px;
    }

    .btnBanner a {
        width: 100%;
        max-width: 280px;
        margin: 0 auto !important;
        text-align: left;
    }

    .abtSection,
    .servicesMainboxesContent,
    .bookContent,
    .portfolioMain,
    .whyChosseUs,
    .testimonialMain,
    .ghostagecnyContent,
    .contactFormBottom,
    section.sec11.faqsMain {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }

    .heading2,
    .heading2-light,
    .heading2-lightt {
        font-size: clamp(26px, 4.6vw, 38px) !important;
        line-height: 1.3 !important;
    }

    .servicebox {
        width: 50%;
    }

    .serviceBoxinner {
        min-height: 210px;
    }

    .aboutCta {
        gap: 12px;
    }

    .aboutCta a.btnPrimary {
        margin-bottom: 0 !important;
    }

    .aboutCta a.ctaLinePhone {
        margin-left: 0 !important;
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    .testCon {
        min-height: auto !important;
    }

    .mainCOntentSlider {
        border-bottom-width: 24px !important;
    }

    .copyRighgtBottom ul li a,
    .copyRightContent p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 767px) {
    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .headerMenuWrap {
        width: min(92vw, 360px) !important;
    }

    .bannerContent h2 {
        font-size: clamp(26px, 8vw, 34px) !important;
    }

    .BannerHome .bannerContent p {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    p,
    .abtRight p,
    .abtRight-light p,
    .contentChoose p,
    .testCon p,
    .bookmarketMobileLeft p {
        font-size: 15px !important;
    }

    .servicebox {
        width: 100% !important;
    }

    .serviceBoxinner {
        min-height: 0;
        border-radius: 12px;
    }

    .serviceBoxinner span.servTitle {
        font-size: 18px !important;
        line-height: 1.45 !important;
        min-height: 0 !important;
    }

    .aboutCta a.btnPrimary {
        width: 100%;
        max-width: 280px;
    }

    .aboutCta a.ctaLinePhone {
        font-size: 21px !important;
    }

    .footerLeft,
    .copyRighgtBottom {
        padding-bottom: 26px !important;
    }

    ul.socialFooter {
        flex-wrap: wrap;
        gap: 10px;
    }

    ul.socialFooter li + li {
        margin-left: 0 !important;
    }

    ul.socialFooter li a {
        width: auto !important;
        min-width: 120px;
    }

    .StickyCta {
        top: auto;
        bottom: 18px;
        transform: none;
        right: 8px;
    }
}

.abtLeft-light h4 {
    font-size: 25px !important;
}

.heading2-lightt {
    font-size: 26px !important;
    line-height: 35px !important;
}

.cover-sec-img{
    width:100%;
}
.ghostTitleagency {
    margin-bottom: 10px !important;
}

.our-steps p {
    margin-bottom: 0 !important;
}

section.sec6.my-our-value .col-md-6.processbox {
    gap: 8px !important;
}

.txt_wrp h2 {
    font-size: 31px !important;
}

.port_Section {
    padding-top: 20px !important;
}

.reliable-agency .col-md-5 img {
    margin-bottom: 50px !important;
}

.reliable-agency .col-md-5 img {
    width: 100% !important;
}

.reliable-agencyLeft .ctaWrap {
    margin-bottom: 30px !important;
}

.reliableimgg {
    margin-bottom: 50px !important;
}

.reliable-agency .col-md-6 img {
    margin-bottom: 50px !important;
}

}

.testSliderContent .testCon p,
.testSliderContent .testCon p *,
.testSliderContent .testName,
.testSliderContent .testName span {
    color: #ffffff !important;
}

.BookTitle .typed,
.BookTitle .typed-cursor {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.Aboutsec1Content .bookContentmain,
.Aboutsec1Content .bookContentmain h1,
.Aboutsec1Content .bookContentmain h2,
.Aboutsec1Content .bookContentmain h3,
.Aboutsec1Content .bookContentmain h4,
.Aboutsec1Content .bookContentmain h5,
.Aboutsec1Content .bookContentmain h6,
.Aboutsec1Content .bookContentmain p,
.Aboutsec1Content .bookContentmain strong,
.Aboutsec1Content .bookContentmain b {
    color: #002b53 !important;
    -webkit-text-fill-color: #002b53 !important;
}

.contactDetRight .conRightDetails,
.contactDetRight .conRightDetails *,
.contactDetRight .conRightDetails a {
    color: #002b53 !important;
    -webkit-text-fill-color: #002b53 !important;
}

header.sticky-header .HeaderCtaPhoneEmail a,
header.sticky-header .HeaderCtaPhoneEmail a i,
header.sticky-header .HeaderCtaPhoneEmail a svg,
header.sticky-header .headerMenuWrap ul li.hasChild.parentMenu > span > a i,
header.sticky-header .headerMenuWrap ul li.hasChild.parentMenu > span > a svg,
header.sticky-header .openDropdown i,
header.sticky-header .openDropdown svg {
    color: #002b53 !important;
    -webkit-text-fill-color: #002b53 !important;
}

header .HeaderCtaPhoneEmail a i,
header .HeaderCtaPhoneEmail a svg,
header .HeaderCtaPhoneEmail a svg path,
header .HeaderCtaPhoneEmail a .fa-phone,
header .HeaderCtaPhoneEmail a .fa-envelope,
header .headerMenuWrap ul li.hasChild.parentMenu > span > a i,
header .headerMenuWrap ul li.hasChild.parentMenu > span > a svg,
header .headerMenuWrap ul li.hasChild.parentMenu > span > a svg path,
header .headerMenuWrap ul li.hasChild.parentMenu > span > a .fa-chevron-down,
header .openDropdown i,
header .openDropdown svg,
header .openDropdown svg path,
header.sticky-header .HeaderCtaPhoneEmail a i,
header.sticky-header .HeaderCtaPhoneEmail a svg,
header.sticky-header .HeaderCtaPhoneEmail a svg path,
header.sticky-header .HeaderCtaPhoneEmail a .fa-phone,
header.sticky-header .HeaderCtaPhoneEmail a .fa-envelope,
header.sticky-header .headerMenuWrap ul li.hasChild.parentMenu > span > a i,
header.sticky-header .headerMenuWrap ul li.hasChild.parentMenu > span > a svg,
header.sticky-header .headerMenuWrap ul li.hasChild.parentMenu > span > a svg path,
header.sticky-header .headerMenuWrap ul li.hasChild.parentMenu > span > a .fa-chevron-down,
header.sticky-header .openDropdown i,
header.sticky-header .openDropdown svg,
header.sticky-header .openDropdown svg path {
    color: #002b53 !important;
    fill: #002b53 !important;
    stroke: #002b53 !important;
    -webkit-text-fill-color: #002b53 !important;
}

a[href^="tel:"],
a[href^="mailto:"] {
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
}

.HeaderCtaPhoneEmail a,
.HeaderCtaPhoneEmaillp a,
ul.footerContactDetails li a,
.conRightDetails ul li a,
.aboutCta a.ctaLinePhone {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
}

.HeaderCtaPhoneEmail a i,
.HeaderCtaPhoneEmail a svg,
.HeaderCtaPhoneEmaillp a i,
.HeaderCtaPhoneEmaillp a svg,
ul.footerContactDetails li a i,
ul.footerContactDetails li a svg,
.conRightDetails ul li a i,
.conRightDetails ul li a svg,
.aboutCta a.ctaLinePhone i,
.aboutCta a.ctaLinePhone svg {
    flex: 0 0 auto;
}

@media (max-width: 1199px) {
    .HeaderCtaPhoneEmail {
        min-width: 0;
        max-width: 100%;
    }

    .HeaderCtaPhoneEmail a[href^="mailto:"],
    .HeaderCtaPhoneEmaillp a[href^="mailto:"] {
        font-size: clamp(9px, 2.4vw, 12px) !important;
    }
}

@media (max-width: 767px) {
    .HeaderCtaPhoneEmail a,
    .HeaderCtaPhoneEmaillp a,
    ul.footerContactDetails li a,
    .conRightDetails ul li a {
        font-size: clamp(11px, 3.2vw, 15px) !important;
    }

    .HeaderCtaPhoneEmail {
        min-width: 0;
        max-width: 100%;
    }

    .HeaderCtaPhoneEmail a[href^="mailto:"],
    .HeaderCtaPhoneEmaillp a[href^="mailto:"] {
        font-size: clamp(9px, 2.75vw, 12px) !important;
        letter-spacing: 0;
    }

    a.btnPrimary,
    a.btnSecondary,
    a.btnYellow,
    button.btnPrimary {
        white-space: nowrap;
    }

    a.btnPrimary span,
    a.btnSecondary span,
    a.btnYellow span,
    button.btnPrimary span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        white-space: nowrap;
    }
}

@media (max-width: 575px) {
    a.btnPrimary,
    a.btnSecondary,
    a.btnYellow,
    button.btnPrimary {
        font-size: 12px !important;
    }

    a.btnPrimary {
        padding: 13px 48px 13px 22px !important;
    }
}

@media (max-width: 991px) {
    .BannerHome {
        min-height: 680px !important;
    }

    .heroImageWrap {
        top: 92px;
    }
}

@media (max-width: 767px) {
    .BannerHome {
        min-height: 620px !important;
    }

    .heroImageWrap {
        top: 78px;
    }

    .publishing-page .platformsInner.proMobile {
        margin-top: 18px;
    }
}

@media (max-width: 767px) {
    .aboutCta {
        flex-wrap: wrap;
        align-items: center !important;
        justify-content: center;
    }

    .aboutCta a.ctaLinePhone,
    .contactFormContentLeft .aboutCta a.ctaLinePhone,
    .coreServices .aboutCta a.ctaLinePhone {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        width: auto !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        font-size: clamp(12px, 3.3vw, 14px) !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .aboutCta a.ctaLinePhone i,
    .aboutCta a.ctaLinePhone svg,
    .contactFormContentLeft .aboutCta a.ctaLinePhone svg,
    .coreServices .aboutCta a.ctaLinePhone svg {
        position: static !important;
        flex: 0 0 auto !important;
        width: 28px !important;
        height: 28px !important;
        padding: 8px !important;
        margin: 0 !important;
    }

    .aboutCta a.ctaLinePhone span.smallTitleLine,
    .aboutCta a.ctaLinePhone span.smallTitleLine-dark {
        display: inline !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding-left: 0 !important;
        font-size: inherit !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .aboutCta a.ctaLinePhone span.smallTitleLine:before,
    .aboutCta a.ctaLinePhone span.smallTitleLine-dark:before {
        display: none !important;
    }

    a.btnPrimary,
    a.btnSecondary,
    a.btnYellow,
    button.btnPrimary {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: max-content;
        max-width: 100% !important;
        line-height: 1.2 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    .btnBanner a {
        width: auto !important;
        min-width: 190px;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    a.btnPrimary,
    a.btnSecondary,
    a.btnYellow,
    .custom-btn1,
    .btn-sc,
    button.btnPrimary,
    button[type="submit"],
    input[type="submit"] {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        max-width: none !important;
        min-height: 44px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        font-size: clamp(10px, 3vw, 13px) !important;
        line-height: 1 !important;
        text-align: center !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
    }

    a.btnPrimary span,
    a.btnSecondary span,
    a.btnYellow span,
    .custom-btn1 span,
    .btn-sc span,
    button.btnPrimary span,
    button[type="submit"] span {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        width: auto !important;
        max-width: 100% !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
    }

    a.btnPrimary span *,
    a.btnSecondary span *,
    a.btnYellow span *,
    button.btnPrimary span * {
        flex: 0 0 auto !important;
    }

    .aboutCta a.btnPrimary,
    .aboutCta a.btnSecondary,
    .aboutCta a.btnYellow,
    .btnBanner a,
    .ctaWrap a.btnPrimary,
    .ctaTitleRightInnerLeft .aboutCta a.btnPrimary {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .btnBanner,
    .aboutCta,
    .ctaWrap,
    .ctaTitleRightInnerLeft .aboutCta,
    .bookmarketMobileLeft .btnBanner,
    .innerBanner .btnBanner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        width: 100% !important;
    }

    .btnBanner a,
    .aboutCta a.btnPrimary,
    .aboutCta a.btnSecondary,
    .aboutCta a.btnYellow,
    .ctaWrap a.btnPrimary,
    .ctaWrap a.btnSecondary,
    .ctaTitleRightInnerLeft .aboutCta a.btnPrimary,
    .bookmarketMobileLeft .btnBanner a,
    .innerBanner .btnBanner a {
        flex: 0 0 auto !important;
        min-width: 0 !important;
        width: max-content !important;
        max-width: none !important;
    }

    a.btnPrimary {
        padding-left: 20px !important;
        padding-right: 46px !important;
    }

    a.btnSecondary,
    a.btnYellow,
    .custom-btn1,
    .btn-sc {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    a.btnPrimary:after,
    a.btnSecondary:after,
    a.btnYellow:after,
    button.btnPrimary:after {
        flex: 0 0 auto !important;
    }
}

@media (max-width: 991px) {
    a.btnPrimary,
    a.btnSecondary,
    a.btnYellow,
    .custom-btn1,
    .btn-sc,
    button.btnPrimary,
    button[type="submit"],
    input[type="submit"] {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: max-content !important;
        max-width: none !important;
        font-size: clamp(10px, 2.9vw, 13px) !important;
        line-height: 1 !important;
        text-align: center !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
    }

    a.btnPrimary span,
    a.btnSecondary span,
    a.btnYellow span,
    .custom-btn1 span,
    .btn-sc span,
    button.btnPrimary span,
    button[type="submit"] span {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        width: auto !important;
        min-width: max-content !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
    }

    a.btnPrimary br,
    a.btnSecondary br,
    a.btnYellow br,
    button.btnPrimary br {
        display: none !important;
    }

    .btnBanner,
    .aboutCta,
    .ctaWrap {
        align-items: center !important;
        justify-content: center !important;
    }

    a.btnPrimary.openPopup,
    a.btnYellow.openPopup,
    .btnBanner a.btnPrimary,
    .aboutCta a.btnPrimary,
    .aboutCta a.btnYellow {
        flex: 0 0 auto !important;
        width: max-content !important;
        min-width: max-content !important;
        white-space: nowrap !important;
    }

    footer .footerRightTop {
        display: block !important;
    }

    footer .footerRightWrap {
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 18px !important;
    }

    footer .FooterMenuTitle.for-dot {
        display: none !important;
    }

    footer .FooterMenu.lightMenu {
        margin: 0 !important;
        padding: 0 !important;
    }

    footer .FooterMenu.lightMenu li,
    footer .FooterMenu.lightMenu li a {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        white-space: nowrap !important;
    }

    .headerMenuWrap ul.dropDown li:last-child {
        order: -1;
    }
}

/* Final responsive polish: keep layouts balanced on phone, tablet, laptop, and desktop. */
html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

body,
.wrapper {
    min-width: 0;
}

.wrapper,
section,
header,
footer {
    max-width: 100%;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a,
span {
    overflow-wrap: anywhere;
}

.container,
.container-fluid {
    max-width: 100%;
}

.row {
    min-width: 0;
}

.row > * {
    min-width: 0;
}

.featured_logo img,
.platformsInner img,
.proconImageLeft img,
.bookmarketMobileRight img,
.bookmarketingRightImage img,
.reliable-agency img,
.faqctaimage img {
    height: auto;
    object-fit: contain;
}

.logo-author,
.logo-penure,
.headerMenuWrap ul li a,
.headerMenuWrap ul li span,
.HeaderCtaPhoneEmail a {
    overflow-wrap: normal !important;
    word-break: normal !important;
    white-space: nowrap;
}

a.btnPrimary,
a.btnSecondary,
a.btnYellow,
button.btnPrimary,
.custom-btn1,
.btn-sc,
input[type="submit"],
button[type="submit"] {
    max-width: 100%;
    min-width: 0 !important;
    white-space: normal !important;
}

a.btnPrimary span,
a.btnSecondary span,
a.btnYellow span,
button.btnPrimary span,
.custom-btn1 span,
.btn-sc span {
    min-width: 0 !important;
    max-width: 100%;
}

@media (min-width: 992px) and (max-width: 1399px) {
    .headerMain .row {
        flex-wrap: nowrap !important;
        align-items: stretch !important;
    }

    .headerMain .container-fluid {
        padding-left: 12px;
        padding-right: 12px;
    }

    .logoMainWrap {
        flex: 0 0 16% !important;
        max-width: 16% !important;
        width: 16% !important;
    }

    .logo-author {
        font-size: clamp(32px, 3.4vw, 42px) !important;
    }

    .logo-penure {
        font-size: clamp(26px, 2.7vw, 35px) !important;
        right: -8px !important;
    }

    .headerMenuMain {
        flex: 0 0 64% !important;
        max-width: 64% !important;
        width: 64% !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .ctaRight {
        flex: 0 0 20% !important;
        max-width: 20% !important;
        width: 20% !important;
    }

    .headerMenuWrap ul {
        gap: clamp(10px, 1vw, 18px);
    }

    .headerMenuWrap ul li + li {
        margin-left: 0 !important;
    }

    .headerMenuWrap ul li a,
    .headerMenuWrap ul li span {
        font-size: clamp(12px, 1vw, 14px) !important;
        line-height: 1.35 !important;
        white-space: nowrap;
    }

    .HeaderCtaPhoneEmail a {
        font-size: clamp(11px, 1vw, 14px) !important;
    }

    .BannerHome {
        min-height: clamp(640px, 68vw, 820px) !important;
    }

    .bannerContent h2 {
        font-size: clamp(48px, 5vw, 70px) !important;
        line-height: 1.12 !important;
    }

    .BannerHome .bannerContent p {
        font-size: clamp(18px, 1.8vw, 22px) !important;
        line-height: 1.55 !important;
    }

}

@media (max-width: 991px) {
    body {
        font-size: 16px;
    }

    .container,
    .container-fluid {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    header {
        position: absolute;
    }

    .headerMain {
        min-height: 82px;
        display: flex;
        align-items: center;
    }

    .headerMain .row {
        align-items: center;
    }

    .logoMainWrap {
        width: 100% !important;
        max-width: 100% !important;
        justify-content: space-between !important;
    }

    .logoMain {
        position: static !important;
        width: 100%;
        justify-content: space-between !important;
    }

    .css-logo-wrapper {
        padding: 8px 0 !important;
    }

    .logo-author {
        font-size: clamp(28px, 8vw, 38px) !important;
        line-height: .9 !important;
        letter-spacing: 1px !important;
    }

    .logo-penure {
        font-size: clamp(23px, 6vw, 31px) !important;
        right: -6px !important;
        bottom: -12px !important;
    }

    .mobileMenuIcon {
        flex: 0 0 auto;
    }

    .mobileMenuIcon img {
        width: 34px !important;
        height: 34px !important;
        object-fit: contain;
    }

    .headerMenuMain {
        max-width: 100vw !important;
    }

    .headerMenuWrap {
        max-width: min(92vw, 380px) !important;
    }

    .headerMenuWrap ul li a,
    .headerMenuWrap ul li span,
    .headerMenuWrap ul.dropDown li a {
        overflow-wrap: normal;
        word-break: normal;
    }

    .BannerHome {
        min-height: 0 !important;
        height: auto !important;
        padding: 118px 0 54px !important;
        display: flex;
        align-items: center;
    }

    .heroImageWrap {
        top: 82px !important;
    }

    .BannerHome .container-fluid,
    .BannerHome .row,
    .BannerHome .bannerContent {
        width: 100% !important;
        max-width: 100% !important;
    }

    .BannerHome .bannerContent {
        padding-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
    }

    .bannerContent h1,
    .bannerContent h2,
    .BannerHome .heroTitle {
        max-width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: clamp(32px, 9vw, 46px) !important;
        line-height: 1.12 !important;
        text-align: center !important;
        white-space: normal !important;
        text-wrap: balance;
    }

    .BannerHome .bannerContent p {
        max-width: 36rem;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: clamp(15px, 4vw, 18px) !important;
        line-height: 1.55 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    .BannerHome .bannerContent p br {
        display: none;
    }

    .btnBanner,
    .aboutCta,
    .ctaWrap {
        gap: 12px !important;
    }

    .btnBanner a,
    .aboutCta a.btnPrimary,
    .aboutCta a.btnSecondary,
    .aboutCta a.btnYellow,
    .ctaWrap a.btnPrimary,
    .ctaWrap a.btnSecondary,
    .ctaWrap a.btnYellow {
        width: auto !important;
        min-width: min(230px, 100%) !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 22px !important;
        padding-right: 54px !important;
    }

    .aboutCta a.ctaLinePhone {
        width: auto !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }

    .abtSection,
    .bookContent,
    .coreServices,
    .servicesMainboxes,
    .servicesMainboxesContent,
    .platforms,
    .philMain,
    .whyChosseUs,
    .testimonialMain,
    .contactFormBottom,
    section.sec11.faqsMain {
        padding-top: clamp(44px, 8vw, 64px) !important;
        padding-bottom: clamp(44px, 8vw, 64px) !important;
    }

    .heading2,
    .heading2-light,
    .heading2-lightt,
    .abtLeft h2,
    .abtLeft-light h2,
    h3.bookheadingmain,
    .faqTitle span,
    span.footerTitle {
        max-width: 100%;
        font-size: clamp(26px, 7vw, 38px) !important;
        line-height: 1.2 !important;
        text-align: center !important;
        padding-right: 0 !important;
        text-wrap: balance;
    }

    p,
    .abtRight p,
    .abtRight-light p,
    .contentChoose p,
    .testCon p,
    .bookmarketMobileLeft p,
    .processcontent p,
    .faqTitle + *,
    .contactContentLeft span {
        font-size: clamp(15px, 3.8vw, 17px) !important;
        line-height: 1.65 !important;
    }

    .abtLeft-light,
    .abtRight-light,
    .abtLeft,
    .abtRight,
    .contactFormContentLeft,
    .contactFormRight {
        width: 100% !important;
        max-width: 100% !important;
    }

    .abtRight-light p,
    .abtRight p,
    .contactContentLeft,
    .contactContentLeft * {
        text-align: center;
    }

    span.smallTitleLine,
    span.smallTitleLine-light {
        display: table;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .featured_logo {
        overflow: hidden;
    }

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

    .servicebox,
    .servicesMainboxesInner .servicebox {
        width: 100% !important;
    }

    .serviceBoxinner,
    .servicesMainboxesInner .serviceBoxinner {
        min-height: 0 !important;
        height: auto !important;
        padding: clamp(24px, 7vw, 42px) 18px !important;
        text-align: center;
    }

    .serviceBoxinner span.servTitle,
    .serviceBoxinner .servTitle {
        min-height: 0 !important;
        font-size: clamp(18px, 4.8vw, 22px) !important;
        line-height: 1.35 !important;
    }

    .philImageLeft,
    .philContentRight,
    .whyChooseLeft,
    .whychooseRight,
    .reliable-agencyLeft,
    .reliable-agencyRight,
    .ProContentLeft,
    .proconImageLeft,
    .faqimageright,
    .contactFormContentLeft,
    .contactFormRight {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .philContentRight,
    .whychooseRight,
    .reliable-agencyLeft,
    .ProContentLeft {
        margin-top: 24px !important;
    }

    .testCenter,
    .mainCOntentSlider,
    .TestiSliderMain,
    .connectMainwrap,
    .connectMaininner {
        width: 100% !important;
        max-width: 100% !important;
    }

    .formFields,
    .contactFormFields .formFields,
    .BannerFields .formFields {
        width: 100% !important;
        max-width: 100% !important;
    }

    input,
    textarea,
    select {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 16px !important;
    }

    footer {
        text-align: center;
    }

    footer .container-fluid {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .footerLeft,
    .footerRightTop,
    .copyRighgtBottom {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    footer .FooterMenu.lightMenu li,
    footer .FooterMenu.lightMenu li a,
    ul.footerContactDetails li a,
    .copyRightContent p {
        text-align: center !important;
        white-space: normal !important;
    }

    ul.socialFooter {
        justify-content: center;
    }
}

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

    .BannerHome {
        padding-top: 112px !important;
        padding-bottom: 46px !important;
    }

    .heroImageWrap img {
        object-position: center top;
    }

    .bannerContent h1,
    .bannerContent h2,
    .BannerHome .heroTitle {
        font-size: clamp(29px, 8.8vw, 38px) !important;
    }

    .BannerHome .bannerContent p {
        font-size: 15px !important;
    }

    .btnBanner,
    .aboutCta,
    .ctaWrap {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
    }

    .btnBanner a,
    .aboutCta a.btnPrimary,
    .aboutCta a.btnSecondary,
    .aboutCta a.btnYellow,
    .ctaWrap a.btnPrimary,
    .ctaWrap a.btnSecondary,
    .ctaWrap a.btnYellow {
        width: min(100%, 280px) !important;
        min-width: 0 !important;
        justify-content: center !important;
        text-align: center !important;
    }

    a.btnPrimary:after,
    a.btnSecondary:after,
    a.btnYellow:after,
    button.btnPrimary:after {
        right: 13px !important;
    }

    .abtSection .row,
    .bookContent .row,
    .coreServices .row,
    .servicesMainboxes .row,
    .servicesMainboxesContent .row,
    .contactFormBottom .row,
    section.sec11.faqsMain .row {
        row-gap: 22px;
    }

    .featured_logo img {
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        object-fit: contain;
    }

    .bannerContent h1,
    .bannerContent h2,
    .BannerHome .heroTitle,
    .heading2,
    .heading2-light,
    .heading2-lightt,
    .abtLeft h2,
    .abtLeft-light h2 {
        max-width: 21rem !important;
    }

    .BannerHome .bannerContent p,
    .abtRight p,
    .abtRight-light p {
        max-width: 21.5rem !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .servicesMarque,
    .growthBookStrip,
    .bookslider,
    .testSliderContent,
    .testLeftImage {
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .servicesMarque ul {
        padding-left: 0 !important;
    }

    .StickyCta {
        top: auto !important;
        right: 12px !important;
        bottom: 12px !important;
        transform: none !important;
        z-index: 9998 !important;
    }

    .StickyCta ul {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .StickyCta ul li {
        margin: 0 !important;
    }

    .StickyCta ul li a,
    .StickyCta ul li img {
        width: 50px !important;
        height: 50px !important;
        border-radius: 0 !important;
        object-fit: contain;
    }

    .whatsapp-float {
        left: 16px !important;
        bottom: 16px !important;
        width: 52px !important;
        height: 52px !important;
    }

    .whatsapp-float span {
        display: none !important;
    }
}

@media (max-width: 575px) {
    .headerMain {
        min-height: 76px;
    }

    .heroImageWrap {
        top: 76px !important;
    }

    .BannerHome {
        padding-top: 104px !important;
    }

    .logo-author {
        font-size: clamp(25px, 8.2vw, 32px) !important;
    }

    .logo-penure,
    .css-logo-wrapper .logo-penure {
        font-size: clamp(21px, 6vw, 28px) !important;
        right: -4px !important;
        bottom: -16px !important;
    }

    .mobileMenuIcon img {
        width: 30px !important;
        height: 30px !important;
    }

    .headerMenuWrap {
        width: min(92vw, 350px) !important;
    }

    .headerMenuWrap ul li a,
    .headerMenuWrap ul li span {
        font-size: 14px !important;
    }

    .headerMenuWrap ul.dropDown li a {
        font-size: 13px !important;
    }

    .heading2,
    .heading2-light,
    .heading2-lightt,
    .abtLeft h2,
    .abtLeft-light h2,
    h3.bookheadingmain,
    .faqTitle span,
    span.footerTitle {
        font-size: clamp(24px, 7.4vw, 31px) !important;
    }

    p,
    .abtRight p,
    .abtRight-light p,
    .contentChoose p,
    .testCon p,
    .bookmarketMobileLeft p,
    .processcontent p {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    .popupBox,
    .welcomepopupBox {
        width: calc(100vw - 28px) !important;
        max-width: calc(100vw - 28px) !important;
    }
}

/* Mobile home polish requested: blue hamburger, centered content, visible rotating books, stable buttons. */
@media (max-width: 991px) {
    .logoMain > .mobileMenuIcon img {
        filter: brightness(0) saturate(100%) invert(13%) sepia(71%) saturate(2391%) hue-rotate(224deg) brightness(83%) contrast(100%) !important;
    }

    .wrapper,
    .wrapper section,
    .wrapper section *,
    .wrapper footer,
    .wrapper footer * {
        text-align: center !important;
    }

    .BannerHome {
        padding-bottom: 0 !important;
    }

    .BannerHome .container-fluid {
        position: relative;
        z-index: 10;
    }

    .StickyCta {
        top: 50% !important;
        right: 0 !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
        z-index: 999999 !important;
    }

    .StickeyCtaInner ul li + li {
        margin-top: 0 !important;
    }

    .btnBanner,
    .aboutCta,
    .ctaWrap,
    .BookTitle .aboutCta,
    .ctaTitleRightInnerLeft .aboutCta {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
        width: 100% !important;
    }

    a.btnPrimary,
    a.btnSecondary,
    a.btnYellow,
    button.btnPrimary,
    button[type="submit"] {
        min-height: 52px !important;
        max-width: 100% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: normal !important;
        overflow: hidden !important;
        line-height: 1.2 !important;
    }

    a.btnPrimary span,
    a.btnSecondary span,
    a.btnYellow span,
    button.btnPrimary span,
    button[type="submit"] span {
        width: 100% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    .row.criclerow {
        display: flex !important;
        height: 255px !important;
        margin: 0 auto !important;
        overflow: hidden !important;
        width: 100vw !important;
        max-width: none !important;
        left: 50% !important;
        right: auto !important;
        position: relative !important;
        justify-content: center !important;
        transform: translateX(-50%) !important;
    }

    .sliderCircle {
        width: 750px !important;
        max-width: none !important;
        height: 750px !important;
        left: 50% !important;
        right: auto !important;
        margin: 0 !important;
        position: absolute !important;
        top: 0 !important;
        transform: translateX(-50%) scale(.46) !important;
        transform-origin: top center !important;
        will-change: transform;
    }

    .circle {
        width: 750px !important;
        height: 750px !important;
        top: 280px !important;
        margin: 0 auto !important;
        animation: 100s linear infinite rotateElement !important;
        will-change: transform;
    }

    .sliderCircle ul li {
        width: auto !important;
        height: auto !important;
    }

    .sliderCircle ul li img {
        width: 199px !important;
        height: 289px !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: top !important;
        display: block !important;
    }

    .circle:after {
        z-index: 120 !important;
    }

    .BookTitle {
        display: flex !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 18px !important;
        z-index: 130 !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        pointer-events: auto !important;
    }

    .BookTitle span,
    .BookTitle .typed,
    .BookTitle .typed-cursor {
        font-size: 18px !important;
        line-height: 1.2 !important;
        margin-bottom: 8px !important;
        color: #ffffff !important;
    }

    .BookTitle .aboutCta {
        margin-top: 0 !important;
        width: auto !important;
    }

    .BookTitle a.btnYellow {
        min-height: 34px !important;
        width: auto !important;
        min-width: 110px !important;
        padding: 9px 36px 9px 16px !important;
        font-size: 10px !important;
        line-height: 1 !important;
    }

    .BookTitle a.btnYellow:after {
        width: 20px !important;
        height: 20px !important;
        right: 8px !important;
    }

    .btnBanner a,
    .aboutCta a.btnPrimary,
    .aboutCta a.btnSecondary,
    .aboutCta a.btnYellow,
    .ctaWrap a.btnPrimary,
    .ctaWrap a.btnSecondary,
    .ctaWrap a.btnYellow,
    button.btnPrimary,
    button[type="submit"] {
        width: min(100%, 300px) !important;
        padding: 14px 48px 14px 22px !important;
    }
}

@media (max-width: 575px) {
    .row.criclerow {
        height: 235px !important;
        width: 100vw !important;
        max-width: none !important;
        margin-top: 0 !important;
    }

    .sliderCircle {
        width: 750px !important;
        max-width: none !important;
        height: 750px !important;
        transform: translateX(-50%) scale(.42) !important;
    }

    .circle {
        width: 750px !important;
        height: 750px !important;
        top: 280px !important;
    }
}

@media (max-width: 420px) {
    .row.criclerow {
        height: 220px !important;
    }

    .sliderCircle {
        transform: translateX(-50%) scale(.39) !important;
    }
}

@media (min-width: 768px) {
    .BannerHome {
        min-height: 780px !important;
    }
}

@media (max-width: 767px) {
    .StickyCta {
        position: fixed !important;
        top: 50% !important;
        right: 0 !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
        z-index: 999999 !important;
    }

    .StickeyCtaInner ul {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        gap: 3px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .StickeyCtaInner ul li,
    .StickeyCtaInner ul li + li {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
    }

    .StickeyCtaInner ul li a {
        display: block !important;
        width: 36px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
    }

    .StickeyCtaInner ul li img {
        display: block !important;
        width: 36px !important;
        height: auto !important;
        max-width: none !important;
        border-radius: 0 !important;
        object-fit: contain !important;
    }

    .whatsapp-float {
        display: none !important;
    }
}

/* Final mobile-only polish: centered copy, stable buttons, cleaner menu controls. */
@media (max-width: 767px) {
    .testimonialMain span.smallTitleLine-light,
    .testimonialMain span.smallTitleLine-light:before {
        color: #20b2aa !important;
        background: #20b2aa !important;
    }

    .testimonialMain span.smallTitleLine-light {
        display: table !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 42px !important;
    }

    .wrapper section :where(h1, h2, h3, h4, h5, h6, p, span, strong, b, li, label),
    .wrapper footer :where(h1, h2, h3, h4, h5, h6, p, span, strong, b, li, label),
    .wrapper section :where(.heading2, .heading2-light, .heading2-lightt, .smallHeading, .smallTitleLine, .smallTitleLine-light, .servTitle, .testName, .nameClient),
    .wrapper footer :where(.footerTitle, .FooterMenuTitle, .copyRightContent) {
        text-align: center !important;
    }

    .wrapper section :where(ul, ol),
    .wrapper footer :where(ul, ol) {
        padding-left: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        list-style-position: inside !important;
    }

    .aboutCta,
    .ctaWrap,
    .btnBanner,
    .FieldButton,
    .formFields.FieldButton {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
        width: 100% !important;
    }

    a.btnPrimary,
    a.btnSecondary,
    a.btnYellow,
    button.btnPrimary,
    button[type="submit"],
    input[type="submit"],
    .custom-btn1,
    .btn-sc {
        width: min(100%, 300px) !important;
        min-height: 50px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: normal !important;
        line-height: 1.2 !important;
        padding: 14px 48px 14px 22px !important;
        overflow: hidden !important;
    }

    a.btnPrimary span,
    a.btnSecondary span,
    a.btnYellow span,
    button.btnPrimary span,
    button[type="submit"] span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        width: 100% !important;
        text-align: center !important;
        line-height: 1.2 !important;
        white-space: normal !important;
    }

    a.btnPrimary:after,
    a.btnSecondary:after,
    a.btnYellow:after,
    button.btnPrimary:after {
        right: 12px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    .logoMain > .mobileMenuIcon {
        width: 44px !important;
        height: 44px !important;
        border-radius: 12px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(255, 255, 255, 0.92) !important;
        border: 1px solid rgba(28, 29, 115, 0.16) !important;
        box-shadow: 0 8px 20px rgba(0, 43, 83, 0.16) !important;
        transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease !important;
    }

    .logoMain > .mobileMenuIcon:active {
        transform: scale(.94) !important;
    }

    .logoMain > .mobileMenuIcon img {
        width: 27px !important;
        height: 27px !important;
        filter: brightness(0) saturate(100%) invert(13%) sepia(71%) saturate(2391%) hue-rotate(224deg) brightness(83%) contrast(100%) !important;
    }

    .headerMenuMain.showMenu {
        animation: mobileMenuFade .22s ease both;
    }

    .headerMenuMain.showMenu .headerMenuWrap {
        animation: mobileMenuSlide .28s ease both;
    }

    .closeMenu.mobileMenuIcon {
        width: 46px !important;
        height: 46px !important;
        right: 14px !important;
        top: 14px !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #1c1d73 !important;
        border: 2px solid #ffffff !important;
        box-shadow: 0 10px 26px rgba(0, 0, 0, 0.28) !important;
        animation: mobileClosePop .28s ease both;
        z-index: 100001 !important;
    }

    .closeMenu.mobileMenuIcon img {
        width: 22px !important;
        height: 22px !important;
        filter: brightness(0) invert(1) !important;
    }

    .BookTitle a.btnYellow {
        width: auto !important;
        min-width: 110px !important;
        min-height: 34px !important;
        padding: 9px 34px 9px 16px !important;
        font-size: 10px !important;
        line-height: 1 !important;
        border-radius: 999px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        overflow: hidden !important;
    }

    .BookTitle a.btnYellow i,
    .BookTitle a.btnYellow svg {
        width: 18px !important;
        height: 18px !important;
        padding: 4px !important;
        right: 8px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        border-radius: 50% !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 10px !important;
        line-height: 1 !important;
    }

    .BannerHome .bannerContent,
    .BannerHome .heroTitle,
    .BannerHome .bannerContent p {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .BannerHome .bannerContent {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .BannerHome .heroTitle {
        max-width: 20rem !important;
    }

    .BannerHome .bannerContent p {
        max-width: 21rem !important;
    }

    .BannerHome .row:first-of-type,
    .BannerHome .bannerContent.col-md-8 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        justify-content: center !important;
    }

    .BannerHome .bannerContent.col-md-8 .heroTitle,
    .BannerHome .bannerContent.col-md-8 > p {
        width: 100% !important;
        max-width: min(92vw, 340px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        align-self: center !important;
    }
}

@keyframes mobileMenuFade {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes mobileMenuSlide {
    from {
        opacity: .7;
        transform: translateX(-22px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes mobileClosePop {
    from {
        opacity: 0;
        transform: rotate(-90deg) scale(.82);
    }
    to {
        opacity: 1;
        transform: rotate(0) scale(1);
    }
}