@media screen and (max-width: 768px) {
  body.home-page {
    overflow-x: hidden;
    padding-bottom: 0;
  }

  body.home-page .top-bar {
    padding: 0;
    min-height: 8px;
    display: flex;
    align-items: center;
    background: #061e38;
  }

  body.home-page .top-bar .container-fluid {
    min-height: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  body.home-page .top-bar-ticker {
    min-height: 8px;
    width: 100%;
  }

  body.home-page header {
    top: 8px !important;
    padding: 10px 0 12px !important;
    background: #e9fdff !important;
    border-top: 0;
    border-bottom: 4px solid #061e38;
    box-shadow: 0 10px 24px rgba(6, 30, 56, 0.08) !important;
    min-height: 92px;
  }

  body.home-page .main-header {
    padding: 0 16px !important;
    position: relative;
  }

  body.home-page header .container-fluid,
  body.home-page .top-bar .container-fluid {
    padding: 0 !important;
  }

  body.home-page header .row {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    row-gap: 0;
    min-height: 66px;
  }

  body.home-page header .col-md-2.text-center,
  body.home-page header .col-md-5.text-center,
  body.home-page header .col-md-5.text-right {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0;
    text-align: left !important;
  }

  body.home-page header .col-md-2.text-center {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 74px;
    position: relative;
    z-index: 2;
  }

  body.home-page header .logo,
  body.home-page a.logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  body.home-page header .logo img,
  body.home-page a.logo img,
  body.home-page .main-header .logo img {
    width: auto !important;
    max-width: 170px;
    max-height: 60px;
    /* padding-top: 0 !important; */
  }

  body.home-page .menu-Bar {
    position: absolute !important;
    top: 50% !important;
    right: 16px;
    left: auto;
    margin: 0;
    transform: translateY(-50%);
    z-index: 10002;
    width: 44px;
    height: 44px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: transparent;
    box-shadow: none;
    padding: 0;
  }

  body.home-page header .menu-Bar span,
  body.home-page header.is-scrolled .menu-Bar span {
    background: #50bac2 !important;
    width: 28px;
    height: 3px;
    border-radius: 999px;
  }

  body.home-page .menuWrap,
  body.home-page .menuWrap.btn-resp {
    display: none;
    width: 100%;
  }

  body.home-page .menuWrap.open,
  body.home-page .menuWrap.btn-resp.open {
    display: block !important;
  }

  body.home-page header .menuWrap {
    position: absolute;
    left: 10px;
    right: 10px;
    top: calc(100% + 8px);
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    overflow-x: hidden;
    background: #061e38;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 22px;
    padding: 12px;
    box-shadow: 0 20px 42px rgba(5, 18, 34, 0.3);
    z-index: 10001;
  }

  .popup-redesign-recaptcha {
   display: none !important; 
  }

  body.home-page header .menuWrap:not(.btn-resp) {
    margin-top: 0;
  }

  body.home-page header .menuWrap.btn-resp {
    display: none !important;
  }

  body.home-page header .menuWrap .menu,
  body.home-page header .menuWrap.btn-resp .menu {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    width: 100%;
    height: auto !important;
  }

  body.home-page header ul.menu > li {
    width: 100%;
    margin: 0 !important;
    height: auto !important;
  }

  body.home-page header ul.menu > li > a,
  body.home-page header .menuWrap.btn-resp ul.menu > li > a,
  body.home-page header.is-scrolled ul.menu > li > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 50px;
    width: 100%;
    padding: 12px 18px !important;
    border-radius: 14px;
    font-size: 16px !important;
    line-height: 1.35;
    text-align: left !important;
    color: #12284a !important;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    font-weight: 600;
  }

  body.home-page header ul.menu > li.active > a {
    background: #50bac2;
    color: #061e38 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
  }

  body.home-page header .menuWrap.open ul.menu > li:last-child {
    margin-bottom: 0 !important;
  }

  body.home-page header .dropdown > a {
    justify-content: space-between;
  }

  body.home-page header .dropdown > a::after {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    margin-left: 10px;
    color: #061e38;
    font-size: 22px;
    font-weight: 700;
  }

  body.home-page .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    min-width: 100%;
    max-width: 100%;
    margin-top: 10px;
    padding: 8px;
    display: none;
    grid-template-columns: 1fr;
    gap: 8px;
    opacity: 1;
    visibility: visible;
    transform: none;
    border-radius: 18px;
    background: rgba(80, 186, 194, 0.12);
    border: 1px solid rgba(80, 186, 194, 0.2);
    box-shadow: none;
    overflow: visible;
  }

  body.home-page .dropdown:hover .dropdown-menu,
  body.home-page .dropdown:focus-within .dropdown-menu,
  body.home-page .dropdown.open .dropdown-menu {
    display: grid;
  }

  body.home-page .dropdown-item,
  body.home-page .dropdown-menu .dropdown-item,
  body.home-page .dropdown-menu a.dropdown-item {
    min-height: 36px;
    justify-content: flex-start;
    gap: 8px;
    padding: 7px 11px;
    font-size: 17.5px !important;
    line-height: 1.2 !important;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.14);
    color: #f4fbfc !important;
    font-weight: 500;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    letter-spacing: 0 !important;
    white-space: nowrap;
  }

  body.home-page .dropdown-item svg,
  body.home-page .dropdown-menu .dropdown-item svg {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px;
  }

  body.home-page .dropdown-item:hover,
  body.home-page .dropdown-item:focus {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff !important;
    transform: none;
  }

  body.home-page header .btn-a,
  body.home-page header .btn-a1,
  body.home-page header .col-md-5.text-right {
    display: none !important;
  }

  body.home-page .sidebar {
    display: none !important;
  }

  body.home-page .banner-color.home-hero-sec {
    margin-top: 40px;
    padding-top: 112px !important;
    padding-bottom: 34px !important;
  }

  body.home-page .home-hero-sec .hero-video-wrap {
    display: none !important;
  }

  body.home-page .banner-color.home-hero-sec .overlay {
    background: rgb(233, 253, 255) !important;
  }

  body.home-page .home-hero-sec .container,
  body.home-page .hero-logo-sec .container,
  body.home-page .global-section .container,
  body.home-page .hero-section .container,
  body.home-page .services-sec .container-fluid,
  body.home-page section.portfolio .container,
  body.home-page .ready-section .container,
  body.home-page .bestseller-section .container,
  body.home-page .pencil-bgs .container,
  body.home-page .contact-sec-new .container,
  body.home-page .contact_us_sec .container,
  body.home-page .footer-sec .container-fluid,
  body.home-page .py-5 .container-fluid,
  body.home-page footer .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.home-page .home-hero-sec .container{
    padding-bottom: 100px !important;

  }

  body.home-page .home-hero-sec .row,
  body.home-page .hero-section .row,
  body.home-page .services-sec .row,
  body.home-page .ready-section .row,
  body.home-page .pencil-bgs .row,
  body.home-page .contact-sec-new .row,
  body.home-page .contact_us_sec .row,
  body.home-page .footer-sec .row,
  body.home-page .py-5 .row {
    margin-left: 0;
    margin-right: 0;
  }

  body.home-page .home-hero-sec .row.pad-top.pad-btm-70 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    row-gap: 26px;
  }

  body.home-page .banner-content,
  body.home-page .banner-contents {
    text-align: center;
  }

  body.home-page .banner-content h1 {
    font-size: 30px !important;
    line-height: 1.18 !important;
    margin-bottom: 16px;
  }

  body.home-page .banner-content h1 p {
    font-size: 42px !important;
    line-height: 1.05 !important;
  }

  body.home-page .banner-contents p {
    font-size: 15px !important;
    line-height: 1.75 !important;
    padding: 0 !important;
    color: #061e38 !important;
  }

  body.home-page .arrow-wrap,
  body.home-page .btm-arrow-wrap {
    display: none;
  }

  body.home-page .book-img-wrap,
  body.home-page .right-img {
    position: static !important;
    margin: 20px auto 0;
    display: flex;
    justify-content: center;
  }

  body.home-page .book-img-wrap img,
  body.home-page .right-img img {
    width: min(100%, 240px);
    max-width: 240px;
    margin: 0 auto;
    display: none;
  }

  body.home-page .home-hero-sec .call-btns,
  body.home-page .ready-section .call-btns,
  body.home-page .contact-content .buttons {
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }

  body.home-page .home-hero-sec .call-btns > div,
  body.home-page .ready-section .call-btns > div,
  body.home-page .contact-content .buttons a {
    width: 100%;
  }

  body.home-page .home-hero-sec .call-btns button,
  body.home-page .hero-section .call-btn button,
  body.home-page .hero-section .schedule-btn2 button,
  body.home-page .ready-section button,
  body.home-page .contact-content .buttons a,
  body.home-page .services-buttons button {
    width: 100%;
    min-height: 52px;
    font-size: 15px !important;
    line-height: 1.3;
  }

  body.home-page .banner-form {
    width: 100%;
    max-width: 100%;
    padding: 24px 18px !important;
    margin: 0;
    border-radius: 22px;
  }

  body.home-page .banner-form .form-logo img {
    width: min(100%, 170px);
  }

  body.home-page .banner-form .form-heading h3 {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 1px;
  }

  body.home-page .banner-form input,
  body.home-page .banner-form select,
  body.home-page .banner-form textarea {
    font-size: 16px !important;
    min-height: 48px;
  }

  body.home-page .banner-form textarea {
    min-height: 110px;
  }

  body.home-page .banner-form button {
    width: 100%;
    min-height: 52px;
  }

  body.home-page .banner-form .g-recaptcha,
  body.home-page .form-col .g-recaptcha,
  body.home-page #exampleModalCenter .popup-redesign-recaptcha .g-recaptcha {
    transform-origin: left top;
  }

  body.home-page .hero-logo-sec {
    padding: 18px 0 !important;
  }

  body.home-page .hero-logo-sec .hero-logo-item {
    padding: 0 10px;
  }

  body.home-page .hero-logo-sec .hero-logo-item img {
    max-height: 84px;
    width: auto;
  }

  body.home-page .global-section {
    padding: 22px 0 !important;
  }

  body.home-page .gradient-section {
    padding: 22px 18px !important;
    border-radius: 24px;
  }

  body.home-page .global-section .gradient-section h2 {
    font-size: 22px !important;
    line-height: 1.35 !important;
    text-align: center;
  }

  body.home-page .hero-section {
    padding: 40px 0 24px !important;
  }

  body.home-page .hero-section img[alt="book publishing companies "] {
    width: min(100%, 320px) !important;
    max-width: 320px !important;
    margin: 0 auto 18px !important;
    padding: 0 !important;
    display: block;
  }

  body.home-page .hero-section .banner-contents {
    text-align: left;
    padding: 0;
  }

  body.home-page .hero-section .banner-contents p {
    font-size: 15px !important;
    line-height: 1.75 !important;
  }

  body.home-page .hero-section .banner-contents .row {
    row-gap: 10px;
  }

  body.home-page .hero-section .banner-contents .col-4,
  body.home-page .hero-section .banner-contents .col-8 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.home-page .brand-sec {
    margin-top: 12px;
  }

  body.home-page .brand-sec p {
    text-align: center;
    font-size: 15px;
    line-height: 1.65;
  }

  body.home-page .services-sec {
    padding: 40px 0 !important;
  }

  body.home-page .services-sec .container-fluid.pad-btm-70,
  body.home-page .services-sec .container-fluid {
    padding-bottom: 0 !important;
  }

  body.home-page .services-sec .call-sec,
  body.home-page .services-sec .teblet,
  body.home-page .services-sec .teblet img {
    position: static !important;
    margin: 0 auto;
  }

  body.home-page .services-sec .call-sec {
    text-align: center;
    padding: 0 0 22px;
  }

  body.home-page .services-sec .call-sec h2 {
    font-size: 28px !important;
    line-height: 1.25 !important;
  }

  body.home-page .services-sec .call-sec p {
    font-size: 15px;
    line-height: 1.7;
  }

  body.home-page .services-sec .teblet {
    width: min(100%, 290px);
    padding-bottom: 22px;
  }

  body.home-page .services-sec .icon-box,
  body.home-page .services-sec .icon-box-odd {
    width: 100% !important;
    min-height: 0;
    margin-bottom: 16px;
    padding: 22px 18px !important;
    border-radius: 24px;
  }

  body.home-page .services-sec .icon-box-odd:has(a[href="audio-book-services.html"]),
  body.home-page .services-sec .icon-box-odd:has(a[href="illustration-design-services.html"]) {
    background: transparent !important;
  }

  body.home-page .services-sec .icon-box:has(a[href="book-marketing-services.html"]),
  body.home-page .services-sec .icon-box:has(a[href="author-website-services.html"]) {
    background: #50bac220 !important;
  }

  body.home-page .services-sec .icon-box h6,
  body.home-page .services-sec .icon-box-odd h6 {
    font-size: 22px;
    line-height: 1.25;
  }

  body.home-page .services-sec .icon-box p,
  body.home-page .services-sec .icon-box-odd p {
    font-size: 15px;
    line-height: 1.7;
    max-height: none;
    overflow: visible;
  }

  body.home-page .services-sec video {
    width: 82px;
    height: 82px;
  }

  body.home-page .home-discover-section,
  body.home-page section.portfolio,
  body.home-page .ready-section,
  body.home-page .bestseller-section,
  body.home-page .pencil-bgs,
  body.home-page .contact-sec-new,
  body.home-page .testimonial-sec,
  body.home-page .contact_us_sec {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }

  body.home-page .home-discover-section .ready,
  body.home-page .home-discover-section .ready-p,
  body.home-page .portfolio-content,
  body.home-page .reviews-content,
  body.home-page .contact-content {
    text-align: center;
  }

  body.home-page .home-discover-section h2,
  body.home-page .portfolio-content h2,
  body.home-page .ready-section .ready-text-wrap h2,
  body.home-page .topcontact-sec h2,
  body.home-page .contact-content h2,
  body.home-page .reviews-content h2 {
    font-size: 28px !important;
    line-height: 1.25 !important;
  }

  body.home-page .home-discover-section p,
  body.home-page .portfolio-content p,
  body.home-page .ready-section .ready-text-wrap p,
  body.home-page .topcontact-sec p,
  body.home-page .contact-content p,
  body.home-page .reviews-content p {
    font-size: 15px !important;
    line-height: 1.75 !important;
  }

  body.home-page section.portfolio .swiper {
    overflow: hidden;
    padding: 8px 0 24px;
  }

  body.home-page section.portfolio .swiper-slide {
    width: min(76vw, 260px) !important;
    height: 350px !important;
  }

  body.home-page .ready-section .ready-text-wrap,
  body.home-page .ready-section .col-md-12.col-lg-5,
  body.home-page .bestseller-section .row > div,
  body.home-page .pencil-bgs .row > div,
  body.home-page .contact-sec-new .row > div,
  body.home-page .contact_us_sec .row > div {
    text-align: center;
  }

  body.home-page .ready-section img,
  body.home-page .bestseller-section img,
  body.home-page .pencil-bgs img,
  body.home-page .contact-sec-new img,
  body.home-page .contact_us_sec img {
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  body.home-page .pencil-bg::before,
  body.home-page .pencil-bgs::before,
  body.home-page .pencil-bg::after,
  body.home-page .pencil-bgs::after,
  body.home-page section.book-writing::before,
  body.home-page section.book-writing::after {
    opacity: 0.18;
    width: 120px;
    background-size: contain;
  }

  body.home-page .topcontact-sec .cheap-publishing,
  body.home-page .topcontact-sec .banner-contents,
  body.home-page .contact-sec-new .cheap-publishing,
  body.home-page .contact-sec-new .banner-contents {
    text-align: center;
  }

  body.home-page .topcontact-sec {
    background: #e9fdff !important;
    padding-top: 34px !important;
    padding-bottom: 48px !important;
  }

  body.home-page .topcontact-sec::before,
  body.home-page .topcontact-sec.top-after::before {
    display: none !important;
    content: none !important;
  }

  body.home-page .topcontact-sec .cheap-publishing {
    max-width: 250px;
    margin-bottom: 16px;
  }

  body.home-page .topcontact-sec .banner-contents {
    max-width: 680px;
    margin: 0 auto;
    background: transparent !important;
  }

  body.home-page .topcontact-sec h3 {
    color: #061e38 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    letter-spacing: 0;
    margin: 0 0 12px;
    text-align: center !important;
  }

  body.home-page .topcontact-sec h2 {
    display: block;
    width: fit-content;
    max-width: min(100%, 29rem);
    margin: 0 auto 22px !important;
    padding: 11px 18px;
    border-radius: 22px;
    background: #cfeff3;
    color: #061e38 !important;
    font-size: 23px !important;
    line-height: 1.24 !important;
    text-align: center !important;
  }

  body.home-page .topcontact-sec p {
    max-width: 31rem;
    margin: 0 auto;
    padding: 0 6px;
    color: #061e38 !important;
    background: transparent !important;
    line-height: 1.85 !important;
  }

  body.home-page .topcontact-sec .schedule-btn2 {
    text-align: center;
    margin-top: 26px;
  }

  body.home-page .topcontact-sec .schedule-btn2 button {
    width: min(100%, 320px);
    min-height: 54px;
    margin: 0 auto;
  }

  body.home-page .topcontact-sec .schedule-btn2 h1 {
    display: none !important;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) {
    background: #e9fdff !important;
    padding-top: 38px !important;
    padding-bottom: 44px !important;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec)::before {
    display: none !important;
    content: none !important;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) .cheap-publishing {
    max-width: 250px;
    margin-bottom: 16px;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) .banner-contents {
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    padding-top: 26px;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) .banner-contents.home-dream-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(100%, 29rem);
    height: 124px;
    border-radius: 24px;
    background: linear-gradient(180deg, #50bac2 0%, #59c0c8 100%);
    z-index: 0;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) .banner-contents.home-dream-banner > * {
    position: relative;
    z-index: 1;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) h3 {
    color: #061e38 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin: 0 0 14px;
    padding-top: 8px;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) h2 {
    max-width: 27rem;
    margin: 0 auto 28px !important;
    color: #061e38 !important;
    line-height: 1.18 !important;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) p {
    color: #061e38 !important;
    max-width: 31rem;
    margin: 0 auto;
    padding: 0 8px;
    line-height: 1.82 !important;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) .row.mt-4 {
    justify-content: center;
    row-gap: 14px;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) .phone-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 108px;
    padding: 18px 16px;
    border-radius: 20px;
    background: rgba(80, 186, 194, 0.12);
    border: 1px solid rgba(80, 186, 194, 0.28);
    text-align: left;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) .phone-icon svg {
    flex: 0 0 48px;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) .phone-icon h6 {
    margin-bottom: 4px;
    color: #50bac2 !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) .phone-icon p {
    margin-bottom: 0;
    color: #061e38 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 700;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) .col-8.col-lg-8,
  body.home-page section.contact-sec-new:not(.topcontact-sec) .col-4.col-lg-4 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px !important;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) .schedule-btn2,
  body.home-page section.contact-sec-new:not(.topcontact-sec) .call-btn {
    text-align: center;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) .schedule-btn2 button,
  body.home-page section.contact-sec-new:not(.topcontact-sec) .call-btn button {
    width: min(100%, 320px);
    min-height: 54px;
    margin: 0 auto;
  }

  body.home-page .topcontact-sec h3,
  body.home-page .contact-sec-new h3,
  body.home-page .contact-content h3 {
    font-size: 20px !important;
    line-height: 1.45 !important;
  }

  body.home-page .testimonial-slider {
    margin: 22px 0 0;
    padding: 10px 0 10px;
    overflow: hidden;
  }

  body.home-page .testimonial-slider .slick-list {
    padding: 0 16px 10px !important;
    overflow: hidden;
  }

  body.home-page .testimonial-slider .slick-track {
    display: flex;
    align-items: stretch;
  }

  body.home-page .testimonial-slider .slick-slide {
    height: auto;
    padding: 0 6px;
    box-sizing: border-box;
  }

  body.home-page .testimonial-slider .slick-slide > div {
    height: 100%;
    width: 100%;
  }

  body.home-page .testimonial-slider .testimonial-item {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    width: 100% !important;
    height: 340px;
    min-height: 340px;
    max-height: 340px;
    margin: 16px 0 10px !important;
    padding: 24px 20px 22px !important;
    border-radius: 28px;
    background: linear-gradient(180deg, #ffffff 0%, #f4fcfd 100%) !important;
    border: 1px solid rgba(80, 186, 194, 0.24);
    box-shadow: 0 16px 36px rgba(6, 30, 56, 0.12);
    transform: none !important;
    text-align: left;
  }

  body.home-page .testimonial-slider .testimonial-item p {
    font-size: 14px !important;
    line-height: 1.75 !important;
    flex: 1 1 auto;
    height: auto !important;
    min-height: 0 !important;
    max-height: 175px;
    margin: 16px 0 18px;
    padding-right: 8px;
    letter-spacing: 0;
    overflow-y: auto;
    overflow-x: hidden;
    color: #23415f;
    font-weight: 500;
    scrollbar-width: thin;
    scrollbar-color: #50bac2 #d8f3f5;
  }

  body.home-page .testimonial-slider .testimonial-item p::-webkit-scrollbar {
    width: 7px;
  }

  body.home-page .testimonial-slider .testimonial-item p::-webkit-scrollbar-track {
    background: #d8f3f5;
    border-radius: 999px;
  }

  body.home-page .testimonial-slider .testimonial-item p::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #50bac2 0%, #061e38 100%);
    border-radius: 999px;
  }

  body.home-page .testimonial-slider .testimonial-item p::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #61c9d0 0%, #061e38 100%);
  }

  body.home-page .testimonial-slider .testimonial-item img.quote-icon {
    width: 44px;
    margin-top: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body.home-page .testimonial-slider .testimonial-item img.stars {
    width: 96px;
    margin-top: 0;
    margin-bottom: 8px;
  }

  body.home-page .testimonial-slider .testimonial-item h5 {
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 19px !important;
    line-height: 1.25 !important;
    color: #061e38 !important;
  }

  body.home-page .testimonial-slider .testimonial-item span {
    display: block;
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #50bac2 !important;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  body.home-page .testimonial-slider .testimonial-item.slick-current.slick-active.slick-center,
  body.home-page .testimonial-slider .slick-center .testimonial-item {
    transform: none !important;
  }

  body.home-page .testimonial-slider .testimonial-item::before {
    content: "";
    display: block;
    width: 56px;
    height: 4px;
    margin-bottom: 16px;
    border-radius: 999px;
    background: linear-gradient(90deg, #50bac2 0%, #061e38 100%);
  }

  body.home-page .contact_us_sec .contact-content {
    padding-bottom: 22px;
  }

  body.home-page .contact-content .buttons a {
    justify-content: center;
  }

  body.home-page .form-col {
    margin-top: 8px;
  }

  body.home-page .form-col h4 {
    font-size: 26px !important;
    line-height: 1.25 !important;
    text-align: center;
  }

  body.home-page .form-col form input,
  body.home-page .form-col form textarea {
    font-size: 16px !important;
    min-height: 48px;
  }

  body.home-page .form-col form textarea {
    min-height: 120px;
  }

  body.home-page .form-col form .col-md-6,
  body.home-page .form-col form .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  body.home-page .form-col form button {
    width: 100%;
    min-height: 52px;
  }

  body.home-page .footer-sec {
    padding: 40px 0 24px !important;
  }

  body.home-page .footer-sec .col-md-10,
  body.home-page .footer-sec .col-md-2,
  body.home-page .footer-sec .col-md-3,
  body.home-page .footer-sec .col-lg-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  body.home-page .footer-links {
    text-align: center;
    margin-bottom: 22px;
  }

  body.home-page .footer-links h4 {
    margin-bottom: 14px;
    font-size: 22px;
  }

  body.home-page .footer-links ul {
    padding-left: 0;
    margin-bottom: 0;
  }

  body.home-page .footer-links ul li {
    margin-bottom: 10px;
  }

  body.home-page .footer-links ul li a {
    font-size: 15px !important;
    line-height: 1.6;
  }

  body.home-page .footer-logos {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
    padding-top: 8px;
  }

  body.home-page .footer-logos br {
    display: none;
  }

  body.home-page .footer-logos a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 74px;
    margin: 0;
  }

  body.home-page .footer-logos img {
    display: block;
    max-width: none !important;
    margin: 0 auto;
    object-fit: contain;
  }

  body.home-page .footer-logos a:nth-child(1) img {
    width: 250px !important;
    height: 48px !important;
  }

  body.home-page .footer-logos a:nth-child(2) img {
    width: 250px !important;
    height: 48px !important;
  }

  body.home-page .footer-logos a:nth-child(3) img {
    width: 250px !important;
    height: 66px !important;
  }

  body.home-page .footer-logos a:nth-child(3) {
    min-height: 82px;
  }

  body.home-page .footer-logos a:nth-child(3) img {
    margin: 0 auto;
    transform: scale(1.08);
    transform-origin: center;
  }

  body.home-page .py-5 {
    padding-top: 34px !important;
    padding-bottom: 26px !important;
  }

  body.home-page .last-footer {
    text-align: center;
    flex-direction: column;
    gap: 16px;
    padding: 0;
    margin-bottom: 20px;
  }

  body.home-page .last-footer img {
    width: min(100%, 130px) !important;
  }

  body.home-page .last-footer p,
  body.home-page .last-footer p a {
    font-size: 15px !important;
    line-height: 1.7 !important;
    word-break: break-word;
  }

  body.home-page .last-footer a i {
    font-size: 24px;
    margin: 0 8px;
  }

  body.home-page .last-copy p {
    font-size: 14px;
    line-height: 1.6;
  }

  body.home-page #exampleModalCenter {
    padding: 0 !important;
  }

  body.home-page #exampleModalCenter .popup-redesign-dialog {
    width: calc(100% - 16px) !important;
    max-width: none;
    min-height: calc(100% - 16px);
    margin: 8px auto !important;
  }

  body.home-page #exampleModalCenter .popup-redesign-modal {
    max-height: calc(100vh - 16px);
    overflow: hidden;
    border-radius: 28px;
  }

  body.home-page #exampleModalCenter .popup-redesign-shell {
    max-height: calc(100vh - 16px);
    overflow-y: auto;
    overflow-x: hidden;
  }

  body.home-page #exampleModalCenter .popup-redesign-main {
    grid-template-columns: 1fr !important;
    gap: 0;
    padding: 58px 14px 14px !important;
  }

  body.home-page #exampleModalCenter .popup-redesign-left,
  body.home-page #exampleModalCenter .popup-redesign-right {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.home-page #exampleModalCenter .popup-redesign-close {
    top: 10px;
    right: 10px;
    width: 48px;
    height: 48px;
    font-size: 28px;
  }

  body.home-page #exampleModalCenter .popup-redesign-left,
  body.home-page #exampleModalCenter .popup-redesign-stats {
    display: none !important;
  }

  body.home-page #exampleModalCenter .popup-redesign-right {
    display: block;
  }

  body.home-page #exampleModalCenter .popup-redesign-logo img {
    width: min(100%, 160px) !important;
  }

  body.home-page #exampleModalCenter .popup-redesign-hero-heading {
    max-width: 100%;
  }

  body.home-page #exampleModalCenter .popup-redesign-copy {
    font-size: 15px !important;
    line-height: 1.7;
  }

  body.home-page #exampleModalCenter .popup-redesign-feature {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 12px;
    align-items: start;
  }

  body.home-page #exampleModalCenter .popup-redesign-feature-icon {
    width: 56px !important;
    height: 56px !important;
  }

  body.home-page #exampleModalCenter .popup-redesign-feature-title {
    font-size: 21px !important;
    line-height: 1.25;
  }

  body.home-page #exampleModalCenter .popup-redesign-feature p {
    font-size: 14px !important;
    line-height: 1.6;
  }

  body.home-page #exampleModalCenter .popup-redesign-stack {
    display: flex;
    justify-content: center;
  }

  body.home-page #exampleModalCenter .popup-redesign-stack img {
    max-width: min(100%, 220px) !important;
    margin: 0 auto;
  }

  body.home-page #exampleModalCenter .popup-redesign-form-card {
    padding: 22px 16px 18px !important;
    border-radius: 24px;
    box-shadow: none;
    margin: 0;
  }

  body.home-page #exampleModalCenter .popup-redesign-form-title {
    font-size: 26px !important;
    line-height: 1.2;
  }

  body.home-page #exampleModalCenter .popup-redesign-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 12px;
  }

  body.home-page #exampleModalCenter .popup-redesign-step span {
    font-size: 13px;
    line-height: 1.3;
  }

  body.home-page #exampleModalCenter .popup-redesign-field input,
  body.home-page #exampleModalCenter .popup-redesign-field select,
  body.home-page #exampleModalCenter .popup-redesign-field textarea {
    width: 100%;
    min-width: 0;
    font-size: 16px !important;
    min-height: 48px;
  }

  body.home-page #exampleModalCenter .popup-redesign-field textarea {
    min-height: 120px;
  }

  body.home-page #exampleModalCenter .popup-redesign-submit {
    width: 100%;
    min-height: 52px;
    font-size: 16px !important;
  }

  body.home-page #exampleModalCenter .popup-redesign-stats {
    grid-template-columns: 1fr !important;
    gap: 12px;
    padding: 16px;
  }

  body.home-page #exampleModalCenter .popup-redesign-stat {
    justify-content: flex-start;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    padding-bottom: 12px;
  }

  body.home-page #exampleModalCenter .popup-redesign-stat:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }

  body.home-page #exampleModalCenter .popup-redesign-stat strong {
    font-size: 20px !important;
  }

  body.home-page #exampleModalCenter .popup-redesign-stat span {
    font-size: 12px !important;
  }
}

