*,
body {
    font-family: Poppins, sans-serif
}

h1,
h2,
h3,
h4,
h5 {
    font-family: Oswald, sans-serif;
    font-weight: 400
}

header {
    background: #0000;
    padding: 18px 0;
    position: absolute;
    z-index: 999;
    width: 100%
}

header nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.brand-logo {
    text-decoration: none;
    margin-right: 10px;
    display: block;
    width: 15%;
    position: relative;
    z-index: 999
}

.brand-logo img {
    width: auto;
    margin: 0 20px;
}

.doubleMenu {
    flex-grow: 1
}

.menuInfo ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end
}

.menuInfo ul li a {
    padding: 10px 13px;
    line-height: 1.5;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center
}

.menuInfo ul li a .fas {
    color: #fff;
    font-size: .85rem;
    margin-right: 5px
}

ul.navbar {
    list-style: none;
    padding: 0;
    margin: 0 -.7vw;
    align-items: center;
    display: flex;
    justify-content: flex-end
}

ul.navbar li {
    margin: 0 .7vw;
    display: inherit;
    position: relative
}

ul.navbar li a {
    font-weight: 500;
    padding: 3px 17px;
    text-decoration: none;
    color: #818181;
    font-size: 14px;
    transition: .15s color;
    text-transform: uppercase
}

ul.navbar li a.active,
ul.navbar li a:hover {
    color: #ca9f2b
}

.menu-right {
    padding-left: 29px;
    display: flex;
    align-items: center
}

.navicon {
    padding-left: 30px;
    position: relative;
    z-index: 999
}

.nav-toggle span {
    top: 20px;
    left: 10px
}

.nav-toggle {
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: block;
    position: relative
}

.nav-toggle span,
.nav-toggle span:after,
.nav-toggle span:before {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 1px;
    background-color: #fff;
    cursor: pointer
}

.nav-toggle span,
.nav-toggle span:after,
.nav-toggle span:before {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.nav-toggle span:after,
.nav-toggle span:before {
    width: 26px;
    left: -3px
}

.nav-toggle span:before {
    top: -6px
}

.nav-toggle span:after {
    bottom: -6px
}

.nav-toggle.active span:after,
.nav-toggle.active span:before {
    top: 0
}

.nav-toggle.active span:after,
.nav-toggle.active span:before {
    top: 0
}

.nav-toggle.active span {
    background-color: transparent!important
}

.nav-toggle.active span:after {
    top: 10px;
    -ms-transform: translatey(-10px) rotate(-45deg);
    -webkit-transform: translatey(-10px) rotate(-45deg);
    transform: translatey(-10px) rotate(-45deg);
    background-color: #fff
}

.nav-toggle.active span:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff
}

.btn-default {
    text-transform: uppercase;
    color: #000;
    border-color: #00bcff;
    background: #00bcff;
    padding: 5px 5px;
    min-height: 3.1rem;
    min-width: 12.7rem;
    font-size: 14px;
    font-weight: 700
}

.detailHeader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #333;
    z-index: 99;
    display: flex;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.detailHeader .innerMenu li {
    padding: 5px 0;
    flex: 0 0 100%;
    opacity: 0;
    transition: transform .5s, opacity .5s;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0)
}

.detailHeader .innerMenu li:first-child {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.detailHeader .innerMenu li:nth-child(2) {
    -webkit-transition-delay: 15ms;
    transition-delay: 15ms
}

.detailHeader .innerMenu li a {
    color: #eee;
    line-height: 1.5;
    font-size: 2rem;
    font-weight: 700;
    text-decoration: none
}

.detailHeader .innerMenu li a:hover {
    color: #989595
}

.detailHeader.active .innerMenu li {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.detailHeader.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.detailHeader ul.menuBlock li a {
    color: #eee
}

.detailHeader ul.menuBlock li a:hover {
    color: #989595
}

.headerOpen {
    height: 100%;
    overflow: hidden
}

.banner {
    position: relative
}

.banner .bannerImg {
    background: url(../images/banner-img.jpg) no-repeat 0 -85px scroll;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100vh;
    align-items: center;
    background-size: 100%;
    transform: scaleX(-1);
}

.banner .bannerImg>* {
    width: 100%;
    height: 100vh;
    object-fit: cover
}

.banner .bannerContent {
    padding: 6.25rem 0;
    color: #fff;
    width: 100%;
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center
}

.bannerContent h2 {
    font-size: 80px;
    text-transform: uppercase;
    font-weight: lighter;
    color: #fff;
    line-height: 81px
}

.bannerContent h2 span {
    font-weight: 400;
    font-family: Oswald, sans-serif
}

.banner-btn-group .btn {
    margin: 5px;
    min-width: 14rem
}

.indexBanner.banner .bannerContent {
    /* height: 100vh; */
}

.banner_content {
    width: auto;
    padding: 0 135px
}

.bg-gray {
    background: #999;
    color: #fff
}

.trustedBrand {
    padding: 20px 0
}

.partnerList {
    display: flex;
    width: 100%;
    border-left: 1px solid #eee;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 20px
}

.partnerList li {
    width: auto;
    padding: 5px 15px
}

.light {
    font-weight: 300
}

.slick-slide {
    outline: 0
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .95);
    z-index: 2
}

.slide-video-icon {
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex
}

.main-client-logo {
    background-color: #121212;
    padding: 30px 0;
    border-bottom: 1px solid #1f1f1f
}

.client-logo .item img {
    width: auto
}

.main-client-logo .owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 46px;
    font-weight: 400;
    width: auto;
    height: 76px;
    position: absolute;
    right: 0;
    top: 6px;
    bottom: 0;
    margin: auto;
    z-index: 9
}

.main-client-logo .owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0;
    color: #fff;
    text-decoration: none
}

.main-client-logo button:focus {
    outline: 0
}

.main-client-logo .owl-theme .owl-prev {
    left: auto;
    right: 30px!important
}

.main-client-logo .owl-theme .owl-nav {
    margin-top: 0
}

*,
body {
    font-family: Poppins, sans-serif
}

h1,
h2,
h3,
h4,
h5 {
    font-family: Oswald, sans-serif;
    font-weight: 400
}

header {
    background: #0000;
    padding: 18px 0;
    position: absolute;
    z-index: 999;
    width: 100%
}

header nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.brand-logo {
    text-decoration: none;
    margin-right: 10px;
    display: block;
    width: 15%;
    position: relative;
    z-index: 999;
    padding-left: 12px;
    padding-top: 5px
}

.doubleMenu {
    flex-grow: 1
}

.menuInfo ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end
}

.menuInfo ul li a {
    padding: 10px 13px;
    line-height: 1.5;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center
}

.menuInfo ul li a .fas {
    color: #fff;
    font-size: .85rem;
    margin-right: 5px
}

ul.navbar {
    list-style: none;
    padding: 0;
    margin: 0 -.7vw;
    align-items: center;
    display: flex;
    justify-content: flex-end
}

ul.navbar li {
    margin: 0 .7vw;
    display: inherit;
    position: relative
}

ul.navbar li a {
    font-weight: 500;
    padding: 3px 17px;
    text-decoration: none;
    color: #818181;
    font-size: 14px;
    transition: .15s color;
    text-transform: uppercase
}

ul.navbar li a.active,
ul.navbar li a:hover {
    color: #00bcff;
}

.menu-right {
    padding-left: 29px;
    display: flex;
    align-items: center
}

.navicon {
    padding-left: 30px;
    position: relative;
    z-index: 999
}

.nav-toggle span {
    top: 20px;
    left: 10px
}

.nav-toggle {
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: block;
    position: relative
}

.nav-toggle span,
.nav-toggle span:after,
.nav-toggle span:before {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 1px;
    background-color: #fff;
    cursor: pointer
}

.nav-toggle span,
.nav-toggle span:after,
.nav-toggle span:before {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.nav-toggle span:after,
.nav-toggle span:before {
    width: 26px;
    left: -3px
}

.nav-toggle span:before {
    top: -6px
}

.nav-toggle span:after {
    bottom: -6px
}

.nav-toggle.active span:after,
.nav-toggle.active span:before {
    top: 0
}

.nav-toggle.active span:after,
.nav-toggle.active span:before {
    top: 0
}

.nav-toggle.active span {
    background-color: transparent!important
}

.nav-toggle.active span:after {
    top: 10px;
    -ms-transform: translatey(-10px) rotate(-45deg);
    -webkit-transform: translatey(-10px) rotate(-45deg);
    transform: translatey(-10px) rotate(-45deg);
    background-color: #fff
}

.nav-toggle.active span:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff
}

.btn-default {
    text-transform: uppercase;
    padding: 5px 20px;
    min-height: 3.1rem;
    min-width: 12.7rem;
    font-size: 14px;
    font-weight: 700;
    color: #1a1100;
    border-color: #00bcff;
    background: #00bcff;
    border-radius: 46px;
    text-shadow: 0 1px 1px #00bcff;
}

