.menu-Bar, span.arrows {
    bottom: 0;
    position: absolute;
    top: 0;
    cursor: pointer
}

.menu li a, a, body, p {
    color: #222
}

.booking-form-slide .cl-eml-cn li, ul.sub-level1>li {
    text-align: left !important
}

.disclaimer-sec p, .team-txt h4 strong {
    font-style: normal
}

.bolit_point, .faqData ul li, .privacypage ul {
    list-style: disc
}

.book_edit_format ul li:before, .fcss ul li:before {
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.columns, .no-overflow, .ovr-hiddn, .side-bar-frm-bdy, ul.slick-dots li {
    overflow: hidden
}

::selection {
    background: #fdae37;
    color: #fff;
    text-shadow: none
}

html {
    scroll-behavior: smooth
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5
}

::-webkit-scrollbar-button:end:increment, ::-webkit-scrollbar-button:start:decrement {
    display: none
}

::-webkit-scrollbar-track-piece {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / .3);
    background-color: #dedede
}

::-webkit-scrollbar-thumb:vertical {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / .3);
    background-color: #fdae37
}

:root {
    --gradian: 115deg, rgb(254, 153, 22) 0%, rgba(243, 115, 53, 1) 100%;
    --theme_color: rgb(254, 153, 20);
    --theme_colorli: rgb(248, 213, 120);
    --theme_color2: rgba(243, 115, 53, 1);
    --theme_color2li: rgb(255, 158, 110);
    --white: rgb(0, 0, 0)
}

[class^=box-], li.slp-dd ul li.last ul li.last:after, li.slp-dd:hover ul ul {
    display: none
}

.awrdsRcg-content.active, .bolit_point, .callList>li a span, .menu-slogan.active, .navigation ul li:hover .submenu, .side-bar.active::after, .team-sec ul li:hover .memb-prof, [class^=box-].showfirst, form, li.slp-dd ul li:hover ul, p, ul.sub-level2 li:hover .menu-slogan, ul.sub-level2>li:hover ul {
    display: block
}

body {
    font-family: titillium web, sans-serif !important;
    overflow-x: hidden;
    font-size: 16px;
    font-weight: 600;
    line-height: 1
}

h1, h2, h3, h4, h5, h6 {
    display: block;
    font-weight: 700
}

.pad-sec {
    padding-top: 2rem
}

*, :focus, :hover {
    outline: 0 !important
}

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

a, button[type=submit], input[type=submit] {
    display: inline-block;
    cursor: pointer
}

a:hover {
    color: #cd0000
}

a, p {
    font-weight: 500
}

p {
    line-height: 26px
}

#imageModal, .innerBanner .link-container span, .side-bar {
    display: none !important
}

.-icn:before, .abt-sec-04 h3, .arrowList, .arrowList>li, .btnList, .btnList>li, .callList>li, .cl-eml-cn li, .cnt-info li i, .cnt-social li, .cta-sc li, .cta-sc li a, .fcss ul li:before, .field-half, .grntee p, .hm-sec-02 a, .logo, .lp-btn-02, .main-links ul li, .nmb-cht ul li a i, .output .cursor:after, .pbsl h2, .pbsl p, .pub-sec-04 h3, .qlty ul li, .stepList>li, span, ul.counter-ul li, ul.slick-dots li {
    display: inline-block
}

.slick-list {
    margin: 0 -15px
}

.slick-slide {
    margin: 0 15px
}

ul.slick-dots {
    padding: 50px 0 0;
    text-align: center
}

ul.slick-dots li {
    margin: 0 20px 0 0;
    width: auto;
    vertical-align: middle;
    padding: 0;
    border: none
}

.slick-dots li button:before {
    color: #fff;
    opacity: 1;
    font-size: 20px
}

.slick-dots li button {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    padding: 0;
    background: #d6d6d6;
    border: none;
    cursor: pointer;
    font-size: 0;
    box-sizing: border-box
}

.slick-dots li.slick-active button {
    background: #f3c919;
    width: 11px;
    height: 11px
}

.edit-sec-01 p.paragraph, .twocol p.paragraph {
    width: 70%;
    margin: auto
}

.cnsltn-rv p.paragraph, .modal-content .fld-input {
    width: 100% !important
}

.h-sec-simple .row, .home-testimonials {
    padding-top: 60px !important
}

.home-testimonials .hm-sec-05, .review-section .hm-sec-05 {
    min-height: 196px !important;
    margin-top: 50px !important
}

span.arrows {
    width: 40px;
    height: 40px;
    border: none;
    margin: auto;
    z-index: 2;
    line-height: 39px;
    font-size: 12px;
    text-align: center;
    font-weight: 300;
    border-radius: 0;
    background: #f7f7f7;
    color: #696969
}

span.arrows.next {
    right: 1%
}

button, input[type], select, textarea {
    background: 0 0;
    border: none;
    border-radius: 0;
    width: 100%;
    height: -webkit-fill-available;
    padding: 10px 22px;
}

::-webkit-input-placeholder {
    color: #a8a8a8
}

::-moz-placeholder {
    color: #a8a8a8
}

:-ms-input-placeholder {
    color: #a8a8a8
}

:-moz-placeholder {
    color: #a8a8a8
}

.customradio {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff
}

.customradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkmark {
    background-color: #e0e0e0
}

.bookSec .slick-next:hover, .bookSec .slick-prev:hover, .customradio input:checked~.checkmark {
    background: 0 0
}

.sidebar {
    width: 250px;
    background: #f5f5f5;
    padding: 20px
}

.tab-button {
    display: block;
    padding: 10px;
    margin: 5px 0;
    background: 0 0;
    border: none;
    text-align: left;
    font-size: 16px;
    cursor: pointer;
    color: #333;
    transition: .3s
}

.book, .btn.style1, .hm-sec-09 .frm-dv .LineAnimationButton:hover, .menu-Bar.open span {
    background: #fff
}

.awrdsRcg, .book, .btn, .cl-eml-cn, .cl-eml-cn li, .cnsltn-rv, .edit-sec-01, .hero-text, .hm-sec-08 h4, .lp-pblsh, .new-navigation ul, .plt-id, .smpls, .team-sld, .thankyouBanner .header-text, .vx-wk {
    text-align: center
}

.tab-button.active {
    background: #d90429;
    color: #fff;
    font-weight: 700
}

.btn.style1, .menu li.active a, .menu li:hover a {
    color: #ff6400
}

.content {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-wrap: wrap
}

.book {
    width: 30%;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    margin: 10px
}

.book img {
    width: 100%;
    height: auto
}

.rating {
    color: gold
}

.menu-Bar {
    width: 30px;
    height: 20px;
    right: 15px;
    margin: auto;
    z-index: 8;
    display: none
}

.menu-Bar span {
    display: block;
    height: 4px;
    width: 100%;
    background: #000;
    position: absolute;
    transition: .6s;
    border-radius: 100px
}

.menu-Bar span:first-child, .searchWrap.active, .stick.slideDown {
    top: 0
}

.menu-Bar span:nth-child(2) {
    top: 8px;
    transform-origin: left
}

.menu-Bar span:nth-child(3) {
    top: 16px
}

.menu-Bar.open span:first-child {
    transform: rotate(45deg);
    top: 12px;
    transform-origin: right-center
}

.menu-Bar.open span:nth-child(2) {
    width: 0;
    opacity: 0
}

.menu-Bar.open span:nth-child(3) {
    transform: rotate(-45deg);
    top: 12px;
    transform-origin: right-center
}

.pad-sec-sm {
    padding: 40px 0 80px
}

.no-pad, .pad-zero, footer.lp-footer {
    padding: 0
}

.btnList>li.first, .callList>li.first, .pad-l-zero, .pub-cri-02, .pub-sec-05 ul li.first, .pub-sec-05 ul li.last, .pub-sec-05 ul li:nth-child(4) {
    padding-left: 0
}

.arrowList>li.last, .btnList>li.last, .callList>li.last, .inbhold, .pad-r-zero {
    padding-right: 0
}

.pad-b-sec {
    padding-bottom: 80px
}

.pad-top-sec {
    padding-top: 40px
}

.-icn:before {
    content: "";
    background-image: url(../images/sprite.webp);
    background-repeat: no-repeat
}

.arrow-01, .arrow-02, .bannerFormBox, .christmas .section-secondary .expertise-text, .cnt-sec-01, .cta-sc, .dropdown-nav, .faqAccordian h6, .fcss ul li, .fctns, .ftr-hd h4, .hm-sec-02, .hm-sec-07, .icon-container, .main-slider, .mainSlider, .posRel, .ql-ws h5, .vx-wk-02, .wrapper, p.my, ul.dropdown .submenudrop {
    position: relative
}

.menu-slogan, .submenu, ul.sub-level2, ul.sub-level2:after, ul.sub-level3 {
    position: absolute
}

.bg-color {
    background: #efefec
}

.text-upp {
    text-transform: uppercase !important
}

.abt-sec-02 h4, .abt-sec-04 h3, .auth-sec-05 h3, .bannerForm h3, .btn, .btn-prc, .cnt-form-hold h2 span, .h4-grnr, .hd-mn, .hm-sec-04 h3, .lp-page .btn-03, .menu li a, .new-navigation li a, .price-sec-01 h3, .side-bar-frm-bdy h4, .side-bar-frm-bdy p, .side-bar-frm-head h4, .thankyouBanner a, .vx-wk h4 {
    text-transform: uppercase
}

.btn {
    color: #fff;
    background: #var(--theme_color);
    border: 2px solid #var(--theme_color);
    border-radius: 3px;
    letter-spacing: 2px;
    padding: 20px 30px;
    font-weight: 800;
    font-size: 10px;
    margin-top: -3rem;
    background-color: #var(--theme_color);
    border-color: #var(--theme_color);
    width: 190px
}

.menu li a, .para1 {
    font-size: 18px
}

.text-center .btn:hover {
    background: #000;
    color: #fff
}

.btn.style1 {
    border-color: #fff
}

.menu-slogan h4:after, ul.sub-level1:after, ul.sub-level2 li:after {
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    content: "";
    background: #fff
}

.btn.style1:hover {
    background: 0 0;
    color: #fff
}

.fb {
    background: #3b5998
}

.twi {
    background: #55acef
}

.lin {
    background: #0177b5
}

.google {
    background: #dd4b39
}

.rss {
    background: #3cb371
}

.color-light, .para {
    color: rgb(34 34 34 / .6)
}

.bold, .fcss h4, .hd-h2 span, .hd-mn-02, .hd-mn-03 span, .hm-sec-04 h3 span, .indstr h4, strong {
    font-weight: 700
}

.bgPop h6, .hm-sec-08 h4, .lrn-mr, .semi-bold, .smpls {
    font-weight: 600
}

.color-white {
    color: #fff
}

.logoColor {
    color: #1cbd56
}

.logo img {
    display: block;
    margin-top: 10px
}

.cl-eml-cn li a i, .cta-sc li i, .grntee img, .menu, .menu li {
    display: inline-block;
    vertical-align: middle
}

.cl-eml-cn, .field-pop, .gnr-ctgrs ul, .menu, .qlty ul, ul.counter-ul {
    font-size: 0
}

.menu li a {
    display: block;
    padding: 40px 50px 40px 0;
    font-weight: 500;
    letter-spacing: 1.2px
}

.submenu {
    width: 90%;
    background-color: #f7f7f7;
    top: 100%;
    z-index: 9;
    min-height: 300px;
    box-shadow: 0 3px 5px #3c3c3c;
    display: none;
    left: 11.7%;
    padding: 15px;
    border-top: 4px solid #fdae37
}

ul.sub-level1 {
    padding: 5px 0;
    text-align: left
}

ul.sub-level1:after {
    width: 100%;
    height: 3px;
    display: block;
    margin: 14px 0
}

ul.sub-level2 {
    left: 0;
    width: 168px;
    top: 45px;
    display: none
}

.menu-slogan, ul.sub-level3 {
    left: 100%;
    top: 0;
    display: none
}

ul.sub-level2:after {
    content: "";
    display: inline-block;
    height: 80%;
    width: 3px;
    background: #fff;
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
    top: 10%;
    right: 0
}

.submenu a {
    font-size: 15px !important;
    text-transform: capitalize
}

ul.sub-level2 li {
    width: 100%;
    margin-bottom: 0;
    margin-left: 13px;
    padding-bottom: 0
}

ul.sub-level2 li:after {
    display: block;
    width: 100%;
    height: 3px
}

ul.sub-level2 li.last {
    margin-left: 0 !important
}

.side-bar-frm-bdy p span, .submenu li:hover>a {
    color: #fdae37;
    font-weight: 600
}

.faq-form p {
    display: block;
    width: 100%
}

.editor-des p, .ftr-hd-02 img, .price-sec-01 p, body.faqs footer {
    margin-top: 0
}

li.active ul.sub-level2 {
    display: block;
    padding: 15px
}

ul.sub-level2 a {
    display: block;
    padding: 5px 10px
}

ul.sub-level1>li {
    width: 30.4%;
    margin: 0 !important
}

ul.sub-level1>li>a {
    display: block;
    padding: 0 !important
}

.menu-slogan {
    width: 360px;
    padding: 20px
}

.menu-slogan h4 {
    margin-bottom: 5px;
    margin-top: 0;
    padding-bottom: 6px;
    font-size: 18px
}

.menu-slogan h4:after {
    display: block;
    width: 100%;
    height: 3px;
    margin: 10px 0
}

.one.parent .menu-slogan.active {
    width: 643px
}

.menu-slogan p {
    font-size: 14px;
    line-height: 1.5;
    font-family: poppins
}

.hd-h1, .pbsl h2 {
    line-height: 50px
}

.one.parent .menu-slogan p {
    width: 58%;
    display: inline-block;
    vertical-align: top
}

.one.parent .menu-slogan img {
    position: absolute;
    top: 25px;
    right: 25px
}

ul.sub-level2.second, ul.sub-level2.third {
    width: 380px
}

ul.sub-level2.second li, ul.sub-level2.third li {
    width: 170px;
    float: left;
    margin-right: 0
}

.second .menu-slogan, .third .menu-slogan {
    left: 99%
}

.submenu .sub-level2 a {
    padding: 7px 0 !important;
    display: block;
    font-weight: 500;
    font-size: 15px !important;
    letter-spacing: 1px
}

.submenu .sub-level2 li:hover a {
    border-color: #fff0;
    font-weight: 500
}

ul.sub-level2 li:last-child a, ul.sub-level2 li:nth-child(11) a, ul.sub-level2.third li:last-child {
    border: 0 !important
}

.align-items-center, .bgPop, .popupMain .closePop, .row.row-banner {
    display: flex;
    align-items: center
}

.abt-sec-02 .row, .indstr, .mainBanner, .qlty {
    align-items: center
}

li.slp-dd {
    position: relative;
    transition: .5s
}

li.slp-dd ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #f7f7f7;
    z-index: 1;
    text-align: left;
    padding: 15px 0;
    line-height: 20px;
    border-top: 4px solid #fdae37
}

li.slp-dd ul li {
    display: block;
    width: 256px;
    position: relative;
    padding: 0 15px;
    margin: 0
}

li.slp-dd ul li.last {
    margin-left: 0
}

li.slp-dd ul li a {
    padding: 10px 0;
    display: block;
    font-weight: 500
}

li.slp-dd ul li a:after {
    width: 100%;
    height: 3px;
    content: "";
    display: block;
    background: #fff;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    position: relative;
    top: 9px
}

li.slp-dd ul li a i {
    position: absolute;
    right: 0;
    top: 40%;
    font-size: 14px
}

li.slp-dd ul li ul {
    display: none;
    top: 0;
    left: 100%
}

li.slp-dd:hover ul {
    display: block;
    z-index: 1
}

.searchWrap {
    padding: 20px 80px 20px 20px;
    background: #ec1c23;
    position: absolute;
    top: -100%;
    width: 100%;
    z-index: 9
}

.searchField {
    border-bottom: 1px solid #fff;
    background: 0 0;
    position: relative;
    height: 40px
}

.searchField input {
    font-size: 16px;
    color: #fff;
    background: 0 0;
    width: 100%;
    padding: 0;
    height: 100%;
    font-weight: 400;
    border-bottom: 1px solid #fff !important;
    border-width: 0
}

.searchField i {
    color: #fff;
    font-size: 22px;
    position: absolute;
    right: -30px;
    top: 6px;
    cursor: pointer
}

.searchField input::-webkit-input-placeholder {
    color: #fff
}

.searchField input::-moz-placeholder {
    color: #fff
}

.searchField input:-ms-input-placeholder {
    color: #fff
}

.searchField input:-moz-placeholder {
    color: #fff
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content h3, #portfolio .portfolio-item .portfolio-link .caption .caption-content h4, .cta-sc li.last, .indst-slider .slick-slide, .lp-pblsh h3, .main-links ul li.last, .main-slider .slick-slide, .mainSlider .slick-list, .mainSlider .slick-slide, .new-navigation li.last, .nmb-cht ul li.last, .no-margin .tstr, .our-editor .slick-slide {
    margin: 0
}

.mainBanner {
    padding-top: 0;
    background-repeat: no-repeat;
    background-position: top center;
    display: flex;
    background-size: cover;
    position: relative;
    transition: .3s;
    padding: 41px 0;
}

header {
    padding: 15px 0 0
}

.bookimg, .lp-hdr, .main-links, .navigation, .nmb-cht {
    text-align: right
}

.fcss h4, .hd-h6, .hd-mn, .hm-sec-04 h3, .para-02, .rlse, .tsti-para {
    text-align: center
}

.navigation ul li a i {
    padding: 0 5px 0 0;
    font-size: 18px
}

.hd-h1 {
    font-size: 51px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 15px;
    line-height: 68px;
    font-family: var(--ff-display);
}

.hd-par, .pricing-sec-delvry h4 {
    font-size: 22px
}

.hd-par {
    font-weight: 400;
    color: #fff;
    line-height: 33px;
    margin-bottom: 33px
}

.hd-h2, .para {
    color: #4e4e4e
}

