span {
    vertical-align: baseline !important;
}

.chat-widget-badge {
    position: fixed;
    z-index: 1;
    right: 20px;
    bottom: 40px;
    max-width: 300px;
}

.btn, .exceptional, .exceptional img, .exceptional-list, .our-away, .our-process ul, .owl-testimonial, .pattern-bg, .pursuit, .rclient-item, .renowned, .testimonial, header ul li a, section, section.types-cd, section.work-with {
    position: relative;
}

.contact-us .bg, .contact-us .wrapper, .testimonial .item {
    box-shadow: rgba(204, 204, 204, 0.65) 0px 0px 16px;
}

.top p, .top ul li a {
    font-weight: 500;
    color: rgb(255, 255, 255);
}

.btn, .testimonial .center .item p, .top p, header ul li a {
    font-size: 14px;
}
html,
body{
    overflow-x:hidden !important;
    max-width:100%;
}
body {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    color: rgb(34, 46, 65);
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding: 0px 8px;
}

.row {
    margin: 0px -8px;
}

a:focus, a:hover, button:focus, button:hover {
    outline: 0px;
}

section {
    padding: 60px 0px;
    clear: both;
    margin: 0px auto;
}

p {
    color: rgb(5, 25, 60);
    font-size: 15px;
}

img {
    max-width: 100%;
    pointer-events: none;
}

a {
    text-decoration: none !important;
    color: #62e389;
}

input.required.error, select.required.error, textarea.required.error {
    border-bottom: 2px solid red !important;
}

.ez-toc-counter nav ul li a::before, label.error {
    display: none !important;
}

.exceptional-list h3, .exceptional-list ul, .heading h6, .our-editing ul li, .our-process ul li, .top .social, .top .social li a, .top p, .top ul li, header ul li, section.blog a {
    display: inline-block;
}

.top {
    background: rgb(43, 36, 96);
    padding: 7px 0px;
}

.top ul, header ul {
    text-align: right;
}

.btm-logo, .copy .social, .copy .social li a, .cta, .our-process .box, .our-process ul, .rclient-item, .renowned .box, .site-logo, .testimonial .item, .top .social li a, .we-print, section.exceptional.web-copy-inner {
    text-align: center;
}

.top ul li {
    margin-right: 4px;
}

.top ul li a {
    font-size: 12px;
    text-transform: lowercase;
}

.top ul li img {
    margin-right: 2px;
}

.top p {
    margin: 0px 10px 0px 0px;
}

.top .social li a {
    height: 24px;
    width: 24px;
    border: 2px solid rgb(255, 255, 255);
    line-height: 21px;
    border-radius: 50%;
    font-size: 11px;
}

.contact-us .row, .copy .row, .excep-service .row, .our-banner .row, .our-editing .row, .our_process .row, .publishing .row, .pursuit .row, .top .row, .us-apart .tab-content .row, header .row, section.ebook.press-rel-inner > .container > .row {
    align-items: center;
}

header {
    padding: 0px;
}

header ul li {
    margin-left: 15px;
    background: url("");
}

header ul li a {
    font-weight: 600;
    color: rgb(3, 9, 25);
    padding: 25px 0px;
    display: block;
}

.our-banner {
    background: url("../images/our-banner.jpg") 0px 0px / cover no-repeat;
}

.our-banner h1 {
    color: rgb(255, 255, 255);
    font-size: 35px;
    font-weight: 600;
    line-height: 46px;
}

.our-banner p {
    color: rgb(255, 255, 255);
    font-size: 22px;
    font-weight: 500;
}

.btn-block {
    padding: 0px;
    margin: 0px;
}

.btn-block .btn, .our-editing ul li:nth-child(2n+1) {
    margin-right: 10px;
}

.btn {
    font-weight: 600;
    border: 2px solid;
    padding: 8px 20px;
    transition: all 0.5s ease 0s;
    z-index: 2;
}

.btn-green {
    background: rgb(98, 227, 137);
    color: rgb(7, 22, 63);
    border-color: rgb(98, 227, 137);
}

.btn-white-border {
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255) !important;
}

.our-banner h1 span {
    color: rgb(224, 181, 28);
    text-transform: uppercase;
}

.exceptional-list {
    background: url("../images/exceptional-list.png") no-repeat;
    margin-top: -320px;
    padding: 0px;
    height: 436px;
    z-index: 1;
}

.ebook::before, .exceptional::before, .pattern-bg::before, .renowned::before {
    content: "";
    background: url("../images/exceptional-patern.webp") no-repeat;
    height: 705px;
    width: 998px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.heading h6 {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    background: rgb(98, 227, 137);
    padding: 2px 20px 2px 10px;
    clip-path: polygon(0px 0px, 95% 0px, 100% 100%, 0% 100%);
}

.heading h2 {
    font-size: 34px;
    font-weight: 600;
    margin: 0px;
    text-transform: capitalize;
}

.heading p {
    font-size: 17px;
    margin: 10px 0px;
}

.exceptional-list h3 {
    margin: 0px 0px 30px;
    background: rgb(237, 207, 75);
    color: rgb(0, 0, 0);
    font-weight: 600;
    padding: 9px 20px;
    font-size: 20px;
}

.exceptional-list ul {
    width: 27%;
    margin: 0px;
}

.exceptional-list ul li {
    color: rgb(255, 255, 255);
    font-weight: 500;
    font-size: 14px;
    margin: 0px 0px 15px;
    line-height: 32px;
    padding-left: 42px;
    position: relative;
    z-index: 1;
}

.exceptional-list ul li img {
    display: none;
}

.exceptional-list ul li::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 37px;
    height: 34px;
    background: url("../images/css_sprites.png") -250px -10px;
}

.exceptional img {
    z-index: 9;
}

.heading.text-center p {
    width: 83%;
    margin: 11px auto 25px;
}

.our-book {
    background: rgb(242, 242, 242);
}

.our-book figure figcaption {
    margin: 10px 0px 0px;
}

.our-book figure figcaption img {
    height: auto;
}

.our-book figure figcaption h5 {
    margin: 4px 0px 0px;
    font-size: 16px;
    font-weight: 600;
}

.our-book figure img {
    height: 340px;
}

.btn-black-border {
    color: rgb(10, 12, 55);
    border-color: rgb(10, 12, 55);
}

.our-book .btn-block {
    margin: 20px 0px 0px;
}

.site-logo {
    background: url("../images/site-logo-bg.jpg") 0px 0px / cover no-repeat;
    padding: 40px 0px;
}

.pursuit {
    background: linear-gradient(126deg, rgb(255, 255, 255) 0px, rgb(234, 233, 225) 100%);
    overflow: hidden;
}

.our-away::before, .pursuit::before, .testimonial::before {
    content: "";
    background: url("../images/pattern-2.webp") no-repeat;
    height: 645px;
    width: 913px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.pursuit ul li {
    margin: 0px 0px 12px;
    font-weight: 500;
    font-size: 15px;
    position: relative;
    z-index: 1;
    padding-left: 30px;
}

.pursuit ul li::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 36px;
    height: 33px;
    background: url('../images/css_sprites.png') -250px -64px;
    zoom: 0.65;}

.pursuit ul li img {
    display: none;
}

.our-away .row.brdr .box::after, .our-process ul li strong, .our-process ul::before {
    margin: auto;
    position: absolute;
    left: 0px;
    right: 0px;
}

.pursuit .book {
    float: right;
}

.cta {
    background: url("../images/cta-bg.webp") 0px 0px / cover no-repeat;
    width: 100%;
    padding-top: 70px;
}

.cta h2 {
    color: rgb(255, 255, 255);
    font-size: 38px;
    font-weight: 700;
}

.cta p {
    color: rgb(255, 255, 255);
    font-size: 16px;
    margin: 0px 0px 30px;
}

.btm-logo {
    padding: 30px 0px;
    background: rgb(234, 250, 242);
}

.our-process {
    background: url("../images/process-bg.webp") 0px 0px / cover no-repeat;
}

.our-process .box:hover p, .our-process h2, .our-process h2 + p, .popup-content h2 span, .top ul.social li a i, section.thankyou-banner p {
    color: rgb(255, 255, 255);
}

.our-process ul {
    padding-bottom: 20px;
    margin: 0px 0px 40px;
}

.our-process ul li {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 100;
    width: 24%;
    position: relative;
}

.our-process ul li span {
    font-size: 30px;
    font-weight: 800;
}

.our-process ul::before {
    content: "";
    background: rgb(237, 239, 243);
    height: 8px;
    width: 100%;
    bottom: 0px;
}

.our-process ul li strong {
    height: 30px;
    width: 30px;
    border: 4px solid rgb(255, 255, 255);
    border-radius: 50%;
    bottom: -30px;
    z-index: auto;
    background: rgb(22, 41, 92);
    transition: all 0.5s ease 0s;
}

.our-process .box {
    background: rgb(255, 255, 255);
    height: 100%;
    padding: 20px 30px;
    transition: all 0.5s ease 0s;
    transform: scale(1);
    border: 2px solid;
}

.our-process .box .img {
    height: 100px;
    width: 100px;
    background: rgb(22, 41, 92);
    border-radius: 50%;
    line-height: 90px;
    text-align: center;
    border: 4px solid rgb(255, 255, 255);
    margin: 0px auto 20px;
    transition: all 0.5s ease 0s;
    position: relative;
}

.our-process .box p {
    font-size: 17px;
    color: rgb(36, 36, 36);
    font-weight: 600;
    line-height: 24px;
    margin: 0px;
    transition: all 0.5s ease 0s;
}

.our-editing::before {
    content: "";
    background: url("../images/editing-before.webp") no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 464px;
    width: 100%;
}

.ebook .container, .faqs-wrapper .container, .our-away .container, .our-editing .container, .pattern-bg .container, .renowned .container, .testimonial .container, section.headercontactform .container {
    position: relative;
    z-index: 1;
}

.our-editing ul {
    margin: 0px 0px 10px;
}

.our-editing ul li {
    margin: 0px 0px 10px;
    width: 48%;
    border-radius: 9px;
    padding: 10px;
    background: linear-gradient(126deg, rgb(250, 234, 162) 0px, rgba(250, 234, 162, 0.21) 100%);
    font-weight: 500;
}

.our-editing ul li img {
    margin-right: 10px;
    max-width: 30px;
}

.our-amazing {
    background: url("../images/amazing-bg.webp") 0px 0px / cover no-repeat;
}

.our-amazing h2 {
    color: rgb(255, 255, 255);
    margin: 0px 0px 30px;
    text-transform: uppercase;
    font-size: 34px;
    font-weight: 800;
    position: relative;
    padding-left: 30px;
}

.copy ul li, .testimonial .item h5 {
    margin: 0px;
    display: inline-block;
}

.our-amazing h2::before {
    content: "";
    height: 100px;
    width: 6px;
    background: rgb(99, 226, 139);
    position: absolute;
    left: 0px;
    top: 12px;
}

.our-amazing h2 span {
    display: block;
    font-weight: 300;
}

.btn-yellow {
    background: rgb(255, 213, 9);
    border-color: rgb(225, 180, 51);
    color: rgb(7, 22, 63);
}

.testimonial .item {
    background: rgb(255, 255, 255);
    padding: 20px;
    border-radius: 17px;
    transition: all 0.5s ease 0s;
    margin: 110px 15px;
    height: 290px;
}

.testimonial .item svg {
    width: 64px;
    height: 64px;
}

.testimonial .item p {
    color: rgb(0, 0, 0);
    min-height: 90px;
    margin: 0px auto;
    width: 90%;
}

.testimonial .item h5 {
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 12px;
}

.testimonial .item h5 span {
    display: block;
    font-weight: 200;
}

footer {
    background: url("../images/footer-bg.webp") 0px 0px / cover no-repeat;
    padding: 60px 0px 0px;
}

footer h4 {
    color: rgb(92, 205, 128);
    font-size: 18px;
}

footer p {
    color: rgb(255, 255, 255);
    width: 71%;
    margin: 14px 0px;
    font-size: 12px;
}

footer ul li {
    margin: 0px 0px 5px;
}

footer ul li a::before {
    /* position: absolute; */
    /* content: ""; */
    /* width: 0; */
    /* height: 0; */
    /* border-top: 5px solid transparent; */
    /* border-bottom: 5px solid transparent; */
    /* border-left: 8px solid rgb(79, 182, 121); */
    /* top: -1px; */
    /* bottom: 0; */
    /* margin: auto; */
    /* left: 0; */
}

footer .copy ul li a::before {
    display: none;
}