#entry-popup .btn-default {
    width: 100%;
}

.detailHeader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #121212;
    z-index: 99;
    display: flex;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.svc-img img {
    transition: all 1.5s cubic-bezier(0, 0, .2, 1);
}

.inner-testi-video-box:hover .svc-img img {
    transform: scale(1.1);
}

.detailHeader .innerMenu li {
    padding: 5px 0;
    flex: 0 0 100%;
    opacity: 0;
    transition: transform .5s, opacity .5s;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0)
}

.detailHeader .innerMenu li:first-child {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.detailHeader .innerMenu li:nth-child(2) {
    -webkit-transition-delay: 15ms;
    transition-delay: 15ms
}

.detailHeader .innerMenu li a {
    color: #eee;
    line-height: 1.5;
    font-size: 2rem;
    font-weight: 700;
    text-decoration: none
}

.hmbg-img {
    background-position: right bottom !important;
}

.reverse-2.hmbg-img {
    background-position: left bottom !important;
}

.detailHeader .innerMenu li a:hover {
    color: #00bcff;
}

.detailHeader.active .innerMenu li {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.detailHeader.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.detailHeader:before {
    content: "";
    background-image: url(../images/ft_icon.png);
    background-repeat: repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
}

.det
/*ailHeader:after {
    content: "";
    background-image: url(../images/portfolio-right.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 262px;
    height: 570px;
    right: 0;
    bottom: 30px
}*/

.detailHeader ul.menuBlock li a {
    color: #eee
}

.detailHeader ul.menuBlock li a:hover {
    color: #00bcff;
    text-decoration: none
}

.headerOpen {
    height: 100%;
    overflow: hidden
}

.banner {
    position: relative
}

.banner .bannerImg {
    /* background: #294780; */
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    align-items: center;
    background-size: cover;
    background-position: center;
}

.banner .bannerImg>* {
    width: 100%;
    height: 100vh;
    object-fit: cover
}

.banner .bannerContent {
    padding: 0 0;
    color: #fff;
    width: 100%;
    position: relative;
    z-index: 9;
    display: flex;
}

.bannerContent p {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    padding: 55px 120px 55px 0;
    line-height: 30px;
    margin-bottom: 0;
    padding-bottom: 25px;
    position: relative
}

.bannerContent h2 {
    font-size: 80px;
    text-transform: uppercase;
    font-weight: lighter;
    color: #fff;
    line-height: 81px
}

.bannerContent h2 span {
    font-weight: 400;
    font-family: Oswald, sans-serif
}

.banner-btn-group .btn {
    margin: 5px;
    min-width: 14rem
}

.indexBanner.banner .bannerContent {
    /* height: 100vh; */
}

.banner_content {
    width: auto;
    padding: 80px 150px 0;
}

.bg-gray {
    background: #999;
    color: #fff
}

.trustedBrand {
    padding: 20px 0
}

.formbox {
    padding: 25px !important;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    z-index: 2;
    box-shadow: 10px 10px 0 #00bcff;
    padding-bottom: 20px;
    border-radius: 20px;
    background-color: #171717;
    position: relative;
    margin-top: 60px !important;
    margin-left: 0 !important;
    max-width: 490px;
}

.formbox.entry-box .form-control {
    min-height: 50px;
    font-size: 15px;
}

.sticker {
    position: absolute;
    right: -6px;
    top: -42px;
    height: 109px;
    animation: scale infinite 5s;
    width: 95px;
    height: auto;
    filter: hue-rotate(7deg) brightness(1.5);
}

.formbox.entry-box h4 {
    font-size: 25px;
}

.formbox.entry-box h4 span {
    color: #00bcff;
    font-weight: bold;
}

.formbox.entry-box button.subbtn {
    font-size: 18px;
    margin: 0;
    font-weight: 700;
    color: #1a1100;
    border-radius: 46px;
    border: none;
}

.formbox.entry-box button.subbtn:hover {
    background: #00bcff;
}

.partnerList {
    display: flex;
    width: 100%;
    border-left: 1px solid #eee;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 20px
}

.partnerList li {
    width: auto;
    padding: 5px 15px
}

.light {
    font-weight: 300
}

.slick-slide {
    outline: 0
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    z-index: 2
}

.slide-video-icon {
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex
}

.main-client-logo {
    background-color: #121212;
    padding: 30px 0;
    border-bottom: 1px solid #1f1f1f
}

.client-logo .item img {
    width: auto
}

.main-client-logo .owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 46px;
    font-weight: 400;
    width: auto;
    height: 76px;
    position: absolute;
    right: 0;
    top: 6px;
    bottom: 0;
    margin: auto;
    z-index: 9
}

.main-client-logo .owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0;
    color: #fff;
    text-decoration: none
}

.main-client-logo button:focus {
    outline: 0
}

.main-client-logo .owl-theme .owl-prev {
    left: auto;
    right: 30px!important
}

.main-client-logo .owl-theme .owl-nav {
    margin-top: 0
}

.main-industry {
    background-color: #121212;
    padding: 107px 0;
    position: relative
}

.main-industry:before {
    content: "";
    background-image: url(../images/industry-left.png);
    background-repeat: repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.industry-text h3 {
    color: #fff;
    font-size: 48px;
    font-weight: 400;
    text-transform: uppercase
}

.industry-text h2 {
    color: #00bcff;
    font-size: 36px;
    font-weight: lighter;
    text-transform: uppercase
}

.industry-text p {
    color: #8e8e8e;
    font-size: 16px;
    font-weight: 400;
    padding-right: 154px;
    padding-top: 20px;
    line-height: 26px
}

.industry-point ul li {
    list-style-type: none;
    color: #fff;
    font-size: 16px;
    padding-top: 26px
}

.industry-point ul li i {
    color: #00bcff;
    padding-right: 18px
}

.industry-counter-text {
    text-align: center
}

.industry-counter-text span {
    font-size: 24px;
    color: #00bcff;
    font-weight: 700;
    font-family: Poppins, sans-serif
}

.industry-counter-text span:after {
    content: "+";
}

.industry-counter-text h3 {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    font-family: Poppins, sans-serif
}

.industry-counter {
    padding-top: 80px
}

.main-service {
    padding-top: 60px
}

.service-heading {
    text-align: center;
    padding-bottom: 40px
}

.service-heading h3 {
    font-weight: 700;
    color: #121212;
    font-size: 48px;
    text-transform: uppercase
}

.service-heading h2 {
    font-weight: 400;
    color: #121212;
    font-size: 14px;
    text-transform: uppercase
}

.portfolio-content .portfolio-content-inner {
    min-height: 70vh
}

.portfolio-content .container,
.portfolio-content .six-columns {
    position: static
}

.portfolio-content-bg-box {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 50%;
    top: 0;
    display: inline-block;
    z-index: 2
}

.reverse .portfolio-content-bg-box {
    left: 0
}

.portfolio-content-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.portfolio-content h2 span,
.portfolio-content span {
    margin-bottom: 2px
}

.portfolio-content h2 span:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .portfolio-content .container,
    .portfolio-content .six-columns {
        position: relative
    }
    .portfolio-content-bg-box {
        position: static;
        width: 100%;
        left: 0
    }
    .portfolio-content-bg {
        height: 100vh
    }
}

.flex-min-height-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative
}