.about-us-under-banner, .author-news {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.LineAnimationButton {
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.LineAnimationButton:hover, .lp-page .btn-03:hover {
    background-color: #fff0
}

.LineAnimationButton:hover:after, .btn-02:hover:after, .ghst a.LineAnimationButton:hover:after {
    background-position: -442px -18px
}

.LineAnimation-border--top {
    top: 0;
    right: 100%;
    left: 0;
    height: 2px;
    -webkit-transition: right .2s ease-in .6s;
    transition: right .2s ease-in .6s
}

.LineAnimation-border {
    background-color: #fdae37
}

.LineAnimation-border, .LineAnimation-border-inner {
    position: absolute;
    content: ''
}

.LineAnimation-border--right {
    right: 0;
    bottom: 100%;
    top: 0;
    width: 2px;
    -webkit-transition: bottom .2s ease-in .4s;
    transition: bottom .2s ease-in .4s
}

.LineAnimation-border--bottom {
    bottom: 0;
    right: 0;
    left: 100%;
    height: 2px;
    -webkit-transition: left .2s ease-in .2s;
    transition: left .2s ease-in .2s
}

.LineAnimation-border--bottom_left {
    bottom: 0;
    height: 0;
    width: 2px;
    left: 0;
    -webkit-transition: height .2s ease-in;
    transition: height .2s ease-in
}

.LineAnimation-border--top_left {
    bottom: 50%;
    left: 0;
    width: 2px;
    height: 0;
    -webkit-transition: height .2s ease-in .8s;
    transition: height .2s ease-in .8s
}

.LineAnimationButton .LineAnimation-border--top_left {
    height: 50%;
    -webkit-transition: height .2s ease-in;
    transition: height .2s ease-in
}

.LineAnimationButton .LineAnimation-border--top {
    right: 0;
    -webkit-transition: right .2s ease-in .2s;
    transition: right .2s ease-in .2s
}

.LineAnimationButton:hover .LineAnimation-border--right {
    bottom: 0;
    -webkit-transition: bottom .2s ease-in .4s;
    transition: bottom .2s ease-in .4s
}

.LineAnimationButton:hover .LineAnimation-border--bottom {
    left: 0;
    -webkit-transition: left .2s .6s;
    transition: left .2s .6s
}

.LineAnimationButton:hover .LineAnimation-border--bottom_left {
    height: 40%;
    -webkit-transition: height .2s ease-in .8s;
    transition: height .2s ease-in .8s
}

.prtnrs-sec {
    background-color: rgb(0 0 0 / .72);
    padding: 23px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.prtnrs-sec img, .testi-slider img {
    display: block;
    margin: 0 auto
}

.hd-h2 {
    font-size: 50px;
    font-weight: 500;
    line-height: 70px
}

.para {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.pbsl {
    margin-bottom: 20px
}

.pbsl h2 {
    margin-top: -18px;
    width: 35%;
    font-size: 45px
}

.hd-h4, .sec2paradv h3 {
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.pbsl p {
    width: calc(64%);
    vertical-align: top;
    padding: 0 0 0 17px
}

p.wd-para {
    padding-right: 12px
}

.hd-h4 {
    color: #000;
    margin-bottom: 30px
}

.hd-h6 {
    font-size: 14px;
    color: #484848;
    margin: 14px 0 0
}

.hn-hnd, .tsti-para {
    font-size: 14px;
    color: #000;
    line-height: 20px;
    font-weight: 400
}

.tsti-para {
    padding: 9px 24px 11px
}

.hm-sec-08 .heading, .link-container, .sec2paradv h3 {
    padding-top: 20px
}

.sec2paradv p {
    margin-top: 25px
}

.sld-arw button.slick-arrow {
    font-size: 0;
    background: 0 0;
    border: 0;
    padding: 0;
    position: absolute;
    left: 0;
    bottom: -20px;
    right: 0;
    margin: auto;
    width: 20px;
    color: #ec1c24;
    cursor: pointer
}

.sld-arw button.slick-prev {
    left: inherit;
    right: 39px;
    top: 0;
    bottom: inherit;
    z-index: 2
}

.sld-arw button.slick-arrow:before {
    font-family: "font awesome 5";
    content: "\f086";
    display: inline-block;
    font-size: 13px;
    content: "\f053";
    color: #9f9e9e;
    font-weight: 600;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    line-height: 53px;
    align-items: center;
    justify-content: center;
    background-color: #f2eded;
    display: flex
}

.new-navigation ul>li.dropdown-nav:hover>a, .sld-arw button.slick-arrow:hover:before {
    background: #fdae37;
    color: #fff
}

.sld-arw button.slick-next {
    left: inherit;
    right: 7px;
    top: 0;
    bottom: inherit
}

.hm-sec-02:before, .ql-ws h5:before {
    content: " ";
    left: 0;
    position: absolute
}

.sld-arw button.slick-next:before {
    content: "\f054";
    font-weight: 600
}

.hn-hnd {
    padding: 16px 13px 0
}

.tstr {
    margin-top: -40px
}

.rlse {
    margin-top: 40px
}

.hm-sec-02 {
    background: url(../images/hm-bg-01.webp) 0 0/cover no-repeat;
    min-height: 944px;
    display: flex;
    align-items: center;
    margin-top: 1rem
}

/*.hm-sec-02:before {*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: rgb(0 0 0 / .83)*/
/*}*/
.btn-02:after, .btn-03:after, .ghst a.LineAnimationButton:after {
    background-position: -409px -18px;
    width: 26px;
    height: 9px
}

.hd-pr {
    font-size: 43px;
    font-weight: 500;
    color: #fff;
    line-height: 50px;
    margin-bottom: 24px
}

.hd-pr span {
    color: #fdae37;
    font-weight: 700;
    display: inline
}

.hm-sec-02 p, .ql-ws h5, .ql-ws p {
    font-weight: 500;
    color: #fff
}

.btn-02, .hd-mn, .team-sld h5 {
    font-weight: 600
}

.hm-sec-02 p {
    line-height: 25px
}

.awrdsRcg ul li.last, .cnsltn-rv li:nth-child(3), .cnsltn-rv li:nth-child(5), .field-half.marRht, .hm-sec-02 a+a, .partnersDv li.last, .popField.half.noMar, .stepList>li.last {
    margin-right: 0
}

.btn-02 {
    font-size: 15px;
    color: #fff;
    padding: 22px 65px 22px 27px;
    margin-right: 13px
}

.btn-02 .LineAnimation-border {
    background-color: #137451
}

.btn-02-iner .LineAnimation-border, .ftr-hd ul.scl-ftr li a:hover, .new-navigation li a:hover, .other-innerbox a.btn-02 .LineAnimation-border, .price-desc a.btn-02 .LineAnimation-border, .ql-ws h5:before {
    background-color: #fdae37
}

.btn-02:hover, .btn-03:hover, .field .btn-03:hover input {
    color: #fcb200
}

.qlty {
    /* background-color: rgb(0 0 0 / .65); */
    /* min-height: 571px; */
    /* padding: 0 26px; */
    display: flex;
    /* margin-left: 75px; */
}

.hm-sec-05, .lp-sec-03-editing .lp-testi-box p {
    min-height: 218px;
}

.qlty ul li {
    width: 50%;
    margin: 21px 0;
}

.sprite {
    background: url(../images/sprite.webp) no-repeat;
    display: block
}

.ql-ws i, .wrkd {
    display: inline-block;
    vertical-align: top
}

.arrowList>li, .callList>li, .cl-eml-cn li a span, .cta-sc li a, .field-half, .grntee p, .lp-btn-02, .popField.half, .pub-cri-02 li {
    vertical-align: middle
}

.icon-01 {
    background-position: -8px -45px;
    width: 60px;
    height: 60px
}

.ql-ws h5 {
    font-size: 22px;
    padding: 0 0 10px;
    margin: 0 0 32px;
    max-width: 100%;
}

.ql-ws h5:before {
    bottom: 0;
    width: 53px;
    height: 3px;
    text-align: center;
    left: 44%;
}

p.my-para::after {
    position: absolute;
    content: '';
    height: 46px;
    border: 2px solid #fdae37;
    rotate: 90deg;
    top: 27px;
    left: 34px
}

.ql-ws p {
    font-size: 16px;
    line-height: 20px;
    max-width: 89%;
    display: block;
    margin: -17px auto;
}

.price-desc a, p.my-para-2 {
    margin-top: 30px
}

.wrkd {
    width: calc(100% - 62px);
    padding: 0 0 0 10px
}

.icon-02 {
    background-position: -90px -47px;
    width: 60px;
    height: 60px
}

.hd-mn {
    color: #4e4e4e;
    border-bottom: 2px solid #4e4e4e;
    line-height: 75px;
    font-size: 42px
}

.cta-sc li a span, .fcss ul li, .para-02 {
    font-size: 16px
}

.para-02 {
    font-weight: 500;
    line-height: 23px
}

.hm-sec-03 p.para-02 {
    padding: 0 167px
}

.team-sld h5 {
    font-size: 13px;
    color: #484848;
    margin: 6px 0 5px
}

.team-sld h6 {
    font-size: 12px;
    font-weight: 700;
    color: #000
}

.fcss ul li, .hd-mn-03, .hm-sec-04 h3, .indstr p {
    font-weight: 500
}

.team-sld img {
    display: block;
    margin: 0 auto 8px
}

.hm-sec-04 h3 {
    font-size: 60px;
    color: #4e4e4e
}

.fcss h4 {
    font-size: 23px;
    color: #4e4e4e;
    margin: 19px 0
}

.cnctd h2, .cnctd h3, .cta-sc li, .ghst-srvc-sec .edit-sec-01, .popTxt {
    text-align: left
}

.cta-sc, .hd-mn-02 {
    text-align: center
}

.fcss ul li {
    display: flex;
    color: #080808;
    margin: 0 0 6px;
    line-height: normal;
    padding-left: 24px
}

.fcss ul li:before {
    font-style: normal;
    line-height: 1;
    content: "\f058";
    font-family: "font awesome 5";
    font-size: 16px;
    position: absolute;
    top: 1px;
    left: 0;
    color: #fdae37
}

.icon-03 {
    background-position: -335px -540px;
    width: 80px;
    height: 58px;
    margin: 0 auto
}

.icon-04 {
    background-position: -443px -542px;
    width: 47px;
    height: 60px
}

.icon-05 {
    background-position: -517px -540px;
    width: 55px;
    height: 63px
}

.icon-06 {
    background-position: -599px -552px;
    width: 66px;
    height: 51px
}

.fcss i.sprite {
    margin: auto
}

.fcss:hover .icon-03 {
    background-position: -334px -615px
}

.fcss:hover .icon-04 {
    background-position: -442px -617px
}

.fcss:hover .icon-05 {
    background-position: -516px -615px
}

.fcss:hover .icon-06 {
    background-position: -598px -627px
}

.hm-sec-05 {
    background: url(../images/wc2-01.webp) 0 0/cover no-repeat;
    padding: 55px 0;
}

.author-news h3 {
    font-size: 40px;
    color: #4e4e4e
}

.hd-mn-02 {
    color: #000;
    font-size: 50px
}

.row-banner p {
    font-size: 18px;
    line-height: 28px;
    color: #4e4e4e
}

.hm-sec-04 {
    padding-bottom: 60px
}

.hm-sec-06 {
    height: 210px;
    background-color: #f0f0f0;
    padding: 0 0 20px
}

.bannerForm, .btn-03 .LineAnimation-border, .fld-input, .indstr, .lp-stp-bx:hover, .trst-wht-bx {
    background-color: #fff
}

.fctns {
    top: -130px
}

.indstr {
    min-height: 300px;
    padding: 0 35px;
    display: flex;
    border: 5px solid #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.indstr:hover {
    border-color: #fdae37
}

.icon-07 {
    background-position: -350px -136px;
    width: 51px;
    height: 46px
}

.indstr h4 {
    font-size: 22px;
    color: #000;
    margin: 22px 0 14px
}

.indstr p {
    font-size: 14px;
    color: #000;
    line-height: 18px
}

.cmnts h4, .cnctd h2, .cnctd h3, .cnt-feild input[type=submit]:hover, .cnt-info li span a, .cta-sc li a, .indstr:hover h4 {
    color: #fff
}

.btnList>li:hover a, .btnList>li:hover input, .indstr:hover p {
    color: #000
}

.bookSec .slick-next:hover:before, .bookSec .slick-prev:hover:before, .btnList>li a, .callList>li:hover a, .cta-sc li a:hover, .faqAccordian>li.active h6, .ftr-hd ul li a:hover, .hd-mn-03, .nmb-cht ul li a:hover, .other-innerbox a.btn-02:hover {
    color: #fdae37
}

.indstr:hover i {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1)
}

.icon-08 {
    background-position: -412px -132px;
    width: 57px;
    height: 52px
}

.icon-09 {
    background-position: -479px -131px;
    width: 50px;
    height: 55px
}

.icon-10 {
    background-position: -540px -131px;
    width: 41px;
    height: 55px
}

.indst-slider button.slick-arrow {
    font-size: 0;
    background: 0 0;
    border: 0;
    padding: 0;
    position: absolute;
    left: 0;
    bottom: -20px;
    right: 0;
    margin: auto;
    color: #ec1c24;
    cursor: pointer
}

.indst-slider button.slick-prev {
    left: inherit;
    right: 60px;
    top: inherit;
    bottom: -55px;
    z-index: 1
}

.indst-slider button.slick-arrow:before {
    font-family: "font awesome 5";
    content: "";
    display: inline-block;
    content: "";
    font-weight: 600;
    height: 15px;
    width: 41px;
    line-height: 53px;
    align-items: center;
    justify-content: center;
    background-color: #fff0;
    display: flex;
    background: url(../images/sprite.webp) -263px -15px no-repeat
}

.indst-slider button.slick-next {
    left: inherit;
    right: 0;
    top: inherit;
    bottom: -55px
}

.ftr-hd h4:before, .smpls, a.interested, p.my::before {
    position: absolute;
    left: 0;
    right: 0
}

.indst-slider button.slick-next:before {
    content: "";
    background-position: -314px -15px;
    width: 41px;
    height: 15px
}

.hm-sec-07 {
    background: url(../images/dotted-bg.webp) 0 0/cover no-repeat;
    min-height: 283px;
    padding: 80px 0 40px;
    margin-top: 90px
}

.hd-mn-03 {
    font-size: 40px
}

.cta-sc {
    margin: 50px 0 0;
    z-index: 2
}

.cta-sc li {
    margin: 0 60px 0 0
}

.how-it-works-8 {
    padding-top: 80px !important
}

.cta-sc li a {
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 0 13px;
    line-height: normal
}

.icon-11 {
    background-position: -19px -209px;
    width: 54px;
    height: 51px
}

.icon-12 {
    background-position: -96px -218px;
    width: 58px;
    height: 48px
}

.icon-13 {
    background-position: -176px -205px;
    width: 51px;
    height: 51px
}

.icon-14 {
    background-position: -249px -208px;
    width: 31px;
    height: 49px
}

.hm-sec-09 {
    padding: 3rem 0;
    background: #fd9d13;
    background: linear-gradient(155deg, #fd9d13 0, #fd572e 100%)
}

.cnctd h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 74px
}

.cnctd h3 {
    font-size: 35px;
    font-weight: 700;
    line-height: 45px
}

.cnctd h2 span {
    font-size: 53px;
    font-weight: 500;
    padding: 0 0 25px
}

.cmnts {
    border-top: 1px solid #acdfcc;
    border-bottom: 1px solid #fff;
    padding: 25px 0 31px;
    margin: 30px 0 0
}

.cmnts h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 28px
}

.auth-sec-04 ul li, .cl-eml-cn li {
    width: 50%
}

.author-news .heading, .edit-sec-01 .heading, .h-sec-one .heading, .h-sec-one .heading strong, .hm-sec-08 .heading {
    text-align: center !important
}

.icon-15 {
    background-position: -299px -214px;
    width: 35px;
    height: 34px
}

.cl-eml-cn li a span {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    padding: 0 0 0 10px;
    text-align: left
}

.icon-16 {
    background-position: -350px -212px;
    width: 34px;
    height: 34px
}

.cl-eml-cn * {
    transition: .4s ease-in-out
}

.cl-eml-cn li a {
    line-height: 15px;
    display: inline-flex;
    width: max-content
}

.cl-eml-cn li.last a {
    display: inline-flex;
    text-align: right;
    align-items: center
}

.cl-eml-cn li a:hover i {
    transform: translate3d(6px, 10%, 2em)
}

.cnctd {
    width: 370px;
    margin: 0 auto
}

.expertise-text>p, .field, .portfolio-modal .modal-content img, footer h3 {
    margin-bottom: 30px
}

.field input, .field select, .field textarea {
    font-size: 13px;
    font-weight: 600;
    color: rgb(24 24 24 / .74);
    background-color: #fff;
    height: 56px;
    padding: 0 15px;
    border-radius: 6px;
    width: 100%;
    text-transform: uppercase
}

.edit-sec-02_inner h4, .lp-h3, ul.dropdown li a {
    text-transform: capitalize
}

.field input::placeholder, .field select::placeholder, .field textarea::placeholder {
    color: rgb(24 24 24 / .74)
}

.field textarea {
    padding: 15px;
    min-height: 128px;
    resize: none
}

.field .btn-03 input {
    background-color: #fff0;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    height: auto
}

.btn-03 {
    padding: 22px 65px 22px 27px;
    margin-right: 0
}

.btn-03:after {
    top: 43%;
    right: 39px
}

footer {
    background-color: #181818;
    padding: 100px 0 0;
    color: #fff
}

.ftr-hd h4, p.my {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding: 0 0 10px;
    margin-bottom: 33px
}

.ftr-hd h4:before, p.my::before {
    content: " ";
    width: 37px;
    height: 1px;
    background-color: #fdae37;
    bottom: 0
}

.ftr-hd ul li {
    display: block;
    margin: 0 0 10px
}

.ftr-hd ul li a {
    font-size: 15px;
    font-weight: 500;
    color: #868686;
    line-height: normal
}

.ftr-hd ul.scl-ftr li, .new-navigation li {
    display: inline-block;
    margin: 0 5px 0 0
}

.ftr-hd ul.scl-ftr li a {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #5f5f5f
}

.ftr-hd ul.scl-ftr li a i, .lp-page .btn-03 input:hover, .popTxt h6 {
    color: #181818
}

.scl-ftr {
    margin: 18px 0 0
}

.ftr-hd ul.adrs li {
    margin: 0 0 15px
}

.ftr-hd ul.adrs li a i {
    vertical-align: top;
    color: #fdae37;
    padding: 0 5px 0 0
}

.ftr-hd ul.adrs li a {
    line-height: 19px
}

.ftr-btm {
    border-top: 2px solid #3c3c3c;
    padding: 25px 0;
    margin-top: 60px
}

.ftr-btm ul li:nth-last-child(2) {
    border-right: unset
}

.ftr-btm ul li {
    border-right: 1px solid #707070;
    padding: 0 10px;
    display: inline-block
}

.ftr-btm ul li.last {
    border-right: none;
    width: 1170px;
    text-align: left;
    line-height: 21px;
    margin-top: 4%;
    color: #868686;
    display: inline-block;
    font-weight: 400;
    font-size: 11px
}

.ftr-btm ul li.first:before {
    content: "\f0fe";
    font-family: "font awesome 5";
    margin: 0 10px 0 0;
    color: #a7a7a7
}

.ftr-btm ul li.first.active:before {
    content: "\f146";
    font-family: "font awesome 5";
    margin: 0 10px 0 0;
    color: #a7a7a7
}

.ftr-btm p, .ftr-btm ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #707070
}

.hm-sec-08 h4 {
    color: #4e4e4e;
    margin: 0 0 7px
}

.edit-sec-02_inner, .req .hm-sec-03 {
    padding-bottom: 0
}

a.custom-links {
    background: orange;
    padding: 10px 30px;
    border-radius: 20px
}

a.custom-links:hover {
    background: #fff;
    color: #var(--theme_color)
}

.faqAccordian {
    display: block;
    margin: 0
}

.faqAccordian>li {
    display: block;
    border: 1px solid #dddfe1;
    margin-bottom: 21px;
    padding: 19px
}

.LineAnimation-border, .awrdsRcg-content, .btnList>li.last:before, .faqData, .lp-page .LineAnimation-border, .lp-page .LineAnimationButton:after, .memb-prof, .no-desktop.only-mobile, .popup, .popupMain, .poster-main .poster-btn.poster-next-btn, .poster-main .poster-btn.poster-prev-btn, .pub-cri-03 ul li:before, .reverse br, .side-bar, .stepList>li.last:after, .stepList>li.last:before {
    display: none
}

.faqAccordian h6, .faqAccordian p, .faqData ul li {
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 0
}

.faqAccordian h6 {
    color: #4e4e4e;
    padding-left: 0;
    cursor: pointer
}

.faqAccordian p, .faqData ul li {
    color: #8e8e8e;
    line-height: 24px
}

.faqAccordian h6:after {
    content: "\f067";
    font-family: "font awesome 5";
    font-size: 14px;
    color: #6e6e6e;
    position: absolute;
    right: 0
}

.faqAccordian>li.active .faqData {
    display: block;
    padding: 9px 0 0;
    border-top: 2px solid #f1f1f1;
    margin: 15px 0 0
}

.faqAccordian>li.active h6:after {
    content: "\f068"
}

.faqData ul {
    margin: 8px 0 0 15px
}

.faq-sec h3, .lp-sec-03 h3, footer .footer-col {
    margin-bottom: 50px
}

a.interested {
    top: 0;
    bottom: 0;
    display: block;
    z-index: 1
}

a.interested div.circle {
    width: 101px;
    height: 101px;
    position: absolute;
    top: -59px;
    left: 50%;
    margin: 0 0 0 -50px;
    background: url(../images/sprite.webp) -7px -326px no-repeat
}

a.interested div.circle span {
    width: 95px;
    height: 35px;
    display: block;
    position: absolute;
    top: -19px;
    left: 50%;
    margin: 0 0 0 -48px;
    text-indent: -9999px;
    text-align: left;
    background: url(../images/sprite.webp) -7px -286px no-repeat;
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 50% 75px;
    transform-origin: 50% 75px
}

a.interested div.circle b {
    position: absolute;
    top: 51%;
    left: 52%;
    width: 18px;
    height: 17px;
    display: block;
    margin: -9px 0 0 -12px;
    background: url(../images/sprite.webp) -129px -345px no-repeat;
    -webkit-animation: 1s ease-in infinite arrow;
    animation: 1s ease-in infinite arrow
}

a.interested:hover div.circle {
    background-position: -5px -448px;
    width: 101px;
    height: 101px;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

a.interested:hover div.circle b {
    background-position: -127px -377px;
    width: 18px;
    height: 17px
}

.cl-eml-cn-02 {
    width: 512px;
    margin: 0 57px 0 auto;
    bottom: -58px;
    position: absolute;
    right: 0
}

.cl-eml-cn-02 li a span {
    font-size: 18px;
    color: #4e4e4e
}

.icon-17 {
    background-position: -401px -202px;
    width: 54px;
    height: 51px
}

.icon-18 {
    background-position: -475px -202px;
    width: 58px;
    height: 58px
}

.cl-eml-cn-02 li a {
    line-height: 22px
}

.hd-tm {
    margin-top: 86px
}

.smpls {
    font-size: 16px;
    color: #242728;
    bottom: 130px;
    margin: auto;
    text-decoration: none;
    width: 24%
}

.disclaimer-sec p {
    font-size: 19px;
    font-weight: 400;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #222;
    opacity: .9
}

.disclaimer-sec p strong:after {
    content: "\f0fe";
    font-family: FontAwesome;
    margin: 0 0 0 10px;
    color: #a7a7a7
}

.disclaimer-sec p.active strong:after {
    content: "\f146"
}

.disclaimer-sec p:last-child {
    display: none;
    font-size: 13px
}

.disclaimer-sec .container {
    border-top: 1px solid #efefef;
    padding-top: 23px;
    margin-top: 16px
}

.mainBanner.slick-slide {
    display: flex !important
}

.columns {
    position: relative;
    height: 716px
}

.hero-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    width: 100%
}

.hero-text {
    font-size: 50px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.slick-slider div.slick-active .hero-image {
    -webkit-animation: 8s cubic-bezier(.694, 0, .335, 1) 1s infinite myMove;
    -moz-animation: 8s cubic-bezier(.694, 0, .335, 1) 1s infinite myMove;
    -o-animation: 8s cubic-bezier(.694, 0, .335, 1) 1s infinite myMove;
    -ms-animation: 8s cubic-bezier(.694, 0, .335, 1) 1s infinite myMove;
    animation: 8s cubic-bezier(.694, 0, .335, 1) 1s infinite myMove
}

@keyframes myMove {
    from {
        transform: scale(1, 1);
        transform-origin: 50% 50%
    }

    to {
        transform: scale(1.1, 1.1);
        transform-origin: 50% 0%
    }
}

@-webkit-keyframes myMove {
    from {
        -webkit-transform: scale(1, 1);
        -webkit-transform-origin: 50% 50%
    }

    to {
        -webkit-transform: scale(1.1, 1.1);
        -webkit-transform-origin: 50% 0%
    }
}

@-o-keyframes myMove {
    from {
        -o-transform: scale(1, 1);
        -o-transform-origin: 50% 50%
    }

    to {
        -o-transform: scale(1.1, 1.1);
        -o-transform-origin: 50% 0%
    }
}

@-moz-keyframes myMove {
    from {
        -moz-transform: scale(1, 1);
        -moz-transform-origin: 50% 50%
    }

    to {
        -moz-transform: scale(1.1, 1.1);
        -moz-transform-origin: 50% 0%
    }
}

@-ms-keyframes myMove {
    from {
        -ms-transform: scale(1, 1);
        -ms-transform-origin: 50% 50%
    }

    to {
        -ms-transform: scale(1.1, 1.1);
        -ms-transform-origin: 50% 0%
    }
}

.header-text-home {
    position: absolute;
    top: 12%;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    right: 0;
    left: 0
}

.header-text-home h1 .output {
    display: inline-block;
    padding-right: 9px;
    position: relative
}

.output .cursor:after {
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    -webkit-animation-duration: .6s;
    content: "";
    width: 4px;
    height: 63px;
    background: #fdae37;
    position: absolute;
    top: 4px;
    right: 0
}

@-webkit-keyframes blinker {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes zoominoutsinglefeatured {
    0%, 100% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1.2, 1.2)
    }
}

.single-featured-image-header {
    animation: 20s infinite zoominoutsinglefeatured
}

.columns.slick-slide.slick-current.slick-active {
    position: relative;
    z-index: 999999
}

.icon-dsgn {
    background-position: -10px -126px;
    width: 57px;
    height: 58px
}

.icon-prf {
    background-position: -89px -126px;
    width: 55px;
    height: 53px
}

.lrn-mr {
    color: #868686;
    font-size: 15px
}

.lrn-mr:hover {
    color: #137451
}

header.fixed {
    position: fixed;
    background: #fff;
    padding: 10px 0 0;
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / .1);
    width: 100%;
    z-index: 11;
    transition: .4s ease-in
}

.frm-dv {
    margin-right: 45px
}

.ghst a.btn-02 .LineAnimation-border {
    background-color: #2ca378
}

.innerBanner {
    background-position: center
}

.about-us-banner {
    margin-bottom: 0 !important
}

.abt-sec-1 .pbsl p, .covimg-hold img, .field.field-100, .mapholder img, .our-editor .slick-slide img, .pub-sec-05 ul li:last-child {
    width: 100%
}

.ab-title h2 {
    font-size: 67px;
    line-height: 81px
}

.abt-sec-02 h4 {
    color: #1e2124;
    font-size: 21px;
    margin-bottom: 22px
}

.abt-sec-02 p {
    line-height: 30px
}

.tlkabt {
    padding-left: 20px
}

.abt-sec-04 h3 {
    font-size: 40px;
    border-bottom: 3px solid #1e2124
}

.team-desmain {
    position: relative;
    min-height: 186px
}

.team-txt {
    box-shadow: 0 0 8px -2px #ddd;
    position: absolute;
    width: 106%;
    left: -9%;
    padding-left: 35px;
    padding-top: 45px;
    padding-bottom: 45px;
    background: #fff
}

.team-txt h4 {
    font-size: 18px;
    color: #161a1d;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 20px
}

.team-txt p {
    font-size: 13px;
    color: #414141;
    font-weight: 400;
    line-height: normal;
    padding-right: 7%
}

.h-sec-four .heading {
    font-size: 34px !important;
    text-align: center;
    margin-bottom: 10px
}

.h-sec-four {
    padding-bottom: 30px
}

.pand-home-set .para {
    margin-top: 0 !important;
    text-align: center !important
}

.icon-19 {
    background-position: -171px -309px;
    width: 17px;
    height: 19px
}

.cnt-form-hold h2 {
    color: #161a1d;
    font-size: 50px;
    font-weight: 700
}

.cnt-feild input, .cnt-feild textarea {
    background: #f2f3f5;
    border-radius: 5px;
    margin-bottom: 10px;
    font-family: gilroy;
    color: #151515;
    width: 100%
}

.cnt-form-hold h2 span {
    color: #666d81;
    font-size: 16px;
    letter-spacing: 3.5px;
    line-height: 50px;
    font-weight: 500
}

.awrdsRcg ul li a, .awrdsRcg ul li a.nwsMd, ul.counter-ul li {
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal
}

.cnt-form-hold form {
    margin-top: 55px
}

.cnt-feild input {
    height: 78px;
    padding: 0 30px;
    font-size: 16px;
    font-weight: 500
}

.cnt-feild textarea {
    padding: 20px 30px;
    resize: none;
    height: 224px;
    font-weight: 500
}

.cnt-feild input::-webkit-input-placeholder {
    color: #151515
}

.cnt-feild input::-moz-placeholder {
    color: #151515
}

.cnt-feild input:-ms-input-placeholder {
    color: #151515
}

.cnt-feild input:-moz-placeholder {
    color: #151515
}

.cnt-feild textarea::-webkit-input-placeholder {
    color: #151515
}

.cnt-feild textarea::-moz-placeholder {
    color: #151515
}

.cnt-feild textarea:-ms-input-placeholder {
    color: #151515
}

.cnt-feild textarea:-moz-placeholder {
    color: #151515
}

.cnt-feild input[type=submit] {
    height: auto;
    background: 0 0;
    padding: 0;
    font-weight: 600;
    color: #161a1d;
    font-size: 18px;
    margin-bottom: 0
}

.cnt-info-bg {
    background: #fdae37;
    position: absolute;
    right: 0;
    top: 0;
    width: 32.3%;
    height: 100%
}

.cnt-info {
    z-index: 8
}

.icon-20 {
    background-position: -121px -408px;
    width: 30px;
    height: 40px
}

.cnt-info ul {
    padding-left: 20%
}

.cnt-info li {
    border-bottom: 1px solid #fff;
    padding-bottom: 90px;
    margin-bottom: 70px
}

.cnt-info li span {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
}

.cnt-social li a, .edit-sec-01 p, .edit-sec-04 ul, .memb-prof p a, .membinfo p, .price-desc p {
    font-weight: 400
}

.cnt-info li i {
    margin-right: 30px;
    vertical-align: top
}

.icon-21 {
    width: 51px;
    height: 51px;
    background-position: -119px -469px
}

.icon-22 {
    width: 54px;
    height: 51px;
    background-position: -288px -210px
}

.editor-des, .membinfo {
    background: #fff;
    width: 80%
}

.cnt-social li {
    margin: 0;
    padding: 0;
    border: none
}

.cnt-social li a {
    color: #fff;
    font-size: 20px
}

.hm-sec-09 {
    margin-top: 80px !important
}

.innerBanner {
    margin-bottom: 50px !important;
    z-index: 1;
}

.faq-page-sec {
    margin-bottom: 60px !important
}

.bolit_point li {
    margin: 10px 24px
}

.heading {
    font-size: 38px;
    font-weight: 700;
    color: #4e4e4e;
    line-height: 1.2;
    text-align: left
}

.edit-sec-01 p {
    color: #4e4e4e;
    margin-top: 25px;
    font-size: 18px
}

.pub-sec-04 h3 {
    line-height: 51px
}

.priintxt {
    padding-left: 5%
}

.pub-sec-05 ul li {
    padding-left: 7%
}

.edit-sec-02_inner h4 {
    font-size: 40px;
    color: #4e4e4e;
    display: inline;
    margin-bottom: 50px;
    line-height: 55px
}

p.para, p.paragraph {
    font-size: 18px;
    color: #ffffff;
    font-weight: 400
}

.ghostserv {
    margin: 0 auto
}

.ghostserv ul {
    padding-left: 70px
}

.edit-sec-03 .poster-main .poster-list {
    height: 490px !important
}

.auth-news h3 {
    height: auto;
    display: inline-block;
    line-height: 51px
}

.edit-sec-04 h4 {
    font-size: 18px;
    color: #4e4e4e;
    margin-top: 45px
}

.edit-sec-04 ul {
    text-align: left;
    font-size: 0;
    color: #4e4e4e;
    margin-top: 25px;
    margin-bottom: 60px
}

.btn-prc, .memb-prof, .membinfo, .price-sec-01 h3 {
    text-align: center
}

.edit-sec-04 ul li {
    margin: 5px 0;
    line-height: 30px;
    font-size: 18px;
    display: inline-flex;
    width: 33.33333%
}

.edit-sec-04 ul li i, .pub-cri-02 .slf-pbsl li i {
    font-size: 14px;
    margin-top: 8px;
    margin-right: 10px
}

.editor-des {
    position: relative;
    margin: -40px auto 0;
    left: 0;
    right: 0;
    top: 0;
    padding: 30px;
    box-shadow: 0 0 20px -14px #000;
    border-radius: 5px
}

.our-editor .slick-list {
    padding-bottom: 4%
}

.membinfo h5, .our-editor h5 {
    color: #fdae37;
    margin-bottom: 30px;
    font-size: 22px
}

.our-editor button.slick-prev {
    left: inherit;
    right: 60px;
    top: inherit;
    bottom: -55px;
    z-index: 9999
}

.memb-prof, .membinfo, .our-editor button.slick-arrow {
    margin: 0 auto;
    right: 0;
    position: absolute;
    left: 0
}

.our-editor button.slick-arrow {
    font-size: 0;
    background: 0 0;
    border: 0;
    padding: 0;
    bottom: 0;
    color: #ec1c24;
    cursor: pointer
}

.our-editor button.slick-arrow:before {
    content: "";
    font-weight: 600;
    height: 15px;
    width: 41px;
    line-height: 53px;
    align-items: center;
    justify-content: center;
    background-color: #fff0;
    display: flex;
    background: url(../images/sprite.webp) -156px -15px no-repeat
}

.our-editor button.slick-next {
    left: inherit;
    right: auto;
    top: inherit;
    bottom: 0;
    display: inline-block !important;
    margin: 0 40px
}

.book-coverslider button.slick-next:before, .our-editor button.slick-next:before {
    content: "";
    background-position: -208px -15px;
    width: 41px;
    height: 15px
}

.team-sec ul {
    padding: 0;
    margin: 0
}

.team-sec ul li {
    position: relative;
    display: inline-block;
    min-height: 450px;
    margin: 0 15px 80px
}

.membinfo {
    bottom: 0;
    padding: 30px 20px;
    box-shadow: 0 0 9px -6px #333
}

.memb-prof {
    top: 48%;
    width: 80%;
    background: #fdae37;
    padding: 10px 0;
    color: #fff
}

.memb-prof p a {
    color: #fff;
    text-decoration: none;
    font-size: 16px
}

.v-all a {
    color: #fdae37;
    font-size: 22px;
    text-decoration: underline
}

.pbox-holder {
    border: 1px solid #d9d9d9;
    padding: 9px 10px 0 30px;
    margin-bottom: 80px;
    min-height: 338px
}

.price-desc h4 {
    font-size: 20px;
    color: #fdae37;
    margin-bottom: 12px;
    line-height: 23px
}

.price-desc p {
    font-size: 14px;
    color: #393939;
    line-height: 18px
}

.price-desc h5 {
    font-size: 15px;
    color: #fdae37;
    margin-top: 12px;
    margin-bottom: 12px
}

.price-desc p strong {
    color: #161616;
    font-size: 25px
}

.privacypage h3 {
    font-size: 35px;
    font-weight: 700;
    color: #4e4e4e;
    margin: 25px 0
}

.privacypage h4 {
    font-size: 23px;
    font-weight: 700;
    color: #4e4e4e;
    margin: 19px 0
}

.privacypage li, .privacypage p {
    font-size: 17px;
    color: #989ca2;
    font-weight: 500;
    line-height: 27px
}

.cstm-dlvr h4, .vx-wk h4 {
    font-weight: 700;
    color: #4e4e4e
}

.btn-prc, .cstm-dlvr p, .ftr-para {
    font-weight: 500
}

.lp-design-sec .lp-h3, .privacypage li {
    margin-bottom: 8px
}

.privacypage ol, .privacypage p, .privacypage ul {
    margin: 15px 0
}

.privacypage ol, .privacypage ul {
    margin-left: 18px
}

.privacypage ol {
    list-style: decimal
}

.price-sec-01 h3 {
    border-bottom: 3px solid;
    display: inline;
    width: 100%
}

.ghst-srvc-sec h3 {
    text-align: left;
    font-size: 40px;
    line-height: 56px
}

.vx-wk h4 {
    font-size: 30px;
    display: inline;
    border-bottom: 2px solid #4e4e4e;
    line-height: 44px
}

.athrs-apr {
    padding: 0 0 0 50px
}

.vx-wk img {
    display: block;
    margin: 90px auto
}

.btn-prc {
    width: 208px;
    height: 53px;
    line-height: 51px;
    font-size: 13px;
    color: #fff;
    background-color: #fdae37;
    border: 1px solid #fdae37
}

.btn-prc:hover {
    background-color: #fff0;
    color: #fdae37
}

.vx-wk-02:before {
    content: " ";
    position: absolute;
    left: -14px;
    top: 16px;
    width: 1px;
    height: 384px;
    background-color: #ccc
}

.arrow-01:before, .arrow-02:before {
    content: " ";
    bottom: 15px;
    background: url(../images/arrowright.webp) center/contain no-repeat;
    width: 186px;
    height: 214px;
    position: absolute
}

.vx-wk-02 img {
    margin-right: -19px
}

.icon-23 {
    background-position: -164px -38px;
    width: 72px;
    height: 63px
}

.cstm-dlvr h4 {
    font-size: 24px;
    margin: 26px 0 21px;
    text-align: left;
    line-height: 28px
}

.cnsltn-rv li, .other-innerbox {
    text-align: left;
    margin-bottom: 24px
}

.cstm-dlvr p {
    font-size: 15px;
    color: #4e4e4e;
    line-height: 24px
}

.cnsltn-rv li {
    width: 229px;
    display: inline-block;
    margin-right: 236px
}

.icon-24 {
    background-position: -256px -38px;
    width: 77px;
    height: 66px
}

.icon-25 {
    background-position: -341px -37px;
    width: 77px;
    height: 67px
}

.icon-26 {
    background-position: -428px -45px;
    width: 89px;
    height: 59px
}

.icon-27 {
    background-position: -526px -35px;
    width: 73px;
    height: 69px
}

.arrow-01:before {
    right: -218px
}

.arrow-02:before {
    right: 270px
}

.auth-sec-05 {
    background: url(../images/auth-webg.webp) 0 0/cover no-repeat;
    min-height: 287px;
    padding: 55px 0
}

.book_edit_format ul {
    margin-top: 15px
}

.book_edit_format ul li {
    font-size: 17px;
    color: #4e4e4e;
    font-weight: 400;
    line-height: 1.4em;
    position: relative;
    padding-left: 28px;
    margin: 7px 0
}

.book_edit_format ul li:before {
    display: inline-block;
    font-style: normal;
    line-height: 1;
    content: "\f058";
    font-family: "font awesome 5";
    font-size: 17px;
    position: absolute;
    top: 3px;
    left: 0
}

.popform-holder form input, .popform-holder form select {
    font-family: gilroy;
    height: 52px;
    padding: 0 15px;
    width: 100%
}

.book-coverslider {
    padding-top: 5%;
    padding-bottom: 15%
}

.book-coverslider .slick-arrow {
    position: absolute;
    top: 0;
    left: -20px;
    right: 0;
    margin: 0 auto;
    cursor: pointer;
    font-size: 0
}

.book-coverslider .slick-next {
    background: url(../images/sprite.webp) no-repeat
}

.book-coverslider button.slick-arrow:before {
    content: "";
    font-weight: 600;
    height: 15px;
    width: 41px;
    line-height: 53px;
    align-items: center;
    justify-content: center;
    background-color: #fff0;
    display: flex;
    background: url(../images/sprite.webp) -156px -15px
}

.book-coverslider button.slick-next {
    left: inherit;
    right: -55px;
    top: 0;
    display: inline-block !important;
    margin: 0 40px
}

.icon-28 {
    background-position: -118px -280px;
    width: 47px;
    height: 47px
}

.pub-cri-02 ul {
    margin-top: 13px
}

.pub-cri-02 li {
    display: inline-block;
    width: 48%;
    font-weight: 400;
    padding: 10px 0 10px 54px;
    position: relative;
    min-height: 68px;
    line-height: 1.2em
}

.pub-cri-02 li:before {
    background: url(../images/sprite.webp) -118px -280px no-repeat;
    width: 47px;
    height: 47px;
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    left: 0
}

.other-serv-main {
    margin-top: 60px
}

.other-innerbox h4 {
    font-weight: 700;
    font-size: 20px;
    color: #fdae37
}

.other-innerbox p {
    margin: 20px 0 0;
    color: #393939;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    padding-right: 10%
}

.other-innerbox a {
    margin-top: 25px;
    color: #fdae37
}

.other-innerbox a.btn-02:after {
    background-position: -371px -18px
}

.edit-sec-01 h3 em {
    font-size: 20px
}

.ftr-hd {
    font-size: 0;
    margin-top: -34px
}

.ftr-hd ul.lnks {
    width: 20%;
    display: inline-block;
    vertical-align: top
}

.awrds {
    margin-top: 50px
}

.fcss i.sprite {
    transition: .3s ease-in-out;
    height: 63px
}

.lp-sec-02, .mapholder, .pricing-sec-delvry {
    padding-top: 0
}

.book-desgn-cvr-02 {
    padding-top: 80px
}

.auth-news {
    padding-bottom: 65px
}

.ftr-para {
    font-size: 15px;
    color: #868686;
    line-height: 21px;
    margin-bottom: 16px
}

.adrs {
    margin: 22px 0 0
}

.pub-cri-02 .slf-pbsl li {
    width: 100%;
    font-size: 18px;
    color: #4e4e4e;
    display: flex;
    align-items: baseline;
    line-height: normal;
    padding: 4px 0
}

.pub-cri-02 .slf-pbsl {
    padding: 12px 0 0
}

.thankyouBanner h1 {
    font-size: 87px;
    font-weight: 700;
    color: #fff;
    line-height: normal
}

.thankyouBanner p {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 30px;
    margin-bottom: 38px
}

.thankyouBanner {
    height: 615px
}

.thankyouBanner a {
    width: 157px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #e8edd3;
    border-radius: 40px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    margin: 0 15px
}

.thankyouBanner a:hover {
    background-color: #fff;
    color: #fdae37
}

.pub-cri-03 ul li {
    min-height: auto
}

.price-sec-02 a {
    margin-top: 16px;
    padding: 0;
    color: #fff;
    position: absolute;
    bottom: 16px
}

.price-sec-02 a:after {
    background-position: -409px -18px;
    width: 26px;
    height: 9px;
    right: 17px
}

.price-sec-01 {
    padding: 50px 0
}

.popupMain {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 808px;
    height: 600px;
    padding: 0;
    background: #fff;
    border-radius: 10px;
    margin: auto;
    z-index: 12
}

.popupMain .closePop {
    position: absolute;
    right: -15px;
    top: -10px;
    background: #fdae37;
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 25px;
    justify-content: center;
    font-size: 17px;
    font-weight: 600
}

.bgPop, .custom-modal {
    justify-content: center
}

.popupMain .closePop:before {
    content: "";
    background: url(../images/close-btn.html);
    width: 11px;
    height: 12px;
    position: absolute
}

.popTxt h6 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 65px
}