footer ul li a {
    color: rgb(255, 255, 255);
    font-size: 13px;
    position: relative;
    /* z-index: 1; */
    /* padding-left: 15px; */
}

footer [class*='col']:first-child li a::before {
    display: none;
}

footer [class*='col']:first-child li a {
    padding-left: 0;
}

.copy {
    background: rgb(99, 226, 139);
    padding: 6px 0px;
    margin-top: 70px;
}

.copy p {
    font-size: 13px;
    color: rgb(5, 25, 60);
    margin: 0px;
    width: 100%;
}

.copy ul li a {
    color: rgb(5, 25, 60);
    margin-left: 9px;
    font-size: 14px;
}

.copy .social li a {
    display: block;
    height: 26px;
    width: 26px;
    border: 2px solid rgb(5, 25, 60);
    color: rgb(5, 25, 60);
    font-size: 13px;
    border-radius: 50%;
    line-height: 23px;
    position: relative;
    z-index: 1;
}

.copy .social li a svg {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 2px;
    width: 16px;
    height: 16px;
}

.btn-white-border:hover {
    background: rgb(255, 255, 255);
    color: rgb(7, 22, 63);
}

.btn-green:hover {
    background: rgb(7, 22, 63);
    border-color: rgb(7, 22, 63);
    color: rgb(255, 255, 255);
}

.btn-black-border:hover {
    color: rgb(255, 255, 255);
    background: rgb(10, 12, 55);
}

.author-banner {
    background: url("../images/our-author.jpg") 0px 0px / cover no-repeat;
}

.renowned .box {
    background: rgb(237, 239, 243);
    margin-top: 40px;
    padding: 15px;
    border-radius: 14px;
    height: 90%;
}

.our-away .box, .our-voice .box {
    background: rgb(237, 239, 243);
    border-radius: 15px;
    text-align: center;
}

.renowned .box h4 {
    font-size: 18px;
    color: rgb(36, 36, 36);
    margin: 0px 0px 7px;
    font-weight: 600;
}

.renowned .box img {
    margin-top: -36px;
    margin-bottom: 10px;
}

.editing-banner {
    background: url("../images/editing-banner.webp") 0px 0px / cover no-repeat;
}

.inner-banner {
    padding: 100px 0px;
    height: auto;
    background-position: 30% 100% !important;
}

.ebook {
    position: relative;
    padding-bottom: 0px;
}

.ebook ul li {
    width: 48%;
    display: inline-block;
    margin: 0px 0px 20px;
    background: rgb(237, 239, 243);
    padding: 14px 15px;
    color: rgb(22, 41, 92);
    font-weight: 600;
    border-radius: 12px;
    font-size: 15px;
}

.btn-blue:hover, .compose p span a, .contact-us .bg ul li a, .ebook ul li span, .popjuly .custom-pop .btn-blue:hover, ul.social li a i {
    color: rgb(0, 0, 0);
}

.ebook ul li:nth-child(2n+1) {
    margin-right: 20px;
}

.ebook ul li img {
    margin-right: 3px;
    vertical-align: bottom;
}

.immaculate {
    background: url("../images/immaculate.webp") 100% 100% / cover no-repeat;
    padding-bottom: 80px;
    margin-bottom: 30px;
}

.immaculate h2 {
    color: rgb(255, 255, 255);
    text-transform: capitalize;
}

.custom-pop h6, .our-away .box h3, .our-banner h1 p span, .our-pricing .tab-content .pack h5, .popup-content h2, .popup-content h3, a.live-chat-thank.chat {
    text-transform: uppercase;
}

.immaculate p {
    color: rgb(255, 255, 255);
    margin: 0px;
}

.immaculate h4 {
    color: rgb(98, 227, 137);
    margin: 15px 0px 9px;
    font-size: 20px;
    font-weight: 600;
}

.achieve .box {
    text-align: center;
    border-bottom: 2px solid rgb(224, 181, 28);
    padding-bottom: 20px;
    margin-top: 20px;
}

.achieve .box h6 {
    font-size: 70px;
    color: rgb(98, 227, 137);
    font-weight: 100;
}

.markeing-banner {
    background: url("../images/markeing-banner.webp") 0px 0px / cover no-repeat;
}

.our-away .box {
    padding: 90px 10px 20px;
    height: 100%;
}

.our-away .box h4 {
    font-size: 20px;
    color: rgb(36, 36, 36);
    font-weight: 600;
}

.our-away .box p, .our-banner h1 p, .our-book figure p {
    margin: 0px;
}

.our-away .brdr.row {
    margin-bottom: 100px;
    position: relative;
    border-bottom: 6px solid rgb(237, 239, 243);
    padding-bottom: 100px;
}

.our-away .box h3 {
    font-size: 25px;
    font-weight: 300;
    background: rgb(255, 255, 255);
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin: 0px auto;
    padding: 18px 0px 0px;
    display: table;
    position: absolute;
    box-shadow: rgb(221, 221, 221) 0px 0px 5px;
    left: 0px;
    right: 0px;
    top: -30px;
}

.our-away .box h3 span {
    display: block;
    font-weight: 600;
    font-size: 34px;
}

.our-away .row.brdr .box h3 {
    bottom: -38px;
    top: inherit;
}

.our-away .row.brdr .box {
    padding: 20px 10px 80px;
}

.our-away .row.brdr .box::after {
    content: "";
    background: url("../images/away-after.png") no-repeat;
    height: 123px;
    width: 31px;
    bottom: -168px;
}

.ghost-banner {
    background: url("../images/ghost-banner.webp") 0px 0px / cover no-repeat;
}

.our-voice .box {
    padding: 25px 15px;
}

.our-voice .box h4 {
    font-size: 20px;
    color: rgb(22, 41, 92);
    font-weight: 600;
    margin: 0px 0px 20px;
}

.our-voice .box p {
    margin: 20px 0px 0px;
    font-weight: 500;
    color: rgb(36, 36, 36);
}

.achieve ul {
    margin-top: 30px;
}

.achieve ul li {
    color: rgb(255, 255, 255);
    display: inline-block;
    width: 49%;
    margin: 0px 0px 12px;
}

.achieve .btn-block {
    text-align: center;
    margin-top: 50px;
}

.our-bringing ul li {
    width: 32%;
    display: inline-block;
    margin: 0px 0px 20px;
    vertical-align: text-top;
}

.our-bringing ul li h4 {
    font-size: 18px;
    font-weight: 500;
    margin: 0px 0px 9px;
    background: linear-gradient(90deg, rgb(250, 234, 162) 0px, rgba(250, 234, 162, 0.08) 100%);
    padding: 6px 10px;
    border-radius: 7px;
}

.our-bringing ul li p {
    margin: 0px;
    font-size: 15px;
    width: 90%;
}

.compose {
    background: rgb(225, 180, 51);
    padding: 30px 0px;
}

.compose p {
    margin: 0px;
    font-size: 17px;
    font-weight: 500;
}

.compose p span {
    padding: 1px 5px;
    font-weight: 900;
}

.publishing {
    background: url("../images/mark-publishing-bg.webp") 0px 0px / cover no-repeat;
    position: relative;
}

.publishing .nav-tabs {
    background: rgb(22, 41, 92);
    border: none;
}

#faq .card, .process-banner .btn-block .btn.btn-white::after {
    background: rgb(255, 255, 255);
}

.publishing .nav-tabs .nav-item {
    margin: 0px 0px 5px;
    display: block;
    width: 100%;
}

.publishing .nav-tabs .nav-item a {
    display: block;
    width: 100%;
    border: none;
    color: rgb(255, 255, 255);
    border-radius: 0px;
    font-weight: 500;
    font-size: 15px;
    padding: 8px 15px;
}

.publishing .nav-tabs .nav-item a.active, .publishing .nav-tabs .nav-item a.show {
    background: rgb(96, 121, 189);
}

.btn-blue {
    background: rgb(22, 41, 92);
    color: rgb(255, 255, 255);
    border-color: rgb(22, 41, 92);
}

.publishing .tab-content {
    padding-left: 30px;
}

.publishing .tab-content h6 {
    background: rgb(22, 41, 92);
    color: rgb(255, 255, 255);
}

.publishing .tab-content p {
    width: 60%;
}

.our-guranteed, .testimonial {
    padding-bottom: 0px;
}

.cover-banner {
    background: url("../images/cover-banner.webp") 0px 0px / cover no-repeat;
}

.printing-banner {
    background: url("../images/printing-banner.webp") 0px 0px / cover no-repeat;
}

.furition .col-md-6 {
    margin: 0px 0px 40px;
}

.we-print h4 {
    font-size: 18px;
    font-weight: 500;
    margin: 12px 0px;
}

.publishing-banner {
    background: url("../images/publishing-background.webp") 0px 0px / cover no-repeat;
}

.upfront {
    background: url("../images/up-front.webp") 0px 0px / cover no-repeat;
}

.upfront h6 {
    background: rgb(34, 46, 65);
    color: rgb(255, 255, 255);
}

.pricing-banner {
    background: url("../images/pricing-banner.jpg") 0px 0px / cover no-repeat;
}

.our-pricing {
    background: url("../images/our-pricing.png") 0px 0px / cover no-repeat;
    position: relative;
    z-index: 1;
    padding: 50px 0px;
}

#faq .card .collapse, .our-pricing .nav-tabs {
    border: 0px;
}

.our-pricing .nav-tabs li {
    width: 100%;
    margin: 0px 0px 10px;
}

.our-pricing .nav-tabs li a {
    color: rgb(255, 255, 255);
    padding: 6px 10px;
    border: none;
    font-weight: 500;
    font-size: 15px;
}

.our-pricing .nav-tabs li a.active, .our-pricing .nav-tabs li a.show {
    background: rgb(32, 54, 99);
    color: rgb(255, 255, 255);
}

.our-pricing .tab-content {
    background: rgb(255, 255, 255);
    padding: 40px;
}

.our-pricing .tab-content h4 {
    font-size: 26px;
    font-weight: 700;
    margin: 0px 0px 10px;
}

.our-pricing .tab-content p {
    color: rgb(85, 85, 85);
    font-size: 14px;
    margin: 0px 0px 30px;
}

.our-pricing .tab-content .pack {
    background: rgb(243, 245, 249);
    border: 1px solid rgb(187, 195, 210);
    padding: 20px;
    height: 100%;
}

.our-pricing .tab-content .pack h5 {
    font-size: 18px;
    color: rgb(40, 40, 40);
    font-weight: 600;
    margin: 0px 0px 15px;
}

.our-pricing .tab-content .pack ul li {
    font-size: 13px;
    margin: 0px 0px 10px;
    position: relative;
    padding-left: 18px;
}

.our-pricing .tab-content .pack h3 {
    font-size: 30px;
    color: rgb(5, 25, 60);
    font-weight: 700;
    text-align: center;
    margin: 30px 0px 20px;
}

.our-pricing .tab-content .pack ul li::before {
    content: "";
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 6px;
    background: rgb(98, 227, 137);
    height: 8px;
    width: 8px;
}

.our-pricing .tab-content .pack .btn {
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
}

.contact-banner {
    background: url("../images/contact-banner.webp") 0px 0px / cover no-repeat;
}

.contact-us {
    padding-bottom: 60px;
}

.contact-us .form-control {
    font-size: 14px;
    border-radius: 0px;
    height: 64px;
    margin: 0px 0px 12px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid rgb(204, 204, 204);
    padding-left: 17px;
}

.contact-us textarea.form-control, .custom-pop textarea.form-control {
    resize: none;
    height: 100px;
}

.contact-us ul, .top ul.top-social li {
    margin-left: 20px;
    display: block;
}

.top ul.top-social li {
    display: inline-flex;
    align-items: center;
}

.top .social li a svg {
    top: 2px;
    position: relative;
    width: 14px;
}

.top ul.top-social li svg {
    color: #fff;
    margin-right: 5px;
}

.contact-us ul li {
    margin: 0px 0px 16px;
    border-bottom: 1px solid rgb(204, 204, 204);
    padding: 0px 0px 11px;
}

.contact-us ul li i {
    color: rgb(61, 138, 128);
    margin-right: 5px;
}

.contact-us ul.social {
    margin-top: 20px;
    text-align: center;
}

.contact-us ul.social li {
    display: inline-block;
    margin: 0px 17px 0px 0px;
    padding: 0px;
    text-align: center;
    border: none;
}

.contact-us ul.social li i {
    margin: 0px;
    color: rgb(255, 255, 255);
}

.contact-us .bg ul.social li a, .faq-accordion .accordion li.current p, .video-pro a, header ul li span.process-head, li:hover ul.submenu {
    display: block;
}