.flex-min-height-inner {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.portfolio-content .col-lg-6,
.portfolio-content .container {
    position: static
}

.container.small {
    max-width: 960px
}

.flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.bottom-padding-90 {
    padding-bottom: 90px;
    width: 100%;
    height: 100%;
    background-position: top right;
    background-repeat: no-repeat
}

.content-right-margin-40 {
    margin-right: 40px
}

.content-left-margin-40 {
    margin-left: 40px
}

.hover-box:hover .hover-img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.hidden-box {
    overflow: hidden
}

.hover-img {
    -webkit-transition: 1s cubic-bezier(.86, 0, .07, 1);
    -o-transition: 1s cubic-bezier(.86, 0, .07, 1);
    transition: 1s cubic-bezier(.86, 0, .07, 1)
}

.portfolio-content-bg-box-2 {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 50%;
    top: 0;
    display: inline-block;
    z-index: 2
}

.portfolio-content-bg-2 {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.reverse-2 {
    background-position: top left
}

.content-text {
    position: relative;
    z-index: 3
}

.arrow-btn-box {
    padding-top: 13px;
    min-width: 9.7rem
}

.content-text h3 span {
    color: #121212;
    font-size: 36px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    line-height: 30px
}

.content-text p {
    color: #606060;
    font-size: 15px;
    font-weight: 400;
    font-family: Poppins, sans-serif;
    line-height: 22px;
    padding: 25px 0
}

.heading-white h2,
.heading-white h3 {
    color: #fff
}

.main-portfolio {
    background-color: #121212;
    padding: 120px 0;
    position: relative
}

.main-portfolio:before {
    content: "";
    background-image: url(../images/bg-portfolio.png);
    background-repeat: repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}


/*.main-portfolio:after {
    content: "";
    background-image: url(../images/portfolio-right.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 327px;
    height: 189px;
    right: 30px;
    bottom: 30px
}*/

.portfolio-text .nav-tabs {
    border-bottom: none;
    display: flex;
    justify-content: center
}

.portfolio-text .nav-tabs .nav-link {
    border: 1px solid #fdfdfd;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 10px 40px;
    margin-left: 20px;
    color: #4c4c4c;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase
}

.nav-tabs .nav-link.active,
.portfolio-text .nav-tabs .nav-item.show .nav-link {
    color: #1a1100;
    border-color: #00bcff;
    background: #00bcff;
    border-radius: 5px;
    text-shadow: 0 1px 1px #00bcff;
}

.porfolio-carousel .item {
    padding-top: 70px;
    padding-bottom: 50px
}

.main-testi {
    padding: 120px 0;
    background-color: #fff
}

.client_media {
    position: relative
}

.client_media i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    color: #fff
}

.client_media h3 {
    position: absolute;
    bottom: 35px;
    left: 25px;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    font-family: Poppins, sans-serif
}

.client_media p {
    position: absolute;
    bottom: 0;
    left: 25px;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    font-weight: lighter;
    font-family: Poppins, sans-serif
}

.owl-carousel .owl-item .review-box img {
    width: auto;
    display: inline-block;
    margin-top: 50px;
}

.review-box {
    text-align: center
}

.client_content {
    height: auto;
    background-color: #00bcff;
    padding: 40px 40px;
    min-height: 220px;
    margin-top: 0px;
}

.initials {
    height: 100px;
    background: #1c1c1c;
    width: 100px;
    margin: 45px auto 0;
    color: #00bcff;
    font-size: 36px;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    vertical-align: middle;
    padding-top: 22px;
    font-weight: 600;
}

.review-box:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    border-top: 65px solid #00bcff;
    text-align: center;
    position: absolute;
    z-index: 999;
    bottom: 170px;
    margin-left: -43px;
}

.client_content p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
    line-height: 23px
}

.review-box h6 {
    padding-top: 30px;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #121212
}

.review-box h6 span {
    color: #585858
}

.main-testi .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0;
    text-align: left;
    padding-left: 21%
}

.main-testi .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #262626
}

.main-cta {
    background-color: #1c1c1c;
    padding: 80px 0
}

.cta-form-control input {
    height: 50px;
    border-radius: 6px
}

.main-footer {
    background-color: #121212;
    padding: 70px 0;
    padding-bottom: 30px;
    position: relative;
    z-index: 1;
}

.main-footer:before {
    content: "";
    background-image: url(../images/ft_icon.png);
    background-repeat: repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.footer-address ul {
    padding-top: 28px
}

.footer-address ul li {
    padding-bottom: 16px
}

.footer-address ul li a {
    color: #676767;
    font-size: 16px;
    font-weight: 400;
    font-family: Poppins, sans-serif
}

.footer-sec h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 25px;
    font-family: Poppins, sans-serif
}

.footer-links ul li i {
    color: #00bcff;
    font-size: 14px;
    padding-right: 15px
}

.footer-links ul {
    padding-left: 0
}

.footer-links ul li {
    padding-bottom: 10px;
    list-style: none
}

.footer-links ul li a:hover {
    text-decoration: none;
    color: #fff
}

.footer-links ul li a {
    font-size: 13px;
    font-weight: 400;
    color: #545454;
    font-family: Poppins, sans-serif;
    transition: .3s
}

.footer-sec {
    padding-bottom: 40px;
    border-bottom: 1px solid #252429
}

.main-copyright {
    padding-top: 30px
}

.copyright-text p {
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.terms-text {
    float: right
}

.terms-text ul li {
    display: inline-block;
    padding-left: 15px
}

.terms-text ul .first {
    border-right: 1px solid #676767;
    padding-right: 15px
}

.terms-text ul li a {
    color: #676767;
    font-size: 16px;
    font-weight: 400;
    transition: .3s
}

.terms-text ul li a:hover {
    color: #fff;
    text-decoration: none
}

.ne-abot {
    min-height: 680px!important;
    margin-top: 150px;
}

.footer-about {
    padding-left: 15px
}

.footer-about h3 {
    font-size: 18px;
    padding-bottom: 0;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    /*padding-top: 60px*/
}

.footer-about p {
    font-size: 14px;
    color: #545454;
    line-height: 23px;
    padding-top: 12px
}

.social-icon ul {
    padding-left: 0
}

.social-icon ul li {
    display: inline-block;
    padding-right: 25px;
    padding-top: 10px;
    color: #676666;
}

.icon-envelope2 {
    position: absolute;
    left: 0px;
    top: 2px;
    color: #0c0ea1;
    font-size: 15px;
}

.social-icon ul li a {
    color: #676666;
    transition: .3s
}

.social-icon ul li a:hover {
    color: #00bcff
}

.bannerContent p:before {
    content: "";
    background-color: #00bcff;
    width: 55px;
    height: 4px;
    position: absolute;
    top: 25px;
}

.detailHeader ul.menuBlock li {
    list-style-type: none;
    padding-bottom: 10px
}

.overlay-scroll-btn {
    padding: 0 0 0 10px;
    margin-top: 10px;
    display: flex
}

#down {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: flex;
    opacity: .6
}

#down .fa,
#up .fa {
    color: #fff;
    opacity: .8
}

#up {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: flex;
    opacity: .6
}

#down:hover {
    opacity: 1
}

#up:hover {
    opacity: 1
}

.slimScrollDiv {
    overflow: inherit!important;
    padding-left: 0;
    padding-right: 20px;
    height: auto!important
}

.main-scroll-overlay {
    margin-top: 8px
}

.#parent {
    padding: 0
}

.overlay-scroll-btn {
    padding: 0
}

ul#parent {
    height: 250px!important
}

#parent {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0 0 0 1px;
    margin-bottom: 0
}

.hvr-grow-shadow {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform
}

.hvr-grow-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: wrap-reverse;
    flex-flow: wrap-reverse
}

.about-content .portfolio-content-inner {
    min-height: 849px
}

.about-bottom-padding-90 {
    padding-bottom: 0;
    width: 100%;
    height: 100%;
    background-size: cover
}

.about-content-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.about-content-bg-box {
    position: absolute;
    top: 0;
    display: inline-block;
    z-index: 2;
    width: 48%;
    height: 100%
}

.reverse .about-content-bg-box {
    left: 0
}

.portfolio-content .about-content-inner {
    min-height: 100vh;
}

.about-content-text h2 {
    font-size: 30px;
    font-weight: lighter;
    color: #fff;
    text-transform: uppercase
}

.about-content-text h3 {
    font-size: 60px;
    font-weight: lighter;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 45px;
    margin-bottom: 0
}

.about-content-text h3 span {
    font-weight: 600;
    color: #00bcff;
}

.about-content-text ul {
    padding-left: 8px;
    padding: 50px 0;
    position: relative;
    padding-bottom: 25px
}

.about-content-text ul:before {
    content: "";
    background-color: #00bcff;
    width: 55px;
    height: 4px;
    position: absolute;
    top: 0
}

.about-content-text ul li {
    display: inline-block;
    color: #fff;
    padding-right: 30px
}

.about-arrow-btn-box {
    padding-top: 13px;
    min-width: 12.7rem
}

.about-box {
    border: 1px solid #414141;
    padding: 39px 0;
    text-align: center
}

.about-we-are {
    padding-bottom: 59px;
    border-bottom: 1px solid #414141;
    margin-bottom: 59px;
    padding-top: 20px
}

.about-we-are h3 {
    background: #00bcff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 54px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff
}

.about-box-text {
    padding: 30px 0
}

.about-box-text p {
    font-size: 14px;
    color: #fff;
    font-weight: lighter;
    line-height: 25px
}

.main-about-leader {
    background-color: #1a1a1a;
    padding: 55px 0;
    padding-bottom: 15
}

.leader-heading h2 {
    font-size: 30px;
    color: #fff;
    font-weight: lighter;
    text-transform: uppercase
}

.leader-heading h3 {
    font-size: 42px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase
}

.leader-box {
    padding-bottom: 35px
}

.leader-box img {
    object-fit: cover;
    width: 350px;
    height: 450px;
    transition: all 1.5s cubic-bezier(0, 0, .2, 1);
}

.leader-box:hover img {
    transform: scale(1.1);
}

.leader-box h3 {
    font-size: 30px;
    font-weight: lighter;
    color: #fff;
    padding-top: 20px
}