.popTxt p {
    font-size: 25px;
    color: #000;
    font-weight: 500;
    margin-bottom: 33px
}

.popTxt p span {
    color: #181818;
    font-weight: 700
}

.popField {
    margin-bottom: 18px;
    position: relative
}

.popField.half {
    width: 48.2%;
    margin-right: 20px;
    display: inline-block
}

.popField.half.two {
    width: 22.3%
}

.popField input, .popField select {
    height: 52px;
    line-height: 52px;
    padding: 0 20px;
    font-size: 14px;
    color: #7e7e7e;
    font-weight: 500;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 310px;
    font-family: circularstd;
    background: #fff
}

.popField label {
    font-size: 18px;
    font-weight: 600;
    color: rgb(34 34 34 / .6);
    position: absolute;
    top: -10px;
    left: 20px;
    background: #fff;
    padding: 0 15px
}

.field-btn a, .field-btn input {
    width: 472px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    background: #b70404;
    border-radius: 5px;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    display: inline-block
}

.field-btn {
    margin-bottom: 25px
}

.signIn {
    font-size: 18px;
    color: #222;
    font-weight: 600
}

.signIn a {
    color: #b70404;
    font-size: 18px
}

.popField input::-webkit-input-placeholder {
    color: #7e7e7e
}

.popField input::-moz-placeholder {
    color: #7e7e7e
}