.genre-banner {
    background: url("../images/genre-banner.webp") 0px 0px / cover no-repeat;
}

.genre-banner h1, .testimonial .heading {
    margin: 0px 0px 30px;
}

.us-apart .nav-tabs {
    border: 0px;
    align-items: center;
    justify-content: center;
    margin: 0px 0px 50px;
}

.us-apart .nav-tabs li {
    width: 24%;
    margin-right: 12px;
    margin-bottom: 9px;
}

.us-apart .nav-tabs li a {
    border: none;
    padding: 9px 15px;
    background: rgb(22, 41, 92);
    color: rgb(255, 255, 255);
    font-weight: 500;
    border-radius: 7px;
}

.us-apart .nav-tabs li a.active, .us-apart .nav-tabs li a.show {
    background: rgb(98, 227, 137);
    color: rgb(255, 255, 255);
}

.popupform {
    width: 904px;
    height: 508px;
    padding: 0px;
    overflow: visible;
    background: url("../images/ch-pop.png") no-repeat;
}

.popup-content h2 {
    font-family: Poppins;
    font-size: 34px;
    padding: 0px;
    color: rgb(57, 228, 150);
    font-weight: 700;
    margin: 0px 0px 10px;
    line-height: 34px;
}

.faq-accordion .accordion li.current > a::after, .popup-content h2::before, .submenu, a.logo-thankyou::after, header ul.submenu li:last-child a::after {
    display: none;
}

.popup-content p {
    margin: 15px 0px 25px -20px;
    color: rgb(255, 224, 180);
    font-weight: 700;
    font-size: 22px;
    background: rgb(193, 33, 38);
    width: calc(100% + 40px);
}

.custom-pop {
    padding: 0px;
    overflow: hidden;
}

.popup-content p.form_tagline {
    max-width: 100%;
    font-size: 11px;
    margin: 16px 0px;
    position: relative;
    padding-left: 15px;
    background: 0px 0px;
    text-align: left;
    color: rgb(255, 255, 255);
}

.popup-content p.form_tagline input {
    vertical-align: middle;
    height: auto;
    position: absolute;
    left: 0px;
    top: 4px;
}

.popup-content [class*="col-"] {
    padding: 0px 7px;
    margin-top: 0px;
}

.popup-content [class*="col-"] input {
    color: rgb(49, 49, 49);
    font-weight: 400;
    font-size: 13px;
    height: 40px;
    margin-bottom: 12px;
    border-radius: 0px;
}

.popup-content [class*="col-"] input::placeholder, .popup-content [class*="col-"] textarea::placeholder {
    color: rgb(49, 49, 49);
}

.popup-content [class*="col-"] textarea {
    color: rgb(49, 49, 49);
    font-weight: 400;
    font-size: 13px;
    height: 145px;
    border-radius: 0px;
    resize: none;
}

.custom-pop h6::after, .custom-pop h6::before {
    height: 20px;
    width: 40px;
    top: 7px;
    position: absolute;
    content: "";
}

.popup-content [class*="col-"] input.btn {
    background: rgb(255, 127, 35);
    color: rgb(255, 255, 255);
    margin: auto;
    padding: 0px 30px;
    letter-spacing: 1px;
    font-weight: 600;
    border-radius: 4px;
}

.pop-txt {
    left: -34px;
}

.popup-content [class*="col-"] input:focus {
    box-shadow: none;
    outline: 0px;
}

.popup-bann {
    overflow: hidden;
    margin-left: -5px;
}

.popup-bann img {
    max-width: 90%;
}

.popup-content {
    width: 85%;
    text-align: center;
    padding-top: 68px;
    margin-left: 50px;
}

.custom-pop h6 {
    position: relative;
    font-size: 26px;
    color: rgb(255, 255, 255);
    font-weight: 800;
    letter-spacing: 1px;
    display: inline-block;
    margin: 0px;
}

.custom-pop h6::before {
    background: rgb(245, 50, 48);
    left: -60px;
}

.custom-pop h6::after {
    background: rgb(245, 50, 48);
    right: -60px;
}

.popup-content h3 {
    font-size: 22px;
    color: rgb(255, 255, 255);
    border-radius: 6px;
    padding: 4px 0px;
    margin: 0px 0px 25px;
}

.popupform button.fancybox-button {
    background: rgb(255, 127, 35);
    height: 30px;
    width: 30px;
    padding: 0px;
    border-radius: 4px;
    opacity: 1;
    top: -10px;
    right: -10px;
}

.popupform button.fancybox-button svg path {
    fill: rgb(255, 255, 255);
}

.popupform button.fancybox-button svg {
    height: 26px;
}

.popup-content h3 span, h4.Unravel, h2.Legacy, span.red {
    font-weight: 700;
}

.our-banner h1 p span {
    color: rgb(224, 181, 28);
    font-size: 52px;
    font-weight: 600;
}

.our-banner img {
    height: 415px;
}

.our-process .box p span {
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    margin-top: 7px;
}

.our-banner .item img {
    max-width: 80%;
    float: right;
}

.content-page li, .content-page p {
    font-size: 17px;
    margin-bottom: 17px;
}

.content-page p a {
    font-weight: 700;
    color: rgb(0, 0, 0);
}

section.content-page {
    padding: 4em 0px;
    width: 100%;
    clear: both;
}

section.content-page h5.sub-heading {
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 600;
}

.content-page li {
    list-style: inside square;
}

.inner-banner p {
    font-weight: 400;
    font-size: 16px;
    max-width: 79%;
}

.our-pricing .tab-content .pack p {
    font-size: 13px;
    text-align: center;
}

.thankyou-banner h1 {
    font-size: 46px;
    font-weight: 600;
    margin-bottom: 22px;
    line-height: 58px;
}

.thankyou-banner h1 span {
    display: block;
    font-family: georgia;
    font-style: italic;
}

.total_amount {
    font-size: 29px;
    margin: 30px 0px 0px;
}

.total_amount span {
    font-weight: 700;
    color: rgb(247, 206, 15);
}

.thankyou-banner {
    text-align: center;
    background: url("../images/thanks-banner.jpg") 0px 0px / cover;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
    font-size: 16px;
    color: rgb(255, 255, 255);
    line-height: 21px;
}

a.live-chat-thank.chat {
    background: rgb(238, 44, 94);
    display: inline-block;
    border-radius: 50px;
    padding: 14px 70px;
    color: rgb(255, 255, 255);
    letter-spacing: 1px;
    margin: 40px 0px;
}

.thankyou-banner a {
    color: rgb(37, 117, 188);
    font-weight: 700;
}

a.logo-thankyou {
    margin-bottom: 24px;
    display: inline-block;
}

img.excep-book {
    left: 30px;
}

footer img {
    max-width: 70%;
}

.us-apart .tab-pane p {
    padding-right: 93px;
}

.excep-service {
    background: url("../images/excep-service-bg.jpg") 0px 0px / cover no-repeat;
    width: 100%;
    padding: 30px 0px;
}

.excep-service h5 {
    margin: 8px 0px 10px;
    font-size: 16px;
    font-weight: 600;
}

.excep-service p {
    margin: 0px;
    font-size: 14px;
}

.excep-service h4 {
    margin: 0px;
    font-weight: 600;
    font-size: 24px;
}

.btn::after {
    content: "";
    color: rgb(11, 36, 63);
    height: 100%;
    width: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    transition: all 0.5s ease 0s;
    z-index: -1;
}

.btn:hover::after, .video-pro img {
    width: 100%;
}

.btn-black-border::after {
    background: rgb(22, 41, 92);
}

.btn-green-border:hover {
    color: rgb(34, 46, 65);
}

.our-process .box:hover .img {
    background: rgb(229, 206, 78);
    transform: scale(1.1);
}

.our-process .box:hover .img img {
    filter: brightness(0.1);
}

.our-process .box:hover {
    background: rgb(22, 41, 92);
    border-color: rgb(255, 255, 255);
}

.top ul.top-social li i {
    color: rgb(255, 255, 255);
    margin-right: 3px;
}

.our-book figure p i {
    color: rgb(255, 164, 28);
    font-size: 12px;
}

section.pursuit .col-md-5 img {
    max-width: unset;
    display: table;
    float: left;
}

* {
}

.immaculate img {
    border-radius: 12px;
}

.wwbox {
    background-color: rgb(237, 239, 243);
    padding: 100px 30px 10px;
    text-align: center;
    margin-top: 184px;
    position: relative;
    border-radius: 5px;
    margin-bottom: 50px;
}

.rclient-item a.rc_play .play_btn, .rclient-item a.rc_play .play_btn::before, .wwthumb {
    position: absolute;
    margin: auto;
    right: 0px;
    left: 0px;
    top: 17px;
}

.wwcontent h4 {
    color: rgb(25, 26, 29);
    font-size: 22px;
    font-weight: 700;
}

.wwcontent p {
    font-size: 14px;
    min-height: 65px;
}

section.types-cd::before, section.work-with::before {
    content: "";
    background: url("../images/pattern-2.png") no-repeat;
    height: 645px;
    width: 913px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -1;
}

.tcdbox {
    position: relative;
    display: block;
    margin-top: 30px;
}

.tcdbox h4 {
    font-weight: 600;
    margin-top: 10px;
    color: rgb(25, 26, 29);
    font-size: 20px;
}

section.types-cd::before {
    top: -70px;
    z-index: -1;
}

ul.inline-sticker li {
    display: inline-block;
    min-height: 90px;
    margin: 0px 1%;
}

ul.inline-sticker li:last-child {
    margin-right: 0px;
}

ul.inline-sticker li a {
    margin-top: 0px;
    display: block;
}

ul.inline-sticker {
    margin-top: 35px;
    display: flex;
}

.us-apart .col-md-5 img {
    max-width: unset;
    float: right;
}

section.video-test {
    padding: 0px;
    margin-top: -60px;
}

.row.video_row {
    margin-top: 0px;
    margin-bottom: 4em;
}

.rclient-item {
    overflow: hidden;
}

.rclient-item a.rc_play {
    position: relative;
    display: block;
}

.rclient-item a.rc_play .play_btn {
    width: 64px;
    height: 64px;
    background: url('../images/css_sprites.png') -10px -89px;
    z-index: 1;
    bottom: 30px;
}

.rclient-item a.rc_play .play_btn::before {
    content: "";
    width: 64px;
    height: 64px;
    background: url("../images/aplay1.png") center top no-repeat;
    z-index: 1;
    bottom: 0px;
}

.op-text h3, .our-voice.article-writing-boxes .box, .seo-writing-inner .box {
    margin-bottom: 20px;
}

.rclient-item p {
    font-weight: 600;
    color: rgb(0, 0, 0);
    padding: 0px 20px;
    font-size: 18px;
    letter-spacing: 0px;
}

.rclient-item:hover a.rc_play img {
    transform: scale(1.1);
    transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
}