.leader-heading {
    padding-top: 50px
}

.main-skill {
    background-color: #222;
    align-items: center;
    display: flex;
    padding: 85px 0
}

.main-skill img {
    left: 0
}

.skill-text h3 {
    font-size: 54px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase
}

.skill-text p {
    font-size: 18px;
    font-weight: lighter;
    color: #fff;
    opacity: .5;
    padding-left: 5px
}

.skill-text {
    padding-left: 40px
}

.about-progress-bar {
    width: auto;
    margin: 45px auto
}

.skill {
    margin-bottom: 45px;
    position: relative;
    overflow-x: hidden
}

.skill p {
    font-size: 18px;
    font-weight: lighter;
    color: #fff;
    margin: 0;
    opacity: .5;
    padding-bottom: 5px
}

.skill:before {
    width: 100%;
    height: 2px;
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    bottom: 4px
}

.skill-bar {
    width: 100%;
    height: 10px;
    background: #00bcff;
    display: block;
    position: relative;
    border-radius: 10px
}

.skill1 {
    width: 95%
}

.skill-bar span {
    position: absolute;
    top: -34px;
    padding: 0;
    font-size: 20px;
    padding: 3px 0;
    font-weight: 400;
    color: #fff;
    opacity: .5;
    font-family: Oswald, sans-serif
}

.skill-bar {
    position: relative
}

.skill1 .skill-count1 {
    right: 0
}

.skill2 {
    width: 85%
}

.skill2 .skill-count2 {
    right: 0
}

.skill3 {
    width: 90%
}

.skill3 .skill-count3 {
    right: 0
}

.skill4 {
    width: 100%
}

.skill4 .skill-count4 {
    right: 0
}

.skill5 {
    width: 95%
}

.skill5 .skill-count5 {
    right: 0
}

.skill6 {
    width: 100%
}

.skill6 .skill-count6 {
    right: 0
}

.main-contact {
    background-image: url(../images/contact-banner-right.png);
    background-size: cover;
    width: 100%;
    align-items: center;
    display: flex;
    padding-top: 200px;
    padding-bottom: 100px;
}

.address-banner {
    position: absolute;
    height: 100%;
    width: 45%;
}

.main-contact img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-rolling {
    height: auto;
    background-color: #1a1a1a;
    padding: 5px 0;
    width: 65%;
    text-align: center
}

.contact-address:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 33px solid transparent;
    border-right: 0 solid transparent;
    border-top: 35px solid #1a1a1a;
    text-align: center;
    position: absolute;
    z-index: 999;
    top: 145px;
    right: 171px
}

.contact-rolling h3 {
    font-size: 54px;
    color: #000000;
    font-weight: 600;
}

.contact-address p {
    font-size: 24px;
    color: #fff;
    font-weight: lighter;
    padding: 40px 0 30px 0;
    border-bottom: 1px solid #fff;
    margin-right: 110px;
    margin-bottom: 30px
}

.contact-address {
}

.contact-address a {
    display: flex;
    color: #fff;
    font-size: 20px;
    font-family: Poppins, sans-serif;
    line-height: 27px
}

.contact-address a:hover {
    text-decoration: none
}

.contact-form h3 {
    font-size: 54px;
    color: #fff;
    font-weight: 600
}

.contact-form p {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 40px;
    margin-top: 20px
}

.contact-form-control input {
    height: 50px;
    border-radius: 6px
}

.contact-form-control input {
    height: 50px;
    border-radius: 0;
    margin-bottom: 30px;
    border: none
}

.contact-form-control textarea {
    height: 70px;
    border-radius: 0;
    margin-bottom: 0px;
    border: none;
    width: 100%;
    padding: 7px 10px;
}

.main-contact .contact-form-control textarea {
    margin-top: 0;
}

.contact-form .btn-default {
    margin-top: 30px
}

label {
    color: #f9131e
}

.inner-main-service {
    background-color: transparent;
    padding: 120px 0;
    position: relative
}


/*.inner-main-service:before {
    content: "";
    background-image: url(../images/service-icon-top-left.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 380px;
    height: 505px;
    left: 0;
    bottom: 30px
}

.inner-main-service:after {
    content: "";
    background-image: url(../images/service-icon-top-right.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 380px;
    height: 505px;
    right: 0;
    bottom: 30px
}*/

.service-icon-top:before {
    content: "";
    background-image: url(../images/bg-portfolio.png);
    background-repeat: repeat repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}


/*.service-icon-top:after {
    content: "";
    background-image: url(../images/service-icon-top-right.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 380px;
    height: 505px;
    right: 0;
    top: 30px
}*/

.writing-service-box {
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
}

.writing-service-box:hover img {
    transform: scale(1.2);
}

.writing-service-box img {
    border-radius: 5px 5px 0 0;
    transition: all 1.5s cubic-bezier(0, 0, .2, 1);
}

.writing-service-text {
    padding: 24px 10px 24px 19px;
}

.writing-service-text h3 {
    font-size: 26px;
    color: #333;
    font-weight: 600
}

.writing-service-text p {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    padding-bottom: 20px;
    border-bottom: 1px solid #d7d7d7;
    padding-top: 15px;
    margin-bottom: 20px;
    min-height: 100px;
}

.writing-service-text a {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    text-transform: uppercase;
    font-family: Poppins, sans-serif;
    margin-bottom: 0
}

.writing-service-text a:hover {
    text-decoration: none
}

.writing-service-text a i {
    color: #cca22d;
    padding-left: 3px
}

.inner-service-banner {
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: 438px;
    align-items: center;
    display: flex;
    background-position: right;
}

.inner-thank-banner {
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: 670px;
    text-align: center;
    display: flex;
    background-position: right;
    padding-top: 200px;
}

.inner-thank-banner p {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    padding: 15px;
    line-height: 30px;
    margin-bottom: 0;
    position: relative;
}

.inner-thank-banner .text1 {
    margin-top: 80px;
}

.inner-service-text h3 {
    color: #fff;
    font-size: 60px;
    font-weight: 600;
    text-transform: uppercase
}

.inner-service-text:before {
    background-color: #00bcff;
    height: 3px;
    width: 15px;
    position: absolute;
    content: ""
}

.inner-service-text {
    height: 90px
}

.inner-service-text:before {
    background-color: #00bcff;
    height: 5px;
    width: 95px;
    position: absolute;
    content: "";
    bottom: -1px;
    left: 22px
}

.inner-thank-text h3 {
    color: #fff;
    font-size: 60px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

.inner-thank-text:before {
    background-color: #bb851b;
    height: 3px;
    width: 15px;
    position: absolute;
    content: ""
}

.inner-thank-text {
    height: 90px
}

.inner-thank-text:before {
    background-color: #bb851b;
    height: 5px;
    width: 10%;
    position: absolute;
    content: "";
    bottom: -1px;
    left: 45%;
}

.main-book-writing {
    display: flex;
    align-items: center;
    padding: 65px 0
}

.book-writing-text h3 {
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
    color: #121212
}

.book-writing-text h2 {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #121212;
    margin-bottom: 38px;
    padding-left: 3px
}

.book-writing-text p {
    font-size: 16px;
    font-weight: lighter;
    color: #606060;
    margin-bottom: 35px
}

.main-Comprehensive-service {
    padding: 80px 0;
    background-color: #121212
}

.Comprehensive-service-text {
    text-align: center
}

.Comprehensive-service-text h3 {
    font-size: 44px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700
}

.Comprehensive-service-text p {
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    opacity: .5
}

.Comprehensive-service-box {
    text-align: center;
    border-right: 1px solid #ffffff40;
    margin-top: 50px;
    padding-right: 30px
}

div[class^=col-]:last-child .Comprehensive-service-box {
    border-right: none
}

.Comprehensive-service-box h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 25px 0;
    margin-bottom: 0
}

.Comprehensive-service-box p {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    opacity: .5
}

.arrow-btn-box-5 {
    padding-top: 13px;
    min-width: 19.7rem;
    margin-top: 20px;
    cursor: pointer
}

.service-cta {
    background-image: url(../images/service-cta-banner.png);
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    padding: 70px 0
}

.service-cta-text p {
    font-size: 30px;
    font-weight: 600;
    color: #121212;
    font-family: Oswald, sans-serif;
    text-transform: uppercase
}

.feature-service {
    background-color: #121212;
    padding: 110px 0
}

.feature-box-text h2 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.feature-box-text h3 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.feature-box-text p {
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase
}

.video-tab-content {
    border-width: 1px;
    border-color: #111;
    border-style: solid;
    background-color: #1d1d1d;
    box-shadow: 84px 84px 84px 84px #1d1d1d;
    text-align: center;
    padding: 0 70px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: 486px
}

.video-tab-content img {
    display: inline-block;
    filter: hue-rotate(145deg);
}

