.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);
}
footer ul li svg {
    color: #fff;
    width: 27px;
  }
.btn,
.testimonial .center .item p,
.top p,
header ul li a {
    font-size: 14px;
}

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: #007FFF;
}

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

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

/* Validation messages from jQuery Validate. */
label.error {
    display: block;
    width: 100%;
    margin: 4px 0 0;
    color: #e53935;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
}

input.error,
select.error,
textarea.error {
    border-bottom: 2px solid #e53935 !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: #007FFF;
    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: 18px;
    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: #007FFF;
    color: rgb(255 255 255);
    border-color: #007FFF;
}

.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;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    background: #007FFF;
    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: #000000;
    color: rgb(255 255 255);
    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: #007FFF;
    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(22 128 252 / 70%) 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: #007FFF;
    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: #ffffff;
    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 #007FFF;
    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: #007FFF;
    padding: 6px 0px;
    margin-top: 70px;
}

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

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

.copy .social li a {
    display: block;
    height: 26px;
    width: 26px;
    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;
}

.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,
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:#007FFF;
    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:#007FFF;
    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: #007FFF;
    color: rgb(255, 255, 255);
    border-color: #007FFF;
}

.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:#007FFF;
    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:#007FFF;
    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-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(195 195 195);
    transform: scale(1.1);
}

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

.our-process .box:hover {
    background: #007FFF;
    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:#007FFF;
    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: #007FFF;
    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;
    padding: 15px;
}

.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: #007FFF;
    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 {
    /* Decorative image was not recoverable from the source mirror — drop in
       assets/images/ and reference it here to restore the FAQ flourish. */
    background: none;
    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: #007FFF;
    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: #000;
    background: 0px 0px;
}

ul.submenu li a:hover svg {
    filter: invert(-1.6) sepia(33) saturate(10) hue-rotate(322deg);
}

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

h3.green {
    font-size: 22px;
    color: #007FFF;
}

.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: #007FFF;
    color: #fff;
    background: #007FFF;
}

.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:#007FFF;
}

.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;
}



.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;
}




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



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

.fancybox-close-small,
.popupform button.carousel__button.is-close {
    background: #007FFF;
    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 {

    text-transform: uppercase;
}

h2.limited {
    font-size: 18px;
    color: #ffffff;
    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(255 255 255);
    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;
    
}



.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;
    filter: brightness(0) invert(1);
}

.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;
}


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

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



/* ---------------------------------------------------------------------------
   Social icons — see includes/social.php
   The theme's original social rules all target <i class="fab ..."> elements,
   but this site never loads Font Awesome, so those icons render blank. The
   markup uses inline SVG instead, and the rules below give that SVG the
   colour and sizing the icon font would have carried.
--------------------------------------------------------------------------- */
ul.social {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.social li {
    display: inline-block;
    margin: 0 8px 0 0;
}

ul.social li:last-child {
    margin-right: 0;
}

/* Top bar: white outline circle on the blue band. */
.top ul.social li a {
    color: rgb(255, 255, 255);
    padding-left: 0;
}

/* Footer copy band is the same blue as the top bar, so match the top bar
   rather than the navy the original rule specified — navy on #007FFF is
   almost unreadable. */
.copy ul.social {
    text-align: center;
}

.copy ul.social li a {
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
    padding-left: 0;
}

/* Contact page: icons sit on the light panel, so ink them dark. */
.contact-us .bg ul.social {
    margin-top: 20px;
}

.contact-us .bg ul.social li {
    border: none;
    margin: 0 17px 0 0;
    padding: 0;
}

.contact-us .bg ul.social li a {
    color: rgb(0, 0, 0);
    padding-left: 0;
}

.contact-us .bg ul.social li a svg {
    width: 26px;
    height: 26px;
}

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