.rclient-item a.rc_play:hover .play_btn::before {
    animation-name: spin;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.rclient-item a.rc_play img {
    transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
    transform: scale(1);
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.our-voice.article-writing-boxes .box img {
    display: table;
    margin-left: auto;
    margin-right: 25px;
}

.our-voice.article-writing-boxes .box h4 {
    text-align: left;
    margin-left: 30px;
    font-size: 22px;
    position: relative;
    padding-top: 20px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.our-voice.article-writing-boxes .box h4::before {
    content: "";
    width: 60px;
    height: 7px;
    background-color: rgb(98, 227, 137);
    position: absolute;
    left: 0px;
    top: 0px;
}

.press-rel-inner .row > div {
    margin-top: unset;
    margin-bottom: unset;
    display: table;
}

.seo-writing-inner .box h4 {
    margin-top: 20px;
    position: relative;
    padding-top: 20px;
}

.seo-writing-inner .box h4::before {
    content: "";
    width: 50px;
    height: 5px;
    background-color: rgb(98, 227, 137);
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    margin: auto;
}

.web-copy-inner .exceptional-list {
    text-align: left;
    width: 900px;
    position: relative;
    background-color: rgb(5, 25, 60);
    margin-top: unset !important;
}

.web-copy-inner .exceptional-list ul {
    width: 100%;
    margin-top: 70px;
}

.web-copy-inner .exceptional-list::before {
    content: "";
    width: 370px;
    position: absolute;
    right: 100%;
    background-color: rgb(5, 25, 60);
    height: 100%;
    top: 0px;
}

section.exceptional.web-copy-inner::before {
    z-index: -1;
}

.web-copy-inner img.excep-book {
    max-width: unset;
}

.web-copy-inner .exceptional-list ul li {
    font-size: 16px;
    margin-bottom: 25px;
    letter-spacing: -1px;
}

.web-copy-inner .exceptional-list::after {
    content: "";
    width: 120px;
    height: 200px;
    position: absolute;
    bottom: 80%;
    z-index: -2;
    right: 0px;
    background-image: url("../images/dotted-web-copy.png");
    background-position: center bottom;
}

.script-writing-inner h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
}

ul.submenu {
    width: 112%;
    background-color: rgb(43, 36, 96);
    position: absolute;
    z-index: 9;
    left: -147px;
    top: 70px;
    text-align: left;
    padding: 0px;
}

.op-text h4, ul.submenu li a {
    position: relative;
    text-align: center;
}

header ul.submenu li {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
    margin-right: 0px;
    width: calc(14.2857% - 0px);
    float: left;
    height: 126px;
    margin-left: 0px !important;
}

ul.submenu li a {
    color: rgb(255, 255, 255);
    padding: 24px 20.7px;
    display: block;
    font-weight: 400;
    height: 100%;
    font-size: 13px;
}

li.has-child > a::after {
    content: "";
    background: url("../images/arrow-down.png") 0px 0px / 100%;
    max-width: 100%;
    position: absolute;
    width: 11px;
    height: 10px;
    right: -13px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

ul.inline-sticker li:last-child img {
    max-width: 80px;
}

.process-banner.inner-banner p {
    max-width: 100%;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 30px;
}

.our_process .row.align-items-center {
    margin-top: 60px;
}

.op-thumb img {
    width: 80%;
}

.col-md-6.op-text {
    padding: 0px 10px;
}

.op-thumb.order-1 img {
    border-radius: 0px 0px 0px 100px;
}

.op-text h3 {
    font-size: 29px;
    font-weight: 500;
    display: inline-block;
    margin: 0px 0px 0px 5px;
}

.op-text h4 {
    color: rgb(255, 255, 255);
    margin: 0px;
    line-height: 40px;
    z-index: 1;
    width: 40px;
    display: inline-block;
}

.op-text p {
    color: rgb(97, 99, 104);
    font-size: 15px;
    margin-top: 20px;
}

.faq-accordion .accordion p, .faq-container h3 {
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: rgb(51, 51, 51);
}

.op-thumb.order-1 + .col-md-6.op-text {
    padding-left: 0px;
}

.process-banner {
    background: url("../images/our-process-banner.jpg") center top / cover no-repeat;
    padding: 160px 0px;
    text-align: center;
}

.faqs-banner, section.faq_section, section.our_process {
    background-repeat: no-repeat;
}

.our-banner.process-banner h1 {
    text-transform: capitalize;
    font-size: 72px;
    line-height: 62px;
    margin-bottom: 30px;
}

.our-banner.process-banner h1 span {
    display: block;
    font-size: 35px;
    text-transform: none;
    color: inherit;
}

section.our_process {
    padding-bottom: 100px;
    background-image: url("../images/MaskGroup1.png");
    background-position: left top;
}

.process-banner .btn-block .btn.btn-white {
    border-color: rgb(215, 3, 3);
    color: rgb(255, 255, 255);
    font-size: 16px;
    padding: 12px 40px;
    font-weight: 400;
    background: rgb(215, 3, 3);
}

.process-banner .btn-block .btn.btn-white:hover {
    color: rgb(0, 0, 0);
    border-color: rgb(255, 255, 255);
}

.faq-container {
    max-width: 800px;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    position: relative;
    z-index: 999;
    width: 100%;
    padding: 65px 60px 60px;
    display: block;
    margin: -120px auto 10px;
    box-shadow: rgba(0, 0, 0, 0.17) 0px 0px 30px;
}

.faq-accordion {
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 60px;
}

.faq-container h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.45;
    margin-top: 0px;
    margin-bottom: 25px;
}

.faq-accordion .accordion {
    margin: 0px auto;
    padding: 0px;
    list-style: none;
}

.faq-accordion .accordion :is(li, .schema-faq-section) {
    position: relative;
    padding: 13px 10px;
    margin-bottom: 10px;
    background: rgb(241, 241, 241);
}

.faq-accordion .accordion li > a {
    font-weight: 400;
    font-size: 18px;
}

.faq-accordion .accordion :is(li > a, .schema-faq-question) {
    width: 100%;
    display: block;
    cursor: pointer;
    user-select: none;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: rgb(48, 48, 48);
    padding-left: 35px;
}

.faq-accordion .accordion :is(li > a, .schema-faq-question)::after, .faq-accordion .accordion :is(li > a, .schema-faq-question)::before {
    content: "";
    position: absolute;
    transition: all 0.2s ease-in-out 0s;
    background-color: rgb(11, 36, 63);
}

.faq-accordion .accordion :is(li > a, .schema-faq-question)::before {
    width: 14px;
    height: 2px;
    left: 15px;
    top: 23.5px;
}

.faq-accordion .accordion :is(li > a, .schema-faq-question)::after {
    width: 2px;
    height: 14px;
    left: 21.5px;
    top: 18px;
}

.faq-accordion .accordion p {
    display: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    padding: 10px 10px 0px 25px;
}

section.faq_section {
    background-color: rgb(230, 232, 234);
    background-image: url("../images/faq-shd.png");
    background-position: left top;
}

.faq-accordion:last-child, .testimonial .heading p {
    margin-bottom: 0px;
}

.faqs-banner {
    background-image: url("../images/faq-banner.jpg");
    min-height: 410px;
    background-position: center top !important;
}

.faq_section .heading h2 {
    font-size: 44px;
}

.faq_section .heading {
    margin-bottom: 30px;
}

footer ul li i {
    color: rgb(79, 182, 121);
    display: none;
}

section.faqs {
    background: rgb(245, 245, 245);
}

button.btn.btn-link.collapsed {
    background: 0px 0px;
    border: none;
    color: rgb(0, 0, 0);
}

.faqs-wrapper {
    overflow: hidden;
    padding: 0px;
}

.faqs-wrapper::after {
    background: url("../images/faq-after.html") no-repeat;
    height: 943px;
    width: 540px;
    position: absolute;
    right: -20px;
    top: -250px;
    opacity: 0.4;
}

#faq .card {
    border: 0px;
    box-shadow: none;
    border-radius: 0px;
    margin: 0px 0px 12px;
}

#faq .card .card-header {
    border: 0px;
    padding: 0px;
    background: 0px 0px;
}

#faq .card .card-header .btn-header-link {
    display: block;
    text-align: left;
    color: rgb(34, 34, 35);
    padding: 14px 20px;
    font-weight: 500;
    text-decoration: none;
    font-size: 16px;
}

#faq .card .card-header .btn-header-link::after {
    content: "";
    background: url("../images/arrow-down.png") 0px 0px / 100%;
    max-width: 100%;
    position: absolute;
    transform: rotate(180deg);
    width: 15px;
    height: 15px;
    right: 20px;
    top: 18px;
    color: rgb(46, 61, 144);
}

#faq .card .card-header .btn-header-link.collapsed {
    color: rgb(0, 0, 0);
    font-weight: 500;
    text-decoration: none;
}

#faq .card .card-header .btn-header-link.collapsed::after {
    transform: rotate(0deg);
}

#faq .card .card-body {
    padding-top: 0px;
}

#faq .card .collapse.show {
    line-height: 30px;
    color: rgb(34, 34, 34);
}

#faq .card .card-body p {
    line-height: 24px;
    margin: 0px;
}

section.headercontactform {
    width: 100%;
    text-align: center;
    background: url("../images/contactformbg.jpg") 0px 0px / cover no-repeat;
    height: 394px;
    position: relative;
    padding: 31px;
}

.headercontactform span.Yellow {
    color: rgb(254, 206, 20);
    display: block;
}

section.headercontactform .form-control {
    font-size: 14px;
    border: none;
    margin: 0px 0px 15px;
    height: 38px;
}

section.headercontactform textarea.form-control {
    height: 100px;
}

section.headercontactform .btn {
    width: 29%;
    border-radius: 30px;
    font-size: 18px;
    margin-top: 6px;
    font-weight: 700;
}

section.headercontactform::before {
    content: "";
    background: url("../images/contactformbg1.webp") no-repeat;
    height: 418px;
    width: 346px;
    position: absolute;
    left: 0px;
    top: 0px;
}