@media screen and (max-width: 480px) {
  body.ghostwriting-page .banner-color.home-hero-sec {
    padding-top: 102px !important;
    padding-bottom: 28px !important;
  }

  body.about-page .about-hero-sec {
    padding-top: 102px !important;
    padding-bottom: 28px !important;
  }

  body.home-page .banner-color.home-hero-sec {
    padding-top: 102px !important;
    padding-bottom: 28px !important;
  }

  body.home-page header .col-md-2.text-center {
    min-height: 64px;
  }

  body.home-page header .logo img,
  body.home-page a.logo img,
  body.home-page .main-header .logo img {
    max-width: 156px;
    max-height: 56px;
  }

  body.home-page .menu-Bar {
    top: 80% !important;
    right: 14px;
    width: 42px;
    height: 42px;
  }

  body.home-page header .menuWrap:not(.btn-resp) {
    left: 8px;
    right: 8px;
    max-height: calc(100vh - 138px);
  }

  body.home-page .banner-content h1 {
    font-size: 26px !important;
    line-height: 1.14 !important;
  }

  body.home-page .banner-content h1 p {
    font-size: 31px !important;
    line-height: 0.98 !important;
    letter-spacing: 0.02em;
    margin: 4px 0 6px !important;
  }

  body.home-page .global-section .gradient-section h2,
  body.home-page .home-discover-section h2,
  body.home-page .portfolio-content h2,
  body.home-page .ready-section .ready-text-wrap h2,
  body.home-page .topcontact-sec h2,
  body.home-page .contact-content h2,
  body.home-page .reviews-content h2 {
    font-size: 24px !important;
  }

  body.home-page .services-sec .call-sec h2 {
    font-size: 24px !important;
  }

  body.home-page .testimonial-slider .slick-list {
    padding: 0 12px 10px !important;
  }

  body.home-page .testimonial-slider .slick-slide {
    padding: 0 5px;
  }

  body.home-page .testimonial-slider .testimonial-item {
    height: 324px;
    min-height: 324px;
    max-height: 324px;
    margin: 14px  8px !important;
    padding: 22px 18px 20px !important;
  }

  body.home-page .testimonial-slider .testimonial-item p {
    font-size: 14px !important;
    line-height: 1.65 !important;
    max-height: 164px;
  }

  body.home-page .topcontact-sec h2,
  body.home-page section.contact-sec-new:not(.topcontact-sec) h2 {
    font-size: 22px !important;
  }

  body.home-page .topcontact-sec h3,
  body.home-page section.contact-sec-new:not(.topcontact-sec) h3 {
    font-size: 16px !important;
    padding-top: 50px;
  }

  body.home-page .topcontact-sec {
    padding-top: 30px !important;
    padding-bottom: 42px !important;
  }

  body.home-page .topcontact-sec h2 {
    max-width: 22rem;
    margin-bottom: 18px !important;
    padding: 10px 16px;
    border-radius: 20px;
    font-size: 20px !important;
    line-height: 1.22 !important;
  }

  body.home-page .topcontact-sec p {
    max-width: 23rem;
    padding: 0 4px;
    font-size: 14px !important;
    line-height: 1.8 !important;
  }

  body.home-page .topcontact-sec .schedule-btn2 {
    margin-top: 24px;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) {
    padding-top: 34px !important;
    padding-bottom: 40px !important;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) .banner-contents {
    padding-top: 22px;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) .banner-contents.home-dream-banner::before {
    width: min(100%, 22.5rem);
    height: 108px;
    border-radius: 20px;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) h3 {
    margin-bottom: 12px;
    padding-top: 6px;
    line-height: 1.15 !important;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) h2 {
    max-width: 21rem;
    margin-bottom: 24px !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) p {
    max-width: 22.75rem;
    padding: 0 6px;
    font-size: 14px !important;
    line-height: 1.78 !important;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) .phone-icon {
    flex-direction: column;
    text-align: center;
    min-height: 0;
  }

  body.home-page section.contact-sec-new:not(.topcontact-sec) .phone-icon svg {
    flex-basis: auto;
  }

  body.home-page .footer-logos img {
    max-width: none !important;
  }

  body.home-page .footer-logos a:nth-child(1) img,
  body.home-page .footer-logos a:nth-child(2) img {
    width: 230px !important;
    height: 44px !important;
  }

  body.home-page .footer-logos a:nth-child(3) img {
    width: 230px !important;
    height: 58px !important;
  }

  body.home-page .services-sec .icon-box,
  body.home-page .services-sec .icon-box-odd,
  body.home-page .banner-form,
  body.home-page .testimonial-slider .testimonial-item {
    border-radius: 20px;
  }

  body.home-page section.portfolio .swiper-slide {
    width: min(82vw, 240px) !important;
  }

  body.home-page .footer-links h4 {
    font-size: 20px;
  }

  body.home-page #exampleModalCenter .popup-redesign-dialog {
    width: calc(100% - 10px) !important;
    min-height: calc(100% - 10px);
    margin: 5px auto !important;
  }

  body.home-page #exampleModalCenter .popup-redesign-modal,
  body.home-page #exampleModalCenter .popup-redesign-shell {
    max-height: calc(100vh - 10px);
  }

  body.home-page #exampleModalCenter .popup-redesign-main {
    padding: 5px 10px 10px !important;
  }

  body.home-page #exampleModalCenter .popup-redesign-form-card {
    padding: 20px 14px 16px !important;
    border-radius: 20px;
  }

  body.home-page #exampleModalCenter .popup-redesign-form-title {
    font-size: 23px !important;
  }

  body.home-page #exampleModalCenter .popup-redesign-steps {
    grid-template-columns: 1fr !important;
  }

  body.home-page #exampleModalCenter .popup-redesign-feature-title {
    font-size: 19px !important;
  }

  body.home-page #exampleModalCenter .popup-redesign-recaptcha .g-recaptcha,
  body.home-page .banner-form .g-recaptcha,
  body.home-page .form-col .g-recaptcha {
    transform: scale(0.84);
  }
}