.video-tab-content h3 {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 48px;
    padding-bottom: 30px;
    border-bottom: 1px solid #00bcff;
    margin: 0 50px 15px 50px
}

.video-tab-content p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    opacity: .5;
    margin-bottom: 0
}

.video-box {
    cursor: pointer;
    padding: 15px;
    background-color: #000;
    border: 1px solid #252525;
    text-align: center;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center
}

.video-box h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase
}

.inner-testi-box-text {
    position: absolute;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 55px;
    width: 94.5%;
    z-index: 99
}

.inner-testi-box-text .play-icon {
    padding: 25px;
}

.inner-testi-box-text .play-icon i {
    font-size: 20px;
    padding-left: 4px;
}

.inner-main-testi-video {
    position: relative;
    top: -50px
}

.main-testi .inner-main-testi-video {
    top: 0px
}

.inner-main-testi-video .row {
    margin-left: 0px;
}

.inner-testi-video-box {
    border: 1px solid #fff
}

.inner-testi-box-text h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    padding-top: 25px;
    margin-bottom: 0
}

.inner-testi-box-text p {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    padding-top: 19px;
    margin-bottom: 0
}

.main-testimonails-box {
    background-color: #fff;
    padding-top: 55px;
    padding-bottom: 20px
}

.testimonail-box-text {
    border: 1px solid #d4d4d4;
    padding: 40px 23px;
    transition: .3s;
    margin-bottom: 30px;
    height: 355px;
    padding-bottom: 0;
    position: relative;
    border-radius: 5px;
}

.svc-img {
    overflow: hidden;
}

.testimonail-box-text:hover {
    border: 1px solid #00bcff;
}

#demo .carousel-indicators .active {
    background-color: transparent;
}

.testimonail-box-text:hover h3 {
    color: #00bcff;
}

.testimonail-box-text:hover:before {
    box-shadow: 9.899px 9.899px 46px 0 rgba(0, 0, 0, .12)
}

.testimonail-box-text:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: .3s;
    background-color: transparent
}

.testimonail-box-text h3 {
    color: #333;
    font-size: 21px;
    font-weight: 600;
    font-family: Poppins, sans-serif
}

.testimonail-box-text h2 {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    font-family: Poppins, sans-serif
}

.testimonail-box-text img {
    padding-top: 15px
}

.testimonail-box-text p {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    border-top: 1px solid #d4d4d4;
    padding: 20px 0;
    margin-top: 22px;
    height: 46%;
    margin-bottom: 0
}

.testimonail-box-text span {
    color: #666;
    font-size: 14px;
    font-weight: 700;
    font-family: Poppins, sans-serif
}

.testimonails-text-2 {
    padding: 15px 0
}

.testimonail-box-text h4 {
    font-size: 22px;
    font-weight: 600;
    color: #282828;
    font-family: Poppins, sans-serif
}

.Comprehensive-service-box img {
    width: auto!important;
    display: inline-block!important
}

.main-Comprehensive-service .row {
    margin-left: 0;
    margin-right: 0
}

#entry-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999990;
    align-items: center;
    background-color: rgba(0, 0, 0, .62);
    display: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.entry-box {
    background: #292727;
    padding-top: 0;
    padding-bottom: 20px;
    width: 570px;
    margin: 0 auto;
    border-radius: 20px;
    background-color: #171717;
    position: relative
}

a#entry-box_close {
    width: 59px;
    background: #00bcff;
    height: 59px;
    display: block;
    line-height: 59px;
    color: #020202;
    border-radius: 50%;
    font-size: 32px;
    text-align: center;
    position: absolute;
    right: -18px;
    top: -30px;
    z-index: 999
}

.entry-box .text-1 h1 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    line-height: 34px;
    margin-bottom: 12px
}

.entry-box .text-1 h1 span.red {
    color: #00bcff;
    text-transform: uppercase
}

.col-sm-12.entry-right {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 30px
}

.entry-box .text-1 p {
    color: #fff;
    font-size: 19px;
    line-height: 22px
}

.entry-box .text-1 p strong {
    text-transform: uppercase
}

.text-1 {
    position: relative;
    padding-left: 27px;
    margin-bottom: 20px
}

.text-1:before {
    content: "";
    width: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    background-color: #00bcff;
    border-radius: 100px
}

.entry-box .form-control {
    min-height: 60px;
    border-radius: 7px;
    background-color: rgba(250, 250, 250, .92);
    border-color: transparent;
    color: #060606;
    font-size: 16px;
    width: 100%;
    display: block;
    padding: 15px 15px
}

.entry-box .form-control::placeholder {
    color: #000
}

.entry-box button {
    color: #000;
    width: 100%;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    height: 60px
}


/*.entry-box ul li {
    color: #111322;
    font-size: 16px;
    font-weight: 500;
    width: 49%;
    display: inline-block;
    margin-bottom: 4px
}*/

.entry-box ul li i {
    color: #eb0000
}

.form-group {
    margin-bottom: 1rem
}

.form-btn {
    text-align: center
}

.carousel-indicators .active .video-box {
    border: 1px solid #00bcff
}

.carousel-indicators .active .video-box h3 {
    color: #00bcff
}

.carousel-indicators {
    margin-right: 0;
    margin-left: 0;
    position: relative
}

.play-icon {
    border: 3px solid #c59726;
    display: flex;
    padding: 45px;
    border-radius: 100%;
    transition: .2s
}

.play-icon:hover {
    border: 3px solid #fff
}

.play-icon i {
    font-size: 45px;
    color: #bf8b1e;
    padding-left: 7px;
    transition: .2s
}

.play-icon:hover i {
    color: #fff
}

.pulse:hover {
    animation: pulse 2s infinite
}

.pulse {
    animation: none
}

.slide-video-icon a {
    color: transparent
}

.fancybox-content {
    width: 100% !important;
    height: 100% !important;
}

.main-review {
    padding: 82px 0px;
    position: relative;
}

.review-box-wrap {
    background: #00bcff;
    height: 304px;
    display: flex;
    align-items: center;
}

.review-text {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.review-text img {
    width: 184px !important;
    display: inline-block !important;
}

.review-text h3 {
    color: #111112;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 0px;
}

.review-text p {
    color: #111112;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 0px;
    padding: 17px 0px;
}

.star i {
    padding-right: 7px;
}

.star {
    padding-bottom: 10px;
}

.review-img img {
    padding-left: 20px;
}

.review-carousel .owl-dots .owl-dot span {
    width: 21px;
    height: 21px;
    background: #2c2c2c;
}

.review-carousel .owl-dots .owl-dot.active span,
.review-carousel .owl-dots .owl-dot:hover span {
    background: #00bcff;
}

.review-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 60px;
}