section.headercontactform::after {
    content: "";
    background: url("../images/contactformbg2.webp") no-repeat;
    height: 418px;
    width: 360px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.contact-us .wrapper {
    background: rgb(255, 255, 255);
    padding: 85px 36px 36px;
    position: relative;
}

.contact-us .bg {
    background: rgb(227, 245, 229);
    padding: 30px 20px;
    border-radius: 15px;
}

.contact-us .bg ul li a i {
    color: rgb(12, 142, 27);
    margin-right: 9px;
    font-size: 20px;
}

.contact-us .bg ul.social li a i {
    color: rgb(0, 0, 0);
    margin: 0px;
    font-size: 32px;
}

.contact-us ul.social h6 {
    margin: 0px 0px 16px;
}

.contact-us .btn {
    width: 100%;
    font-size: 17px;
    margin-top: 19px;
}

.contact-us .bg h2 {
    text-align: center;
    margin: 0px 0px 14px;
    font-size: 38px;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

.testimonial .center .item {
    background: rgb(79, 182, 121);
    transform: scale(1.3);
    position: relative;
    z-index: 99;
    min-height: auto;
    height: 272px;
    margin-top: 50px;
    left: 0px;
    opacity: 1;
}

.testimonial .center .item * {
    color: rgb(255, 255, 255);
    width: 100%;
}

.testimonial .item i {
    font-size: 65px;
    margin-bottom: 11px;
}

.testimonial .center {
    position: relative;
    z-index: 99;
}

ul.submenu svg {
    height: 40px;
    width: 40px;
    text-align: center;
    display: table;
    margin: 0px auto 10px;
}

ul.submenu li a::after {
    content: "";
    height: 99%;
    width: 1px;
    background: rgb(120, 120, 120);
    position: absolute;
    top: 1px;
    right: 0px;
}

ul.submenu li a:hover {
    color: rgb(97, 227, 137);
    background: 0px 0px;
}

ul.submenu li a:hover svg {
    filter: invert(0.4) sepia(1) saturate(5) hue-rotate(422deg);
}

section.blog img {
    height: 236px;
    object-fit: cover;
}

h3.green {
    font-size: 22px;
    color: rgb(2, 212, 59);
}

.headercontactform h2 {
    color: rgb(255, 255, 255);
    margin: 0px 0px 14px;
    font-size: 25px;
}

img.header-img::after {
    top: -103px;
    left: -13px;
    width: 100%;
    margin: 15px;
    content: "";
}

.btn-green-border {
    border-color: rgb(98, 227, 137);
    color: rgb(0, 0, 0);
    background: rgb(114, 228, 140);
}

.recent-text a.btn.btn-green {
    color: rgb(255, 255, 255);
    background: rgb(2, 99, 22);
}

.recent-blog-line.row figcaption {
    background: rgb(255, 255, 255);
    text-align: left;
    padding: 18px 18px 22px;
}

.owl-theme .owl-dots .owl-dot span {
    width: 18px;
    height: 18px;
    margin: 0px 4px;
    background: rgb(190, 190, 190);
    display: block;
    backface-visibility: visible;
    transition: opacity 0.2s ease 0s;
    border-radius: 30px;
}

.contact-us .bg ul.social li a i:hover {
    color: rgb(23, 116, 46);
}

.rclient-item h3 {
    margin-top: 0px;
    font-size: 22px;
    clear: both;
    font-weight: 700;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0px;
    left: 0px;
    background: rgba(86, 201, 129, 0.62);
    padding: 7px 0px;
}

.contact-us .wrapper img.header-img {
    position: absolute;
    top: -30px;
    left: -30px;
    max-width: 105%;
}

section.blog span {
    color: rgb(0, 0, 0);
    font-weight: 600;
}

section.blog a span:hover {
    color: rgb(98, 227, 137);
}

.author-tag {
    padding: 0px;
    text-align: left;
    margin: 10px 0px 9px;
}

ul.submenu::after {
    content: "";
    width: 0px;
    height: 0px;
    border-width: 0px 14px 14px;
    border-color: transparent transparent rgb(43, 36, 96);
    border-style: solid;
    position: absolute;
    left: -190px;
    top: -14px;
    right: 0px;
    margin: auto;
    z-index: 9;
}

.owl-testimonial .owl-dots {
    margin-top: 0px;
    position: absolute;
    bottom: 100px;
    left: 0px;
    right: 0px;
}

h4.Unravel, h4.exclusive, h2.Legacy, h2.limited, h3.Craft {
    position: relative;
}

.testimonial .center .item i {
    margin: 0px 0px 2px;
}

section.blog .heading h2 {
    font-size: 34px;
    font-weight: 600;
    margin: 4px;
    text-transform: capitalize;
}

.contact-us .btn:hover {
    color: rgb(255, 255, 255);
    background: rgb(76, 175, 80);
    border-color: rgb(76, 175, 80);
}

i.fa-solid.fa-angle-right {
    text-align: center;
    padding: 3px;
    margin-top: -2px;
}

div#owl-carousel {
    margin-top: -18px;
}

section.blog a.ccc {
    color: rgb(76, 175, 80);
    float: right;
    font-weight: 600;
}

section.blog a span {
    color: rgb(0, 0, 0);
    font-weight: 600;
    font-size: 20px;
}

.popupform.popjuly {
    width: 956px;
    height: 508px;
    background: url("../images/bg2.png") center top no-repeat !important;
}

.popjuly .row {
    justify-content: center;
}

.popjuly .popup-content {
    background: url("../images/barnettbg.png") center top no-repeat;
    width: 410px;
    height: 465px;
    float: initial;
    margin-right: 81px;
    margin-top: 18px;
    padding: 30px 20px;
    border-radius: 10px;
    margin-left: 271px !important;
}

.custom-pop .btn-blue, .popjuly .custom-pop .btn-blue, h4.exclusive {
    background: rgb(5, 146, 71);
    box-shadow: rgb(29, 29, 29) 2px 5px 9px;
    font-family: Poppins !important;
}

.custom-pop .btn-blue, .popjuly .custom-pop .btn-blue {
    padding-bottom: 32px;
    font-weight: bolder;
    width: 319.96px;
    padding-top: 9px;
    position: relative;
}

.custom-pop .form-control {
    height: 40px;
    color: rgb(0, 0, 0);
    font-size: 14px;
    margin: 0px 0px 10px;
    border-radius: 12px;
}

.popup-content h2 span {
    color: rgb(254, 20, 20);
}

.custom-pop .btn-blue {
    font-size: 16px;
    color: rgb(255, 255, 255);
    border-radius: 9px;
    border: 1px;
    margin-top: -29px;
    top: -12px;
    height: 41.26px;
}

.col-md-4.logo {
    position: absolute;
    left: 35px;
    top: 16px;
}

.popjuly .custom-pop .btn-blue, h4.exclusive {
    color: rgb(255, 255, 255);
}

.btn-blue::after {
    background: rgb(254, 206, 20);
    color: rgb(0, 0, 0);
    text-decoration: none;
    border-radius: inherit;
}

.popjuly .popup-content p {
    width: auto;
    margin: 0px 0px 10px;
    background: no-repeat;
    font-size: 25px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}

.popjuly .popup-content h3 span {
    color: rgb(211, 0, 0);
    font-weight: 700;
}

.popjuly .popup-content form {
    padding: 0px 20px;
    margin-top: -70px;
}

.popjuly .custom-pop .form-control {
    height: 44px;
    font-size: 14px;
    margin: 0px 0px 10px;
}

.popjuly .custom-pop textarea.form-control {
    height: 80px;
}

.popjuly .custom-pop .btn-blue {
    font-size: 16px;
    border-radius: 9px;
    border: 1px;
    margin-top: -29px;
    top: 31px;
    height: 41.26px;
}

h4.exclusive, h2.limited {
    font-weight: 700;
    border-radius: 3px;
}

.fancybox-close-small, .popupform button.carousel__button.is-close {
    background: rgb(2, 212, 59);
    height: 30px;
    width: 30px;
    padding: 0px;
    border-radius: 4px;
    opacity: 1;
    top: -13px !important;
    right: 16px !important;
    position: absolute !important;
}

h4.exclusive {
    font-size: 13px;
    width: 44%;
    top: -24px;
    left: 101px;
    padding-bottom: 9px;
    padding-top: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: -25px;
    text-align: center;
}

h2.limited, h3.Craft {
    font-family: Poppins;
    text-transform: uppercase;
}

h2.limited {
    font-size: 18px;
    color: rgb(8, 138, 100);
    left: 1px;
    top: -52px;
    padding-bottom: 12px;
    padding-top: 12px;
    margin-top: 25px;
}

.video-text h3 + p, h3.Craft {
    font-size: 16px;
}

h3.Craft {
    color: rgb(35, 35, 35);
    font-weight: 600;
    width: 98%;
    margin-top: -14px;
    top: -60px;
    letter-spacing: 0px;
    padding: 4px 4px 1px;
    line-height: 20px;
}

span.red {
    color: red;
}

h2.Legacy {
    left: -540px;
    top: -125px;
    font-size: 23px;
    color: rgb(0, 0, 0);
    margin-left: 129px;
    margin-top: 38px;
    line-height: 35px;
    letter-spacing: 1px;
    width: 90%;
    padding: 4px;
    background: rgb(254, 206, 20);
    border-radius: 42px;
    margin-bottom: 5px;
    font-family: Poppins !important;
}

h4.Unravel {
    left: -515px;
    top: -120px;
    color: rgb(255, 255, 255);
    font-family: Poppins;
    margin-left: 50px;
    letter-spacing: -1px;
    width: 433px;
    font-size: 34px;
    margin-bottom: 64px;
    line-height: 42px;
    text-transform: uppercase !important;
}

.wwthumb {
    position: absolute;
    bottom: 8%;
    top: -150px;
}

.home .romance-image h2:not(.mimic-h1), .home h2:not(.mimic-h1) {
    color: rgb(0, 0, 0) !important;
}

.cta .home h2:not(.mimic-h1) {
    color: rgb(255, 255, 255) !important;
}

.contact-us .bg ul li a {
    text-transform: lowercase !important;
    display: inline-flex;
    align-items: center;
}

.op-thumb {
    display: flex;
    justify-content: center;
}

.op-text h4::before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    background: linear-gradient(90deg, rgb(10, 38, 66) 0px, rgb(67, 157, 113) 100%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: -1;
}

.top ul.social li a i {
    font-size: 12px;
    line-height: 12px;
}

.video-text h3 {
    color: rgb(0, 152, 35);
    font-weight: 600;
    font-size: 32px;
    margin-left: 0px !important;
}

header ul li span.process-head a {
    padding: 5px 0px;
}

header ul li span.process-head i {
    color: rgb(73, 168, 116);
}

header ul li:last-child span.process-head:last-child a {
    letter-spacing: 0.65px;
}

section.testimonial {
    display: revert !important;
}

.we-print h4 + p {
    margin-bottom: 30px;
}

.immaculate .heading p {
    margin-bottom: 30px;
}

.excep-service img {
    height: 90px;
}

.excep-service .row .row {
    align-items: baseline;
}

.recent-blog.csp-blog h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1.75rem;
}

.recent-blog.csp-blog p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}

.our-process .img::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: .5s all;
    width: 59px;
    height: 59px;
    background: url("../images/css_sprites.png") -10px -10px;
}

.our-process [class*='col']:nth-child(2) .img::before {
    width: 62px;
    height: 56px;
    background: url("../images/css_sprites.png") -89px -10px;
}

.our-process [class*='col']:nth-child(3) .img::before {
    width: 57px;
    height: 57px;
    background: url("../images/css_sprites.png") -88px -89px;
}

.our-process [class*='col']:nth-child(4) .img::before {
    width: 59px;
    height: 55px;
    background: url("../images/css_sprites.png") -171px -10px;
}

.our-process .box:hover .img::before {
    filter: brightness(0);
}

.our-process .box img {
    display: none;
}

.contact-us .bg ul li a svg {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

@media (max-width: 850px) and (min-width: 320px) {
    .popjuly .popup-content .h1 .exclusive, .popup-content h2.Craft, h3.Craft {
        font-size: 15px;
        font-family: Poppins;
        position: relative;
        text-transform: uppercase;
    }

    .popjuly .popup-content .h1 .exclusive {
        color: rgb(255, 255, 255);
        background: rgb(5, 146, 71);
        width: 44%;
        top: -14px;
        left: 101px;
        font-weight: 700;
        padding-bottom: 3px;
        border-radius: 3px;
        padding-top: 0px;
        box-shadow: rgb(29, 29, 29) 2px 5px 9px;
        letter-spacing: 1px;
        text-align: center;
    }

    .popup-content h2.Craft, h3.Craft {
        color: rgb(35, 35, 35);
        font-weight: 600;
        width: 98%;
        margin-top: -14px;
        top: -60px;
        letter-spacing: 0px;
        padding: 4px 4px 1px;
        line-height: 20px;
    }

    .popupform.popjuly .popup-content {
        left: 0px;
        max-width: 100%;
    }

    .popjuly .popup-content br {
        display: none;
    }

    .popjuly .popup-content h3 {
        font-size: 14px;
    }

    .popupform .popupjuly {
        width: 100%;
        height: fit-content;
        background: rgb(94, 132, 255);
        padding: 50px 20px;
    }

    .popupform.popjuly {
        border: 3px solid rgb(255, 255, 255);
        background: url("_d1e5.html?php%20echo%20$siteurl%20?>assets/images/bg2.png") center top no-repeat;
        width: 956px;
        height: 666px;
    }

    .popjuly .row {
        justify-content: center;
    }

    .popjuly .popup-content {
        background: url("_e261.html?phpecho$siteurl?>assets/images/barnettbg.png") center top no-repeat;
        width: 410px;
        height: 485px;
        float: initial;
        margin-right: 84px;
        margin-top: 9px;
        padding: 30px 20px;
        border-radius: 10px;
        margin-left: 249px !important;
    }

    .custom-pop .btn-blue, .popjuly .custom-pop .btn-blue, h1.exclusive {
        background: rgb(5, 146, 71);
        box-shadow: rgb(29, 29, 29) 2px 5px 9px;
        font-family: Poppins !important;
    }

    .custom-pop .btn-blue, .popjuly .custom-pop .btn-blue {
        padding-bottom: 32px;
        font-weight: bolder;
        width: 319.96px;
        padding-top: 9px;
    }

    .custom-pop .form-control {
        height: 40px;
        color: rgb(0, 0, 0);
        font-size: 14px;
        margin: 0px 0px 10px;
        border-radius: 12px;
    }

    .popup-content h2 span {
        color: rgb(254, 20, 20);
    }

    .custom-pop .btn-blue {
        font-size: 16px;
        color: rgb(255, 255, 255);
        border-radius: 9px;
        border: 1px;
        margin-top: -29px;
        position: relative;
        top: -12px;
        height: 41.26px;
    }

    .col-md-4.logo {
        position: absolute;
        left: 35px;
        top: 16px;
    }

    .popjuly .custom-pop .btn-blue, h1.exclusive {
        color: rgb(255, 255, 255);
    }

    .btn-blue::after {
        background: rgb(254, 206, 20);
        color: rgb(0, 0, 0);
        text-decoration: none;
        border-radius: 50px;
    }

    .popjuly .popup-content p {
        width: auto;
        margin: 0px 0px 10px;
        background: no-repeat;
        font-size: 25px;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        text-align: center;
        font-weight: 700;
    }

    .popjuly .popup-content h3 span {
        color: rgb(211, 0, 0);
        font-weight: 700;
    }

    .popjuly .popup-content form {
        padding: 0px 20px;
        margin-top: -70px;
    }

    .popjuly .custom-pop .form-control {
        height: 44px;
        font-size: 14px;
        margin: 0px 0px 10px;
    }

    .popjuly .custom-pop textarea.form-control {
        height: 80px;
    }

    .popjuly .custom-pop .btn-blue {
        font-size: 16px;
        border-radius: 9px;
        border: 1px;
        margin-top: -29px;
        position: relative;
        top: 31px;
        height: 41.26px;
    }

    h1.exclusive, h2.limited {
        text-transform: uppercase;
        border-radius: 3px;
        position: relative;
        font-weight: 700;
    }

    h1.exclusive {
        font-size: 13px;
        width: 44%;
        top: -24px;
        left: 101px;
        padding-bottom: 9px;
        padding-top: 18px;
        letter-spacing: 1px;
        margin-top: -25px;
        text-align: center;
    }

    h2.limited {
        font-size: 18px;
        font-family: Poppins;
        color: rgb(8, 138, 100);
        left: 1px;
        top: -52px;
        padding-bottom: 15px;
        padding-top: 10px;
        margin-top: 25px;
    }

    span.red {
        font-weight: 700;
        color: red;
    }

    h2.Legacy {
        position: relative;
        left: -509px;
        top: -136px;
        font-size: 23px;
        color: rgb(0, 0, 0);
        font-weight: 700;
        margin-left: 129px;
        margin-top: 38px;
        line-height: 35px;
        letter-spacing: 1px;
        width: 79%;
        background: rgb(254, 206, 20);
        border-radius: 42px;
        font-family: Poppins !important;
    }

    h1.Unravel {
        position: relative;
        left: -500px;
        top: -135px;
        color: rgb(255, 255, 255);
        font-weight: 700;
        font-family: Poppins;
        margin-left: 50px;
        letter-spacing: -1px;
        width: 433px;
        font-size: 37px;
        text-transform: inherit;
        margin-bottom: 64px;
        line-height: 42px;
    }

    .fancybox-close-small, .popupform button.carousel__button.is-close {
        background: rgb(2, 212, 59);
        height: 30px;
        width: 30px;
        padding: 0px;
        border-radius: 4px;
        opacity: 1;
        top: -13px !important;
        right: 16px !important;
        position: absolute !important;
    }

    .popupform.popjuly button.carousel__button.is-close {
        top: 53px !important;
        right: 273px !important;
    }
}

user-select .indent_inn {
    width: 100%;
    max-width: 1170px;
}

.indent_inn h2 {
    /* font-weight: 700; */
    font-size: 44px;
    text-align: center;
}

.indent_inn h2 b {
    vertical-align: baseline;
    color: #f44336;
}

.indent_inn {
    padding: 0 20px;
    width: 100%;
    max-width: 1170px;
}

.ddexitForm {
    margin-top: 30px;
    width: 100%;
}

.indent-pop ul {
    margin: 0;
    width: 100%;
    float: left;
}

.indent-pop ul li.ind-line {
    width: 26.2%;
    float: left;
    padding: 0 5px;
}

.indent-pop ul li.ind-line input {
    height: 60px;
    display: block;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 17px 10px 16px 20px;
    width: 100%;
}

.indent-pop ul li.ind-line i.fa {
    display: none;
}

.indent-pop ul li.ind-line input[type="submit"] {
    font-size: 17px;
    background-color: #00996d;
    border-color: #00996d;
    color: #fff;
    padding: 15px 25px;
    cursor: pointer;
}

.indent-pop ul li.ind-line.last {
    width: 21%;
}

#ddexitpopwrapper {
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    pointer-events: none;
    align-items: center;
    justify-content: center;
}