.popField input:-ms-input-placeholder {
    color: #7e7e7e
}

.popField input:-moz-placeholder {
    color: #7e7e7e
}

.popupMain.LoginPopup {
    width: 945px;
    height: 600px;
    padding-left: 0
}

.popup-img {
    float: left;
    width: 46%
}

.popform-holder {
    float: left;
    width: 50%
}

.popform-holder form input {
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    font-weight: 500
}

.popform-holder form select {
    border: 1px solid #d5d5d5;
    border-radius: 5px
}

.popform-holder form input::-webkit-input-placeholder {
    color: #181818
}

.popform-holder form input::-moz-placeholder {
    color: #181818
}

.popform-holder form input:-ms-input-placeholder {
    color: #181818
}

.popform-holder form input:-moz-placeholder {
    color: #181818
}

.popform-holder form button.popup-btn {
    display: block;
    height: 43px;
    line-height: 41px;
    border-radius: 3px;
    border: 1px solid #fdae37;
    margin-top: 30px;
    font-size: 18px;
    font-family: gilroy;
    font-weight: 700;
    color: #fff;
    padding: 0 25px;
    background: #fdae37
}

.popup-close, .stepList>li a {
    border-radius: 50%;
    text-align: center;
    color: #fff
}

.popform-holder form button.popup-btn:hover {
    background: 0 0;
    color: #fdae37
}

.overlay {
    background-color: rgb(0 0 0 / .91);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    display: none
}

.popup-close {
    position: absolute;
    right: -15px;
    top: -15px;
    background: #fdae37;
    width: 30px;
    height: 30px;
    font-size: 20px;
    font-weight: 600;
    z-index: 10;
    padding: 0;
    line-height: 27px
}

.bg-white, .required-info {
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0
}

.bg-white {
    background: #fff;
    width: 95vw;
    height: 90vh;
    position: fixed;
    top: 0;
    z-index: 11
}

.required-info {
    position: absolute;
    top: 0;
    width: 100%
}

.btnList>li, .customradio, .stepList>li {
    position: relative;
    vertical-align: middle
}

.stepTxt {
    padding: 0 50px 0 0
}

.callList, .stepList {
    font-size: 0;
    display: block
}

.stepList>li {
    margin-right: 40px
}

.stepList>li a {
    width: 28px;
    height: 28px;
    border: 2px solid #fdae37;
    line-height: 25px;
    font-size: 15px;
    font-weight: 500;
    cursor: default
}

.field-pop input, .field-pop select {
    width: 100%;
    border: 1px solid silver
}

.btnList>li a, .btnList>li input, .callList>li a span {
    font-size: 18px;
    font-weight: 700
}

.stepList>li:before {
    content: "";
    position: absolute;
    right: -37px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 34px;
    height: 2px;
    border: 1px dashed #cbcccc
}

.stepList>li.active a {
    background: #fdae37;
    box-shadow: 0 6px 16px 0 rgb(21 149 103 / .25)
}

ul.dropdown, ul.dropdown .submenudrop ul {
    box-shadow: 40px 18px 40px rgb(0 0 0 / .09)
}

.stepTxt h5 {
    font-size: 44px;
    color: #fdae37;
    font-weight: 700
}

.stepTxt p {
    font-size: 17px;
    color: rgb(0 0 0 / .6);
    font-weight: 500;
    line-height: 26px
}

.stepTxt h6 {
    font-size: 19px;
    color: #fdae37;
    font-weight: 600;
    line-height: normal
}

.customradio, .field-pop input, .field-pop select {
    color: rgb(0 0 0 / .6);
    font-weight: 500
}

.field-pop select {
    border-radius: 2px;
    font-size: 19px;
    padding: 10px
}

.field-half {
    width: 100%;
    margin-bottom: 20px
}

.field-pop input {
    font-size: 15px;
    padding: 0 15px;
    height: 50px;
    border-radius: 2px
}

.stepList>li:after {
    content: "";
    width: 40px;
    height: 2px;
    background: #fdae37;
    position: absolute;
    right: -40px;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0
}

#portfolio .portfolio-item .portfolio-link .caption:hover, .customradio input[type=radio]:checked~.checkmark:before, .stepList>li.active:after {
    opacity: 1
}

.btnList {
    font-size: 0;
    padding: 10px 15px;
    border: 1px solid silver;
    border-radius: 2px
}

.btnList>li {
    padding: 0 10px
}

.btnList>li:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #34a37b;
    transform: rotate(25deg)
}

.btnList>li input {
    color: #fdae37;
    border: none;
    height: auto;
    padding: 0
}

.arrowList {
    font-size: 0;
    margin-right: 10px
}

.arrowList>li {
    padding-right: 15px
}

.disabled a {
    opacity: .4 !important;
    cursor: not-allowed !important
}

.arrowList>li a {
    font-size: 18px;
    color: #fdae37;
    font-weight: 400
}

.customradio {
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 25px;
    display: block;
    font-size: 19px;
    margin-bottom: 15px
}

.customradio input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0
}

.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff0;
    border: 2px solid #cfd4dd;
    border-radius: 2px;
    line-height: 13px
}

.checkmark:before {
    content: "\f00c";
    position: absolute;
    font-size: 9px;
    color: #fdae37;
    font-family: "font awesome 5";
    opacity: 0;
    top: 0;
    left: 2px;
    background: 0 0
}

.bgPop {
    background: url(../images/popup/bg.webp) top center/cover no-repeat #000;
    height: 90vh;
    padding: 0 40px
}

.lp-banner, .lp-slr-bx {
    align-items: center;
    display: flex
}

.bgPop h5 {
    font-size: 133px;
    font-weight: 700;
    color: #fff;
    line-height: 112px;
    margin-bottom: 15px
}

.bgPop h6, .bgPop p {
    font-size: 17px;
    margin-bottom: 30px;
    color: #fff
}

.bgPop p {
    font-weight: 500;
    line-height: 26px
}

.callList>li {
    padding: 0 40px
}

.callList>li a {
    padding-left: 70px;
    position: relative;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    line-height: normal
}

.callList>li a img {
    position: absolute;
    left: 0;
    top: -4px
}

body.lp-page {
    font-family: lato, sans-serif
}

.lp-banner {
    background-color: #f1f1f1;
    min-height: 716px;
    position: relative;
    border-top: 1px solid #dadada
}

.lp-header-text h1 {
    font-size: 44px;
    font-weight: 500;
    color: #1f1f1f;
    margin-bottom: 38px
}

.lp-header-text h1 span {
    color: #149467;
    font-weight: 900;
    display: inline
}

.lp-header-text p, .lp-header-text ul li {
    font-size: 24px;
    font-weight: 500;
    color: #1b1a1a;
    margin: 0 0 13px;
    position: relative
}

.awrdsRcg ul li a, .awrdsRcg ul li a.nwsMd, .lp-h3, .lp-header-text a, .lp-sec-04 h5 {
    font-weight: 600;
    text-align: center
}

.lp-header-text ul li {
    font-size: 20px;
    margin: 0 0 11px
}

.lp-header-text ul li:before {
    content: " ";
    background: url(../images/sprite.webp) -19px -740px no-repeat;
    display: inline-block;
    width: 13px;
    height: 14px;
    padding: 0 24px 0 0
}

.lp-header-text ul {
    margin-bottom: 46px
}

.lp-header-text a {
    font-size: 24px;
    color: #fff;
    background-color: #149467;
    width: 200px;
    height: 48px;
    line-height: 45px;
    border: 1px solid #149467;
    font-family: gilroy
}

.lp-h3, .lp-slr-bx h4 {
    line-height: normal;
    color: #fdae37
}

.hd-unq, .lp-para, .lp-prp {
    color: #4e4e4e;
    text-align: center
}

.lp-btn-02:hover, .lp-header-text a:hover {
    background-color: #fff0;
    color: #149467
}

.lp-banner .prtnrs-sec, .lp-btn-02, .lp-stp-bx {
    background-color: #149467
}

.lp-header-text {
    padding-bottom: 90px
}

.lp-h3 {
    font-size: 36px;
    margin-bottom: 20px
}

.lp-para {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400
}

.lp-sec-01 .lp-para {
    padding: 0 50px;
    margin: 0 0 40px
}

.lp-slr-bx {
    background-color: #fff;
    min-height: 330px;
    text-align: center;
    padding: 0 30px;
    margin-bottom: 30px
}

.lp-slr-bx:hover {
    box-shadow: 0 0 21px 0 rgb(0 0 0 / .26)
}

.lp-slr-bx i {
    background-position: -52px -714px;
    width: 61px;
    height: 61px;
    display: block;
    margin: 0 auto
}

.lp-slr-bx h4 {
    font-size: 21px;
    font-weight: 700;
    position: relative;
    padding: 0 0 13px;
    margin: 17px 0 13px
}

.lp-slr-bx h4:before {
    content: " ";
    width: 53px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fdae37
}

.lp-slr-bx p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 23px
}

.lp-prf-bxs {
    margin: 0 auto;
    background-color: #f4f4f4;
    padding: 60px 0 30px
}

.lp-sec-02 h3 {
    margin: 0;
    font-weight: 700
}

.lp-sec-02 p {
    color: #000;
    font-weight: 600;
    margin-bottom: 65px
}

.lp-stp-bx {
    min-height: 298px;
    padding: 46px 27px 0
}

.lp-icon-02 {
    background-position: -18px -580px;
    width: 51px;
    height: 46px
}

.lp-stp-bx:hover .lp-icon-02 {
    background-position: -18px -647px
}

.lp-stp-bx h4 {
    font-size: 19px;
    color: #fff;
    font-weight: 600;
    margin: 22px 0 16px
}

.lp-stp-bx p {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    line-height: 17px
}

.lp-stp-bx:hover h4, .lp-stp-bx:hover p {
    color: #149467
}

.lp-icon-03 {
    background-position: -80px -576px;
    width: 57px;
    height: 52px
}

.lp-icon-04, .lp-icon-05, .lp-stp-bx i {
    height: 55px
}

.lp-icon-04 {
    background-position: -147px -575px;
    width: 50px
}

.lp-icon-05 {
    background-position: -208px -575px;
    width: 41px
}

.lp-stp-bx:hover .lp-icon-03 {
    background-position: -80px -643px
}

.lp-stp-bx:hover .lp-icon-04 {
    background-position: -147px -642px
}

.lp-stp-bx:hover .lp-icon-05 {
    background-position: -208px -642px
}

.lp-testi-box {
    text-align: center;
    padding: 26px 11px
}

.lp-testi-box p {
    font-size: 17px;
    color: #000;
    line-height: 21px;
    font-weight: 400;
    padding: 20px 5px 0;
    min-height: 196px
}

.lp-testi-box:hover {
    box-shadow: 0 0 21px 0 rgb(0 0 0 / .1)
}

.lp-testi-box h6 {
    font-size: 18px;
    color: #000;
    position: relative;
    padding: 20px 0 0
}

.lp-testi-box h6:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 84px;
    height: 2px;
    background-color: #21ab79
}

.lp-sec-04 p {
    font-size: 17px;
    color: #000;
    line-height: 24px;
    font-weight: 400;
    padding: 15px 0 0
}

.hd-unq, .lp-prp {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 25px
}

.lp-sec-04 h5 {
    font-size: 21px;
    color: #000;
    margin: 40px 0 21px
}

.lp-sec-04 a.phn-nmbr {
    font-size: 30px;
    font-weight: 700;
    color: #21ab79;
    display: block;
    text-align: center
}

.lp-sec-04 a i {
    font-size: 24px;
    padding: 0 5px 0 0
}

.awrdsRcg ul {
    display: inline-block;
    border-top: 1px solid #dfdfdf;
    padding: 20px 15px 0;
    margin-top: 30px
}

.awrdsRcg ul li, .nmb-cht ul li {
    display: inline-block;
    margin: 0 30px 0 0
}

.awrdsRcg ul li a {
    font-size: 20px;
    line-height: 1.4;
    color: #222;
    opacity: .6;
    border-bottom: 1px solid #fff0
}

.awrdsRcg ul li a.nwsMd {
    font-size: 20px;
    line-height: 1.4;
    color: #fdae37;
    border-bottom: 1px solid #fdae37;
    opacity: 1
}

.partnersDv {
    margin: 50px 0 0
}

.partnersDv li {
    display: inline-block;
    margin: 0 18px 0 0
}

.grntee {
    min-height: 152px;
    border: 1px solid #e9e9e9;
    width: 902px;
    margin: 65px auto;
    border-radius: 6px;
    padding: 0 28px;
    display: flex;
    align-items: center
}

.lp-btn-02, .lp-page .btn-03 {
    width: 158px;
    color: #fff;
    text-align: center
}

.grntee p {
    font-size: 24px;
    font-weight: 700;
    color: #121212;
    line-height: normal;
    padding: 0 89px 0 30px
}

.lp-btn-02 {
    font-size: 18px;
    font-weight: 400;
    height: 51px;
    line-height: 49px;
    border: 1px solid #149467;
    border-radius: 6px
}

.lp-pblsh a {
    width: 285px;
    font-size: 24px;
    height: 60px;
    line-height: 57px
}

.lp-pblsh p {
    padding: 10px 0 35px
}

.lp-sec-04 {
    padding: 80px 0 160px
}

.lp-page .btn-03 {
    height: 41px;
    font-size: 13px;
    font-weight: 500;
    padding: 0;
    background-color: #181818;
    border: 1px solid #181818;
    font-family: gilroy;
    border-radius: 4px;
    line-height: 41px
}

.lp-page .btn-03 input {
    font-family: gilroy;
    letter-spacing: 1px
}

.lp-testi-box img {
    height: 98px;
    width: 98px
}

.lp-design-01 h3 {
    margin-bottom: 10px
}

ul.counter-ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #e9e9e9;
    background-color: #191c20;
    padding: 24px 24px 24px 74px;
    width: 23%;
    margin: 0 1%;
    vertical-align: top;
    min-height: 130px;
    position: relative;
    transition: .4s
}

ul.counter-ul li img {
    position: absolute;
    left: 20px;
    max-width: 40px;
    top: 0;
    bottom: 0;
    margin: auto
}

ul.counter-ul li span {
    font-size: 32px;
    font-weight: 600;
    display: block
}

.lp-pblsh img {
    margin-bottom: 29px
}

.lp-header-text p.pr-chs {
    margin-bottom: 25px;
    line-height: normal
}

.lp-hdr-mg img {
    max-width: none;
    display: block;
    margin: auto
}

.lp-header-text-editing h1 {
    margin-bottom: 28px
}

.lp-hdr a {
    font-size: 16px;
    font-weight: 600;
    color: #010202
}

.lp-hdr a i {
    color: #21ab79;
    padding: 0 2px 0 0
}

.lp-header-text-design h1 {
    margin-bottom: 13px
}

.lp-header-text-design p {
    margin-bottom: 17px
}

.lp-header-text-design ul {
    margin-bottom: 27px
}

.lp-sec-03-design .lp-testi-box p {
    min-height: 243px
}

.lp-sec-03-publishing .lp-testi-box p {
    min-height: 285px
}

footer.lp-footer .ftr-btm {
    border-top: none;
    margin-top: 0
}

.side-bar-form {
    width: 464px;
    height: 315px;
    position: absolute;
    right: -464px;
    top: 34vh;
    font-size: 0;
    transition: .4s
}

.side-bar-frm-head:hover {
    background: #000
}

.side-bar-frm-head {
    cursor: pointer;
    text-align: center;
    width: 316px;
    transform: rotateZ(-90deg);
    float: left;
    height: 50px;
    background: var(--theme_color);
    border-radius: 8px 8px 0 0;
    padding: 17px;
    position: absolute;
    left: -183px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 16px
}

.side-bar-frm-head h4 i {
    margin-right: 10px
}

.side-bar-frm-bdy {
    display: inline-flex;
    float: right;
    background: #343434;
    padding: 10px 20px;
    height: 100%;
    width: 100%;
    align-items: center
}

.side-bar-frm-bdy .field {
    background: #fff;
    border: 0;
    border-radius: 3px;
    margin: 0 0 10px;
    position: relative;
    padding: 0 0 0 10px
}

.side-bar .field input, .side-bar .field select, .side-bar .field textarea {
    width: 100%;
    background: 0 0;
    padding: 6px 10px;
    border: 0;
    font-size: 12px;
    color: #969696;
    height: 100%
}

.side-bar-frm-bdy .field input, .side-bar-frm-bdy .field select {
    padding: 0;
    height: 37px
}

.field select::placeholder, .side-bar-frm-bdy .field input::placeholder {
    font-size: 12px;
    font-weight: 400
}

.side-bar-frm-bdy .field.newcountrycode span {
    left: 13px;
    top: 13px
}

.field.field-100.btn-bg {
    background: 0 0;
    padding: 0
}

.side-bar-form.active {
    right: 0
}

.side-bar::after {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #000000b5;
    z-index: -1;
    display: none
}

.side-bar-frm-bdy .pull-left, .side-bar-frm-bdy .pull-right {
    width: 50%;
    padding: 10px 20px 10px 0;
    display: inline-flex;
    align-items: center
}

.side-bar-frm-bdy .pull-right {
    padding: 10px 0 10px 20px;
    height: 100%;
    position: relative;
    display: inline-flex
}

.side-bar-frm-bdy h4 {
    color: #fff;
    font-size: 27px;
    margin: 0;
    font-weight: 600
}

.side-bar-frm-bdy p {
    color: #fff;
    font-weight: 300;
    line-height: 15px;
    margin: 4px 0 15px;
    font-size: 12px
}

.side-bar-frm-bdy .pull-right ul li {
    font-size: 12px;
    line-height: normal;
    margin: 0 0 5px;
    color: #fff;
    position: relative;
    font-weight: 400
}

.side-bar-frm-bdy .pull-right ul li::before {
    content: "\f054";
    font-family: "font awesome 5";
    color: #fdae37;
    margin: 0 6px 0 0
}

.side-bar-frm-bdy .pull-right::after {
    content: "";
    width: 1px;
    height: 74%;
    background: #424242;
    position: absolute;
    top: 4px;
    left: 0;
    bottom: 0;
    margin: auto
}

.side-bar-frm-bdy .mn-btn2 {
    background: #fdae37 !important;
    color: #fff !important;
    padding: 8px !important;
    font-size: 14px
}

.side-bar-frm-head.active h4 i.fa.fa-chevron-circle-up::before {
    content: "\f13a"
}

.main-links ul li {
    margin: 0 35px 0 0
}

.main-links ul li a {
    font-size: 18px;
    font-weight: 600;
    color: #000
}

.nmb-cht ul li a i {
    margin: 0 2px 0 0;
    position: relative;
    top: 2px
}

.nw-icon-01 {
    background-position: -629px -8px;
    width: 24px;
    height: 17px
}

.nw-icon-02 {
    background-position: -664px -9px;
    width: 21px;
    height: 18px
}