@media screen and (max-width: 360px) {
  body.home-page {
    padding-bottom: 0;
  }

  body.home-page .main-header {
    padding: 0 10px !important;
  }

  body.home-page .banner-color.home-hero-sec {
    padding-top: 96px !important;
  }

  body.home-page .menu-Bar {
    right: 10px;
    width: 38px;
    height: 38px;
    /* top: 48% !important; */
  }

  body.home-page .banner-content h1 {
    font-size: 22px !important;
    line-height: 1.12 !important;
  }

  body.home-page .banner-content h1 p {
    font-size: 25px !important;
    line-height: 0.98 !important;
    letter-spacing: 0.01em;
    margin: 3px 0 5px !important;
  }

  body.home-page .testimonial-slider .slick-list {
    padding: 0 10px 8px !important;
  }

  body.home-page .testimonial-slider .slick-slide {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    min-width: calc(100vw - 32px) !important;
    padding: 0 2px;
  }

  body.home-page .testimonial-slider .testimonial-item {
    height: 308px;
    min-height: 308px;
    max-height: 308px;
    margin: 12px 8px !important;
    padding: 20px 16px 18px !important;
    border-radius: 24px;
  }

  body.home-page .testimonial-slider .testimonial-item p {
    max-height: 150px;
  }

  body.home-page header .logo img,
  body.home-page a.logo img,
  body.home-page .main-header .logo img {
    max-width: 142px;
    max-height: 52px;
  }

  body.home-page header .col-md-2.text-center {
    min-height: 60px;
  }

  body.home-page header .menuWrap:not(.btn-resp) {
    left: 6px;
    right: 6px;
    max-height: calc(100vh - 128px);
  }

  body.home-page #exampleModalCenter .popup-redesign-feature {
    grid-template-columns: 1fr !important;
    text-align: center;
  }

  body.home-page #exampleModalCenter .popup-redesign-feature-icon {
    margin: 0 auto;
  }

  body.home-page #exampleModalCenter .popup-redesign-recaptcha .g-recaptcha,
  body.home-page .banner-form .g-recaptcha,
  body.home-page .form-col .g-recaptcha {
    transform: scale(0.75);
  }
}