#ddexitpopwrapper .veil {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,.7);
    content: "";
    z-index: 1;
    display: none;
    cursor: default;
}

.ddexitpop {
    width: 100%;
    padding: 0;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background: white;
    left: 0;
    top: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    visibility: hidden;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ddexitpop .calltoaction {
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    padding: 15px;
    background: #15C5FF;
    display: block;
    width: 80%;
    margin: 10px auto;
    text-align: center;
    color: white !important;
}

div.closeexitpop {
    background: url('../images/xclose.png') no-repeat scroll center center;
    width: 70px;
    height: 70px;
    overflow: hidden;
    display: none;
    position: fixed;
    cursor: pointer;
    text-indent: -1000px;
    z-index: 3;
    top: 10px;
    right: 10px;
    background-size: 20px;
    opacity: 0.7;
}

#ddexitpopwrapper.open {
    pointer-events: auto;
}

#ddexitpopwrapper.open .veil {
    display: block;
}

#ddexitpopwrapper.open div.closeexitpop {
    display: block;
}

#ddexitpopwrapper.open .ddexitpop {
    visibility: visible;
}

@media screen and (max-width: 850px) {
    .ddexitpop {
        /* top: 0; */
    }

    .indent-pop ul li.ind-line {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .indent-pop ul li.ind-line input[type="submit"] {
        width: auto;
    }

    .indent_inn h2 {
        font-size: 30px;
    }

    .indent_inn h2 br {
        display: none;
    }
}

ul.submenu.mediting::after {
    left: 830px;
}



:root {
    --green: #62E389;
    --navy: #07163F;
    --navy-2: #16295C;
    --ink: #222E41;
    --indigo: #2B2460;
    --gold: #E1B433;
    --cream: #FBEFB9;
    --grey: #EDEFF3;
      --navy-900:#13224a;
    --navy-800:#1b2c5c;
    --navy-ink:#192a55;
    --slate:#525d78;
     --white:#ffffff;
    --line:#ecedf3;
    --gold-soft:#fcf1d2;
    --green:#54cf94;
    --green-dark:#3fbb80;
}

.new-editing-banner {
    background: radial-gradient(circle at 78% 20%, #1c3a7a 0, transparent 42%), radial-gradient(circle at 12% 88%, #123060 0, transparent 45%), var(--navy);
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}
.new-editing-banner h1{
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    line-height: 46px;
    margin-bottom: 16px;
}
.new-editing-banner p{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 24px;
}
.new-editing-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .10) 1.4px, transparent 1.4px);
    background-size: 20px 20px;
    opacity: .5;
    pointer-events: none;
}

.new-editing-banner::after {
    content: "";
    position: absolute;
    right: -60px;
    bottom: -110px;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    border: 46px solid rgba(98, 227, 137, .10);
}

.assurance {
    padding-top: 0;
}
.assurance .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}
.assurance .box {
    background: var(--grey);
    padding: 28px 20px;
    text-align: center;
}
.assurance .box h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--navy-2);
    line-height: 1.3;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}
.assurance .box .seal {
    margin: 16px auto;
    width: 74px;
    height: 74px;
}
.assurance .box p {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 0;
}

.new-comprehensive p{color:white;}
.dev-npage .heading {
    margin: 0 0 19px;
}

/* ===== faqs ===== */
.faqs{background:var(--grey)}
.faqs .list{max-width:860px;margin:0 auto}
.faqs details{background:#fff;margin-bottom:12px;border-left:4px solid var(--green)}
.faqs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;font-size:16px;font-weight:600;color:var(--navy-2)}
.faqs summary::-webkit-details-marker{display:none}
.faqs summary::after{content:"+";font-size:24px;font-weight:600;color:var(--green);line-height:1}
.faqs details[open] summary::after{content:"\2013"}
.faqs details p{padding:0 20px 18px;font-size:14px;font-weight:500;line-height:22px}