.grn-btn {
    width: 182px;
    height: 45px;
    line-height: 42px;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border: 1px solid #00b755;
    padding: 0;
    background: #00b755;
    background: -moz-linear-gradient(left, #00b755 0, #fdae37 100%);
    background: -webkit-linear-gradient(left, #00b755 0, #fdae37 100%);
    background: linear-gradient(to right, #00b755 0, #fdae37 100%)
}

.LineAnimationButton {
    background: #fff;
    border: 2px solid #161a1d;
    width: 186px;
    height: 60px;
    line-height: 57px;
    border-radius: 8px;
    font-size: 16px;
    color: #161a1d;
    font-weight: 600;
    text-align: center;
    padding: 0
}

.LineAnimationButton:hover, .hm-sec-02 .LineAnimationButton:hover, .nmb-cht .LineAnimationButton:hover, .plt-id .grn-btn:hover {
    background: #fdae37;
    color: #fff;
    border-color: #fdae37
}

.nmb-cht ul li a:hover .nw-icon-01 {
    background-position: -629px -32px
}

.nmb-cht ul li a:hover .nw-icon-02 {
    background-position: -664px -33px
}

.new-navigation {
    background-color: #161a1d;
    margin: 20px 0 0
}

.new-navigation li a {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    padding: 21px 32px
}

.prtnrs-sect p {
    font-size: 22px;
    font-weight: 700;
    color: #000
}

.plt-id span {
    font-size: 22px;
    color: #000;
    display: block;
    text-align: center;
    font-weight: 500;
    padding: 0 0 10px
}

.prtnrs-sect {
    padding: 35px 0
}

.prtnrs-sect img {
    margin: 11px 0 0
}

.bookSec {
    padding: 40px 0
}

.bookSec .box {
    text-align: center;
    border-bottom: 5px solid #c5c5c5;
    position: relative
}

.bookSec .box:after {
    border: 15px solid #fff0;
    border-top-color: #c5c5c5;
    bottom: -32px;
    content: "";
    left: 46%;
    position: absolute
}

.bookSec .box h2 {
    color: #111;
    font-size: 21px;
    padding: 0 0 15px;
    letter-spacing: -1px
}

.bookSec .box p {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    padding: 0 0 20px;
    margin: 0;
    color: #091e42
}

.homepage-programs--entry .program-icon img {
    width: 100%;
    height: 35px;
    margin: 0 auto
}

.homepage-programs--entry {
    -ms-flex: 0 1 23%;
    padding-top: 30px
}

.homepage-programs--entry .program-info {
    text-align: center
}

.homepage-programs--entry .program-icon {
    height: 35px;
    margin-bottom: 15px
}

.homepage-programs--entry .program-title {
    font-size: 17px;
    line-height: 17px;
    font-weight: 500
}

.homepage-programs--entry .program-title a {
    color: #091e42
}

.homepage-programs--entry .program-title span {
    display: block;
    font-size: 20px;
    line-height: 35px;
    font-weight: 700
}

.bookSec .slick-next, .bookSec .slick-prev {
    position: absolute;
    display: block;
    height: 50px;
    width: 50px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: #fdae37;
    border: 1px solid #fdae37;
    border-radius: 50%;
    color: #fff0;
    top: 55.5%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    outline: 0
}

.bookSec .slick-prev {
    left: -70px;
    z-index: 8
}

.bookSec .slick-next:before, .bookSec .slick-prev:before {
    font-family: "font awesome 5";
    font-size: 16px;
    line-height: 1;
    color: #fff;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bookSec .slick-prev:before {
    content: "\f053"
}

.bookSec .slick-next {
    right: -70px
}

.bookSec .slick-next:before {
    content: "\f054"
}

html section.section-secondary {
    background-color: #eef4f2 !important;
    border-color: #dfeae6 !important
}

.custom-section-padding {
    padding: 60px 0
}

.custom-section-padding h2 {
    font-size: 42px;
    font-weight: 700;
    color: #161a1d !important;
    text-align: center;
    text-transform: capitalize;
    padding-bottom: 13px
}

html section.section-secondary p {
    color: #5e5e5e;
    line-height: 24px
}

.expertise-text p {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    text-align: center
}

.feature-box.custom-feature-box {
    margin-bottom: 1.2rem
}

.feature-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.feature-box.custom-feature-box .feature-box-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: 0 0;
    width: 100px;
    position: relative;
    height: 100px;
    border: 6px solid #fff;
    border-radius: 100%;
    padding: 5px;
    margin-top: 0;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s
}

.feature-box.feature-box-style-2 .feature-box-icon {
    background: 0 0;
    top: -3px
}

.feature-box .feature-box-icon {
    background-color: #4dbb6d;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    background: rgb(0 0 0 / .06);
    border-radius: 100%;
    color: #fff;
    font-size: 1rem;
    position: relative;
    top: 7px;
    text-align: center;
    padding: .8em;
    width: 2.7em;
    height: 2.7em
}

.feature-box.custom-feature-box .feature-box-icon img {
    position: absolute;
    width: 113%;
    top: 50%;
    left: 50%;
    z-index: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
    -webkit-transition: transform .3s;
    transition: transform .3s
}

.feature-box .feature-box-info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding-left: 15px
}

.feature-box.feature-box-style-2 h4 {
    color: #212529;
    margin-bottom: 10px
}

.font-weight-bold, b, strong {
    font-weight: 700 !important
}

.text-5 {
    font-size: 1.5em !important
}

.text-2 {
    font-size: .8em !important;
    margin-bottom: 25px
}

.feature-box.custom-feature-box.custom-feature-box-active .feature-box-icon img, .feature-box.custom-feature-box:hover .feature-box-icon img {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.1);
    transform: translate3d(-50%, -50%, 0) scale(1.1)
}

.popupMain.genrePopup {
    width: 935px;
    height: 470px;
    background: #111;
    border-radius: 20px
}

.gnr-ctgrs {
    padding: 40px 35px
}

.gnr-ctgrs ul li {
    width: 25%;
    display: inline-block;
    margin: 0 0 14px
}

.gnr-ctgrs ul li a {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    padding: 12px 14px;
    display: block
}

.gnr-ctgrs ul li a:hover {
    background-color: #fdae37;
    color: #fff
}

.gnr-hd {
    padding: 21px 39px;
    border-radius: 15px;
    background-color: #1d1d1d;
    margin: -36px 0 0;
    display: inline-block
}

.h4-grnr {
    font-size: 40px;
    font-weight: 700;
    color: #fdae37
}

.popupMain.genrePopup .closePop {
    right: 10px;
    top: 10px;
    background: 0 0;
    color: #06b959;
    font-size: 24px
}

ul.dropdown {
    position: absolute;
    left: 0;
    top: 57px;
    margin: auto;
    background: #161a1d;
    padding: 15px 0;
    border-radius: 0 0 10px 10px;
    text-align: left;
    z-index: 2;
    display: none
}

ul.dropdown li {
    width: 100%;
    display: block
}

.mega-menu ul.dropdown {
    left: -175%
}

ul.dropdown li a {
    font-size: 15px;
    font-weight: 500;
    display: block;
    color: #fff;
    padding: 13px 27px;
    border-bottom: 1px solid #333;
    line-height: 18px;
    width: 220px
}

ul.dropdown>li:hover>a {
    color: #fff;
    background: #fdae37
}

ul.dropdown li.last {
    margin-bottom: 0
}

ul.dropdown li.last a {
    border: none
}

ul.dropdown .submenudrop ul, ul.dropdownn .submenudropp ul {
    display: none;
    position: absolute;
    width: 241px;
    margin: auto;
    padding: 0;
    border-radius: 0 0 10px 10px;
    text-align: left;
    background: #161a1d;
    top: 0;
    z-index: 2
}

ul.dropdown .submenudrop ul {
    left: 100%
}

ul.dropdownn .submenudropp ul {
    right: 100%;
    box-shadow: 40px 18px 40px rgb(0 0 0/9%)
}

header.stick {
    position: fixed;
    top: -170px;
    left: 0;
    right: 0;
    z-index: 9;
    transition: top .4s cubic-bezier(.3, .73, .3, .74);
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.slideform {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.cnt-feild .inbhold {
    padding-right: 15px
}

.hm-sec-02 .LineAnimationButton {
    border: 2px solid #fff;
    border-radius: 3px;
    background: 0 0;
    color: #fff;
    width: 178px
}

.header-text-home a, .hm-sec-09 .frm-dv .LineAnimationButton {
    border: 2px solid #fff;
    background: 0 0
}

.hm-sec-09 .frm-dv .LineAnimationButton:hover input {
    color: #161a1d
}

.nmb-cht .LineAnimationButton, .plt-id .grn-btn {
    border: 2px solid #161a1d;
    color: #161a1d;
    background: 0 0
}

.header-text-home a {
    width: 186px;
    height: 60px;
    border-radius: 3px;
    line-height: 56px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff
}

.header-text-home .LineAnimationButton:hover {
    background: #fff;
    color: #161a1d;
    border-color: #fff
}

.btn-grry {
    background: #161a1d;
    color: #fff
}

.btn-grry:hover {
    background: 0 0;
    color: #161a1d;
    border-color: #161a1d
}

.hm-sec-02 .btn-whte {
    background: #fff;
    color: #161a1d
}

.hm-sec-02 .btn-whte:hover {
    background: 0 0;
    color: #fff;
    border-color: #fff
}

.ggl-prnts {
    display: block;
    margin: 29px 0 0
}

.bannerForm {
    border-radius: 14px;
    box-shadow: 0 3px 40px 0 rgb(0 0 0 / 8%);
    width: 100%;
    position: relative;
    box-shadow: 4px -5px 11px 3px rgb(0 0 0 / 15%);
    border: 4px solid #f4a835;
    padding: 24px 0;
}

.bannerForm h4 {
    font-size: 15px;
    color: #3d3d3d;
    text-align: center !important;
    display: block;
    letter-spacing: .2px
}

.bannerFormText h5 {
    font-size: 40px;
    font-family: minion pro;
    font-weight: 700;
    font-style: italic;
    text-align: center;
    color: #fff;
    text-shadow: 2px 3px 15px rgb(0 0 0/.3)
}

.bannerForm h2, .bannerForm h3 {
    color: #141414;
    font-weight: 600;
    text-align: center
}

.bannerFormText h5>span {
    font-size: 18px;
    display: block;
    letter-spacing: .2px;
    line-height: 16px
}

.bannerForm h2 {
    font-size: 24px;
    letter-spacing: -.4px;
    padding-bottom: 12px;
    line-height: 1.1em
}

.bannerFormText {
    position: absolute;
    transform: rotate(-40deg);
    display: inline-table;
    bottom: 35%;
    left: -100px
}

.bannerForm:after {
    content: "";
    background: url(../images/icons/arrow.html);
    width: 115px;
    height: 138px;
    position: absolute;
    bottom: 18%;
    left: -12%
}

.bannerForm h3>span {
    color: #1e4454;
    font-weight: 900;
    transition: .5s;
    font-size: 41px;
    margin-top: 10px
}

.bannerForm h3 {
    font-size: 23.11px
}

.edit-sec-01 {
    padding-top: 29px !important;
}

.bannerForm form {
    text-align: center;
    padding: 0 20px 20px
}

.fld-input {
    border: 1px solid #dad9d9;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    margin-bottom: 15px
}

.fld-input input {
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 16px;
    letter-spacing: .2px
}

.fld-btn a, .fld-btn button {
    border-radius: 5px;
    background-color: var(--theme_color);
    font-weight: 700;
    font-family: titillium web, sans-serif !important;
    padding: 16px 35px;
    transition: .5s;
    cursor: pointer;
    border-radius: 46px;
    color: #fff;
}

.bookbtn, .fld-btn a, .fld-btn button {
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase
}

.fld-input input::placeholder {
    color: #737373;
    font-weight: 400
}

.fld-btn button {
    margin: 10px
}

.fld-btn a i, .fld-btn button i {
    padding-left: 12px
}

.fld-btn a:hover, .fld-btn button:hover {
    background: #141414;
    color: #fff
}

.fld-btn a {
    margin: 10px 0
}

.christmas .bannerForm:after {
    background: url(../images/christmas-img1.webp) no-repeat;
    width: 167px;
    height: 222px;
    bottom: 0;
    left: -115px
}

.christmas .hm-sec-02:after {
    content: '';
    position: absolute;
    background: url(../images/christmas-img2.webp) 0 0/contain no-repeat;
    width: 250px;
    height: 260px;
    bottom: 0;
    right: 0
}

.christmas .hm-sec-03 {
    position: relative;
    background: #eef4f2
}

.christmas .hm-sec-03:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/christmas-bulb1.webp) no-repeat;
    width: 208px;
    height: 91px
}

.christmas .hm-sec-03:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/christmas-bulb2.webp) 0 0/contain no-repeat;
    width: 270px;
    height: 227px
}

.christmas .hm-sec-03 h3 {
    padding: 0 100px
}

.christmas .section-secondary .expertise-text:before {
    content: '';
    position: absolute;
    left: 20px;
    top: -24px;
    background: url(../images/christmas-img3.webp) no-repeat;
    width: 159px;
    height: 92px
}

.christmas .section-secondary .expertise-text:after {
    content: '';
    position: absolute;
    right: 60px;
    top: -33px;
    background: url(../images/christmas-img4.webp) no-repeat;
    width: 102px;
    height: 128px
}

.logo a img.christmaslogo {
    width: 191px
}

.trst-wht-bx {
    height: auto;
    width: 250px;
    border-radius: 6px;
    padding: 5px 6px;
    margin: 20px 0 0
}

.brk-dv {
    margin: 30px 0 0
}

.text-center .btn {
    font-size: 10px;
    margin-top: -3rem;
    background-color: #var(--theme_color);
    border-color: #var(--theme_color);
    width: 150px;
    text-align: center
}

.bookbtn {
    margin: auto;
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 25px;
    background: #var(--theme_color);
    border: 2px solid #var(--theme_color);
    border-radius: 3px;
    font-weight: 500;
    padding: 20px 10px
}

@media(min-width: 1600px) {
    .ghostwriter {
        padding-left: 5rem
    }

    .cnt-info-bg {
        width: 38%
    }
}

@media(min-width: 1200px) {
    .ghostwriter {
        padding-left: 5rem
    }

    .lp-prf-bxs .container {
        width: 980px;
        max-width: 70%
    }
}

@media(max-width: 1199px) {
    .prtnrs-sec img {
        padding: 0 3%;
        width: 100%
    }

    .pbsl p {
        width: 100%
    }

    .main-links, .navigation ul li.haschild>a, .nmb-cht, .one.parent .menu-slogan.active, .pbsl h2 br, li.slp-dd ul li a i, li.slp-dd ul li a:after, ul.sub-level1:after, ul.sub-level2 .menu-slogan, ul.sub-level2 li:after, ul.sub-level2:after {
        display: block;
    }

    .btn-02 {
        margin-right: 20px
    }

    .menu-Bar {
        display: none;
        top: 0
    }

    .navigation {
        text-align: center;
        position: fixed;
        left: -210%;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background: #fdae37;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        transition: .4s;
        z-index: 3;
        width: 100vw;
        align-items: start;
        justify-content: flex-start;
        padding: 20px;
        overflow: auto
    }

    .submenu, li.slp-dd ul {
        position: static;
        padding-top: 0;
        background: 0 0
    }

    .menuWrap.open .navigation {
        display: flex;
        left: 0
    }

    .menuWrap.open ul {
        left: 0
    }

    .navigation ul li {
        display: block;
        width: 100% !important;
        margin: 15px 0 0
    }

    .navigation ul li a {
        color: #fff;
        padding: 0;
        line-height: 40px;
        font-weight: 600
    }

    .submenu .sub-level2 a {
        line-height: 20px
    }

    .submenu .sub-level2 a:before, li.slp-dd ul li a:before {
        content: "-";
        display: inline-block;
        color: #fff;
        font-weight: 700;
        margin-right: 10px
    }

    .navigation ul li a:hover {
        color: #fff
    }

    .navigation ul {
        text-align: left;
        width: 100% !important
    }

    .menu-slogan {
        position: static;
        width: 100%;
        display: none !important
    }

    .submenu, li.slp-dd ul, li.slp-dd ul li ul, ul.sub-level2 {
        display: block
    }

    .submenu {
        width: 100%;
        box-shadow: none
    }

    li.active ul.sub-level2 {
        padding: 0
    }

    ul.sub-level2 {
        position: static;
        padding-left: 40px !important
    }

    .navigation ul li.last, ul.dropdown li {
        margin: 0
    }

    li.slp-dd ul li a {
        line-height: 10px
    }

    ul.dropdown {
        display: block !important;
        position: relative;
        top: 0;
        background: 0 0;
        box-shadow: none;
        padding: 0 0 0 25px
    }

    ul.dropdown li a {
        border-bottom: none;
        position: relative;
        font-weight: 400
    }

    ul.dropdown li a:before {
        content: " ";
        position: absolute;
        height: 2px;
        width: 12px;
        background: #fff;
        top: 11px;
        left: -19px
    }

    .no-desktop.only-mobile {
        display: block;
        margin-left: 0
    }

    .main-links ul li a {
        font-size: 15px;
        font-weight: 600;
        line-height: 15px !important
    }

    .no-desktop.only-mobile ul li.last {
        margin: 15px 0 0
    }

    header {
        padding: 15px 0 5px
    }

    header.stick {
        z-index: 8;
        display: none
    }

    li.last {
        display: none !important;
    }
}

@media(max-width: 1040px) {
    .smpls {
        width: 28%
    }
}

@media(max-width: 992px) {
    .smpls {
        width: 30%
    }

    .hd-mn-02 {
        font-size: 40px
    }
}

@media(max-width: 991px) {
    .cmnts h4, .field, .header-text-home {
        text-align: center
    }

    .smpls {
        width: 40%
    }

    .header-text-home {
        width: auto;
        top: 9%
    }

    .cnctd, .qlty ul li {
        width: 100%
    }

    .navigation ul li.last {
        margin: 0
    }

    .qlty {
        padding: 0 30px;
        margin-left: 105px
    }

    .cmnts, .qlty ul li {
        margin: 20px 0 !important;
    }

    .hm-sec-03 p.para-02 {
        padding: 0
    }

    .fcss ul {
        margin-bottom: 10%
    }

    .fctns {
        top: -90px
    }

    .cta-sc li {
        margin: 0 20px 30px 0
    }

    .faqAccordian {
        column-count: auto
    }

    .cnctd h2 br {
        display: none
    }

    .cnctd h2 span {
        font-size: inherit;
        font-weight: 700
    }

    .cnctd h2 {
        font-size: 60px;
        line-height: 0
    }

    .ftr-hd-02 img {
        margin: -93px 0 !important;
        width: 80% !important
    }

    .payme {
        padding-left: 26vh;
        text-align: left;
        margin-top: 20px
    }

    .popupMain.genrePopup {
        width: 90%;
        height: 420px
    }

    .gnr-ctgrs {
        padding: 10px;
        overflow-y: auto;
        height: 364px
    }

    .h4-grnr {
        font-size: 25px
    }

    .gnr-hd {
        padding: 14px 32px
    }

    .gnr-ctgrs ul li {
        width: 50%;
        margin: 0 0 3px
    }

    .gnr-ctgrs ul li a {
        font-size: 16px;
        padding: 10px 12px
    }

    .gnr-ctgrs::-webkit-scrollbar {
        width: 3px;
        background-color: #fff0
    }

    .gnr-ctgrs::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
        display: none
    }

    .gnr-ctgrs::-webkit-scrollbar-track-piece {
        -webkit-box-shadow: none;
        background-color: #fff0
    }

    .gnr-ctgrs::-webkit-scrollbar-thumb:vertical {
        border-radius: 10px;
        -webkit-box-shadow: none;
        background-color: #fdae37
    }
}