@media screen and (max-width: 768px) {
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) {
    overflow-x: hidden;
    padding-bottom: 0;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .top-bar {
    padding: 0;
    min-height: 8px;
    display: flex;
    align-items: center;
    background: #061e38;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .top-bar .container-fluid {
    min-height: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .top-bar-ticker {
    min-height: 8px;
    width: 100%;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header {
    top: 8px !important;
    padding: 10px 0 12px !important;
    background: #e9fdff !important;
    border-bottom: 4px solid #061e38;
    box-shadow: 0 10px 24px rgba(6, 30, 56, 0.08) !important;
    min-height: 92px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .main-header {
    padding: 0 16px !important;
    position: relative;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .container-fluid {
    padding: 0 !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .row {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    row-gap: 0;
    min-height: 66px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .col-md-2.text-center,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .col-md-5.text-center,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .col-md-5.text-right {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0;
    text-align: left !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .col-md-2.text-center {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 74px;
    position: relative;
    z-index: 2;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .logo,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) a.logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .logo img,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) a.logo img,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .main-header .logo img {
    width: auto !important;
    max-width: 170px;
    max-height: 60px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .menu-Bar {
    position: absolute !important;
    top: 50% !important;
    right: 16px;
    left: auto;
    transform: translateY(-50%);
    z-index: 10002;
    width: 44px;
    height: 44px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: transparent;
    box-shadow: none;
    padding: 0;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .menu-Bar span,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header.is-scrolled .menu-Bar span {
    background: #50bac2 !important;
    width: 28px;
    height: 3px;
    border-radius: 999px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .menuWrap,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .menuWrap.btn-resp {
    display: none;
    width: 100%;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .menuWrap.open,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .menuWrap.btn-resp.open {
    display: block !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .menuWrap {
    position: absolute;
    left: 10px;
    right: 10px;
    top: calc(100% + 8px);
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    overflow-x: hidden;
    background: #061e38;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 22px;
    padding: 12px;
    box-shadow: 0 20px 42px rgba(5, 18, 34, 0.3);
    z-index: 10001;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .menuWrap.btn-resp,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .btn-a,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .btn-a1,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .col-md-5.text-right {
    display: none !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .menuWrap .menu {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    width: 100%;
    height: auto !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header ul.menu > li {
    width: 100%;
    margin: 0 !important;
    height: auto !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header ul.menu > li > a,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header.is-scrolled ul.menu > li > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 50px;
    width: 100%;
    padding: 12px 18px !important;
    border-radius: 14px;
    font-size: 16px !important;
    line-height: 1.35;
    text-align: left !important;
    color: #12284a !important;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    font-weight: 600;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header ul.menu > li.active > a {
    background: #50bac2;
    color: #061e38 !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .dropdown > a {
    justify-content: space-between;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .dropdown > a::after {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    margin-left: 10px;
    color: #061e38;
    font-size: 22px;
    font-weight: 700;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .dropdown-menu {
    position: static;
    min-width: 100%;
    max-width: 100%;
    margin-top: 10px;
    padding: 8px;
    display: none;
    grid-template-columns: 1fr;
    gap: 8px;
    opacity: 1;
    visibility: visible;
    transform: none;
    border-radius: 18px;
    background: rgba(80, 186, 194, 0.12);
    border: 1px solid rgba(80, 186, 194, 0.2);
    box-shadow: none;
    overflow: visible;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .dropdown:hover .dropdown-menu,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .dropdown:focus-within .dropdown-menu,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .dropdown.open .dropdown-menu {
    display: grid;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .dropdown-item,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .dropdown-menu .dropdown-item,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .dropdown-menu a.dropdown-item {
    min-height: 36px;
    justify-content: flex-start;
    gap: 8px;
    padding: 7px 11px;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.14);
    color: #f4fbfc !important;
    font-weight: 500;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    letter-spacing: 0 !important;
    white-space: nowrap;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .dropdown-item svg {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .sidebar {
    display: none !important;
  }

  body.ghostwriting-page .banner-color.home-hero-sec {
    margin-top: 40px;
    padding-top: 112px !important;
    padding-bottom: 34px !important;
    background: #e9fdff !important;
  }

  body.ghostwriting-page .home-hero-sec .hero-video-wrap {
    display: none !important;
  }

  body.ghostwriting-page .banner-color.home-hero-sec .overlay {
    background: #e9fdff !important;
    opacity: 1 !important;
  }

  body.ghostwriting-page .home-hero-sec .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.ghostwriting-page .home-hero-sec .row {
    margin-left: 0;
    margin-right: 0;
  }

  body.ghostwriting-page .home-hero-sec .row.pad-top.pad-btm-70 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    row-gap: 26px;
  }

  body.ghostwriting-page .home-hero-sec .banner-content,
  body.ghostwriting-page .home-hero-sec .banner-contents {
    text-align: center;
  }

  body.ghostwriting-page .home-hero-sec .banner-content h1,
  body.ghostwriting-page .home-hero-sec .banner-content h1 span,
  body.ghostwriting-page .home-hero-sec .banner-content h1 p,
  body.ghostwriting-page .home-hero-sec .banner-content h1 p span,
  body.ghostwriting-page .home-hero-sec .banner-contents p {
    color: #061e38 !important;
  }

  body.ghostwriting-page .home-hero-sec .cover-hero-stats {
    margin-top: 18px;
  }

  body.ghostwriting-page .home-hero-sec .cover-hero-stat {
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(80, 186, 194, 0.22) !important;
    box-shadow: 0 12px 28px rgba(6, 30, 56, 0.08);
  }

  body.ghostwriting-page .home-hero-sec .cover-hero-stat-number,
  body.ghostwriting-page .home-hero-sec .cover-hero-stat-label {
    color: #061e38 !important;
  }

  body.about-page .about-hero-sec {
    margin-top: 40px;
    padding-top: 112px !important;
    padding-bottom: 34px !important;
    background: #e9fdff !important;
  }

  body.about-page .about-hero-sec .hero-video-wrap {
    display: none !important;
  }

  body.about-page .about-hero-sec .overlay {
    background: #e9fdff !important;
    opacity: 1 !important;
  }

  body.about-page .about-hero-sec .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.about-page .about-hero-card {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    text-align: center;
  }

  body.about-page .about-hero-card h1,
  body.about-page .about-hero-card p,
  body.about-page .about-counter-number,
  body.about-page .about-counter-label {
    color: #061e38 !important;
  }

  body.about-page .about-counter-grid {
    margin-top: 18px;
  }

  body.about-page .about-counter-item {
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(80, 186, 194, 0.22) !important;
    box-shadow: 0 12px 28px rgba(6, 30, 56, 0.08);
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .hero-logo-sec,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .cover-hero-logo-wrap.hero-logo-sec {
    padding: 18px 0 !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact-sec-new,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-sec,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact_us_sec {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact-sec-new .container,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact_us_sec .container,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-sec .container-fluid,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .py-5 .container-fluid,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) footer .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact-sec-new .row,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact_us_sec .row,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-sec .row,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .py-5 .row {
    margin-left: 0;
    margin-right: 0;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact-sec-new .row > div,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact_us_sec .row > div {
    text-align: center;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact-sec-new img,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact_us_sec img {
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact-sec-new .cheap-publishing,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact-sec-new .banner-contents {
    text-align: center;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact-sec-new h3,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact-content h3 {
    font-size: 20px !important;
    line-height: 1.45 !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new .cheap-publishing {
    max-width: 250px;
    margin-bottom: 16px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new .banner-contents {
    max-width: 700px;
    margin: 0 auto;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new h3 {
    color: #061e38 !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    margin-bottom: 12px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new h2,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact-content h2,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .reviews-content h2 {
    font-size: 28px !important;
    line-height: 1.25 !important;
    color: #061e38 !important;
    margin-bottom: 18px !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new p,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact-content p,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .reviews-content p {
    font-size: 15px !important;
    line-height: 1.75 !important;
    color: #061e38 !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new .row.mt-4 {
    justify-content: center;
    row-gap: 14px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new .phone-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 108px;
    padding: 18px 16px;
    border-radius: 20px;
    background: rgba(80, 186, 194, 0.12);
    border: 1px solid rgba(80, 186, 194, 0.28);
    text-align: left;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new .phone-icon svg {
    flex: 0 0 48px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new .phone-icon h6 {
    margin-bottom: 4px;
    color: #50bac2 !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new .phone-icon p {
    margin-bottom: 0;
    color: #061e38 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 700;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new .col-8.col-lg-8,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new .col-4.col-lg-4 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new .schedule-btn2,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new .call-btn {
    text-align: center;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new .schedule-btn2 button,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new .call-btn button {
    width: min(100%, 320px);
    min-height: 54px;
    margin: 0 auto;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider {
    margin: 22px 0 0;
    padding: 10px 0 10px;
    overflow: hidden;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .slick-list {
    padding: 0 16px 10px !important;
    overflow: hidden;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .slick-track {
    display: flex;
    align-items: stretch;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .slick-slide {
    height: auto;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 6px;
    box-sizing: border-box;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .slick-slide > div {
    height: 100%;
    width: 100%;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .testimonial-item {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    width: 100% !important;
    height: 340px;
    min-height: 340px;
    max-height: 340px;
    margin: 16px 0 10px !important;
    padding: 24px 20px 22px !important;
    border-radius: 28px;
    background: linear-gradient(180deg, #ffffff 0%, #f4fcfd 100%) !important;
    border: 1px solid rgba(80, 186, 194, 0.24);
    box-shadow: 0 16px 36px rgba(6, 30, 56, 0.12);
    transform: none !important;
    text-align: left;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .testimonial-item::before {
    content: "";
    display: block;
    width: 56px;
    height: 4px;
    margin-bottom: 16px;
    border-radius: 999px;
    background: linear-gradient(90deg, #50bac2 0%, #061e38 100%);
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .testimonial-item p {
    flex: 1 1 auto;
    max-height: 175px;
    margin: 16px 0 18px;
    padding-right: 8px;
    font-size: 14px !important;
    line-height: 1.75 !important;
    letter-spacing: 0;
    overflow-y: auto;
    overflow-x: hidden;
    color: #23415f;
    font-weight: 500;
    scrollbar-width: thin;
    scrollbar-color: #50bac2 #d8f3f5;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .testimonial-item p::-webkit-scrollbar {
    width: 7px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .testimonial-item p::-webkit-scrollbar-track {
    background: #d8f3f5;
    border-radius: 999px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .testimonial-item p::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #50bac2 0%, #061e38 100%);
    border-radius: 999px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .testimonial-item img.quote-icon {
    width: 44px;
    margin-top: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .testimonial-item img.stars {
    width: 96px;
    margin-top: 0;
    margin-bottom: 8px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .testimonial-item h5 {
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 19px !important;
    line-height: 1.25 !important;
    color: #061e38 !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .testimonial-item span {
    display: block;
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #50bac2 !important;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .testimonial-item.slick-current.slick-active.slick-center,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .slick-center .testimonial-item {
    transform: none !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact_us_sec .contact-content {
    padding-bottom: 22px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact-content .buttons a {
    justify-content: center;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .form-col {
    margin-top: 8px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .form-col h4 {
    font-size: 26px !important;
    line-height: 1.25 !important;
    text-align: center;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .form-col form input,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .form-col form textarea {
    font-size: 16px !important;
    min-height: 48px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .form-col form textarea {
    min-height: 120px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .form-col form .col-md-6,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .form-col form .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .form-col form button {
    width: 100%;
    min-height: 52px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-sec {
    padding: 40px 0 24px !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-sec .col-md-10,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-sec .col-md-2,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-sec .col-md-3,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-sec .col-lg-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-links {
    text-align: center;
    margin-bottom: 22px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-links h4 {
    margin-bottom: 14px;
    font-size: 22px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-links ul {
    padding-left: 0;
    margin-bottom: 0;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-links ul li {
    margin-bottom: 10px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-links ul li a {
    font-size: 15px !important;
    line-height: 1.6;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-logos {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
    padding-top: 8px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-logos br {
    display: none;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-logos a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 74px;
    margin: 0;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-logos img {
    display: block;
    max-width: none !important;
    margin: 0 auto;
    object-fit: contain;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-logos a:nth-child(1) img,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-logos a:nth-child(2) img {
    width: 250px !important;
    height: 48px !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-logos a:nth-child(3) {
    min-height: 82px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-logos a:nth-child(3) img {
    width: 250px !important;
    height: 66px !important;
    transform: scale(1.08);
    transform-origin: center;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .py-5 {
    padding-top: 34px !important;
    padding-bottom: 26px !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .last-footer {
    text-align: center;
    flex-direction: column;
    gap: 16px;
    padding: 0;
    margin-bottom: 20px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .last-footer img {
    width: min(100%, 130px) !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .last-footer p,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .last-footer p a {
    font-size: 15px !important;
    line-height: 1.7 !important;
    word-break: break-word;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .last-footer a i {
    font-size: 24px;
    margin: 0 8px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .last-copy p {
    font-size: 14px;
    line-height: 1.6;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter {
    padding: 0 !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-dialog {
    width: calc(100% - 16px) !important;
    max-width: none;
    min-height: calc(100% - 16px);
    margin: 8px auto !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-modal {
    max-height: calc(100vh - 16px);
    overflow: hidden;
    border-radius: 28px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-shell {
    max-height: calc(100vh - 16px);
    overflow-y: auto;
    overflow-x: hidden;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-main {
    grid-template-columns: 1fr !important;
    gap: 0;
    padding: 58px 14px 14px !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-left,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-stats {
    display: none !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-right {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    display: block;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-close {
    top: 10px;
    right: 10px;
    width: 48px;
    height: 48px;
    font-size: 28px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-form-card {
    padding: 22px 16px 18px !important;
    border-radius: 24px;
    box-shadow: none;
    margin: 0;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-form-title {
    font-size: 26px !important;
    line-height: 1.2;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 12px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-step span {
    font-size: 13px;
    line-height: 1.3;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-field input,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-field select,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-field textarea {
    width: 100%;
    min-width: 0;
    font-size: 16px !important;
    min-height: 48px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-field textarea {
    min-height: 120px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-submit {
    width: 100%;
    min-height: 52px;
    font-size: 16px !important;
  }
}

@media screen and (max-width: 480px) {
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .col-md-2.text-center {
    min-height: 64px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .logo img,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) a.logo img,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .main-header .logo img {
    max-width: 156px;
    max-height: 56px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .menu-Bar {
    top: 50% !important;
    right: 14px;
    width: 42px;
    height: 42px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .menuWrap {
    left: 8px;
    right: 8px;
    max-height: calc(100vh - 138px);
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact-sec-new h2,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .contact-content h2,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .reviews-content h2 {
    font-size: 24px !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new h3 {
    font-size: 16px !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new .phone-icon {
    flex-direction: column;
    text-align: center;
    min-height: 0;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) section.contact-sec-new .phone-icon svg {
    flex-basis: auto;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .slick-list {
    padding: 0 12px 10px !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .slick-slide {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 5px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .testimonial-item {
    height: 324px;
    min-height: 324px;
    max-height: 324px;
    margin: 14px 8px !important;
    padding: 22px 18px 20px !important;
    border-radius: 20px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .testimonial-item p {
    max-height: 164px;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-logos img {
    max-width: none !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-logos a:nth-child(1) img,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-logos a:nth-child(2) img {
    width: 230px !important;
    height: 44px !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .footer-logos a:nth-child(3) img {
    width: 230px !important;
    height: 58px !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-dialog {
    width: calc(100% - 10px) !important;
    min-height: calc(100% - 10px);
    margin: 5px auto !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-modal,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-shell {
    max-height: calc(100vh - 10px);
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-main {
    padding: 5px 10px 10px !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-form-card {
    padding: 20px 14px 16px !important;
    border-radius: 20px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-form-title {
    font-size: 23px !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) #exampleModalCenter .popup-redesign-steps {
    grid-template-columns: 1fr !important;
  }
}

@media screen and (max-width: 360px) {
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) {
    padding-bottom: 0;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .main-header {
    padding: 0 10px !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .menu-Bar {
    right: 10px;
    width: 40px;
    height: 40px;
    top: 50% !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .logo img,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) a.logo img,
  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .main-header .logo img {
    max-width: 142px;
    max-height: 52px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .col-md-2.text-center {
    min-height: 60px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) header .menuWrap {
    left: 6px;
    right: 6px;
    max-height: calc(100vh - 128px);
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .slick-list {
    padding: 0 10px 8px !important;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .slick-slide {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    min-width: calc(100vw - 32px) !important;
    padding: 0 2px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .testimonial-item {
    height: 308px;
    min-height: 308px;
    max-height: 308px;
    margin: 12px 8px !important;
    padding: 20px 16px 18px !important;
    border-radius: 24px;
  }

  body:is(.about-page, .ghostwriting-page, .portfolio-page, .reviews-page) .testimonial-slider .testimonial-item p {
    max-height: 150px;
  }

  body.ghostwriting-page .home-hero-sec .banner-content h1,
  body.ghostwriting-page .home-hero-sec .banner-content h1 span,
  body.ghostwriting-page .home-hero-sec .banner-content h1 p,
  body.ghostwriting-page .home-hero-sec .banner-content h1 p span {
    font-size: 38px !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
  }

  body.ghostwriting-page .home-hero-sec .banner-content h1 p {
    font-size: 24px !important;
    line-height: 1.04 !important;
    margin: 3px 0 5px !important;
  }

  body.about-page .about-hero-card h1 {
    font-size: 24px !important;
    line-height: 1.12 !important;
  }

  body.about-page .about-hero-card p {
    font-size: 14px !important;
    line-height: 1.72 !important;
  }
}

@media screen and (max-width: 768px) {
  body:not(.home-page),
  body.home-page.contact-page,
  body.home-page.legal-page,
  body.header-home-clone {
    overflow-x: hidden;
  }

  body:not(.home-page) header,
  body.home-page.contact-page header,
  body.home-page.legal-page header,
  body.header-home-clone header {
    top: 8px !important;
    padding: 10px 0 12px !important;
    background: #e9fdff !important;
    border-top: 0 !important;
    border-bottom: 4px solid #061e38 !important;
    box-shadow: 0 10px 24px rgba(6, 30, 56, 0.08) !important;
    min-height: 92px !important;
  }

  body:not(.home-page) .main-header,
  body.home-page.contact-page .main-header,
  body.home-page.legal-page .main-header,
  body.header-home-clone .main-header {
    padding: 0 16px !important;
    position: relative !important;
  }

  body:not(.home-page) header .container-fluid,
  body.home-page.contact-page header .container-fluid,
  body.home-page.legal-page header .container-fluid,
  body.header-home-clone header .container-fluid {
    padding: 0 !important;
  }

  body:not(.home-page) header .row,
  body.home-page.contact-page header .row,
  body.home-page.legal-page header .row,
  body.header-home-clone header .row {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    row-gap: 0 !important;
    min-height: 66px !important;
  }

  body:not(.home-page) header .col-md-2.text-center,
  body:not(.home-page) header .col-md-5.text-center,
  body:not(.home-page) header .col-md-5.text-right,
  body.home-page.contact-page header .col-md-2.text-center,
  body.home-page.contact-page header .col-md-5.text-center,
  body.home-page.contact-page header .col-md-5.text-right,
  body.home-page.legal-page header .col-md-2.text-center,
  body.home-page.legal-page header .col-md-5.text-center,
  body.home-page.legal-page header .col-md-5.text-right,
  body.header-home-clone header .col-md-2.text-center,
  body.header-home-clone header .col-md-5.text-center,
  body.header-home-clone header .col-md-5.text-right {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    text-align: left !important;
  }

  body:not(.home-page) header .col-md-2.text-center,
  body.home-page.contact-page header .col-md-2.text-center,
  body.home-page.legal-page header .col-md-2.text-center,
  body.header-home-clone header .col-md-2.text-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 74px !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body:not(.home-page) header .logo,
  body:not(.home-page) a.logo,
  body.home-page.contact-page header .logo,
  body.home-page.contact-page a.logo,
  body.home-page.legal-page header .logo,
  body.home-page.legal-page a.logo,
  body.header-home-clone header .logo,
  body.header-home-clone a.logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body:not(.home-page) header .logo img,
  body:not(.home-page) a.logo img,
  body:not(.home-page) .main-header .logo img,
  body.home-page.contact-page header .logo img,
  body.home-page.contact-page a.logo img,
  body.home-page.contact-page .main-header .logo img,
  body.home-page.legal-page header .logo img,
  body.home-page.legal-page a.logo img,
  body.home-page.legal-page .main-header .logo img,
  body.header-home-clone header .logo img,
  body.header-home-clone a.logo img,
  body.header-home-clone .main-header .logo img {
    width: auto !important;
    max-width: 170px !important;
    max-height: 60px !important;
    /* padding-top: 0 !important; */
  }

  body:not(.home-page) .menu-Bar,
  body.home-page.contact-page .menu-Bar,
  body.home-page.legal-page .menu-Bar,
  body.header-home-clone .menu-Bar {
    position: absolute !important;
    top: 50% !important;
    right: 16px !important;
    left: auto !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    z-index: 10002 !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  body:not(.home-page) header .menu-Bar span,
  body:not(.home-page) header.is-scrolled .menu-Bar span,
  body.home-page.contact-page header .menu-Bar span,
  body.home-page.contact-page header.is-scrolled .menu-Bar span,
  body.home-page.legal-page header .menu-Bar span,
  body.home-page.legal-page header.is-scrolled .menu-Bar span,
  body.header-home-clone header .menu-Bar span,
  body.header-home-clone header.is-scrolled .menu-Bar span {
    background: #50bac2 !important;
    width: 28px !important;
    height: 3px !important;
    border-radius: 999px !important;
  }

  body:not(.home-page) .menuWrap,
  body:not(.home-page) .menuWrap.btn-resp,
  body.home-page.contact-page .menuWrap,
  body.home-page.contact-page .menuWrap.btn-resp,
  body.home-page.legal-page .menuWrap,
  body.home-page.legal-page .menuWrap.btn-resp,
  body.header-home-clone .menuWrap,
  body.header-home-clone .menuWrap.btn-resp {
    width: 100% !important;
  }

  body:not(.home-page) .menuWrap:not(.open),
  body:not(.home-page) .menuWrap.btn-resp,
  body.home-page.contact-page .menuWrap:not(.open),
  body.home-page.contact-page .menuWrap.btn-resp,
  body.home-page.legal-page .menuWrap:not(.open),
  body.home-page.legal-page .menuWrap.btn-resp,
  body.header-home-clone .menuWrap:not(.open),
  body.header-home-clone .menuWrap.btn-resp,
  body:not(.home-page) header .btn-a,
  body:not(.home-page) header .btn-a1,
  body:not(.home-page) header .col-md-5.text-right,
  body.home-page.contact-page header .btn-a,
  body.home-page.contact-page header .btn-a1,
  body.home-page.contact-page header .col-md-5.text-right,
  body.home-page.legal-page header .btn-a,
  body.home-page.legal-page header .btn-a1,
  body.home-page.legal-page header .col-md-5.text-right,
  body.header-home-clone header .btn-a,
  body.header-home-clone header .btn-a1,
  body.header-home-clone header .col-md-5.text-right {
    display: none !important;
  }

  body:not(.home-page) .menuWrap.open,
  body.home-page.contact-page .menuWrap.open,
  body.home-page.legal-page .menuWrap.open,
  body.header-home-clone .menuWrap.open {
    display: block !important;
  }

  body:not(.home-page) header .menuWrap,
  body.home-page.contact-page header .menuWrap,
  body.home-page.legal-page header .menuWrap,
  body.header-home-clone header .menuWrap {
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    top: calc(100% + 8px) !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 150px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #061e38 !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 22px !important;
    padding: 12px !important;
    box-shadow: 0 20px 42px rgba(5, 18, 34, 0.3) !important;
    z-index: 10001 !important;
    margin-top: 0 !important;
  }

  body:not(.home-page) header .menuWrap .menu,
  body.home-page.contact-page header .menuWrap .menu,
  body.home-page.legal-page header .menuWrap .menu,
  body.header-home-clone header .menuWrap .menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
  }

  body:not(.home-page) header ul.menu > li,
  body.home-page.contact-page header ul.menu > li,
  body.home-page.legal-page header ul.menu > li,
  body.header-home-clone header ul.menu > li {
    width: 100% !important;
    margin: 0 !important;
    height: auto !important;
  }

  body:not(.home-page) header ul.menu > li > a,
  body:not(.home-page) header.is-scrolled ul.menu > li > a,
  body.home-page.contact-page header ul.menu > li > a,
  body.home-page.contact-page header.is-scrolled ul.menu > li > a,
  body.home-page.legal-page header ul.menu > li > a,
  body.home-page.legal-page header.is-scrolled ul.menu > li > a,
  body.header-home-clone header ul.menu > li > a,
  body.header-home-clone header.is-scrolled ul.menu > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 50px !important;
    width: 100% !important;
    padding: 12px 18px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    text-align: left !important;
    color: #12284a !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
    font-weight: 600 !important;
  }

  body:not(.home-page) header ul.menu > li.active > a,
  body.home-page.contact-page header ul.menu > li.active > a,
  body.home-page.legal-page header ul.menu > li.active > a,
  body.header-home-clone header ul.menu > li.active > a {
    background: #50bac2 !important;
    color: #061e38 !important;
  }

  body:not(.home-page) .dropdown-menu,
  body.home-page.contact-page .dropdown-menu,
  body.home-page.legal-page .dropdown-menu,
  body.header-home-clone .dropdown-menu {
    background: rgba(80, 186, 194, 0.12) !important;
    border: 1px solid rgba(80, 186, 194, 0.2) !important;
  }

  body:not(.home-page) .dropdown-item,
  body:not(.home-page) .dropdown-menu .dropdown-item,
  body:not(.home-page) .dropdown-menu a.dropdown-item,
  body.home-page.contact-page .dropdown-item,
  body.home-page.contact-page .dropdown-menu .dropdown-item,
  body.home-page.contact-page .dropdown-menu a.dropdown-item,
  body.home-page.legal-page .dropdown-item,
  body.home-page.legal-page .dropdown-menu .dropdown-item,
  body.home-page.legal-page .dropdown-menu a.dropdown-item,
  body.header-home-clone .dropdown-item,
  body.header-home-clone .dropdown-menu .dropdown-item,
  body.header-home-clone .dropdown-menu a.dropdown-item {
    min-height: 36px !important;
    gap: 8px !important;
    padding: 7px 11px !important;
    font-size: 17.5px !important;
    line-height: 1.2 !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.14) !important;
    color: #f4fbfc !important;
    font-weight: 500 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  body:not(.home-page) .dropdown-item svg,
  body.home-page.contact-page .dropdown-item svg,
  body.home-page.legal-page .dropdown-item svg,
  body.header-home-clone .dropdown-item svg {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
  }
}

@media screen and (max-width: 480px) {
  body:not(.home-page) header .col-md-2.text-center,
  body.home-page.contact-page header .col-md-2.text-center,
  body.home-page.legal-page header .col-md-2.text-center,
  body.header-home-clone header .col-md-2.text-center {
    min-height: 64px !important;
  }

  body:not(.home-page) header .logo img,
  body:not(.home-page) a.logo img,
  body:not(.home-page) .main-header .logo img,
  body.home-page.contact-page header .logo img,
  body.home-page.contact-page a.logo img,
  body.home-page.contact-page .main-header .logo img,
  body.home-page.legal-page header .logo img,
  body.home-page.legal-page a.logo img,
  body.home-page.legal-page .main-header .logo img,
  body.header-home-clone header .logo img,
  body.header-home-clone a.logo img,
  body.header-home-clone .main-header .logo img {
    max-width: 156px !important;
    max-height: 56px !important;
  }

  body:not(.home-page) .menu-Bar,
  body.home-page.contact-page .menu-Bar,
  body.home-page.legal-page .menu-Bar,
  body.header-home-clone .menu-Bar {
    top: 70% !important;
    right: 14px !important;
    width: 42px !important;
    height: 42px !important;
  }

  body:not(.home-page) header .menuWrap,
  body.home-page.contact-page header .menuWrap,
  body.home-page.legal-page header .menuWrap,
  body.header-home-clone header .menuWrap {
    left: 8px !important;
    right: 8px !important;
    max-height: calc(100vh - 138px) !important;
  }
}

@media screen and (max-width: 360px) {
  body:not(.home-page) .main-header,
  body.home-page.contact-page .main-header,
  body.home-page.legal-page .main-header,
  body.header-home-clone .main-header {
    padding: 0 10px !important;
  }

  body:not(.home-page) .menu-Bar,
  body.home-page.contact-page .menu-Bar,
  body.home-page.legal-page .menu-Bar,
  body.header-home-clone .menu-Bar {
    right: 10px !important;
    width: 38px !important;
    height: 38px !important;
    /* top: 48% !important; */
  }

  body:not(.home-page) header .logo img,
  body:not(.home-page) a.logo img,
  body:not(.home-page) .main-header .logo img,
  body.home-page.contact-page header .logo img,
  body.home-page.contact-page a.logo img,
  body.home-page.contact-page .main-header .logo img,
  body.home-page.legal-page header .logo img,
  body.home-page.legal-page a.logo img,
  body.home-page.legal-page .main-header .logo img,
  body.header-home-clone header .logo img,
  body.header-home-clone a.logo img,
  body.header-home-clone .main-header .logo img {
    max-width: 142px !important;
    max-height: 52px !important;
  }

  body:not(.home-page) header .col-md-2.text-center,
  body.home-page.contact-page header .col-md-2.text-center,
  body.home-page.legal-page header .col-md-2.text-center,
  body.header-home-clone header .col-md-2.text-center {
    min-height: 60px !important;
  }

  body:not(.home-page) header .menuWrap,
  body.home-page.contact-page header .menuWrap,
  body.home-page.legal-page header .menuWrap,
  body.header-home-clone header .menuWrap {
    left: 6px !important;
    right: 6px !important;
    max-height: calc(100vh - 128px) !important;
  }
}

@media screen and (max-width: 768px) {
  body.about-page .about-copy {
    margin-left: 0 !important;
  }

  body.about-page .about-cta-row {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
  }

  body.about-page .about-cta-row .schedule-btn2,
  body.about-page .about-cta-row .call-btn,
  body.about-page .about-cta-row .call-btn a {
    display: block;
    width: 100%;
    margin: 0 !important;
  }

  body.about-page .about-cta-row .schedule-btn2 button,
  body.about-page .about-cta-row .call-btn button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px;
    height: 52px;
    padding: 0 18px;
  }

  body.about-page .about-struggle-section .about-hero-button-row {
    row-gap: 12px;
    justify-content: center;
  }

  body.about-page .about-struggle-section .about-hero-button-row > div {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  body.about-page .about-struggle-section .about-hero-button-row .schedule-btn,
  body.about-page .about-struggle-section .about-hero-button-row .call-btn,
  body.about-page .about-struggle-section .about-hero-button-row .livechat-btn,
  body.about-page .about-struggle-section .about-hero-button-row .livechat-btn a {
    display: block;
    width: 100%;
    margin-top: 0 !important;
  }

  body.about-page .about-struggle-section .about-hero-button-row .schedule-btn button,
  body.about-page .about-struggle-section .about-hero-button-row .call-btn button,
  body.about-page .about-struggle-section .about-hero-button-row .livechat-btn button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 18px !important;
  }

  body.about-page .contact_us_sec .form-col form .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.about-page .contact_us_sec .form-col form .col-md-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.about-page .contact_us_sec .form-col form input,
  body.about-page .contact_us_sec .form-col form textarea {
    width: 100% !important;
  }

  body.portfolio-page .m2.text-center h2 span {
    display: none !important;
  }

  body.portfolio-page #ordernow .m2.text-center {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  body.portfolio-page #ordernow .m2.text-center br {
    display: none !important;
  }

  body.portfolio-page #ordernow .row.mt-35.s-btw {
    margin-top: 8px !important;
    justify-content: center;
  }

  body.portfolio-page #ordernow .banner-form {
    width: 100%;
    max-width: 360px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 18px !important;
    padding: 22px 16px 24px !important;
    text-align: center;
  }

  body.portfolio-page #ordernow .banner-form .form-logo {
    margin-bottom: 12px;
  }

  body.portfolio-page #ordernow .banner-form .form-logo img {
    width: min(100%, 300px);
    margin-left: auto;
    margin-right: auto;
  }

  body.portfolio-page #ordernow .banner-form .form-heading h3 {
    margin-bottom: 16px !important;
    line-height: 1.15 !important;
    text-align: center;
  }

  body.portfolio-page #ordernow .banner-form form .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.portfolio-page #ordernow .banner-form form .col-md-12,
  body.portfolio-page #ordernow .banner-form form .col-lg-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.portfolio-page #ordernow .banner-form input,
  body.portfolio-page #ordernow .banner-form select,
  body.portfolio-page #ordernow .banner-form textarea,
  body.portfolio-page #ordernow .banner-form button {
    width: 100% !important;
  }

  body.portfolio-page #ordernow .banner-form input,
  body.portfolio-page #ordernow .banner-form select {
    min-height: 50px;
  }

  body.portfolio-page #ordernow .banner-form textarea {
    min-height: 116px;
  }

  body.reviews-page .testimonial-slider {
    margin: 22px 0 0 !important;
    padding: 10px 0 10px !important;
    overflow: hidden;
  }

  body.reviews-page .testimonial-slider .slick-list {
    padding: 0 16px 10px !important;
    overflow: hidden;
  }

  body.reviews-page .testimonial-slider .slick-track {
    display: flex !important;
    align-items: stretch !important;
  }

  body.reviews-page .testimonial-slider .slick-slide {
    height: auto !important;
    padding: 0 6px !important;
    box-sizing: border-box;
  }

  body.reviews-page .testimonial-slider .slick-slide > div {
    height: 100%;
    width: 100%;
  }

  body.reviews-page .testimonial-slider .testimonial {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    width: 100% !important;
    height: 340px;
    min-height: 340px;
    max-height: 340px;
    margin: 16px 0 10px !important;
    padding: 24px 20px 22px !important;
    border-radius: 28px;
    background: linear-gradient(180deg, #ffffff 0%, #f4fcfd 100%) !important;
    border: 1px solid rgba(80, 186, 194, 0.24);
    box-shadow: 0 16px 36px rgba(6, 30, 56, 0.12);
    transform: none !important;
    text-align: left;
  }

  body.reviews-page .testimonial-slider .testimonial::before {
    content: "";
    display: block;
    width: 56px;
    height: 4px;
    margin-bottom: 16px;
    border-radius: 999px;
    background: linear-gradient(90deg, #50bac2 0%, #061e38 100%);
  }

  body.reviews-page .testimonial-slider .testimonial .main-div {
    display: flex;
    align-items: center;
    gap: 12px;
    order: 4;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 4px;
    border-bottom: 0;
  }

  body.reviews-page .testimonial-slider .testimonial .main-div .image h4 {
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    opacity: 0;
    font-size: 0;
    line-height: 1;
  }

  body.reviews-page .testimonial-slider .testimonial .main-div h3 {
    margin: 0;
    font-size: 19px !important;
    line-height: 1.25 !important;
    color: #061e38 !important;
  }

  body.reviews-page .testimonial-slider .testimonial .stars {
    order: 3;
    margin-bottom: 8px !important;
  }

  body.reviews-page .testimonial-slider .testimonial .stars img {
    width: 96px !important;
    height: auto !important;
  }

  body.reviews-page .testimonial-slider .testimonial .another {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
  }

  body.reviews-page .testimonial-slider .testimonial .another h3 {
    order: 1;
    margin: 0 0 10px;
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #50bac2 !important;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  body.reviews-page .testimonial-slider .testimonial p {
    order: 2;
    flex: 1 1 auto;
    height: auto !important;
    min-height: 0 !important;
    max-height: 175px;
    margin: 0 0 18px;
    padding-right: 8px;
    font-size: 14px !important;
    line-height: 1.75 !important;
    letter-spacing: 0;
    overflow-y: auto;
    overflow-x: hidden;
    color: #23415f !important;
    text-align: left;
    scrollbar-width: thin;
    scrollbar-color: #50bac2 #d8f3f5;
  }

  body.reviews-page .testimonial-slider .testimonial p::-webkit-scrollbar {
    width: 7px;
  }

  body.reviews-page .testimonial-slider .testimonial p::-webkit-scrollbar-track {
    background: #d8f3f5;
    border-radius: 999px;
  }

  body.reviews-page .testimonial-slider .testimonial p::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #50bac2 0%, #061e38 100%);
    border-radius: 999px;
  }
}

@media screen and (max-width: 480px) {
  body.reviews-page .testimonial-slider .slick-list {
    padding: 0 12px 10px !important;
  }

  body.reviews-page .testimonial-slider .slick-slide {
    padding: 0 4px !important;
  }

  body.reviews-page .testimonial-slider .testimonial {
    height: 324px;
    min-height: 324px;
    max-height: 324px;
    margin: 14px !important;
    padding: 22px 18px 20px !important;
    border-radius: 20px;
  }

  body.reviews-page .testimonial-slider .testimonial p {
    max-height: 164px;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }
}

@media screen and (max-width: 360px) {
  body.reviews-page .testimonial-slider .slick-list {
    padding: 0 12px 8px !important;
  }

  body.reviews-page .testimonial-slider .slick-slide {
    padding: 0 2px !important;
  }

  body.reviews-page .testimonial-slider .testimonial {
    height: 308px;
    min-height: 308px;
    max-height: 308px;
    margin: 12px !important;
    padding: 20px 16px 18px !important;
    border-radius: 24px;
  }

  body.reviews-page .testimonial-slider .testimonial p {
    max-height: 150px;
  }
}

@media screen and (max-width: 768px) {
  body.home-page.legal-page .scroll-reveal,
  body.home-page.legal-page .scroll-reveal.reveal-fade-up,
  body.home-page.legal-page .scroll-reveal.reveal-fade-down,
  body.home-page.legal-page .scroll-reveal.reveal-left,
  body.home-page.legal-page .scroll-reveal.reveal-right,
  body.home-page.legal-page .scroll-reveal.reveal-zoom,
  body.home-page.legal-page .scroll-reveal.reveal-pop,
  body.home-page.legal-page .scroll-reveal.reveal-soft-rotate,
  body.home-page.legal-page .scroll-reveal.reveal-glide-up,
  body.home-page.legal-page .scroll-reveal.reveal-tilt-in,
  body.home-page.legal-page .scroll-reveal.reveal-blur-in {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }

  body .footer-sec .footer-links h4[style*="#061e38"] {
    display: none !important;
  }

  body .contact_us_sec .form-col form .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body .contact_us_sec .form-col form .row .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body .contact_us_sec .form-col form .row .col-md-6 input {
    width: 100% !important;
    display: block;
  }

  body.home-page.legal-page {
    background: linear-gradient(180deg, #e9fdff 0%, #f7feff 42%, #e4f8fb 100%);
  }

  body.home-page.legal-page .terms-sec {
    position: relative;
    padding: 116px 0 36px !important;
    background:
      radial-gradient(circle at top right, rgba(80, 186, 194, 0.24), transparent 34%),
      linear-gradient(180deg, #e9fdff 0%, #f7feff 100%);
  }

  body.home-page.legal-page .terms-sec .container {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  body.home-page.legal-page .terms-sec .row {
    margin-left: 0;
    margin-right: 0;
  }

  body.home-page.legal-page .terms-sec .row > div {
    padding-left: 0;
    padding-right: 0;
  }

  body.home-page.legal-page .terms-sec .row:first-child {
    margin-bottom: 18px;
  }

  body.home-page.legal-page .terms-sec .row:first-child .banner-contents {
    position: relative;
    padding: 26px 20px 22px !important;
    border: 1px solid rgba(80, 186, 194, 0.28);
    border-radius: 28px;
    background: linear-gradient(155deg, #061e38 0%, #10355f 100%);
    box-shadow: 0 18px 40px rgba(6, 30, 56, 0.18);
    overflow: hidden;
  }

  body.home-page.legal-page .terms-sec .row:first-child .banner-contents::before {
    content: "";
    position: absolute;
    top: -42px;
    right: -28px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(80, 186, 194, 0.16);
  }

  body.home-page.legal-page .terms-sec .row:first-child .banner-contents::after {
    content: "";
    position: absolute;
    left: 20px;
    bottom: 0;
    width: 84px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #50bac2 0%, #8ce5ea 100%);
  }

  body.home-page.legal-page .terms-sec .row:first-child .banner-contents h1 {
    position: relative;
    z-index: 1;
    margin: 0 0 14px !important;
    font-size: 29px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em;
    color: #f7feff !important;
    text-transform: none;
  }

  body.home-page.legal-page .terms-sec .row:first-child .banner-contents p {
    position: relative;
    z-index: 1;
    margin: 0 !important;
    padding: 0 0 10px !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: rgba(247, 254, 255, 0.9) !important;
  }

  body.home-page.legal-page .terms-sec .banner-contents.terms-heading {
    padding: 24px 18px !important;
    border: 1px solid rgba(80, 186, 194, 0.24);
    border-radius: 28px;
    background: linear-gradient(180deg, #ffffff 0%, #f4fcfd 100%);
    box-shadow: 0 16px 36px rgba(6, 30, 56, 0.1);
  }

  body.home-page.legal-page .terms-sec .banner-contents.terms-heading h4 {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 22px 0 8px !important;
    padding: 13px 15px;
    border-radius: 18px;
    background: linear-gradient(90deg, #e9fdff 0%, #f9ffff 100%);
    box-shadow: inset 0 0 0 1px rgba(80, 186, 194, 0.18);
    border-left: 4px solid #50bac2;
    font-size: 16px !important;
    line-height: 1.35 !important;
    color: #061e38 !important;
  }

  body.home-page.legal-page .terms-sec .banner-contents.terms-heading h4:first-of-type {
    margin-top: 0 !important;
  }

  body.home-page.legal-page .terms-sec .banner-contents.terms-heading h4.ml-3 {
    margin-left: 0 !important;
  }

  body.home-page.legal-page .terms-sec .banner-contents.terms-heading h4 i {
    color: #50bac2 !important;
    font-size: 15px;
  }

  body.home-page.legal-page .terms-sec .banner-contents.terms-heading p {
    margin: 0 !important;
    padding: 8px 2px !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #23415f !important;
  }

  body.home-page.legal-page .terms-sec .banner-contents.terms-heading p.mt-2 {
    margin-top: 0 !important;
  }

  body.home-page.legal-page .terms-sec .banner-contents.terms-heading p.ml-3 {
    margin-left: 0 !important;
    margin-top: 8px !important;
    padding: 13px 14px !important;
    border-radius: 16px;
    background: #edf9fb;
    box-shadow: inset 0 0 0 1px rgba(80, 186, 194, 0.2);
  }

  body.home-page.legal-page .terms-sec .banner-contents.terms-heading p a,
  body.home-page.legal-page .terms-sec .banner-contents.terms-heading a {
    color: #0f8b94 !important;
    text-decoration: none;
    font-weight: 600;
  }

  body.home-page.legal-page .terms-sec .banner-contents.terms-heading p a:hover,
  body.home-page.legal-page .terms-sec .banner-contents.terms-heading a:hover {
    color: #061e38 !important;
  }

  body.home-page.legal-page .terms-sec .banner-contents.terms-heading p i {
    color: #50bac2 !important;
    margin-right: 8px;
  }
}

@media screen and (max-width: 480px) {
  body.home-page.legal-page .terms-sec {
    padding: 108px 0 28px !important;
  }

  body.home-page.legal-page .terms-sec .container {
    padding-left: 12px;
    padding-right: 12px;
  }

  body.home-page.legal-page .terms-sec .row:first-child .banner-contents {
    padding: 22px 16px 20px !important;
    border-radius: 24px;
  }

  body.home-page.legal-page .terms-sec .row:first-child .banner-contents h1 {
    font-size: 25px !important;
    line-height: 1.12 !important;
  }

  body.home-page.legal-page .terms-sec .row:first-child .banner-contents p {
    font-size: 14px !important;
    line-height: 1.72 !important;
  }

  body.home-page.legal-page .terms-sec .banner-contents.terms-heading {
    padding: 20px 14px !important;
    border-radius: 24px;
  }

  body.home-page.legal-page .terms-sec .banner-contents.terms-heading h4 {
    padding: 12px 13px;
    border-radius: 16px;
    font-size: 15px !important;
  }

  body.home-page.legal-page .terms-sec .banner-contents.terms-heading p {
    padding: 7px 1px !important;
    font-size: 13.5px !important;
    line-height: 1.75 !important;
  }
}

@media screen and (max-width: 360px) {
  body.home-page.legal-page .terms-sec {
    padding: 104px 0 24px !important;
  }

  body.home-page.legal-page .terms-sec .row:first-child .banner-contents h1 {
    font-size: 22px !important;
  }

  body.home-page.legal-page .terms-sec .banner-contents.terms-heading h4 {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
}