/* ===== text blocks (why hire / affordable / collaborative / choose) ===== */
.value-blocks{background:#fff}
.value-blocks .grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.value-blocks .box{border:1px solid #E3E7EF;border-top:4px solid var(--green);padding:26px 24px;background:#fff}
.value-blocks .box h4{font-size:19px;font-weight:600;color:var(--navy-2);margin-bottom:10px}
.value-blocks .box p{font-size:13.5px;font-weight:500;line-height:21px}

/* ===== services grid ===== */
.nservices{
    background: #112e5d;
}
.nservices *{
    color: #fff;
}
.nservices .wrap{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center}
.nservices .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 22px}
.nservices .item h4{background:var(--cream);color:var(--ink);font-size: 18px;font-weight:500;padding:6px 10px;margin-bottom:12px}
.nservices .item p{font-size:13px;font-weight:500;line-height:20px;color: #11214e;margin: 0;}
.nservices .side img{width:100%;height:auto}
.nservices .btn-row{margin-top:34px;display:flex;gap:14px}
.btn-outline-navy{background:transparent;border-color:var(--navy-2);color:var(--navy-2)}
.btn-outline-navy:hover{background:var(--navy-2);color:#fff}

/* ===== why it matters (2-col) ===== */
.why-matters .row{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.why-matters p{font-size:15px;font-weight:500;margin-bottom:14px}
.checks{margin:18px 0 26px;display:grid;grid-template-columns:1fr 1fr;gap:12px 26px}
.checks li{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:500}
.checks svg{flex:0 0 22px;width:22px;height:22px;margin-top:1px}

/* Manuscript Editing page — subtle on-brand variation (gold/amber accent + refinements) */
.ms-editing .heading h6{ background:#F2C230 !important; color:#16295C !important; }
.ms-editing .heading.text-center h2:after{ content:""; display:block; width:74px; height:4px; border-radius:4px; background:#F2C230; margin:16px auto 0; }
.ms-editing .heading.left h2:after{ content:""; display:block; width:74px; height:4px; border-radius:4px; background:#F2C230; margin:16px 0 0; }
.ms-editing .new-editing-banner h1:after{ content:""; display:block; width:92px; height:4px; border-radius:4px; background:#F2C230; margin:18px auto 2px; }
.ms-editing .new-editing-banner::after{ border-color:rgba(242,194,48,.14) !important; }
.ms-editing .assurance .box{ border-top:4px solid #F2C230; border-radius:10px; transition:transform .35s ease, box-shadow .35s ease; }
.ms-editing .assurance .box:hover{ transform:translateY(-6px); box-shadow:0 18px 40px rgba(22,41,92,.12); }
.ms-editing .nservices .item{ background:#fff; border:1px solid #E3E7EF; border-left:4px solid #F2C230; border-radius:8px; padding:18px 18px 14px; transition:transform .35s ease, box-shadow .35s ease; }
.ms-editing .nservices .item:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(22,41,92,.10); }
.ms-editing .nservices .item h4{ background:transparent; color:#16295C; padding:0; font-weight:600; }
.ms-editing .nservices .side img{ border-radius:14px; }
.ms-editing .value-blocks .box{ border-top-color:#F2C230 !important; border-radius:10px; transition:transform .35s ease, box-shadow .35s ease; }
.ms-editing .value-blocks .box:hover{ transform:translateY(-5px); box-shadow:0 16px 36px rgba(22,41,92,.10); }
.ms-editing .our-process .box{ border-radius:14px; }
.ms-editing .owl-theme .owl-dots .owl-dot.active span,
.ms-editing .owl-theme .owl-dots .owl-dot:hover span{ background:#F2C230 !important; }

 /* ---- grid ---- */
  .ls-grid{
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap:24px;
    /* text-align: center; */
  }
  .ls-card{
    position:relative;
    background:var(--white);
    border-radius:16px;
    padding:34px 32px;
    overflow:hidden;
    box-shadow:0 18px 40px -24px rgba(8,16,40,.55);
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .ls-card::before{
    content:"";position:absolute;top:0;left:0;height:100%;width:4px;
    background:var(--gold);
    transform:scaleY(0);transform-origin:top;
    transition:transform .3s ease;
  }
  .ls-card:hover{transform:translateY(-6px);box-shadow:0 28px 55px -22px rgba(8,16,40,.6)}
  .ls-card:hover::before{transform:scaleY(1)}

  .ls-icon{
    width:54px;
    height:54px;
    border-radius:13px;
    background:var(--gold-soft);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
  }
  .ls-icon svg{width:27px;height:27px;stroke:var(--gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

  .ls-card h3{
    font-family:"Plus Jakarta Sans",sans-serif;
    font-weight:700;font-size:20px;
    color:var(--navy-ink);
    margin-bottom:12px;line-height:1.3;
  }
  .ls-card p{
    font-size:15px;
    line-height:1.7;
    color:var(--slate);
    margin: 0;
  }
  /* ---------- TRUST STRIP ---------- */
  .strip{background:var(--navy-800);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
  .strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding: 20px 0;}
  .strip-item{display:flex;align-items:center;gap:12px;justify-content:center}
  .strip-item svg{width:26px;height:26px;stroke:var(--gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
  .strip-item span{font-size:14.5px;font-weight:600;color:rgba(255,255,255,.85);line-height:1.3}
  
  .new-editing-banner h6 {
      display: inline-block;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
    padding: 7px 16px;
    border-radius: 6px;
    margin-bottom: 20px;
    background: var(--gold);
    color: var(--navy-900);
}

 /* ---------- INTRO SPLIT ---------- */
  .split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
  .split .eyebrow{background:var(--teal-soft);color:#1f7f88}
  .split h2{font-weight:800;font-size:clamp(24px,3.2vw,36px);line-height:1.2;margin-bottom:20px}
  .split p{font-size:16px;line-height:1.75;color:var(--slate);margin-bottom:16px}
  .split-visual{
    background:linear-gradient(160deg,#1b2c5c,#13224a);
    border-radius:20px;padding:40px;color:#fff;position:relative;overflow:hidden;
    box-shadow:0 30px 60px -30px rgba(8,16,40,.5);
  }
  .split-visual .veyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:22px;display:block}
  .vlist{list-style:none;display:flex;flex-direction:column;gap:16px}
  .vlist li{display:flex;gap:13px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.88)}
  .vlist li svg{width:22px;height:22px;flex:none;stroke:var(--green);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
  
  
/*New Header*/
:root{
  --bgw-navy:#1a1f3a;
  --bgw-ink:#0f1226;
  --bgw-green:#2c7a52;
  --bgw-green-bright:#3a9b66;
  --bgw-green-soft:#eef6f1;
  --bgw-paper:#ffffff;
  --bgw-line:#e8eaf0;
  --bgw-muted:#6b7186;
  --bgw-shadow:0 18px 50px -18px rgba(15,18,38,.28);
  --bgw-radius:14px;
}

/* ---------- Reset (scoped) ---------- */
.bgw-shell *,
.bgw-shell *::before,
.bgw-shell *::after{box-sizing:border-box;margin:0;padding:0;}

.bgw-shell{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  position:sticky;top:0;z-index:9999;
  background:var(--bgw-paper);
  border-bottom:1px solid var(--bgw-line);
  transition:box-shadow .3s ease, padding .3s ease;
}
.bgw-shell.bgw-is-stuck{box-shadow:0 8px 30px -16px rgba(15,18,38,.35);}

.bgw-bar{
  max-width:1400px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:0 28px;height:84px;
  transition:height .3s ease;
}
.bgw-shell.bgw-is-stuck .bgw-bar{height:70px;}

/* ---------- Brand ---------- */
.bgw-brand{display:flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0;}
.bgw-brand-mark{
  width:46px;height:46px;border-radius:50%;flex-shrink:0;
  background:radial-gradient(circle at 30% 25%, var(--bgw-green-bright), var(--bgw-green) 55%, var(--bgw-navy) 130%);
  display:grid;place-items:center;color:#fff;
  font-weight:700;font-size:21px;letter-spacing:-1px;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.18), 0 6px 16px -6px rgba(44,122,82,.55);
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.bgw-brand:hover .bgw-brand-mark{transform:rotate(-8deg) scale(1.05);}
.bgw-brand-text{line-height:1.02;}
.bgw-brand-text .bgw-b1{
  display:block;font-weight:700;font-size:21px;
  color:var(--bgw-navy);letter-spacing:-.3px;
}
.bgw-brand-text .bgw-b2{
  display:block;font-weight:600;font-size:19px;
  color:var(--bgw-navy);letter-spacing:-.3px;margin-top:-3px;
}

/* ---------- Desktop nav ---------- */
.bgw-nav{display:flex;align-items:center;gap:2px;}
.bgw-item{position:relative;}

.bgw-link{
  display:flex;align-items:center;gap:6px;
  padding:11px 11px;border-radius:9px;
  font-size:14.5px;font-weight:500;color:var(--bgw-navy);
  text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:color .2s ease, background .2s ease;
}
.bgw-link svg.bgw-tip{font-size:12px;color:var(--bgw-green);display:none;}
.bgw-link .bgw-caret{font-size:10px;color:var(--bgw-navy);transition:transform .25s ease;}
.bgw-link:hover{color:var(--bgw-green);background:var(--bgw-green-soft);}
.bgw-link:hover .bgw-caret{color:var(--bgw-green);}

/* active-ish underline accent */
.bgw-link::after{
  content:"";position:absolute;left:11px;right:11px;bottom:4px;height:2px;
  background:var(--bgw-green);border-radius:2px;
  transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.bgw-item.bgw-open > .bgw-link::after,
.bgw-link:hover::after{transform:scaleX(1);}
.bgw-item.bgw-open > .bgw-link .bgw-caret{transform:rotate(180deg);}

/* ---------- Dropdown / Mega panels ---------- */
.bgw-panel{
  position:absolute;top:calc(100% + 10px);left:0;
  background:var(--bgw-paper);
  border:1px solid var(--bgw-line);
  border-radius:var(--bgw-radius);
  box-shadow:var(--bgw-shadow);
  padding:18px;
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .26s ease, transform .26s ease, visibility .26s;
  z-index:50;
}
.bgw-panel::before{ /* little notch */
  content:"";position:absolute;top:-6px;left:28px;width:12px;height:12px;
  background:var(--bgw-paper);border-left:1px solid var(--bgw-line);border-top:1px solid var(--bgw-line);
  transform:rotate(45deg);
}
.bgw-item.bgw-open > .bgw-panel{opacity:1;visibility:visible;transform:translateY(0);}

/* single-column dropdown (Editing) */
.bgw-panel--single{min-width:248px;}

/* MEGA: break out of the item and center inside the header container.
   We position it fixed-to-container by anchoring to .bgw-bar via the shell. */
.bgw-panel--mega{
  display:grid;gap:4px 14px;
  width:min(92vw,900px);
  /* JS sets --bgw-shift to keep the panel inside the viewport */
  left:var(--bgw-shift,0);
}
.bgw-panel--mega .bgw-sub{white-space:normal;line-height:1.25;}
.bgw-panel--mega::before{left:var(--bgw-notch,28px);}
.bgw-panel--cols4{grid-template-columns:repeat(4,1fr);}
.bgw-panel--cols5{grid-template-columns:repeat(5,1fr);}

.bgw-sub{
  display:flex;align-items:center;gap:10px;
  padding:9px 11px;border-radius:8px;
  font-size:14px;font-weight:500;color:var(--bgw-navy);
  text-decoration:none;white-space:nowrap;
  transition:background .18s ease, color .18s ease, padding-left .18s ease;
}
.bgw-sub svg{
  font-size:12px;color:var(--bgw-green);width:16px;text-align:center;flex-shrink:0;
  transition:transform .2s ease;
}
.bgw-sub:hover{background:var(--bgw-green-soft);color:var(--bgw-green);padding-left:15px;}
.bgw-sub:hover svg{transform:scale(1.25);}

/* mega header chip */
.bgw-mega-head{
  grid-column:1 / -1;
  display:flex;align-items:center;gap:10px;
  padding:6px 11px 12px;margin-bottom:6px;
  border-bottom:1px dashed var(--bgw-line);
}
.bgw-mega-head .bgw-mh-ic{
  width:34px;height:34px;border-radius:9px;display:grid;place-items:center;
  background:var(--bgw-green-soft);color:var(--bgw-green);font-size:15px;
}
.bgw-mega-head h4{font-size:16px;color:var(--bgw-navy);font-weight:600;}
.bgw-mega-head span{display:block;font-size:12px;color:var(--bgw-muted);font-weight:400;margin-top:1px;}

/* ---------- CTA ---------- */
.bgw-cta{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 20px;border-radius:10px;
  background:var(--bgw-green);color:#fff;font-weight:600;font-size:14.5px;
  text-decoration:none;white-space:nowrap;flex-shrink:0;
  box-shadow:0 8px 18px -8px rgba(44,122,82,.7);
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.bgw-cta i{transition:transform .25s ease;}
.bgw-cta:hover{background:var(--bgw-ink);transform:translateY(-2px);box-shadow:0 12px 24px -10px rgba(15,18,38,.6);}
.bgw-cta:hover i{transform:translateX(3px);}

/* ---------- Burger ---------- */
.bgw-burger{
    z-index: 999999;
  display:none;width:46px;height:46px;border:1px solid var(--bgw-line);
  background:var(--bgw-paper);border-radius:11px;cursor:pointer;
  position:relative;flex-shrink:0;
  transition:border-color .2s ease, background .2s ease;
}
.bgw-burger:hover{border-color:var(--bgw-green);background:var(--bgw-green-soft);    }
.bgw-burger span{
  position:absolute;left:50%;top:50%;width:20px;height:2px;border-radius:2px;
  background:var(--bgw-navy);transform:translate(-50%,-50%);
  transition:transform .3s ease, opacity .25s ease;
}
.bgw-burger span:nth-child(1){transform:translate(-50%,-7px);}
.bgw-burger span:nth-child(3){transform:translate(-50%,5px);}
.bgw-burger.bgw-active span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg);}
.bgw-burger.bgw-active span:nth-child(2){opacity:0;}
.bgw-burger.bgw-active span:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg);}

/* ---------- Mobile overlay ---------- */
.bgw-overlay{
  position:fixed;inset:0;background:rgba(15,18,38,.45);
  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;z-index:9998;
}
.bgw-overlay.bgw-show{opacity:1;visibility:visible;}

/* ========================================================
   RESPONSIVE
   ======================================================== */
@media (max-width:1150px){
  .bgw-burger{display:block;}
  .bgw-cta{display:none;}

  /* turn nav into slide-in drawer */
  .bgw-nav{
    position:fixed;top:0;right:0;height:100dvh;width:min(380px,86vw);
    background:var(--bgw-paper);
    flex-direction:column;align-items:stretch;gap:0;
    padding:88px 18px 32px;overflow-y:auto;
    box-shadow:-16px 0 50px -20px rgba(15,18,38,.4);
    transform:translateX(105%);transition:transform .38s cubic-bezier(.3,.8,.2,1);
    z-index:9999;
  }
  .bgw-nav.bgw-open-drawer{transform:translateX(0);}

  .bgw-item{border-bottom:1px solid var(--bgw-line);}
  .bgw-item:last-child{border-bottom:none;}

  .bgw-link{
    padding:15px 8px;border-radius:0;justify-content:space-between;font-size:16px;
  }
  .bgw-link:hover{background:transparent;color:var(--bgw-green);}
  .bgw-link::after{display:none;}
  .bgw-link .bgw-l-label{display:flex;align-items:center;gap:11px;}
  .bgw-link svg.bgw-tip{display:inline-block;width:18px;text-align:center;}

  /* panels become accordions */
  .bgw-panel{
    position:static;opacity:1;visibility:visible;transform:none;
    box-shadow:none;border:none;border-radius:0;padding:0;
    display:none;width:auto;max-width:none;
    background:var(--bgw-green-soft);
    border-radius:10px;overflow:hidden;margin:0 0 10px;
  }
  .bgw-panel::before{display:none;}
  .bgw-item.bgw-open > .bgw-panel{display:block;}

  .bgw-panel--mega{grid-template-columns:1fr !important;gap:0;}
  .bgw-mega-head{margin:0;padding:14px 14px 12px;border-bottom:1px solid rgba(44,122,82,.18);}

  .bgw-sub{padding:13px 16px;border-radius:0;font-size:14.5px;}
  .bgw-sub:hover{padding-left:20px;background:rgba(44,122,82,.1);}

  /* mobile CTA inside drawer */
  .bgw-mobile-cta{
    display:flex;align-items:center;justify-content:center;gap:8px;
    margin-top:22px;padding:15px;border-radius:11px;
    background:var(--bgw-green);color:#fff;font-weight:600;font-size:15px;text-decoration:none;
  }
}
.bgw-mobile-cta{display:none;}
@media (max-width:1150px){.bgw-mobile-cta{display:flex;}}

@media (max-width:480px){
  .bgw-bar{padding:0 18px;height:74px;}
  .bgw-brand-text .bgw-b1{font-size:18px;}
  .bgw-brand-text .bgw-b2{font-size:16px;}
  .bgw-brand-mark{width:42px;height:42px;font-size:19px;}
}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  .bgw-shell *{transition:none !important;}
}



/*New Footer*/
.bgf-footer, .bgf-footer *, .bgf-footer *::before, .bgf-footer *::after { box-sizing: border-box; }

  .bgf-footer {
    --bgf-bg: #030f26; --bgf-bg-2: #05193c; --bgf-surface: #0a2248;
    --bgf-card: rgba(255,255,255,0.03);
    --bgf-green: #5fdd8f; --bgf-green-2: #34d399; --bgf-dot: rgba(140,175,225,1);
    --bgf-white: #eaf0f8; --bgf-dim: #93a3bc;
    --bgf-line: rgba(132,166,214,0.18); --bgf-line-soft: rgba(255,255,255,0.07);
    

    /* ---- background image / texture controls ---- */
    --bgf-bg-photo: none;  /* set to url('your-image.jpg') to add a real photo */
    --bgf-bg-overlay: linear-gradient(180deg, rgba(5,24,58,0.82), rgba(3,14,36,0.90));
    --bgf-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='bgfn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23bgfn)' opacity='0.05'/%3E%3C/svg%3E");
    --bgf-dotgrid: radial-gradient(rgba(150,180,225,0.06) 1px, transparent 1.5px);

    position: relative; overflow: hidden; isolation: isolate;
    background-color: var(--bgf-bg-2);
    background-image: var(--bgf-noise), var(--bgf-dotgrid), var(--bgf-bg-overlay), var(--bgf-bg-photo);
    background-size: 180px 180px, 22px 22px, cover, cover;
    background-position: center, center, center, center;
    background-repeat: repeat, repeat, no-repeat, no-repeat;
    color: var(--bgf-white);
    -webkit-font-smoothing: antialiased; border-top: 1px solid var(--bgf-line);
    padding-bottom: 20px;
  }
  .bgf-footer::before, .bgf-footer::after { content:""; position:absolute; z-index:-1; border-radius:50%; filter:blur(72px); pointer-events:none; }
  .bgf-footer::before { width:520px; height:520px; top:-210px; left:-120px; background:radial-gradient(circle, rgba(47,99,181,0.22), transparent 65%); animation:bgf-drift-a 20s ease-in-out infinite alternate; }
  .bgf-footer::after { width:440px; height:440px; top:-170px; right:-90px; background:radial-gradient(circle, rgba(47,99,181,0.14), transparent 65%); animation:bgf-drift-b 24s ease-in-out infinite alternate; }
  @keyframes bgf-drift-a { to { transform: translate(120px,70px) scale(1.15); } }
  @keyframes bgf-drift-b { to { transform: translate(-90px,90px) scale(1.1); } }

  .bgf-inner {/* position:relative; *//* max-width:1240px; *//* margin:0 auto; *//* padding:60px 32px 30px; */}

  /* ============ MASTHEAD ============ */
  .bgf-masthead { padding-bottom:24px; margin-bottom:42px; border-bottom:1px solid var(--bgf-line-soft); }
  .bgf-top { display:flex; align-items:center; justify-content:space-between; gap:20px 32px; flex-wrap:wrap; }
  .bgf-brand {display: block;}
  .bgf-mark {/* width:48px; *//* height:48px; *//* display:grid; *//* place-items:center; *//* border-radius:50%; *//* border:1px solid var(--bgf-line); *//* background:radial-gradient(circle at 35% 30%, rgba(95,221,143,0.20), rgba(95,221,143,0.03)); */max-width: 100%;}
  .bgf-mark svg { width:26px; height:26px; }
  .bgf-brand-text { display:flex; flex-direction:column; }
  .bgf-brand-name {  font-weight:800; font-size:1.5rem; line-height:1; color:var(--bgf-white); letter-spacing:-0.01em; }
  .bgf-brand-sub {  font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; color:var(--bgf-green); margin-top:9px; }

  .bgf-social { display:flex; gap:10px; flex-wrap:wrap; }
  .bgf-soc { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; border:1px solid var(--bgf-line); color:var(--bgf-dim); background:var(--bgf-card); transition:transform .25s, background .25s, color .25s, border-color .25s, box-shadow .25s; }
  .bgf-soc svg { width:17px; height:17px; fill:currentColor; }
  .bgf-soc:hover, .bgf-soc:focus-visible { color:#06140c; background:linear-gradient(100deg,var(--bgf-green),var(--bgf-green-2)); border-color:transparent; transform:translateY(-4px); box-shadow:0 12px 26px -10px rgba(52,211,153,0.55); outline:none; }
  .bgf-soc:focus-visible { box-shadow:0 0 0 3px rgba(95,221,143,0.45); }

  .bgf-contactbar { display:flex; align-items:center; flex-wrap:wrap; gap:11px 18px; margin-top:24px; }
  .bgf-cinfo { display:inline-flex; align-items:center; gap:9px; font-size:.92rem; color:var(--bgf-dim); text-decoration:none; transition:color .2s; }
  .bgf-cinfo svg { width:16px; height:16px; flex:0 0 auto; stroke:var(--bgf-green); fill:none; stroke-width:1.6; }
  .bgf-cinfo:hover { color:var(--bgf-white); }
  .bgf-sep { width:4px; height:4px; border-radius:50%; background:var(--bgf-green); opacity:.55; flex:0 0 auto; }

  /* ============ HERO: GET-A-QUOTE BANNER ============ */
  .bgf-cta-banner { position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:38px; flex-wrap:wrap; padding:clamp(28px,4vw,50px); border:1px solid var(--bgf-line); border-radius:26px;
    background: radial-gradient(130% 160% at 100% 0%, rgba(47,99,181,0.26), transparent 52%), linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.012)), var(--bgf-surface);
    box-shadow:0 34px 80px -34px rgba(0,0,0,0.75); }
  .bgf-cta-banner::before { content:""; position:absolute; top:-30px; right:-30px; width:250px; height:250px; background-image:radial-gradient(var(--bgf-dot) 1.1px, transparent 1.3px); background-size:15px 15px; -webkit-mask-image:radial-gradient(closest-side,#000 28%,transparent 76%); mask-image:radial-gradient(closest-side,#000 28%,transparent 76%); opacity:.10; pointer-events:none; }
  .bgf-cta-left { flex:1 1 430px; min-width:270px; }
  .bgf-cta-kicker { font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:var(--bgf-green); display:inline-flex; align-items:center; gap:8px; margin-bottom:16px; }
  .bgf-cta-kicker::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--bgf-green); box-shadow:0 0 10px var(--bgf-green); }
  .bgf-cta-title {font-weight:800;font-size:clamp(1.7rem,3.8vw,3rem);line-height:1.05;letter-spacing:-0.02em;color:var(--bgf-white);margin:0;max-width: 25ch;}
  .bgf-type { background:linear-gradient(100deg,var(--bgf-green),var(--bgf-green-2)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; white-space:nowrap; }
  .bgf-caret { display:inline-block; width:.5ch; margin-left:1px; color:var(--bgf-green); -webkit-text-fill-color:var(--bgf-green); animation:bgf-blink 1s steps(1) infinite; }
  @keyframes bgf-blink { 50% { opacity:0; } }
  .bgf-cta-desc { margin:18px 0 0; max-width:46ch; font-size:1.02rem; line-height:1.6; color:#bccadd; }
  .bgf-cta-actions { flex:0 0 auto; display:flex; flex-direction:column; gap:14px; align-items:flex-start; }
  .bgf-quote { position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:11px; padding:17px 34px; border-radius:999px; font-weight:700; font-size:1.06rem; color:#06140c; background:linear-gradient(100deg,var(--bgf-green),var(--bgf-green-2)); text-decoration:none; white-space:nowrap; box-shadow:0 16px 38px -12px rgba(52,211,153,0.6); transition:transform .25s ease, box-shadow .25s ease; }
  .bgf-quote svg { width:18px; height:18px; transition:transform .25s ease; }
  .bgf-quote::after { content:""; position:absolute; top:0; left:-120%; width:55%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,0.55),transparent); transform:skewX(-18deg); transition:left .6s ease; }
  .bgf-quote:hover { transform:translateY(-3px); box-shadow:0 22px 46px -12px rgba(52,211,153,0.78);    color: #152c50; }
  .bgf-quote:hover svg { transform:translateX(4px); }
  .bgf-quote:hover::after { left:150%; }
  .bgf-quote:focus-visible { outline:3px solid rgba(95,221,143,0.5); outline-offset:3px; }
  .bgf-call { font-size:.92rem; color:var(--bgf-dim); display:inline-flex; align-items:center; gap:8px; }
  .bgf-call svg { width:15px; height:15px; stroke:var(--bgf-green); fill:none; stroke-width:1.7; }
  .bgf-call a { color:var(--bgf-white); text-decoration:none; font-weight:600; }
  .bgf-call a:hover { color:var(--bgf-green); }

  /* genre pills */
  .bgf-genres { margin-top:50px; }
  .bgf-label { font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:var(--bgf-dim); display:flex; align-items:center; gap:12px; margin-bottom:18px; }
  .bgf-label::after { content:""; flex:1; height:1px; background:var(--bgf-line-soft); }
  .bgf-pills { display:flex; flex-wrap:wrap; gap:9px; }
  .bgf-pill { display:inline-block; padding:7px 14px; border-radius:999px; border:1px solid var(--bgf-line); background:var(--bgf-card); color:var(--bgf-dim); font-size:.85rem; text-decoration:none; transition:color .2s, background .2s, border-color .2s, transform .2s !important; }
  .bgf-pill:hover, .bgf-pill:focus-visible { color:#06140c; background:linear-gradient(100deg,var(--bgf-green),var(--bgf-green-2)); border-color:transparent; transform:translateY(-2px); outline:none; }
  .bgf-pill:focus-visible { box-shadow:0 0 0 3px rgba(95,221,143,0.45); }

  .bgf-rule { height:1px; margin:50px 0 44px; background:linear-gradient(90deg, transparent, var(--bgf-line) 12%, var(--bgf-line) 88%, transparent); }

  /* ============ 3 open columns (Studio · Editing · Writing Services) ============ */
  .bgf-cols { display:grid; grid-template-columns:1fr 1fr 1.7fr; }
  .bgf-col { padding:2px 46px; min-width:0; }
  .bgf-col:first-child { padding-left:0; }
  .bgf-col:last-child { padding-right:0; }
  .bgf-col + .bgf-col { border-left:1px solid var(--bgf-line-soft); }

  .bgf-h { display:flex; align-items:center; gap:9px; font-weight:700; font-size:1.02rem; color:var(--bgf-white); margin:0 0 18px; }
  .bgf-h::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--bgf-green); box-shadow:0 0 10px rgba(95,221,143,0.7); }
  .bgf-list { list-style:none; margin:0; padding:0; }
  .bgf-list--two { column-count:2; column-gap:24px; }
  .bgf-li { break-inside:avoid; margin-bottom:11px; }
  .bgf-link { position:relative; display:inline-flex; align-items:center; color:var(--bgf-dim); font-size:.92rem; line-height:1.4; text-decoration:none; transition:color .2s !important; }
  .bgf-link::before { content:"__’"; width:0; opacity:0; margin-right:0; overflow:hidden; color:var(--bgf-green); transition:width .2s, opacity .2s, margin-right .2s !important;  }
  .bgf-link:hover, .bgf-link:focus-visible { color:var(--bgf-white); outline:none; }
  .bgf-link:hover::before, .bgf-link:focus-visible::before { width:1ch; opacity:1; margin-right:7px; }
  .bgf-link:focus-visible { color:var(--bgf-green); }

  /* ============ bottom bar: © left, legal right (one line) ============ */
  .bgf-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px 26px; margin-top:50px; padding-top:26px; border-top:1px solid var(--bgf-line-soft); }
  .bgf-copy { margin:0; font-size:.88rem; color:var(--bgf-dim); width:auto; }
  .bgf-copy b { color:var(--bgf-green); font-weight:700; }
  .bgf-legal { display:flex; align-items:center; gap:10px 22px; flex-wrap:wrap; }
  .bgf-legal a { color:var(--bgf-dim); font-size:.88rem; text-decoration:none; transition:color .2s; white-space:nowrap; }
  .bgf-legal a:hover, .bgf-legal a:focus-visible { color:var(--bgf-green); outline:none; }

  @media (max-width:900px) {
    .bgf-cols { grid-template-columns:1fr 1fr; gap:36px 44px; }
    .bgf-col { padding:0; }
    .bgf-col + .bgf-col { border-left:none; }
    .bgf-col-services { grid-column:1 / -1; }
    .bgf-col-services .bgf-list--two { column-count:3; }
  }
  @media (max-width:640px) {
    .bgf-inner { padding:0 22px 0; }
    .bgf-contactbar { flex-direction:column; align-items:flex-start; gap:11px; }
    .bgf-sep { display:none; }
    .bgf-cta-banner { padding:28px 22px; }
    .bgf-cta-actions { width:100%; }
    .bgf-quote { width:100%; justify-content:center; }
    .bgf-cta-title { max-width:100%; }
    .bgf-cols { grid-template-columns:1fr; gap:32px; }
    .bgf-col-services .bgf-list--two { column-count:2; }
    .bgf-bottom { flex-direction:column; align-items:flex-start; }
  }
  @media (prefers-reduced-motion: reduce) {
    .bgf-footer::before, .bgf-footer::after { animation:none; }
    .bgf-caret { animation:none; }
    .bgf-footer * { transition:none !important; }
  }
  /* ===== responsive ===== */
@media(max-width:1100px){
  .services .wrap{grid-template-columns:1fr}
  .services .side{order:-1;max-width:380px;margin:0 auto}
}
@media(max-width:992px){
  nav{display:none}
  .assurance .grid,.process-grid{grid-template-columns:repeat(2,1fr)}
  .why-matters .row{grid-template-columns:1fr}
  .services .grid{grid-template-columns:repeat(2,1fr)}
  footer .cols{grid-template-columns:1fr 1fr}
  .steps-line{display:none}
}
@media(max-width:600px){
  .assurance .grid,.process-grid,.services .grid,.value-blocks .grid,.checks{grid-template-columns:1fr}
  .inner-banner h1{font-size:27px;line-height:36px}
  .heading h2{font-size:26px}
  .cta h2{font-size:28px}
  footer .cols{grid-template-columns:1fr}
}
.home .header-text h1 {
    font-weight: 600;
}