.testi-img-1:before {
    content: "";
    position: absolute;
    width: 230px;
    height: 219px;
    background-image: url(../images/testi-img-1.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 10%;
    left: 10%;
    z-index: -1;
}

.testi-img-1:after {
    content: "";
    position: absolute;
    width: 189px;
    height: 180px;
    background-image: url(../images/testi-img-2.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    left: -2%;
}

.testi-img-2:before {
    content: "";
    position: absolute;
    width: 230px;
    height: 219px;
    background-image: url(../images/testi-img-3.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 54%;
    left: 15%;
}

.testi-img-2:after {
    content: "";
    position: absolute;
    width: 189px;
    height: 180px;
    background-image: url(../images/testi-img-4.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 21%;
    right: 18%;
}

.testi-img-3:before {
    content: "";
    position: absolute;
    width: 230px;
    height: 219px;
    background-image: url(../images/testi-img-5.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 10%;
    right: 0;
}

.testi-img-3:after {
    content: "";
    position: absolute;
    width: 230px;
    height: 219px;
    background-image: url(../images/testi-img-6.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: 5%;
}

.dropdown-menu.show {
    width: 250px;
    background: #000000d9;
    border-radius: 5px;
    border: 1px solid #00bcff;
    color: #fff;
}

.dropdown-menu.show ul li a {
    padding: 0 0 0 5px;
    text-transform: capitalize;
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .56);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .56)
    }
    70% {
        -moz-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 30px rgba(255, 255, 255, 0)
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

button:focus {
    outline: 0
}

.inner-testi-box-text img {
    width: auto!important
}

.video-responsive-slider .owl-dots {
    margin-top: 20px!important
}

.main-privacy {
    padding: 180px 0px 40px 0px;
    background: #000;
}

.pnws header {
    background-color: #020100;
}


.inner-thank-text .hvr-grow-shadow {
    padding: 13px 0;
}


iframe#webWidget {
    right: -20px;
    bottom: -2px;
}

label.chota_fnt {
    font-size: 12px;
    margin: 6px 0;
    color: #fff;
}

label.chota_fnt a {
    color: #fff;
    text-decoration: underline;
}

.cta-form label.chota_fnt {
    margin: 30px 0 0;
}
.main-privacy h2, .main-privacy h1, .main-privacy h3, .main-privacy h4, .main-privacy h5, .main-privacy h6, .main-privacy p, .main-privacy li {
    color: #fff;
}
.main-privacy ul {
    padding-left: 20px;
}
.main-privacy ul li, .main-privacy ul li a {
    margin-bottom: 12px;
}
.main-privacy ul li a {
    color: #fff;
    text-decoration: underline;
}
.main-privacy p a {
    text-decoration: underline;
    color: #fff;
}
/* =========================================================
   Chapter House Publishers - Bright Premium Theme
   Added 2026-09-04
   ========================================================= */
:root {
    --chp-primary: #087fcb;
    --chp-primary-dark: #075b9a;
    --chp-accent: #19bdf2;
    --chp-navy: #102a43;
    --chp-text: #334e68;
    --chp-muted: #627d98;
    --chp-bg: #ffffff;
    --chp-bg-soft: #f4faff;
    --chp-border: #d9eaf5;
}

body {
    background: var(--chp-bg);
    color: var(--chp-text);
}

/* Header: light glass style instead of black/dark */
header {
    background: rgba(255,255,255,.96);
    box-shadow: 0 8px 30px rgba(16,42,67,.08);
}
.menuInfo ul li a,
.menuInfo ul li a .fas,
ul.navbar li a {
    color: var(--chp-navy);
}
ul.navbar li a.active,
ul.navbar li a:hover,
.menuInfo ul li a:hover {
    color: var(--chp-primary);
}
.nav-toggle span,
.nav-toggle span:after,
.nav-toggle span:before,
.nav-toggle.active span:after,
.nav-toggle.active span:before {
    background-color: var(--chp-navy);
}
.btn-default,
.formbox.entry-box button.subbtn,
.entry-box button,
.nav-tabs .nav-link.active,
.portfolio-text .nav-tabs .nav-item.show .nav-link {
    background: linear-gradient(135deg, var(--chp-primary), var(--chp-accent));
    border-color: var(--chp-primary);
    color: #fff;
    text-shadow: none;
    box-shadow: 0 10px 24px rgba(8,127,203,.20);
}
.btn-default:hover,
.btn-default:focus,
.formbox.entry-box button.subbtn:hover,
.entry-box button:hover {
    background: linear-gradient(135deg, var(--chp-primary-dark), var(--chp-primary));
    color: #fff;
}

/* Mobile/full menu */
.detailHeader {
    background: rgba(247,251,255,.99);
}
.detailHeader:before,
.main-footer:before {
    opacity: .035;
}
.detailHeader .innerMenu li a,
.detailHeader ul.menuBlock li a {
    color: var(--chp-navy);
}
.detailHeader .innerMenu li a:hover,
.detailHeader ul.menuBlock li a:hover,
.detailHeader ul.menuBlock li i {
    color: var(--chp-primary);
}

/* Dropdown */
.dropdown-menu.show,
.dropdown-menu {
    background: #fff;
    border: 1px solid var(--chp-border);
    box-shadow: 0 18px 42px rgba(16,42,67,.14);
    color: var(--chp-text);
}
.dropdown-menu.show ul li a,
.dropdown-menu ul li a {
    color: var(--chp-text) !important;
}
.dropdown-menu.show ul li a:hover,
.dropdown-menu ul li a:hover {
    color: var(--chp-primary) !important;
}

/* Hero: replace black overlay with fresh blue tint */
.video-overlay {
    background: linear-gradient(90deg, rgba(7,58,99,.82) 0%, rgba(8,127,203,.58) 52%, rgba(25,189,242,.25) 100%);
}
.bannerContent h2,
.bannerContent p {
    color: #fff;
    text-shadow: 0 2px 16px rgba(16,42,67,.18);
}
.bannerContent p:before {
    background-color: var(--chp-accent);
}

/* Forms become clean white cards */
.formbox,
.entry-box {
    background: rgba(255,255,255,.98);
    border: 1px solid rgba(255,255,255,.75);
    box-shadow: 0 24px 60px rgba(16,42,67,.18), 8px 8px 0 rgba(25,189,242,.75);
}
.formbox.entry-box h4,
.entry-box .text-1 h1,
.entry-box .text-1 p,
label.chota_fnt,
label.chota_fnt a {
    color: var(--chp-navy);
}
.formbox.entry-box h4 span,
.entry-box .text-1 h1 span.red {
    color: var(--chp-primary);
}
.entry-box .text-1:before {
    background: linear-gradient(var(--chp-primary), var(--chp-accent));
}
.entry-box .form-control {
    background: #f8fbfd;
    color: var(--chp-text);
    border: 1px solid var(--chp-border);
}
.entry-box .form-control:focus {
    background: #fff;
    border-color: var(--chp-primary);
    box-shadow: 0 0 0 3px rgba(8,127,203,.10);
}
a#entry-box_close {
    background: linear-gradient(135deg, var(--chp-primary), var(--chp-accent));
    color: #fff;
}

/* Former dark content sections */
.main-client-logo,
.main-industry,
.main-portfolio,
.main-Comprehensive-service,
.feature-service,
.main-about-leader,
.contact-rolling,
.main-cta,
.main-privacy {
    background-color: var(--chp-bg-soft);
    background-image: linear-gradient(135deg, #ffffff 0%, #f2f9ff 100%);
}
.main-industry:before,
.main-portfolio:before {
    opacity: .045;
}
.industry-text h3,
.industry-point ul li,
.industry-counter-text h3,
.heading-white h2,
.heading-white h3,
.Comprehensive-service-text h3,
.Comprehensive-service-box h3,
.feature-box-text h2,
.feature-box-text h3,
.feature-box-text p,
.main-privacy h2,
.main-privacy h1,
.main-privacy h3,
.main-privacy h4,
.main-privacy h5,
.main-privacy h6,
.main-privacy p,
.main-privacy li {
    color: var(--chp-navy);
}
.industry-text h2,
.industry-counter-text span,
.industry-point ul li i,
.Comprehensive-service-box a,
.feature-service a {
    color: var(--chp-primary);
}
.industry-text p,
.Comprehensive-service-text p,
.Comprehensive-service-box p,
.feature-box-text p {
    color: var(--chp-muted);
    opacity: 1;
}
.Comprehensive-service-box {
    border-right-color: var(--chp-border);
}

/* Portfolio tabs/cards */
.portfolio-text .nav-tabs .nav-link {
    background: #fff;
    color: var(--chp-text);
    border-color: var(--chp-border);
}
.portfolio-text .nav-tabs .nav-link:hover {
    color: var(--chp-primary);
    border-color: var(--chp-primary);
}

/* Testimonials/reviews */
.client_content,
.review-box-wrap {
    background: linear-gradient(135deg, #eaf7ff, #dff6ff);
}
.client_content p,
.review-text h3,
.review-text p {
    color: var(--chp-navy);
}
.review-box:before {
    border-top-color: #dff6ff;
}
.initials {
    background: #fff;
    color: var(--chp-primary);
    border: 1px solid var(--chp-border);
    box-shadow: 0 10px 30px rgba(16,42,67,.10);
}
.main-testi .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.review-carousel .owl-dots .owl-dot.active span,
.review-carousel .owl-dots .owl-dot:hover span {
    background: var(--chp-primary);
}

/* Service video tabs */
.video-tab-content,
.video-box {
    background: #fff;
    border-color: var(--chp-border);
    box-shadow: 0 16px 45px rgba(16,42,67,.08);
}
.video-tab-content h3,
.video-box h3 {
    color: var(--chp-navy);
}
.video-tab-content p {
    color: var(--chp-muted);
    opacity: 1;
}
.video-tab-content h3 {
    border-bottom-color: var(--chp-primary);
}
.carousel-indicators .active .video-box {
    border-color: var(--chp-primary);
    background: #f2f9ff;
}

/* Footer: fully light */
.main-footer {
    background: linear-gradient(135deg, #f5fbff 0%, #ffffff 100%);
    border-top: 1px solid var(--chp-border);
}
.footer-sec {
    border-bottom-color: var(--chp-border);
}
.footer-sec h3,
.copyright-text p {
    color: var(--chp-navy);
}
.footer-about p,
.footer-links ul li a,
.social-icon ul li,
.social-icon ul li a,
.terms-text ul li a {
    color: var(--chp-muted);
}
.footer-links ul li i,
.icon-envelope2,
.social-icon ul li a:hover,
.footer-links ul li a:hover,
.terms-text ul li a:hover {
    color: var(--chp-primary);
}
.terms-text ul .first {
    border-right-color: var(--chp-border);
}

/* Legal pages */
.main-privacy ul li a,
.main-privacy p a {
    color: var(--chp-primary);
}

/* Misc accents */
.play-icon {
    border-color: var(--chp-primary);
}
.play-icon i {
    color: var(--chp-primary);
}
.play-icon:hover {
    border-color: var(--chp-accent);
}
.play-icon:hover i {
    color: var(--chp-accent);
}
.review-carousel .owl-dots .owl-dot span {
    background: #b8d7ea;
}

@media (max-width: 991px) {
    header {
        background: rgba(255,255,255,.98);
    }
    .menuInfo ul li a,
    ul.navbar li a {
        color: var(--chp-navy);
    }
}


/* Chapter House source-content list */
.book-writing-text .service-content-list{margin:0 0 20px 20px;padding-left:18px;}
.book-writing-text .service-content-list li{margin-bottom:8px;line-height:1.6;}


/* ===== CHAPTER HOUSE CTA + POPUP ===== */
.header-cta-pair,.chp-inline-cta-pair{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.menu-right .header-cta-pair{flex-wrap:nowrap}
.chp-cta{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:12px;font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;line-height:1;text-decoration:none!important;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;color:#fff!important;border:1px solid transparent;white-space:nowrap}
.chp-cta i{font-size:15px;transition:transform .25s ease}
.chp-cta:hover{transform:translateY(-3px);color:#fff!important}
.chp-cta:hover i{transform:scale(1.12)}
.chp-cta:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.35) 45%,transparent 65%);transform:translateX(-140%);animation:chpShine 4s ease-in-out infinite}
.chp-cta-chat{background:linear-gradient(135deg,#0d72c7,#0aa5d8);box-shadow:0 10px 25px rgba(13,114,199,.23)}
.chp-cta-chat:hover{box-shadow:0 14px 30px rgba(13,114,199,.34)}
.chp-cta-start{background:linear-gradient(135deg,#ff8a24,#ff5f45);box-shadow:0 10px 25px rgba(255,111,52,.25);animation:chpPulse 2.3s ease-in-out infinite}
.chp-cta-start:hover{box-shadow:0 14px 32px rgba(255,95,69,.36)}
.chp-inline-cta-pair{margin-top:18px}
@keyframes chpShine{0%,62%{transform:translateX(-140%)}82%,100%{transform:translateX(140%)}}
@keyframes chpPulse{0%,100%{box-shadow:0 10px 25px rgba(255,111,52,.24)}50%{box-shadow:0 10px 25px rgba(255,111,52,.24),0 0 0 7px rgba(255,111,52,.10)}}

body.chp-popup-open{overflow:hidden}
.chp-popup{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:22px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}
.chp-popup.is-open{opacity:1;visibility:visible;pointer-events:auto}
.chp-popup-backdrop{position:absolute;inset:0;background:rgba(9,31,52,.68);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.chp-popup-card{position:relative;width:min(540px,100%);max-height:92vh;overflow:auto;background:#fff;border:1px solid rgba(13,114,199,.14);border-radius:24px;padding:36px;box-shadow:0 30px 80px rgba(6,32,55,.30);transform:translateY(28px) scale(.96);opacity:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .25s ease}
.chp-popup.is-open .chp-popup-card{transform:translateY(0) scale(1);opacity:1}
.chp-popup-card:before{content:'';position:absolute;left:0;top:0;width:100%;height:6px;background:linear-gradient(90deg,#0d72c7,#0aa5d8,#ff8a24,#ff5f45)}
.chp-popup-close{position:absolute;right:16px;top:16px;width:40px;height:40px;border:0;border-radius:50%;background:#edf6fc;color:#15354e;font-size:27px;line-height:1;cursor:pointer;transition:.2s ease}
.chp-popup-close:hover{background:#e2f1fb;transform:rotate(90deg)}
.chp-popup-badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:#edf8ff;color:#0d72c7;font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:12px}
.chp-popup-card h2{margin:0 50px 8px 0;color:#102f47;font-size:32px;line-height:1.15;font-weight:800}
.chp-popup-card>p{margin:0 0 22px;color:#657b8d;font-size:14px;line-height:1.7}
.chp-popup-form{display:block}
.chp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.chp-field{margin-bottom:12px}
.chp-field input,.chp-field textarea{width:100%;border:1px solid #d9e7f0;background:#f9fcfe;color:#17354c;border-radius:12px;padding:14px 15px;font-family:'Poppins',sans-serif;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.chp-field textarea{resize:vertical;min-height:105px}
.chp-field input:focus,.chp-field textarea:focus{border-color:#0d8fd0;background:#fff;box-shadow:0 0 0 4px rgba(13,143,208,.10)}
.chp-popup-consent{display:block;margin:2px 0 14px;color:#697f90;font-size:11px;line-height:1.55}.chp-popup-consent input{vertical-align:middle;margin-right:6px}.chp-popup-consent a{color:#0d72c7;text-decoration:underline}
.chp-popup-submit{width:100%;border:0;border-radius:13px;padding:15px 18px;background:linear-gradient(135deg,#ff8a24,#ff5f45);color:#fff;font-family:'Poppins',sans-serif;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 12px 26px rgba(255,104,62,.23);transition:.25s ease;animation:chpPulse 2.3s ease-in-out infinite}
.chp-popup-submit:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(255,104,62,.33)}
.chp-popup-trust{text-align:center;margin-top:12px;color:#7a8e9d;font-size:12px}.chp-popup-trust i{color:#0d8fd0;margin-right:5px}

@media(max-width:1100px){.menu-right .chp-cta{padding:11px 13px;font-size:12px}.menu-right .header-cta-pair{gap:7px}}
@media(max-width:767px){.header-cta-pair{gap:7px}.menu-right .chp-cta{min-height:42px;padding:10px 12px}.menu-right .chp-cta i{display:none}.chp-inline-cta-pair{gap:9px}.chp-inline-cta-pair .chp-cta{flex:1;min-width:135px}.chp-popup{padding:14px}.chp-popup-card{padding:29px 18px 22px;border-radius:18px}.chp-popup-card h2{font-size:26px}.chp-form-row{grid-template-columns:1fr}.chp-popup-close{width:36px;height:36px;right:12px;top:12px}}
@media(max-width:420px){.menu-right .header-cta-pair .chp-cta-chat{display:none}.menu-right .chp-cta{font-size:11px;padding:9px 11px}.chp-inline-cta-pair{flex-direction:column}.chp-inline-cta-pair .chp-cta{width:100%}}


/* Chapter House: animated hero + 50% offer */
.indexBanner .bannerImg{/* animation:chpHeroZoom 14s ease-in-out infinite alternate; */transform-origin:center center}
.indexBanner .video-overlay{background:linear-gradient(105deg,rgba(16,65,115,.74),rgba(9,132,190,.32),rgba(255,255,255,.08));animation:chpOverlayShift 8s ease-in-out infinite alternate;background-size:160% 160%}
.chp-hero-copy{animation:chpHeroCopyIn .85s cubic-bezier(.2,.8,.2,1) both}
.chp-hero-copy h2{animation:chpHeroTitleIn .9s .08s cubic-bezier(.2,.8,.2,1) both}
.chp-hero-copy p{animation:chpHeroCopyIn .9s .22s cubic-bezier(.2,.8,.2,1) both}
.chp-hero-form{position:relative;animation:chpHeroFormIn .9s .18s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 22px 60px rgba(16,65,115,.18)}
.chp-hero-offer{display:flex;align-items:center;gap:10px;margin:0 0 12px;flex-wrap:wrap}
.chp-offer-value{display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;border-radius:999px;background:#ff7a00;color:#fff;font-weight:800;letter-spacing:.6px;box-shadow:0 0 0 0 rgba(255,122,0,.55);animation:chpOfferBlink 1.15s infinite, chpOfferPulse 1.8s infinite}
.chp-offer-note{font-size:13px;font-weight:600;color:#183c5a}
.chp-offer-heading span{position:relative;display:inline-block;animation:chpTextBlink 1.15s infinite}
@keyframes chpHeroZoom{from{transform:scale(1)}to{transform:scale(1.055)}}
@keyframes chpOverlayShift{from{background-position:0 50%}to{background-position:100% 50%}}
@keyframes chpHeroCopyIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes chpHeroTitleIn{from{opacity:0;transform:translateX(-34px)}to{opacity:1;transform:translateX(0)}}
@keyframes chpHeroFormIn{from{opacity:0;transform:translateY(34px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes chpOfferBlink{0%,44%,100%{opacity:1}50%,62%{opacity:.45}}
@keyframes chpOfferPulse{0%{box-shadow:0 0 0 0 rgba(255,122,0,.55)}70%{box-shadow:0 0 0 12px rgba(255,122,0,0)}100%{box-shadow:0 0 0 0 rgba(255,122,0,0)}}
@keyframes chpTextBlink{0%,45%,100%{opacity:1}52%,66%{opacity:.48}}
.subbtn.is-submitting{opacity:.65;pointer-events:none}
@media (prefers-reduced-motion:reduce){.indexBanner .bannerImg,.indexBanner .video-overlay,.chp-hero-copy,.chp-hero-copy h2,.chp-hero-copy p,.chp-hero-form,.chp-offer-value,.chp-offer-heading span{animation:none!important}}
@media(max-width:767px){.chp-hero-offer{justify-content:center}.chp-offer-note{width:100%;text-align:center}}


/* Chapter House Publishers - responsive section CTA pairs */
.chp-section-cta{margin-top:24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.service-heading .chp-section-cta{justify-content:center;margin-top:20px}
.heading-white .chp-section-cta{justify-content:center}
.heading-white .chp-cta{box-shadow:0 12px 28px rgba(16,47,71,.18)}
.chp-service-cta-actions{justify-content:flex-end;margin-top:0}
.chp-service-cta-actions .chp-cta{min-width:145px;padding-left:14px;padding-right:14px}
.main-industry .chp-section-cta{justify-content:flex-start}
.main-review .chp-section-cta{justify-content:center;margin-bottom:28px}

@media (max-width: 991px){
  .chp-service-cta-actions{justify-content:center;margin-top:18px}
  .service-cta-text{text-align:center}
  .chp-section-cta{justify-content:center}
  .main-industry .chp-section-cta{justify-content:flex-start}
}
@media (max-width: 767px){
  .chp-section-cta,.chp-service-cta-actions,.chp-inline-cta-pair{width:100%;gap:10px}
  .chp-section-cta .chp-cta,.chp-service-cta-actions .chp-cta,.chp-inline-cta-pair .chp-cta{flex:1 1 calc(50% - 5px);min-width:0;width:auto;padding:12px 12px;font-size:13px}
  .main-industry .chp-section-cta{justify-content:center}
}
@media (max-width: 480px){
  .chp-section-cta,.chp-service-cta-actions,.chp-inline-cta-pair{flex-direction:column;align-items:stretch}
  .chp-section-cta .chp-cta,.chp-service-cta-actions .chp-cta,.chp-inline-cta-pair .chp-cta{width:100%;flex:0 0 auto;min-height:46px}
}

/* ===== Chapter House: mobile header responsiveness fix ===== */
@media (max-width: 991px){
  header{padding:12px 0;background:rgba(255,255,255,.98);box-shadow:0 4px 20px rgba(15,47,71,.08)}
  header nav{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap}
  .doubleMenu{display:none!important}
  .brand-logo{flex:0 0 auto;width:auto!important;max-width:none;margin:0!important;padding:0!important}
  .brand-logo img{display:block;width:auto!important;max-width:125px!important;height:auto;max-height:52px;margin:0!important}
  .menu-right{margin-left:auto;padding-left:0!important;display:flex;align-items:center;gap:10px;min-width:0}
  .menu-right .header-cta-pair{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;margin:0}
  .menu-right .chp-cta{min-height:42px;padding:10px 13px;font-size:12px;border-radius:11px;gap:6px}
  .menu-right .chp-cta i{font-size:13px}
  .navicon{padding-left:4px!important;flex:0 0 40px}
  .nav-toggle span,.nav-toggle span:after,.nav-toggle span:before{background-color:#143650!important;width:24px;height:2px}
}

@media (max-width: 575px){
  header{padding:10px 0}
  header .container-fluid{padding-left:14px;padding-right:14px}
  header nav{gap:7px}
  .brand-logo img{max-width:105px!important;max-height:44px}
  .menu-right{gap:6px}
  .menu-right .header-cta-pair{gap:6px}
  .menu-right .chp-cta{min-height:40px;padding:9px 11px;font-size:11px;border-radius:10px}
  .menu-right .chp-cta i{display:none!important}
  .navicon{padding-left:0!important;flex-basis:36px}
  .nav-toggle{width:36px;height:40px}
  .nav-toggle span{left:7px}
}

@media (max-width: 440px){
  .brand-logo img{max-width:88px!important}
  .menu-right .header-cta-pair{gap:5px}
  .menu-right .chp-cta{padding:9px 10px;font-size:10.5px;letter-spacing:0;min-height:38px}
  .navicon{flex-basis:32px}
  .nav-toggle{width:32px}
  .nav-toggle span{left:5px}
}

@media (max-width: 375px){
  header nav{flex-wrap:wrap;row-gap:8px}
  .brand-logo img{max-width:104px!important}
  .menu-right{margin-left:auto}
  .menu-right .header-cta-pair{position:absolute;left:12px;right:12px;top:64px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .menu-right .chp-cta{width:100%;min-height:40px;font-size:11px;padding:9px 8px}
  header{padding-bottom:58px}
}

/* ===== Chapter House: testimonial/review mobile responsive fix ===== */
@media (max-width: 767px){
  .main-review{
    padding:50px 0 45px;
    overflow:hidden;
  }

  /* Decorative testimonial photos are desktop-only. They overlap content on phones. */
  .main-review .testi-img-1,
  .main-review .testi-img-2,
  .main-review .testi-img-3{
    display:none!important;
  }
  .main-review .testi-img-1:before,
  .main-review .testi-img-1:after,
  .main-review .testi-img-2:before,
  .main-review .testi-img-2:after,
  .main-review .testi-img-3:before,
  .main-review .testi-img-3:after{
    display:none!important;
    content:none!important;
  }

  .main-review .heading{
    position:relative;
    z-index:2;
    text-align:center;
    margin-bottom:24px;
  }
  .main-review .heading h2,
  .main-review .heading h3{
    position:relative;
    z-index:2;
    margin-left:0;
    margin-right:0;
  }
  .main-review .heading h2{font-size:28px;line-height:1.15}
  .main-review .heading h3{font-size:30px;line-height:1.15}
  .main-review .heading p{
    font-size:14px;
    line-height:1.65;
    margin:12px auto 0;
    max-width:520px;
  }
  .main-review .heading p br{display:none}

  .main-review .chp-section-cta{
    position:relative;
    z-index:3;
    margin:16px auto 18px;
    width:100%;
    max-width:420px;
    justify-content:center;
  }

  .review-carousel,
  .review-carousel .owl-stage-outer,
  .review-carousel .owl-stage,
  .review-carousel .owl-item{
    position:relative;
    z-index:1;
  }

  .review-box-wrap{
    height:auto!important;
    min-height:0;
    padding:22px 18px;
    border-radius:16px;
    display:block;
  }
  .review-box-wrap .row{
    margin:0;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .review-box-wrap [class*="col-"]{
    width:100%;
    max-width:100%;
    flex:0 0 100%;
    padding-left:0;
    padding-right:0;
  }
  .review-img{
    text-align:center;
    margin:0 auto 18px;
  }
  .review-img img{
    width:110px!important;
    height:110px!important;
    max-width:110px!important;
    padding-left:0!important;
    margin:0 auto;
    border-radius:50%;
    object-fit:cover;
    display:block;
  }
  .review-text{
    height:auto;
    text-align:center;
    display:block;
  }
  .review-text h3{
    font-size:20px;
    line-height:1.3;
    margin:0 0 10px;
  }
  .review-text p{
    font-size:14px;
    line-height:1.65;
    padding:0 0 14px;
    margin:0;
  }
  .review-carousel .owl-nav.disabled + .owl-dots{
    margin-top:24px;
  }
}

@media (max-width: 480px){
  .main-review{padding:40px 0}
  .main-review .container{padding-left:15px;padding-right:15px}
  .main-review .heading h2{font-size:24px}
  .main-review .heading h3{font-size:27px}
  .main-review .chp-section-cta{
    max-width:100%;
    gap:9px;
  }
  .main-review .chp-section-cta .chp-cta{
    width:100%;
    min-height:44px;
    margin:0;
  }
  .review-box-wrap{
    padding:20px 14px;
    border-radius:14px;
  }
  .review-img img{
    width:92px!important;
    height:92px!important;
    max-width:92px!important;
  }
  .review-text h3{font-size:18px}
  .review-text p{font-size:13.5px;line-height:1.6}
}


/* Hero CTA pair */
.chp-hero-cta{margin-top:26px;align-items:center;max-width:430px}
.chp-hero-cta .chp-cta{min-width:0;flex:1 1 calc(50% - 6px)}
@media(max-width:767px){
  .chp-hero-copy{width:100%}
  .chp-hero-copy .chp-hero-cta{max-width:100%;margin-top:20px;gap:10px}
  .chp-hero-copy .chp-hero-cta .chp-cta{flex:1 1 calc(50% - 5px);width:auto;min-width:0}
}
@media(max-width:420px){
  .chp-hero-copy .chp-hero-cta{flex-direction:column;align-items:stretch}
  .chp-hero-copy .chp-hero-cta .chp-cta{width:100%;flex:0 0 auto}
}