@media(max-width: 768px) {
    .cnt-social, .cta-sc li, .ftr-btm p, .ftr-hd, .grntee, .hd-h2, .hd-mn, .hm-sec-08 h4, .lp-hdr, .partnersDv li, .reverse, .twocol .cl h3 {
        text-align: center
    }

    .menu-slogan, .submenu, .team-txt, ul.sub-level2 {
        position: static
    }

    .cta-sc li a, .faqAccordian p, .lp-pblsh p, .prmr p, .ql-ws p {
        font-weight: 400
    }

    .indstr, .lp-banner, .lp-slr-bx, .lp-stp-bx, .lp-testi-box p, ul.counter-ul li {
        min-height: auto
    }

    #authors, .awards, .branddet, .christmas .bannerForm:after, .christmas .hm-sec-03:before, .cnt-info-bg, .col-md-11 br .bgPop, .edit-sec-01 h3 br, .ggl-prnts, .grntee p br, .hd-h1 br, .hd-par br, .hd-pr br, .lp-h3 br, .lp-hdr-mg, .lp-header-text h1 br, .lp-para br, .menu-Bar.open~.row .logo img, .para br, .pbsl h2 br, .popup-img, .price-desc h4 br, .pricing-sec-delvry, .prtnrs-sec, .smpls, .spacebr br+br, .stepTxt p br, ul.stepList, ul.sub-level2 .menu-slogan {
        display: none
    }

    .cta-sc li i, .grntee, .link-container.fld-btn span, .logo, .submenu, .vx-wk img {
        display: block
    }

    .reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .mainBanner.innerBanner {
        height: auto;
    }

    .indst-slider button.slick-prev {
        padding-top: 10rem;
        right: inherit;
        left: 100px;
        top: inherit
    }

    .indst-slider button.slick-next {
        left: inherit;
        right: 100px;
        top: inherit
    }

    .font-weight-bold, strong {
        font-weight: 700 !important;
        font-size: 24px
    }

    .icon-23, .icon-24, .icon-25, .icon-26, .icon-27 {
        margin-left: 19rem
    }

    .pub-cri, .qlty {
        margin-left: 0
    }

    .hm-sec-07 {
        margin-top: 20vh
    }

    .twocol .cl h3 {
        margin-top: 25px;
        font-size: 25px
    }

    a.custom-links {
        font-size: 12px
    }

    .row-banner p {
        color: #ffffff;
        font-size: 15px;
        line-height: 20px
    }

    .mainBanner.innerBanner .hd-h1 {
        font-size: 30px;
        border-radius: 5px;
        line-height: 25px
    }

    .stepTxt h5 {
        font-size: 29px
    }

    .stepTxt p {
        font-size: 13px;
        line-height: 1.5em
    }

    .stepTxt {
        padding: 5%
    }

    .bg-white {
        height: 525px;
        width: 91%
    }

    .awrdsRcg ul li a, .awrdsRcg ul li a.nwsMd, .stepTxt h6 {
        font-size: 16px
    }

    .field-half {
        margin-bottom: 11px
    }

    .popupMain .closePop {
        right: -4px;
        top: -4px
    }

    .popform-holder {
        width: 100%;
        padding: 7%
    }

    .popTxt h6 {
        font-size: 33px;
        margin-top: 0
    }

    .popupMain.LoginPopup {
        width: 93%;
        height: 520px
    }

    .popTxt p {
        margin-bottom: 8px
    }

    .btn-02+.btn-02, .frm-dv {
        margin-right: 0
    }

    .faqAccordian>li {
        margin-bottom: 14px
    }

    .logo img {
        width: 190px;
        margin: auto
    }

    .book-coverslider .slick-slide img, .bookcover-slide .slick-slide img, .bookimg img, .ftr-btm ul li.last, .ftr-hd ul.lnks, .hm-sec-02:before, .indst-slider .slick-slide img, .menu-slogan, .navigation ul li, .pbsl h2, .pichol img, .qlty, .team-txt {
        width: 100%
    }

    .fiction-sec-02 .tstr, .hd-h2, .pbsl h2 {
        margin-top: 0
    }

    .hd-h1 {
        font-size: 41px;
        line-height: 43px;
        margin-bottom: 10px
    }

    .hd-h2 {
        font-size: 37px;
        line-height: 41px;
        margin-bottom: 16px
    }

    .tstr {
        margin-top: 40px
    }

    .cnt-info, .hd-tm, .tlkabt {
        margin-top: 30px
    }

    .output .cursor:after {
        height: 33px
    }

    .qlty {
        padding: 0;
        background: 0 0
    }

    .hd-mn {
        font-size: 25px;
        line-height: 2
    }

    .hd-par {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 25px
    }

    .prmr {
        padding-left: 15px;
        padding-right: 15px
    }

    .cnt-info ul, .ghostserv ul, .tlkabt {
        padding-left: 0
    }

    .LineAnimationButton {
        font-size: 19px
    }

    .hm-sec-04 h3 {
        font-size: 35px;
        margin-top: 0;
        line-height: 1.1;
        margin-bottom: 3px
    }

    .btn-prc, .cnt-feild textarea, .cnt-info li, .ftr-hd h4 {
        margin-bottom: 20px
    }

    .btn-02, .christmas .hm-sec-03 h3, .cnctd h2 span, .lp-header-text, .lp-page header .col-md-9, .lp-sec-04 p, .pbsl p {
        padding: 0
    }

    .cnt-info, .edit-sec-02_inner p {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .cnctd h2 {
        font-size: 30px;
        line-height: 40px
    }

    .cmnts h4 {
        font-size: 22px
    }

    .cta-sc li i, .ftr-hd h4:before {
        margin: 0 auto
    }

    .awrds, .edit-sec-04 ul, .ftr-btm, .ftr-hd h4 {
        margin-top: 20px
    }

    .edit-sec-01 p, .ftr-btm p, .price-desc h4 {
        margin-top: 15px
    }

    .ab-title h2 {
        font-size: 45px;
        line-height: 50px
    }

    .pad-b-sec {
        padding-bottom: 40px
    }

    .team-txt {
        left: 0;
        padding: 20px
    }

    .cnt-info {
        background: #259970
    }

    .cnt-info li {
        padding-bottom: 20px
    }

    .pad-top-sec {
        padding-top: 40px
    }

    .inbhold {
        padding-right: 15px
    }

    .edit-sec-01 h3 {
        font-size: 25px;
        line-height: 40px;
        margin-bottom: 0;
        display: inline
    }

    .edit-sec-02_inner h4 {
        font-size: 24px;
        line-height: 42px;
        margin-top: 20px;
        display: inline;
        margin-bottom: 20px
    }

    .edit-sec-02_inner p {
        padding-right: 0
    }

    .edit-sec-04 ul li {
        margin: 5px 0;
        line-height: 30px;
        font-size: 18px;
        display: inline-flex;
        width: 33.33333%
    }

    .faqAccordian h6 {
        font-size: 18px;
        padding-bottom: 9px
    }

    .book-coverslider .slick-arrow, .book-coverslider button.slick-next, .side-bar {
        display: none !important
    }

    .cnsltn-rv li {
        width: 100%;
        margin-right: 0
    }

    .athrs-apr {
        padding: 40px 0 0;
        display: none
    }

    .vx-wk img {
        margin: 40px auto 30px
    }

    .vx-wk h4 {
        font-size: 25px
    }

    .fctns {
        top: -160px
    }

    .pbox-holder {
        padding: 9px 10px 15px;
        margin-bottom: 15px
    }

    .pbox-holder .row {
        flex-direction: column-reverse
    }

    .navigation {
        align-items: start;
        justify-content: flex-start;
        padding: 15px
    }

    .navigation ul {
        text-align: left;
        width: 100%
    }

    .para, .pbsl p {
        line-height: 1.4em;
        text-align: center;
        font-size: 15px
    }

    .cta-sc, .logo, .prmr p {
        text-align: left
    }

    .submenu {
        width: 100%;
        background: 0 0
    }

    .columns, .mainBanner.thankyouBanner {
        height: auto
    }

    .faqAccordian p, .lp-slr-bx p, .prmr p, .ql-ws h5, .ql-ws p, li.slp-dd ul li a {
        line-height: normal
    }

    .hd-h4 {
        font-size: 25px;
        margin-bottom: 19px
    }

    .hd-pr {
        font-size: 35px;
        line-height: 37px
    }

    .btn-02 {
        font-size: 16px;
        margin-right: 4px
    }

    .ql-ws h5 {
        margin: 0 0 14px
    }

    .slick-list {
        margin: 0
    }

    .cta-sc {
        margin: 33px 0 0
    }

    .cta-sc li {
        width: 45%
    }

    .cta-sc li a {
        font-size: 16px;
        padding: 12px 0 0
    }

    .indstr {
        padding: 33px
    }

    .hm-sec-08 h4 {
        font-size: 25px;
        margin-top: 2rem
    }

    .bannerForm h2, .bannerForm h3, .faqAccordian p {
        font-size: 15px
    }

    .cmnts {
        margin: 13px 0 27px;
        padding: 15px 0 19px
    }

    .cmnts h4 {
        margin-bottom: 13px
    }

    .field {
        margin-bottom: 16px
    }

    footer {
        padding: 30px 0 0
    }

    .ftr-hd ul li {
        margin: 0 0 6px
    }

    .ftr-hd-02 img {
        width: 70%
    }

    .scl-ftr {
        margin: 20px 0 27px
    }

    .navigation ul li a {
        line-height: 25px
    }

    .submenu .sub-level2 a {
        line-height: 9px
    }

    .submenu a {
        font-size: 16px !important
    }

    li.slp-dd ul li a {
        padding: 2px 0;
        display: flex
    }

    .price-sec-02 a {
        position: relative;
        bottom: 0
    }

    .header-text-home a {
        padding: 17px 24px;
        width: auto;
        height: auto;
        line-height: 20px;
        font-size: 25px
    }

    .lp-hdr {
        background: #3434341c;
        padding: 10px 0
    }

    .lp-header-text h1 {
        font-size: 40px;
        margin-bottom: 20px
    }

    .lp-header-text p, .lp-header-text ul li {
        font-size: 20px;
        margin: 0 0 7px
    }

    .lp-header-text ul li {
        font-size: 18px
    }

    .lp-header-text ul {
        margin-bottom: 25px
    }

    .lp-banner {
        padding: 40px 0
    }

    .lp-h3 {
        font-size: 30px;
        margin-bottom: 15px
    }

    .lp-sec-01 .lp-para {
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        padding: 0
    }

    .lp-slr-bx {
        padding: 30px 15px
    }

    .lp-sec-02 p {
        margin-bottom: 30px
    }

    .lp-sec-03 h3, .lp-stp-bx p {
        margin-bottom: 0
    }

    .lp-stp-bx {
        padding: 31px 27px;
        margin-bottom: 20px
    }

    .lp-sec-03 h3 {
        font-size: 27px
    }

    .lp-sec-04 p, .lp-testi-box p {
        font-size: 16px;
        line-height: normal
    }

    .lp-testi-box h6:before {
        top: 8px
    }

    .lp-sec-04 h5 {
        margin: 35px 0 9px
    }

    .awrdsRcg ul {
        margin-top: 18px;
        padding: 16px 0 0
    }

    .awrdsRcg ul li {
        margin: 0 20px 0 0
    }

    .partnersDv {
        margin: 30px 0 0
    }

    .partnersDv li {
        display: block;
        margin: 0 auto 20px
    }

    .grntee {
        width: 100%;
        padding: 25px 15px;
        margin: 40px auto
    }

    .ftr-hd ul li img, .grntee img {
        margin: auto
    }

    .grntee p {
        padding: 7px 0 17px
    }

    .lp-btn-02 {
        font-size: 18px;
        width: 148px;
        height: 38px;
        line-height: 34px
    }

    .lp-pblsh a {
        width: 221px;
        height: 42px;
        line-height: 36px;
        font-size: 20px
    }

    .lp-pblsh p {
        padding: 11px 0 20px;
        font-size: 16px
    }

    .lp-sec-04 {
        margin-bottom: 100px
    }

    ul.counter-ul li {
        width: 100%;
        margin: 0 0 10px
    }

    .lp-sec-03-design .lp-testi-box p {
        min-height: auto;
        padding: 7px 5px 10px
    }

    .logo {
        padding: 0 0 6px
    }

    .lp-page header {
        padding: 15px 0 0
    }

    .hm-sec-01 .LineAnimationButton {
        width: 150px
    }

    .prtnrs-sect {
        padding: 35px 0 10px;
        text-align: center
    }

    .plt-id span {
        padding: 15px 0 10px
    }

    .prtnrs-sect p {
        padding: 0 0 5px
    }

    .bookSec .slick-prev {
        left: 0
    }

    .bookSec .slick-next {
        right: 0
    }

    .bookSec .box p {
        padding: 0 30px 20px
    }

    .hm-sec-02 .LineAnimationButton {
        width: 159px;
        margin-bottom: 10px
    }

    .bannerForm {
        border-radius: 5px;
        background-color: #fff;
        box-shadow: 0 3px 40px 0 rgb(0 0 0 / 8%);
        width: 100%;
        height: auto;
        margin-left: auto;
        align-items: center;
        display: block;
        justify-content: center;
        position: relative;
        box-shadow: 4px -5px 11px 3px rgb(0 0 0 / 15%);
        border: 4px solid #f4a835
    }

    .fld-input {
        border: 1px solid #dad9d9;
        border-radius: 5px;
        background-color: #fff;
        width: 260px;
        height: 50px;
        margin-bottom: 13px
    }

    .mainBanner {
        height: 395px
    }

    .main-slider .hd-h1 {
        font-size: 30px;
        padding-top: 30px
    }

    .main-slider p {
        font-size: 14px;
        line-height: normal
    }

    .main-slider .header-text-home a {
        padding: 9px 30px;
        font-size: 20px
    }

    .main-slider .fld-input {
        width: 100%;
        height: 45px;
        margin-bottom: 10px
    }

    .bannerForm form {
        padding: 0 10px 10px;
        width: 100% !IMPORTANT;
    }

    .bannerForm h2 {
        line-height: 15px
    }

    .bannerForm .fld-input input {
        padding: 0 16px;
        font-size: 14px
    }

    .top-nav {
        position: relative;
        z-index: 22
    }

    .christmas .hm-sec-03:after {
        right: 45px;
        top: -85px;
        transform: rotate(-34deg)
    }

    .christmas .hm-sec-03 {
        padding-top: 80px
    }

    .christmas .container {
        z-index: 1
    }

    .christmas .hm-sec-02:after {
        z-index: 0;
        opacity: .4
    }

    .christmas .section-secondary .expertise-text:before {
        left: 20px;
        top: -45px;
        width: 80px;
        height: 78px;
        background-size: contain
    }

    .christmas .section-secondary .expertise-text:after {
        right: 0;
        top: -50px;
        width: 75px;
        height: 96px;
        background-size: contain
    }

    .indst-slider .slick-slide img {
        width: initial
    }
}

@media(max-width: 435px) {
    #pub, #text-2 h3 strong, .btn-02, .cnt-social, .col-md-5, .col-md-6, .col-md-7, .cstm-dlvr p, .cta-sc li, .edit-sec-02_inner h4, .edit-sec-02_inner p, .ftr-hd, .ghst-srvc-sec .edit-sec-01, .ghst-srvc-sec .edit-sec-02, .grntee, .hd-h2, .hd-h3, .hd-mn, .hm-sec-03, .hm-sec-08 h4, .lp-hdr, .pad-b-sec, .para, .partnersDv li, .pbsl p, .prmr, .prmr p, .pub-cri, .ql-ws i {
        text-align: center
    }

    #pub, .custom-section-padding h2 {
        margin-top: -2rem
    }

    .menu-slogan, .submenu, .team-txt, ul.sub-level2 {
        position: static
    }

    .cta-sc li a, .faqAccordian p, .lp-pblsh p, .prmr p, .ql-ws p {
        font-weight: 400
    }

    .indstr, .lp-banner, .lp-slr-bx, .lp-stp-bx, .lp-testi-box p, ul.counter-ul li {
        min-height: auto
    }

    .modal-content {
        width: 95% !important
    }

    .awards, .bannerFormBox, .bgPop, .bottombooks, .branddet, .christmas .bannerForm:after, .christmas .hm-sec-03:before, .cnt-info-bg, .col-md-4 .f-p img, .edit-sec-01 h3 br, .edit-sec-02_inner p br, .faq-sec, .ggl-prnts, .grntee p br, .hd-h1 br, .hd-par br, .hd-pr br, .lp-h3 br, .lp-hdr-mg, .lp-header-text h1 br, .lp-para br, .menu-Bar.open~.row .logo img, .other, .para br, .pbsl h2 br, .popup-img, .price-desc h4 br, .pricing-sec-delvry, .prtnrs-sec, .pubimg, .ris, .rlse, .smpls, .spacebr br+br, .stepTxt p br, ul.stepList, ul.sub-level2 .menu-slogan {
        display: none
    }

    .payme {
        padding-left: 11vh
    }

    .quick {
        margin-left: 13vh;
        margin-top: -22vh
    }

    .editing, .ghostwriter {
        max-width: 50%
    }

    .fff {
        margin-top: -1rem
    }

    .hm-sec-03 p.para-02 {
        padding: 0;
        font-size: 18px;
        margin-bottom: 2rem
    }

    .indst-slider button.slick-prev {
        padding-top: 10rem;
        right: inherit;
        left: 100px;
        top: inherit
    }

    .indst-slider button.slick-next {
        left: inherit;
        right: 100px;
        top: inherit
    }

    .font-weight-bold, strong {
        font-weight: 700 !important;
        font-size: 24px;
        margin-top: 1rem
    }

    .icon-23, .icon-24, .icon-25, .icon-26, .icon-27 {
        margin-left: 9rem
    }

    .pub-cri, .qlty {
        margin-left: 1rem
    }

    .hm-sec-07 {
        margin-top: 12vh
    }

    .twocol .cl h3 {
        margin-top: 25px;
        font-size: 25px
    }

    .col-md-7 {
        margin-top: 1rem
    }

    a.custom-links {
        font-size: 12px
    }

    .row-banner p {
        color: #ffffff;
        font-size: 15px;
        line-height: 20px
    }

    .mainBanner.innerBanner .hd-h1 {
        font-size: 25px;
        border-radius: 5px;
        line-height: 25px
    }

    .stepTxt h5 {
        font-size: 29px
    }

    .stepTxt p {
        font-size: 13px;
        line-height: 1.5em
    }

    .stepTxt {
        padding: 5%
    }

    .bg-white {
        height: 525px;
        width: 91%
    }

    .awrdsRcg ul li a, .awrdsRcg ul li a.nwsMd, .stepTxt h6 {
        font-size: 16px
    }

    .field-half {
        margin-bottom: 11px
    }

    .popupMain .closePop {
        right: -4px;
        top: -4px
    }

    .popform-holder {
        width: 100%;
        padding: 7%
    }

    .popTxt h6 {
        font-size: 33px;
        margin-top: 0
    }

    .popupMain.LoginPopup {
        width: 93%;
        height: 520px
    }

    .popTxt p {
        margin-bottom: 8px
    }

    .btn-02+.btn-02, .frm-dv {
        margin-right: 0
    }

    .faqAccordian>li {
        margin-bottom: 14px
    }

    .logo img {
        width: 190px;
        margin: auto
    }

    .fiction-sec-02 .tstr, .hd-h2, .pbsl h2 {
        margin-top: 0
    }

    .hd-h1 {
        font-size: 41px;
        line-height: 43px;
        margin-bottom: 10px
    }

    .hd-h2 {
        font-size: 37px;
        line-height: 41px;
        margin-bottom: 16px
    }

    .tstr {
        margin-top: 40px
    }

    .output .cursor:after {
        height: 33px
    }

    .book-coverslider .slick-slide img, .bookcover-slide .slick-slide img, .bookimg img, .cta-sc li, .ftr-btm ul li.last, .ftr-hd ul.lnks, .hm-sec-02:before, .indst-slider .slick-slide img, .menu-slogan, .navigation ul li, .pichol img {
        width: 100%
    }

    .qlty {
        padding: 0;
        width: 95%;
        background: 0 0
    }

    .hd-mn {
        font-size: 26px;
        line-height: 1.7
    }

    .hd-par {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 25px
    }

    .hd-tm, .tlkabt {
        margin-top: 30px
    }

    .prmr {
        padding-left: 15px;
        padding-right: 15px
    }

    .cnt-info ul, .ghostserv ul, .tlkabt {
        padding-left: 0
    }

    .LineAnimationButton {
        font-size: 19px
    }

    .hm-sec-04 h3 {
        font-size: 35px;
        margin-top: 0;
        line-height: 1.1;
        margin-bottom: 3px
    }

    .btn-prc, .cnt-feild textarea, .cnt-info li, .ftr-hd h4 {
        margin-bottom: 20px
    }

    .christmas .hm-sec-03 h3, .cnctd h2 span, .lp-header-text, .lp-page header .col-md-9, .lp-sec-04 p, .pbsl p {
        padding: 0
    }

    .cnt-info, .edit-sec-02_inner p {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .cnctd h2 {
        font-size: 30px;
        line-height: 40px
    }

    .cmnts h4 {
        font-size: 22px
    }

    .cta-sc li i, .ftr-hd h4:before {
        margin: 0 auto
    }

    .awrds, .edit-sec-04 ul, .ftr-btm, .ftr-hd h4 {
        margin-top: 20px
    }

    .edit-sec-01 p, .ftr-btm p {
        margin-top: 15px;
        text-align: center
    }

    .cta-sc, .logo, .navigation ul {
        text-align: left
    }

    .ab-title h2 {
        font-size: 45px;
        line-height: 50px
    }

    .team-txt {
        width: 100%;
        left: 0;
        padding: 20px
    }

    .cnt-info {
        background: #259970;
        margin-top: 30px
    }

    .cnt-info li {
        padding-bottom: 20px
    }

    .pad-top-sec {
        padding-top: 40px
    }

    .inbhold {
        padding-right: 15px
    }

    .edit-sec-01 h3 {
        font-size: 25px;
        line-height: 40px;
        margin-bottom: 0;
        display: inline
    }

    .edit-sec-02_inner h4 {
        font-size: 24px;
        line-height: 42px;
        margin-top: 30px;
        display: inline;
        margin-bottom: 20px
    }

    .edit-sec-02_inner p {
        padding-right: 0
    }

    .hd-pr, .pub-cri {
        margin-top: 2rem
    }

    .edit-sec-04 ul li {
        margin: 5px 0;
        line-height: 30px;
        font-size: 18px;
        display: inline-flex;
        width: 33.33333%
    }

    .faqAccordian h6 {
        font-size: 18px;
        padding-bottom: 9px
    }

    .book-coverslider .slick-arrow, .book-coverslider button.slick-next, .side-bar {
        display: none !important
    }

    .bannerForm, .cta-sc li i, .grntee, .logo, .submenu, .vx-wk img {
        display: block
    }

    .cnsltn-rv li {
        width: 100%;
        margin-right: 0
    }

    .athrs-apr {
        padding: 40px 0 0
    }

    .vx-wk img {
        margin: 40px auto 30px
    }

    .vx-wk h4 {
        font-size: 25px
    }

    .para, .pbsl p {
        line-height: 1.4em;
        font-size: 18px
    }

    .fctns {
        top: -160px
    }

    .pbox-holder {
        padding: 9px 10px 15px;
        margin-bottom: 15px
    }

    .pbox-holder .row {
        flex-direction: column-reverse
    }

    .price-desc h4 {
        margin-top: 15px
    }

    .navigation {
        align-items: start;
        justify-content: flex-start;
        padding: 15px
    }

    .navigation ul {
        width: 100%
    }

    .submenu {
        width: 100%;
        background: 0 0
    }

    .columns, .mainBanner.thankyouBanner {
        height: auto
    }

    .faqAccordian p, .lp-slr-bx p, .prmr p, .ql-ws h5, .ql-ws p, li.slp-dd ul li a {
        line-height: normal
    }

    .hd-h4 {
        font-size: 25px;
        margin-bottom: 19px
    }

    .hd-pr {
        font-size: 29px;
        line-height: 37px
    }

    .btn-02 {
        font-size: 16px;
        padding: 0;
        margin-right: 4px
    }

    .ql-ws h5 {
        margin: 0 0 14px
    }

    .slick-list {
        margin: 0
    }

    .cta-sc {
        margin: 33px 0 0
    }

    .cta-sc li a {
        font-size: 16px;
        padding: 12px 0 0
    }

    .indstr {
        padding: 33px;
        margin-top: 3rem
    }

    .hm-sec-08 h4 {
        font-size: 25px;
        padding-top: 10px
    }

    .hm-sec-08 {
        padding-top: 3rem;
        margin-top: -3rem
    }

    #hi h4 {
        padding-top: 25px
    }

    #ques {
        padding-top: 2rem
    }

    .faqAccordian p {
        font-size: 15px
    }

    .cmnts {
        margin: 13px 0 27px;
        padding: 15px 0 19px
    }

    .cmnts h4 {
        margin-bottom: 13px
    }

    .field {
        margin-bottom: 16px
    }

    footer {
        padding: 30px 0 0
    }

    .ftr-hd ul li {
        margin: 0 0 6px
    }

    .ftr-hd-02 img {
        width: 70%
    }

    .scl-ftr {
        margin: 20px 0 27px
    }

    .navigation ul li a {
        line-height: 25px
    }

    .submenu .sub-level2 a {
        line-height: 9px
    }

    .submenu a {
        font-size: 16px !important
    }

    li.slp-dd ul li a {
        padding: 2px 0;
        display: flex
    }

    .price-sec-02 a {
        position: relative;
        bottom: 0
    }

    .header-text-home a {
        padding: 17px 24px;
        width: auto;
        height: auto;
        line-height: 20px;
        font-size: 25px
    }

    .lp-hdr {
        background: #3434341c;
        padding: 10px 0
    }

    .lp-header-text h1 {
        font-size: 40px;
        margin-bottom: 20px
    }

    .lp-header-text p, .lp-header-text ul li {
        font-size: 20px;
        margin: 0 0 7px
    }

    .lp-header-text ul li {
        font-size: 18px
    }

    .lp-header-text ul {
        margin-bottom: 25px
    }

    .lp-banner {
        padding: 40px 0
    }

    .lp-h3 {
        font-size: 30px;
        margin-bottom: 15px
    }

    .lp-sec-01 .lp-para {
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        padding: 0
    }

    .lp-slr-bx {
        padding: 30px 15px
    }

    .lp-sec-02 p {
        margin-bottom: 30px
    }

    .lp-sec-03 h3, .lp-stp-bx p {
        margin-bottom: 0
    }

    .lp-stp-bx {
        padding: 31px 27px;
        margin-bottom: 20px
    }

    .lp-sec-03 h3 {
        font-size: 27px
    }

    .lp-sec-04 p, .lp-testi-box p {
        font-size: 16px;
        line-height: normal
    }

    .lp-testi-box h6:before {
        top: 8px
    }

    .lp-sec-04 h5 {
        margin: 35px 0 9px
    }

    .awrdsRcg ul {
        margin-top: 18px;
        padding: 16px 0 0
    }

    .awrdsRcg ul li {
        margin: 0 20px 0 0
    }

    .partnersDv {
        margin: 30px 0 0
    }

    .partnersDv li {
        display: block;
        margin: 0 auto 20px
    }

    .grntee {
        width: 100%;
        padding: 25px 15px;
        margin: 40px auto
    }

    .ftr-hd ul li img, .grntee img {
        margin: auto
    }

    .grntee p {
        padding: 7px 0 17px
    }

    .lp-btn-02 {
        font-size: 18px;
        width: 148px;
        height: 38px;
        line-height: 34px
    }

    .lp-pblsh a {
        width: 221px;
        height: 42px;
        line-height: 36px;
        font-size: 20px
    }

    .lp-pblsh p {
        padding: 11px 0 20px;
        font-size: 16px
    }

    .lp-sec-04 {
        margin-bottom: 100px
    }

    ul.counter-ul li {
        width: 100%;
        margin: 0 0 10px
    }

    .lp-sec-03-design .lp-testi-box p {
        min-height: auto;
        padding: 7px 5px 10px
    }

    .logo {
        padding: 0 0 6px
    }

    .lp-page header {
        padding: 15px 0 0
    }

    .hm-sec-01 .LineAnimationButton {
        width: 150px
    }

    .prtnrs-sect {
        padding: 35px 0 10px;
        text-align: center
    }

    .plt-id span {
        padding: 15px 0 10px
    }

    .prtnrs-sect p {
        padding: 0 0 5px
    }

    .bookSec .slick-prev {
        left: 0
    }

    .bookSec .slick-next {
        right: 0
    }

    .bookSec .box p {
        padding: 0 30px 20px
    }

    .hm-sec-02 .LineAnimationButton {
        width: 159px;
        margin-bottom: 10px
    }

    .bannerForm {
        width: 100%;
        height: auto;
        margin-top: 20px;
        padding: 20px 0
    }

    .mainBanner {
        height: 338px
    }

    .main-slider .hd-h1 {
        font-size: 30px;
        line-height: 30px
    }

    .main-slider p {
        font-size: 14px;
        line-height: normal
    }

    .main-slider .header-text-home a {
        padding: 9px 30px;
        font-size: 20px
    }

    .main-slider .fld-input {
        width: 100%;
        height: 45px;
        margin-bottom: 10px
    }

    .main-slider .fld-btn button {
        width: 100%;
        height: 45px;
        font-size: 15px
    }

    .bannerForm form {
        padding: 0 20px 10px
    }

    .bannerForm h2 {
        line-height: 15px
    }

    .bannerForm .fld-input input {
        padding: 0 16px;
        font-size: 14px
    }

    .top-nav {
        position: relative;
        z-index: 22
    }

    .pbsl h2 {
        width: 100%;
        font-size: 28px;
        line-height: 35px;
        font-weight: 600
    }

    .christmas .hm-sec-03:after {
        right: 45px;
        top: -85px;
        transform: rotate(-34deg)
    }

    .christmas .hm-sec-03 {
        padding-top: 80px
    }

    .christmas .container {
        z-index: 1
    }

    .christmas .hm-sec-02:after {
        z-index: 0;
        opacity: .4
    }

    .christmas .section-secondary .expertise-text:before {
        left: 20px;
        top: -45px;
        width: 80px;
        height: 78px;
        background-size: contain
    }

    .christmas .section-secondary .expertise-text:after {
        right: 0;
        top: -50px;
        width: 75px;
        height: 96px;
        background-size: contain
    }

    .indst-slider .slick-slide img {
        width: initial
    }
}

.btn-social, .scroll-top, .scroll-top .btn {
    width: 50px;
    height: 50px
}

.testi-pg .et_pb_testimonial_description {
    background-color: #f5f5f5;
    padding: 40px;
    margin-top: 50px;
    margin-bottom: 20px
}

.side-bar-frm-head h4 {
    color: #fff;
    text-transform: uppercase;
    display: flex
}

a.trust-pilot {
    border: none;
    max-width: 450px;
    width: 100%
}

/*!
 * Start Bootstrap - Freelancer v3.3.7+1 (https://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
.portfolio-modal .modal-content h2, section h2 {
    margin: 14px 0;
    font-size: 3em;
    font-family: var(--ff-display);
}

section.success {
    background: #18bc9c;
    color: #fff
}

#portfolio .portfolio-item {
    margin: 0 0 15px;
    right: 0
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    max-width: 400px;
    margin: 0 auto
}

#portfolio .portfolio-item .portfolio-link .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content {
    position: absolute;
    width: 100%;
    height: 20px;
    font-size: 20px;
    text-align: center;
    top: 50%;
    margin-top: -12px;
    color: #fff
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
    margin-top: -12px
}

#portfolio * {
    z-index: 2
}

@media (min-width: 767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px
    }
}

.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    padding-bottom: .5em;
    border-bottom: 1px solid #eee
}

.floating-label-form-group input, .floating-label-form-group textarea {
    z-index: 1;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    border: none;
    border-radius: 0;
    font-size: 1.5em;
    background: 0 0;
    box-shadow: none !important;
    resize: none
}

.floating-label-form-group label {
    display: block;
    z-index: 0;
    position: relative;
    top: 2em;
    margin: 0;
    font-size: .85em;
    line-height: 1.764705882em;
    vertical-align: baseline;
    opacity: 0;
    -webkit-transition: top .3s, opacity .3s;
    -moz-transition: top .3s, opacity .3s;
    -ms-transition: top .3s, opacity .3s;
    transition: top .3s, opacity .3s
}

.floating-label-form-group:not(:first-child) {
    padding-left: 14px;
    border-left: 1px solid #eee
}

.floating-label-form-group-with-value label {
    top: 0;
    opacity: 1
}

.floating-label-form-group-with-focus label {
    color: #18bc9c
}

form .row:first-child .floating-label-form-group {
    border-top: 1px solid #eee
}

footer .footer-above {
    padding-top: 50px;
    background-color: #2c3e50
}

footer .footer-below {
    padding: 25px 0;
    background-color: #233140
}

.btn-outline {
    color: #fff;
    font-size: 20px;
    border: 2px solid #fff;
    background: #fff0;
    transition: .3s ease-in-out;
    margin-top: 15px
}

.btn-outline.active, .btn-outline:active, .btn-outline:focus, .btn-outline:hover {
    color: #18bc9c;
    background: #fff;
    border: 2px solid #fff
}

.btn-primary {
    color: #fff;
    background-color: #2c3e50;
    border-color: #2c3e50;
    font-weight: 700
}

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #1a242f;
    border-color: #161f29
}

.btn-primary.active, .btn-primary:active, .btn-success.active, .btn-success:active, .open .dropdown-toggle.btn-primary, .open .dropdown-toggle.btn-success {
    background-image: none
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #2c3e50;
    border-color: #2c3e50
}

.btn-primary .badge {
    color: #2c3e50;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #18bc9c;
    border-color: #18bc9c;
    font-weight: 700
}

.btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #128f76;
    border-color: #11866f
}

.btn-success .badge {
    color: #18bc9c;
    background-color: #fff
}

.btn-social {
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 45px
}

.btn.active, .btn:active, .btn:focus, .scroll-top .btn:focus {
    outline: 0
}

.scroll-top {
    position: fixed;
    right: 2%;
    bottom: 2%;
    z-index: 1049
}

.scroll-top .btn {
    font-size: 20px;
    border-radius: 100%;
    line-height: 28px
}

.portfolio-modal .modal-content {
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    min-height: 100%;
    padding: 100px 0;
    text-align: center
}

.portfolio-modal .modal-content .item-details {
    margin: 30px 0
}

.portfolio-modal .close-modal {
    position: absolute;
    width: 75px;
    height: 75px;
    background-color: #fff0;
    top: 25px;
    right: 25px;
    cursor: pointer
}

.portfolio-modal .close-modal:hover {
    opacity: .3
}

.portfolio-modal .close-modal .lr {
    height: 75px;
    width: 1px;
    margin-left: 35px;
    background-color: #2c3e50;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1051
}

.portfolio-modal .close-modal .lr .rl {
    height: 75px;
    width: 1px;
    background-color: #2c3e50;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    z-index: 1052
}

.portfolio-modal .modal-backdrop {
    opacity: 0;
    display: none
}

li.first.last a {
    display: flex
}

li.first.last a i {
    margin-right: 7px
}

.cstm-dlvr.arrow-02 {
    width: 100%;
    margin-left: 50%
}

@media (max-width: 991px) {
    .customer-buttons-contact, .edit-sec-02 .fld-btn, .edit-sec-02 .pub-cri, .h-sec-four p.para, .h-sec-fourP p.para, .heading, .hm-sec-02 h3, .hm-sec-02 p, .twocol p {
        text-align: center !important
    }

    .modal-content {
        width: 60% !important
    }

    h1 {
        font-size: 30px !important;
        line-height: 42px !important
    }

    h2 {
        font-size: 24px !important
    }

    h3 {
        font-size: 20px !important
    }

    h4 {
        font-size: 18px !important
    }

    a, p {
        font-size: 16px !important
    }

    .header-text-home a {
        width: 126px !important
    }

    .h-sec-simple .row {
        padding-top: 40px !important
    }

    .auth-news {
        padding-bottom: 40px
    }

    .h-sec-four .heading {
        width: 100% !important
    }

    .pad-b-sec {
        padding-bottom: 40px !important
    }

    .pand-home-set .spacebr, footer p .my::before {
        display: none !important
    }

    .edit-sec-02 .row, footer .ftr-hd ul.adrs li a {
        justify-content: center !important
    }

    .hm-sec-02 h3 {
        margin-bottom: 0 !important
    }

    .col-md-12 .qlty {
        margin-left: 0 !important;
        margin-top: 30px !important
    }

    .hm-sec-02 .qlty ul li p {
        text-align: left !important
    }

    .home-testimonials .hm-sec-05 {
        min-height: 150px !important;
        margin-top: 0 !important
    }

    footer .ftr-hd, footer .other-service {
        margin-top: 0 !important
    }

    footer .row {
        display: block !important;
        text-align: center
    }

    footer .row .col-lg-3, footer .row .col-lg-5, footer .row .col-md-4, footer .row .col-md-7 {
        width: 100% !important;
        max-width: 100% !important
    }

    footer p .my {
        margin-bottom: 5px !important;
        margin-top: 30px !important
    }

    footer {
        padding-top: 50px !important
    }

    footer .col-lg-3 img {
        width: 50%;
        margin-top: 0 !important
    }

    footer .slick-initialized .slick-slide {
        display: flex !important;
        justify-content: center !important
    }

    footer .adrs {
        margin: 15px 0 0 !important
    }

    footer .date-time-copied {
        margin: 12px 0 !important
    }

    .indstr {
        padding: 0 15px !important
    }

    .indstr p {
        font-size: 14px !important
    }
}

@media (max-width: 768px) {
    section {
        padding: 75px 0
    }

    section.first {
        padding-top: 75px
    }

    .author-news, .home-testimonials, .how-it-works-8 .heading {
        padding-top: 0 !important
    }

    .home-testimonials .hm-sec-05, .review-section .hm-sec-05 {
        min-height: fit-content !important;
        margin-top: 0 !important
    }

    .arrow-02:before, .bannerFormBox, .booking-slider, .main-slider .header-text-home .trust-pilot {
        display: none !important
    }

    .modal-content {
        width: 60% !important
    }

    .dropdown:hover>.dropdown-menu {
        width: 100%;
        text-align: center
    }

    .head-menu .main-nav .navbar .navbar-nav li .dropdown-menu li a:hover {
        color: #fff
    }

    .expertise-text p strong {
        font-size: 16px !important
    }

    .main-slider .header-text-home a {
        padding: 9px 20px !important
    }

    .h-sec-four {
        padding: 0 !important
    }

    .feature-box {
        align-items: center !important
    }

    .feature-box p, .twocol.container {
        margin-bottom: 0 !important
    }

    .hm-sec-06 .fctns {
        top: 0 !important
    }

    .author-news {
        padding-bottom: 0 !important
    }

    .booking-form-mobile {
        margin-top: 40px !important;
        text-align: center !important
    }

    .bolit_point li {
        list-style: none !important
    }

    section.edit-sec-01.edit-sec-03 {
        margin-bottom: 40px !important;
        display: inline-block
    }

    .hm-sec-08 h4 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .cstm-dlvr.arrow-02 {
        margin-left: 0 !important
    }

    .review-section .hm-sec-05 {
        padding-bottom: 5px !important
    }

    .arrow-02:before {
        content: ''
    }

    .row.row-banner .col-md-7, .row.row-banner .col-md-5 {
        max-width: 100%;
        flex: 0 100%;
    }
}

@media (max-width: 577px) {
    .modal-content {
        width: 95% !important
    }
}

@media (max-width: 450px) {
    .h-sec-four .heading, h1 {
        font-size: 24px !important
    }

    .edit-sec-01 h3, .edit-sec-02_inner h4 {
        line-height: 30px !important
    }

    .col-md-12 .qlty, .pub-cri, footer .quick {
        margin-left: 0 !important
    }

    .modal-content {
        width: 95% !important
    }

    h1 {
        line-height: 35px !important
    }

    h2 {
        font-size: 20px !important
    }

    h3 {
        font-size: 18px !important
    }

    h4 {
        font-size: 16px !important
    }

    a, p {
        font-size: 14px !important
    }

    p {
        line-height: 23px
    }

    .h-sec-simple .row {
        padding-top: 20px !important
    }

    .custom-section-padding, section {
        padding: 20px 0
    }

    .mobile-adjustmentexpertise p {
        text-align: left !important
    }

    .edit-sec-01 p.paragraph {
        width: 100% !important
    }

    .edit-sec-01 h3 {
        display: block;
        padding-bottom: 10px
    }

    section.edit-sec-03.pub-sec-04 {
        padding-bottom: 0 !important
    }

    .hm-sec-02 .hd-pr, .indstr {
        margin-top: 1rem !important
    }

    .qlty {
        padding: 0 20px;
        margin-left: 1rem;
        width: 100%;
        background: 0 0
    }

    .col-md-12 .qlty {
        margin-top: 30px !important;
        height: fit-content !important;
        max-height: fit-content !important;
        min-height: fit-content !important
    }

    .twocol .reverse {
        padding-top: 0 !important
    }

    .home-testimonials .hm-sec-05, .home-testimonials h3 {
        padding-bottom: 10px !important
    }

    footer .quick {
        margin-top: 0 !important
    }

    footer .ftr-btm ul li {
        margin-bottom: 10px !important
    }

    #shadow-host-companion {
        padding: 0 !important
    }

    .icon-27 {
        margin-left: 10rem !important
    }

    .navigation {
        padding: 50px 15px !important
    }

    .booking-form-mobile h2 {
        text-align: center !important
    }

    .cl-eml-cn li a span {
        padding: 0 0 0 5px
    }
}

@media (max-width: 428px) {
    .modal-content {
        width: 95% !important
    }
}

@media (max-width: 390px) {
    .h-sec-four .heading, h1 {
        font-size: 24px !important
    }

    .edit-sec-01 h3, .edit-sec-02_inner h4 {
        line-height: 30px !important
    }

    .col-md-12 .qlty, .pub-cri, footer .quick {
        margin-left: 0 !important
    }

    .modal-content {
        width: 95% !important
    }

    h1 {
        line-height: 35px !important
    }

    h2 {
        font-size: 20px !important
    }

    h3 {
        font-size: 18px !important
    }

    h4 {
        font-size: 16px !important
    }

    a, p {
        font-size: 14px !important
    }

    p {
        line-height: 23px
    }

    .h-sec-simple .row {
        padding-top: 20px !important
    }

    .custom-section-padding, section {
        padding: 20px 0
    }

    .mobile-adjustmentexpertise p {
        text-align: left !important
    }

    .edit-sec-01 p.paragraph {
        width: 100% !important
    }

    .edit-sec-01 h3 {
        display: block;
        padding-bottom: 10px
    }

    section.edit-sec-03.pub-sec-04 {
        padding-bottom: 0 !important
    }

    .hm-sec-02 .hd-pr, .indstr {
        margin-top: 1rem !important
    }

    .qlty {
        padding: 0 20px;
        margin-left: 1rem;
        width: 100%;
        background: 0 0
    }

    .col-md-12 .qlty {
        margin-top: 30px !important;
        height: fit-content !important;
        max-height: fit-content !important;
        min-height: fit-content !important
    }

    .twocol .reverse {
        padding-top: 0 !important
    }

    .home-testimonials .hm-sec-05, .home-testimonials h3 {
        padding-bottom: 10px !important
    }

    footer .quick {
        margin-top: 0 !important
    }

    footer .ftr-btm ul li {
        margin-bottom: 10px !important
    }

    #shadow-host-companion {
        padding: 0 !important
    }
}

.modal-content:after, .modal-content:before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px
}

@media (max-width: 320px) {
    .modal-content {
        width: 95% !important
    }

    li.my-listi {
        font-size: 14px;
        font-weight: 400;
        line-height: 25px
    }

    li.my-listi b {
        margin-right: 6px
    }
}

.custom-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    align-items: center;
    z-index: 11111111111111 !important
}

.modal-content {
    background: #131845;
    padding: 30px;
    border-radius: 14px;
    text-align: center;
    width: 30%;
    display: block;
    margin: 0 auto;
    top: 13%;
    position: relative;
    border: 10px solid transparent;
    background: linear-gradient(#131845, #131845) padding-box, linear-gradient(to right, #f6b221, #f15c34) border-box
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer
}

.modal-content h3 {
    font-size: 30px;
    color: #fff;
    line-height: 56px;
    margin-top: 4%
}

.modal-content h3 span {
    font-size: 36px;
    font-weight: 800
}

.modal-content p {
    font-size: 15px;
    color: #fff;
    max-width: 57%;
    display: block;
    margin: 3% auto 0
}

.modal-content p span {
    font-size: 19px
}

.modal-content .fld-btn button {
    width: 100%;
    margin: 6px 0
}

span.close-btn {
    background: #fab43d;
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: anchor-center;
    font-size: 39px;
    border-radius: 50%;
    top: -3%;
    right: -4%;
    cursor: pointer;
    transition: .3s linear
}

span.close-btn:hover {
    transform: scale(1.3)
}

.modal-content:after {
    background-image: url(assets/images/Top-Shape.png);
    width: 70px;
    position: absolute;
    right: 0;
    top: -21px
}

.modal-content:before {
    background-image: url(assets/images/BottomShape.png);
    width: 150px;
    position: absolute;
    left: -42px;
    bottom: 0
}

@media only screen and (max-width: 425px) {
    button.slick-arrow {
        display: none !important;
    }

    .our-publishing h2 {
        font-size: 22px;
    }

    .home-ghost-box-inner p {
        height: 115px;
    }

    .hm-sec-02 .qlty ul li p {
        text-align: center !IMPORTANT;
    }

    .ql-ws.wow.fadeInLeft {
        padding: 9px 0;
    }

    .wrkd.col-xl-3 {
        margin: 0;
    }

    .wrkd.col-xl-3 {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    .wrkd.col-xl-3 p {
        margin-top: 1%;
    }

    .ql-ws h5:before {
        left: 38%;
    }

    section.pad-b-sec.edit-sec-01.edit-sec-03.auth-news {
        margin: -11px 0!important;
        padding: 0 !IMPORTANT;
    }

    section.hm-sec-01.pad-sec {
        padding: 0;
    }

    .qlty ul li div i {
        MARGIN: 10px AUTO;
    }

    .twocol.container.mt-2.my-5.py-5 {
        padding-top: 0 !IMPORTANT;
        margin-top: 0 !important;
    }

    section.hm-sec-05.pad-sec.edit-sec-01 {
        padding-bottom: 0;
        margin-bottom: -52%;
    }

    p.my::before {
        left: 44%;
    }

    .ql-ws.wow.fadeInLeft {
        height: 300px;
    }

    .arrow-01:before {
        display: none;
    }

    .nmb-cht {
        display: block;
    }

    .menu-Bar {
        display: none;
    }

    li.last {
        display: none !important;
    }

    .nmb-cht ul {
        display: flex;
        justify-content: center;
    }

    .logo img {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .logo {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
}

/*Raffay home page css */
.frst-head {
    max-width: 100% !important;
    width: 100% !important;
    font-size: 34px !IMPORTANT;
    line-height: 1.4 !IMPORTANT;
    margin-bottom: 5px !important;
}

p.para.frst-par {
    font-size: 17px;
    width: 100%;
    line-height: 1.4 !IMPORTANT;
    margin: 0 !IMPORTANT;
    padding: 0 !important;
}

.col-md-7.mt-5.my-col {
    margin-top: 7% !IMPORTANT;
}

h3.hd-pr.wow.fadeInLeft.hdr {
    text-align: center;
    max-width: 70%;
    display: block;
    margin: 0 auto;
}

p.para.wow.fadeInLeft.hdr-p {
    color: #fff;
    font-size: 14px;
    text-align: center;
    max-width: 82%;
    display: block;
    margin: 16px auto;
    margin-bottom: -2%;
}

.qlty ul li div {
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 85%;
    justify-content: center;
    display: block;
    margin: 0 auto;
}

.qlty ul li div i {
    display: block;
    margin: 0 auto;
    margin-left: 45%;
    margin-bottom: 4%;
}

.ql-ws.wow.fadeInLeft {
    background: #00000082;
    padding: 18px;
    height: 245px;
    border-radius: 16px;
    border: 2px solid #ffc038;
    transition: all 500ms linear;
}

.ql-ws.wow.fadeInLeft:hover {
    border-color: #ff5d37;
}

.ql-ws.wow.fadeInLeft:hover h5:before {
    background: #ff603a;
}

.btnss {
    text-align: center;
    margin-top: 2%;
}

#cxcx {
    position: relative;
}

.reviews-logo {
    display: flex;
    align-items: end;
    width: 90%;
}

.iner-img {
    flex: 10px;
    margin: 0 9px;
    background: aliceblue;
    width: 120px;
    height: 65px;
    display: flex;
    align-items: center;
    border-radius: 24px;
    padding: 12px;
}

a.zero-btns {
    background: #284155;
    color: #fff;
}

a.zero-btns:hover {
    background-color: var(--theme_color);
    color: #141414;
}

/* ── PROCESS ── */
:root {
    --ink: #0f0e0c;
    --paper: #faf8f4;
    --cream: #f2ede4;
    --gold: #c8902a;
    --gold-light: #f0c96a;
    --orange: #e05c2a;
    --orange-deep: #b8411a;
    --warm-gray: #8a8070;
    --border: rgba(15,14,12,0.12);
    --ff-display: 'Playfair Display', Georgia, serif;
    --ff-body: 'DM Sans', sans-serif;
    --transition: 0.22s cubic-bezier(0.4,0,0.2,1);
}

/* ── PROCESS ── */
:root {
    --ink: #0f0e0c;
    --paper: #faf8f4;
    --cream: #f2ede4;
    --gold: #c8902a;
    --gold-light: #f0c96a;
    --orange: #ff8942;
    --orange-deep: #b8411a;
    --warm-gray: #8a8070;
    --border: rgba(15,14,12,0.12);
    --ff-display: 'Playfair Display', Georgia, serif;
    --ff-body: 'DM Sans', sans-serif;
    --transition: 0.22s cubic-bezier(0.4,0,0.2,1);
}

.reveal {
    text-align: center;
}

.process-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1px;
    background: var(--border);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    margin-top: 48px;
}

@media (max-width: 767px) {
    .process-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.process-step {
    background: var(--paper);
    padding: 28px 22px;
    transition: background var(--transition);
}

.process-step:hover {
    background: #fff;
}

.step-num {
    font-size: 33px;
    font-weight: 800;
    color: var(--cream);
    line-height: 1;
    margin-bottom: 12px;
    background: #ff8634;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: anchor-center;
    margin: 5px auto;
}

.step-icon {
    border-radius: 10px;
    display: block;
    margin: 25px 0;
}

.step-icon i {
    font-size: 27px;
    color: var(--orange);
    text-align: center;
}

.step-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.step-body {
    font-size: 13px;
    color: var(--warm-gray);
    line-height: 1.55;
}

/* ── SERVICES ── */
.service-card {
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 28px;
    transition: all var(--transition);
    background: var(--paper);
    height: 100%;
}

.service-card:hover {
    border-color: var(--orange);
    background: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(0,0,0,0.06);
}

.service-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: #fdaf39;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    transition: background var(--transition);
}

.service-card:hover .service-icon {
    background: #ffe8dd;
}

.service-icon i {
    font-size: 22px;
    color: #ffffff;
}

.service-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    text-align: left;
}

.service-body {
    font-size: 15px;
    color: var(--warm-gray);
    line-height: 1.6;
    margin-bottom: 16px;
    text-align: left;
}

.service-link {
    font-size: 13px;
    font-weight: 600;
    color: var(--orange);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
}

.service-link i {
    font-size: 11px;
    transition: transform var(--transition);
}

.service-link:hover i {
    transform: translateX(3px);
}

/* ── BOOK COVERS ── */
.books-grid {
    display: flex;
    gap: 24px;
    overflow-x: auto;
    padding-bottom: 16px;
}

.book-item {
    flex: 0 0 160px;
    text-align: center;
}

.book-cover {
    width: 140px;
    height: 200px;
    border-radius: 4px 8px 8px 4px;
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--ff-display);
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 12px;
    position: relative;
    box-shadow: -4px 4px 16px rgba(0,0,0,0.2), inset -2px 0 6px rgba(0,0,0,0.15);
    overflow: hidden;
}

.book-cover::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: rgba(0,0,0,0.2);
}

.book-cover-text {
    position: relative;
    z-index: 1;
    text-align: center;
}

.book-title {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 3px;
}

.book-author {
    font-size: 11px;
    color: var(--warm-gray);
}

.book-amazon {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: var(--orange);
    font-weight: 600;
    text-decoration: none;
    margin-top: 5px;
}

.book-amazon i {
    font-size: 10px;
}

button.slick-arrow {
    background: #e47911;
    padding: 16px;
    border-radius: 9px;
    display: flex;
    align-items: anchor-center
}

.footer,section.Porfolio {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

button.slick-arrow:active,button.slick-arrow:focus,button.slick-arrow:hover {
    background: #e47911!important
}

.slick-next:before,.slick-prev:before {
    position: absolute;
    top: 6px;
    left: 7px
}

section.Porfolio {
    background-image: url(../images/banner-main.png);
    background-attachment: fixed;
    padding: 2% 0
}

.portfolio-para h2 {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    font-family: var(--ff-display);
}

.editing-port, hr {
    margin-top: 5%;
}

.editing-port h3 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #fff;
    font-family: var(--ff-display);
}

/* ── REVIEWS ── */
.review-card {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    border: 1px solid var(--border);
    transition: transform var(--transition), box-shadow var(--transition);
    height: 100%;
}

.review-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.08);
}

.stars {
    color: var(--gold);
    font-size: 13px;
    margin-bottom: 12px;
    letter-spacing: 1px;
}

.review-text {
    font-size: 14px;
    line-height: 1.65;
    color: #3a3530;
    margin-bottom: 16px;
}

.reviewer {
    display: flex;
    align-items: center;
    gap: 10px;
}

.reviewer-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--cream);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--ff-display);
    font-weight: 700;
    color: var(--orange);
    font-size: 14px;
    flex-shrink: 0;
}

.reviewer-name {
    font-size: 14px;
    font-weight: 600;
}

.reviewer-book {
    font-size: 12px;
    color: var(--warm-gray);
    margin-top: 2px;
}

.review-badge {
    font-size: 11px;
    background: #e8f5e9;
    color: #2e7d32;
    padding: 3px 9px;
    border-radius: 99px;
    font-weight: 600;
    margin-left: auto;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 4px;
}

.review-badge i {
    font-size: 10px;
}

.pkg-box {
    background: #f1efef;
    border: 2px solid #e47911;
    border-radius: 19px;
}

.pkg-first {
    padding: 35px 0 0
}

.pkg-first h3 {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}

.pkg-first p span {
    color: #264054
}

@keyframes blinker {
    from {
        color: #ffff
    }

    to {
        color: #f79837
    }

    50% {
        opacity: 0
    }
}

.pkg-first p {
    background: #d6d6d6;
    font-size: 25px;
    font-weight: 700;
    width: 65%;
    display: block;
    margin: 15px auto;
    padding: 5px 0;
    border-radius: 13px;
    text-align: center;
}

.info-box p,.pkg-btn a,.tol-text {
    font-weight: 600
}

.pkg-mid {
    padding: 26px 20px;
    background: #d6d6d6;
    height: 430px;
}

.pkg-mid ul {
    padding: 0;
    height: 300px;
    overflow: auto;
    margin-bottom: 12%
}

.pkg-mid ul li {
    font-size: 15px;
    margin-bottom: 1%;
    display: flex;
    align-items: anchor-center;
    font-weight: 500;
    line-height: 21px;
}

.pkg-mid ul li strong {
    font-size: 19px;
    line-height: 1.9
}

.pkg-btn {
    display: block;
    margin: 0 auto
}

.pkg-btn a {
    background: #fff;
    color: #e47911;
    padding: 12px 35px;
    border: 2px solid;
    border-radius: 29px;
    text-align: center;
    display: block;
}

.pkg-last {
    padding: 12px 0
}

.pkg-last span a {
    color: #f79837!important
}

.cnt-info {
    display: flex;
    justify-content: space-around
}

.info-box p {
    font-size: 19px;
    color: #e47911
}

.tooltiptext li,.tooltiptext ul {
    color: #000!important;
    font-weight: 600
}

.info-box p a {
    color: #000;
    text-decoration: none
}

.pkg-box:hover .pkg-mid ul li {
    color: #fff
}

.pkg-mid ul li i {
    margin-right: 10px
}

.packages-head {
    margin: 58px 0;
    text-align: center;
}

.packages-head h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: var(--ff-display);
}

.packages-head p span {
    color: #f79837;
    font-size: 25px
}

.packages-head .container .col-md-4 {
    margin: 0 !important;
    padding: 0 !important;
}

.row.pkg-slider .col-md-4 {
    padding: 0;
}

.pkg-mid ul li img {
    width: 5%;
    margin: 0 5px;
}

.pkg-box:hover .pkg-mid, a.golbal-btn2:hover {
    background: #e47911;
}

/* ── FAQ ── */
.faq-item {
    border-bottom: 1px solid var(--border);
}

.faq-q {
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    padding: 20px 0;
    font-family: var(--ff-body);
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.faq-q .faq-icon {
    color: var(--orange);
    font-size: 14px;
    flex-shrink: 0;
    transition: transform var(--transition);
}

.faq-q.open .faq-icon {
    transform: rotate(45deg);
}

.faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, padding 0.35s ease;
}

.faq-a.open {
    max-height: 200px;
    padding-bottom: 20px;
}

.faq-a p {
    font-size: 14px;
    color: var(--warm-gray);
    line-height: 1.7;
    margin: 0;
}

/* ── CTA STRIP ── */
.cta-section {
    background: linear-gradient(135deg, var(--orange-deep) 0%, var(--orange) 50%, #f0832a 100%);
    padding: 60px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.cta-section::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -20%;
    right: -20%;
    bottom: -50%;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.cta-section h2 {
    font-family: var(--ff-display);
    font-size: clamp(32px,4.5vw,52px);
    font-weight: 900;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.cta-section p {
    font-size: 18px;
    color: rgba(255,255,255,0.8);
    margin-bottom: 36px;
    position: relative;
}

.btn-white {
    background: #fff;
    color: var(--orange);
    border: none;
    padding: 16px 36px;
    border-radius: 8px;
    font-family: var(--ff-body);
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all var(--transition);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-white:hover {
    background: var(--paper);
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    color: var(--orange);
}

.btn-outline-white {
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255,255,255,0.5);
    padding: 16px 36px;
    border-radius: 8px;
    font-family: var(--ff-body);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-outline-white:hover {
    background: rgba(255,255,255,0.15);
    border-color: #fff;
    color: #fff;
}

.cta-guarantee {
    color: rgba(255,255,255,0.65);
    font-size: 13px;
    margin-top: 20px;
    position: relative;
}

.cta-guarantee span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0 8px;
}

.cta-guarantee i {
    font-size: 11px;
}

section.cta-section:before {
    background-image: url("../images/cta-before.webp");
    width: 33%;
    height: 100%;
    position: absolute;
    top: 40%;
    left: 0;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
}

section.cta-section:after {
    background-image: url("../images/cta-after.webp");
    width: 26%;
    position: absolute;
    top: 31%;
    right: 0;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
}

.wc-footer {
    background-image: url(../images/hero-bg.jpg);
    padding: 3% 0 1%;
}

.wc-foot-links h5 {
    font-size: 26px;
    font-weight: 600;
    color: #fff;
}

ul.wc-foot-list li a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}

ul.wc-foot-list {
    padding: 0;
}

.wc-foot-logo img {
    width: 17%;
    margin-bottom: 2% !important;
    display: block;
    margin: 0 auto;
}

.wc-foot-logo p {
    color: #fff;
    font-size: 15px;
    max-width: 60%;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.wc-foot-links {
    padding-left: 44px;
}

ul.wc-foot-list li a i {
    margin-right: 9px;
}

ul.wc-foot-list li {
    margin: 10px 0;
}

.wc-footer p.wc-copyright {
    color: #fff;
    font-size: 14px;
    margin-top: 3%;
    border-top: 1px solid #a1a1a1;
    padding-top: 18px;
    text-align: center;
}

.wc-footer p.wc-copyright a {
    color: #fff;
    text-decoration: none;
}

.wc-footer p.wc-copyright span {
    text-decoration: blink;
}

@keyframes blinker {
    from {
        color: #ffff
    }

    to {
        color: #f79837
    }

    50% {
        opacity: 0
    }
}

.mainBanner.innerBanner:after {
    content: "";
    background: #0000008a;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    height: 100%;
}

.phone-frame {
    position: relative;
    width: 360px;
    margin: auto;
}

.phone-image {
    width: 100%;
    display: block
}

.video-wrapper {
    position: absolute;
    top: 69px;
    left: 94px;
    width: 214px;
    height: 455px;
    overflow: hidden;
    border-radius: 20px
}

.video-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0
}

@media only screen and (max-width: 1366px) {
    .phone-frame {
        position:relative;
        width: 360px;
        margin: auto
    }

    .phone-image {
        width: 100%;
        display: block
    }

    .video-wrapper {
        position: absolute;
        top: 69px;
        left: 93px;
        width: 215px;
        height: 456px;
        overflow: hidden;
        border-radius: 20px
    }

    .video-wrapper iframe {
        width: 100%;
        height: 100%;
        border: 0
    }
}

.rev-logo.mb-4 img {
    width: 17%;
    margin-bottom: -35px;
}

.revi-s span {
    font-size: 25px;
    font-weight: 600;
    padding: 0 10px;
    color: #f99a03;
}

.revi-s span img {
    width: 61%;
}

.revi-s p {
    font-size: 20px;
    margin-top: 1%;
    color: #fff;
}

.rev-logo.mb-3 img {
    width: 108px!important
}

.revi-s {
    margin-top: 5%;
}

.row-banner .link-container.fld-btn a {
    width: 44%;
}

.Selling-para h2 {
    font-size: 33px;
    font-weight: 700;
    margin: 0
}

section.Selling {
    background: #f1f1f1;
    box-shadow: rgba(149,157,165,.2) 0 8px 24px;
    padding: 1% 0;
    border-bottom: 1px solid #bebebe;
    margin-top: -45px;
}

.sell-platform.slick-initialized.slick-slider,.video-slider.slick-initialized.slick-slider {
    margin-bottom: 0!important
}

/*Raffay home page css */