.form-box-main form input:focus,
.form-box-main form option:focus,
.form-box-main form select:focus,
.form-box-main form textarea:focus,
.selected-flag,
.sliderxs .col-lg-2:focus,
.sliderxs .col-lg-3:focus,
.sliderxs .col-lg-4:focus,
.sliderxs .col-lg-6:focus,
.thumb-slider .thumb-slide:focus,
a:focus,
img {
    outline: 0
}

.btn-theme-outline1:hover,
.btn-theme2:hover,
.dropdown>ul>li>a,
.quest-title,
.tabs-main ul.tabs-nav li a,
a,
a:focus,
a:hover {
    text-decoration: none
}

.ff-primary,
.header-main .has-submenu.progmenu,
body {
    font-family: var(--primary-font-family)
}

.footer-nav,
.footer-nav2,
.sticky li,
li,
ul {
    list-style-type: none
}

.stickyheader,
.three-testimonials.approach .box p {
    min-height: auto
}

#jqcheck {
    background: #fff9d7;
    text-align: center;
    color: #333;
    padding: 10px 0;
    font-size: 13px;
    font-weight: 700;
    position: fixed;
    z-index: 9991;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif
}

*,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0
}

::-moz-selection {
    background: var(--primary-color);
    color: var(--theme-white);
    text-shadow: none
}

::selection {
    background: var(--primary-color);
    color: var(--theme-white);
    text-shadow: none
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.home-banner:after,
.item.blackfriday:before,
.moreFull,
.overlay-bg {
    height: 100%;
    top: 0;
    left: 0
}

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

::-webkit-scrollbar-track-piece {
    background-color: #ecedf1;
    -webkit-border-radius: 0;
    border-left: 1px solid #888
}

::-webkit-scrollbar-thumb:vertical {
    -webkit-border-radius: 0;
    background: var(--primary-color)
}

.chtnow .livechat_button {
    background: #fff !important;
    border-radius: 5px !important;
    width: 160px;
    text-align: center !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.btn-theme-outline:hover,
.btn-theme:hover,
.chtnow .livechat_button:hover,
.cta2 .wrap a:hover,
.prc_boxess:hover,
.prce_box:hover,
.pricing-sec .pricingwrap li .box:hover,
.wow-testimonial .tsbox:hover {
    transform: translateY(-.625rem);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.bid-gallery-nav,
.counter,
.cta2,
.cta2 .wrap,
.dropdown>ul>li.seclvl,
.firstcs,
.forarrowselect,
.form-box-main form .slct,
.gallery-nav-main,
.hart-bg,
.hero-slider-wrap,
.homepage-programs,
.homepage-programs .program-taglines,
.inner-banner,
.inner-banner.aboutbg,
.item.blackfriday,
.listsec .wrap ul li p,
.product-gallery-nav,
.relative,
.team-box1.brdr,
.tls-sft,
thumb-slider-main {
    position: relative
}

.item.blackfriday:before {
    position: absolute;
    content: "";
    width: 100%;
    background: rgba(0, 0, 0, .45);
    z-index: 2
}

.overlay-bg {
    display: none;
    background: rgba(0, 0, 0, .5);
    opacity: .94;
    width: 100%;
    position: fixed;
    z-index: 99999
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        -webkit-appearance: none !important;
        line-height: 28px !important
    }
}

body {
    color: var(--default-color);
    font-size: var(--base-font-size);
    position: relative
}

.ff-secondary {
    font-family: var(--secondary-font-family)
}

.book-icons-box,
.submit,
.travel-content h4 {
    font-family: Poppins, sans-serif
}

.fc-primary,
.gallery-nav-main .slick-next:hover:before,
.gallery-nav-main .slick-prev:hover:before,
.h2 span,
.home-slider .slick-next:hover:before,
.home-slider .slick-prev:hover:before,
.inner-banner-content h1 span,
.number-banner-content h1 span,
h2 span {
    color: var(--primary-color)
}

.fc-secondary,
.list-simple li:before,
.sidebar-list li a:hover {
    color: var(--secondary-color)
}

.fc-dark {
    color: var(--theme-dark)
}

.fc-lite {
    color: var(--theme-lite)
}

.primary-btn,
.secondary-btn {
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 8px 15px;
    position: relative;
    display: table;
    border-radius: 3px
}

.primary-btn:after,
.secondary-btn:after {
    content: "\f061";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle
}

.primary-btn {
    background: var(--primary-color);
    color: #fff
}

.home-box-main a.more-link:hover,
.primary-btn:hover {
    background: var(--primary-color-dark);
    color: #fff
}

.secondary-btn {
    background: var(--secondary-color);
    color: #fff
}

.secondary-btn:hover {
    background: var(--secondary-color-dark);
    color: #fff
}

.banner-btn {
    text-transform: capitalize;
    display: inline-block;
    transform: translateY(0);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    color: #fff !important;
    background-color: transparent;
    padding: 20px 40px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    border: 1px solid #fff !important
}

.bottom-form,
.maparea,
.ourprocesses,
.sec-padding-100,
.secpad-100,
.singletestimonials {
    padding: 100px 0
}

.Ghost-book-writing-content p,
.btn-theme,
.btn-theme-outline,
.built-sec p,
.cntc-form p,
.collaboration-sec .wrapper p,
.fourth-sec-content p,
.ghst-writng-content p,
.git p,
.git-box2 p,
.growth h4,
.info-content p,
.introduction-sec .wrapper h3 span,
.introduction-sec .wrapper p,
.introduction-sec2 .wrapper p,
.main-ghst-sec p,
.mycta p,
.myprocess p,
.quest-content p,
.sm-btn,
.strt-cta p,
.team-content p,
.thierd-sec-content p,
.tls-sft p,
.tools-sec p,
.travel-content p,
.trst-rvw p,
.works-content p {
    font-size: 14px
}

.Ghost-book-writing-content p,
.box-custom-package h4 .more-less,
.built-sec p,
.cntc-form p,
.collaboration-sec .wrapper p,
.fourth-sec-content p,
.ghst-writng-content p,
.git p,
.git-box2 p,
.home-banner-content .subtitle,
.info-content p,
.introduction-sec .wrapper p,
.introduction-sec2 .wrapper p,
.leftinner .checklist li,
.main-ghst-sec p,
.md-btn,
.mycta p,
.myprocess p,
.quest-content p,
.satisfactionfold .textwrap .satisfylist li p,
.selected-box2 a,
.strt-cta p,
.team-content p,
.thierd-sec-content p,
.tools-sec p,
.trst-rvw p,
.works-content p {
    font-size: 16px
}

.lg-btn,
.smallfont {
    font-size: 18px
}

.ourapproachsec .wrapper .cta h4,
.ourprocesses .cta h4,
.servicesec p,
.xl-btn {
    font-size: 20px
}

.h3,
.h4,
.h5,
.h6,
h4,
h5,
h6 {
    padding-bottom: 10px;
    color: var(--theme-dark)
}

.h2,
h2 {
    font-size: 6.7vmin
}

.h3,
h3 {
    font-size: var(--font-size-h3);
    font-weight: 600
}

.h4,
h4 {
    font-size: var(--font-size-h4)
}

.h5,
h5 {
    font-size: var(--font-size-h5)
}

.h6,
h6 {
    font-size: var(--font-size-h6)
}

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

img {
    max-width: 100%;
    border: 0
}

.main-wtn-sec {
    margin: 0 auto
}

.sec-padding-90 {
    padding: 90px 0
}

.pricingTable,
.sec-padding-80 {
    padding: 80px 0
}

.sec-padding-70 {
    padding: 70px 0
}

#footer>.container>.row,
.collaboration-sec,
.cta2,
.listsec,
.myprocess,
.recognitionsec,
.sec-padding,
.sec-padding-60,
.tools-sec {
    padding: 60px 0
}

.sec-padding-xlarge {
    padding: 50px 0
}

.bookSec,
.sec-padding-large {
    padding: 40px 0
}

.clientele-sec,
.footer-top,
.sec-padding-medium {
    padding: 30px 0
}

.sec-padding-small {
    padding: 25px 0
}

.sec-padding-xsmall {
    padding: 10px 0
}

.sec-margin-100 {
    margin: 100px 0
}

.sec-margin-90 {
    margin: 90px 0
}

.sec-margin-80 {
    margin: 80px 0
}

.hlpwrap,
.sec-margin-70 {
    margin: 70px 0
}

.sec-margin-60 {
    margin: 60px 0
}

.sec-margin-xlarge {
    margin: 50px 0
}

.sec-margin-large {
    margin: 40px 0
}

.sec-margin-medium,
.team-box1 a {
    margin: 30px 0
}

.sec-margin-small {
    margin: 25px 0
}

.gclients .clientslist li figure,
.home-box-main,
.sec-margin-xsmall,
.side-banner {
    margin: 10px 0
}

#footer>.container>.row~.row,
.crte-prf,
.cta p,
.form-box-main,
.leftinner .checklist,
.main-cntc-form .wrk-up-wrap,
.nopadd,
.nopaddding,
.p-0,
.portfolioSec h2,
.tools-sec .tbox-icon figure,
section.main-sft-sec.sec-padding-60,
section.pricing-sec [class^=col-md-4]>div ul {
    padding: 0
}

.home-banner-content,
.prc_boxess .smallboxes,
.pt-0 {
    padding-top: 0
}

.mb_logo,
.myprocess.main-ghst-sec p,
.ourapproachsec .wrapper .cta,
.pb-0 {
    padding-bottom: 0
}

.footer-nav2 li:first-child,
.form_wrap .analyzeform form .wrap,
.mytesti .tls-wrap .tls-sft p .mCustomScrollBox,
.nopadd-left,
.pl-0,
.top-info-list li:first-child {
    padding-left: 0
}

.main-menu>ul>li:last-child,
.pr-0,
.top-info-list li:last-child {
    padding-right: 0
}

.form-box-main form select[name=ddlYear],
.form_wrap .analyzeform,
.ft-img figure,
.ghst-writng-content a,
.m-0,
.main-atls figure,
.menuside2 i,
.mst-inr ul,
.per-box1 figure,
.portfolio-box ul li figure,
.portfolio-box ul li:last-child {
    margin: 0
}

.black,
.boxessec .boxeswrap ul li .boxlist,
.contactpg .oddinner-banner .inner-banner-content,
.mt-0,
.myprocess.main-ghst-sec ul,
.sidebar .accordion {
    margin-top: 0
}

.border-box-effect figure,
.built-sec figure,
.clientele-sec figure,
.collaboration-sec figure,
.counternew .figorelist,
.counternew .figorelist li figure,
.flogo figure,
.header-main.showmenu .has-submenu .dropdown>ul,
.helpsec .imgplace figure,
.innerservices .inner-banner .inner-banner-content a,
.introduction-sec2 figure,
.mb-0,
.ourapproachsec figure,
.packages-sec .pack-wrap .bdarea ul,
.partners-cta ul li figure,
.quest-section,
.satisfactionfold figure,
.top-box .bdarea ul,
.top-box .hdarea .rt figure {
    margin-bottom: 0
}

.dmca,
.homwBtmform .offset-lg-2,
.ml-0 {
    margin-left: 0
}

.main-princing-sec-hme .nav-pills li,
.mr-0,
.partners-cta ul li:last-child,
.top-box .bdarea ul li:last-child,
section.pricing-sec [class^=col-md-4]:last-child>div,
ul.badges li:last-child {
    margin-right: 0
}

.auto_b_h1,
.auto_b_h2,
.auto_b_h3,
.tt-uppercase {
    text-transform: uppercase
}

.Ghost-book-writing-content h1,
.banner-form h3,
.btn-packages,
.btn-theme,
.built-sec h2,
.clientele-sec h2,
.cntc-form h3,
.collaboration-sec .wrapper h2,
.form-box-main h2,
.fourth-sec-content h3,
.ghst-writng-content h1,
.git h3,
.header-main.fixed .main-menu>ul>li>a,
.home-banner-content h1,
.home-box-main a.more-link,
.info-content h3,
.inner-pages .header-main .main-menu>ul>li>a,
.introduction-sec .wrapper h3,
.introduction-sec2 .wrapper h3,
.main-ghst-sec h3,
.main-menu>ul>li>a,
.mycta h2,
.myprocess h2,
.our-team h1,
.policypg h2,
.sticky li p,
.strt-cta h3,
.team-content h3,
.thierd-sec-content h3,
.tools-sec h2,
.trst-rvw h1,
.tt-capitalize,
.works-content h3 {
    text-transform: capitalize
}

.mypopup-innerwrap .form_wrap .hero_form textarea.form-control,
.tab-custom-nav li a,
.tabs-custom-nav li a,
.whitebtn:hover,
p span,
p strong {
    color: #000
}

.absolute,
.inner-banner.aboutbg .circles {
    position: absolute
}

.h2,
h2 {
    color: #171717;
    line-height: 1.2;
    font-weight: 700;
    padding: 0 0 15px;
    position: relative;
    letter-spacing: -1px
}

.list-simple,
.sitemap {
    list-style: none;
    margin: 0 0 15px;
    width: 100%;
    display: inline-block
}

.border-box-effect>:hover:after,
.border-box-effect>:hover:before,
.box-custom-package h4[aria-expanded=false] .icon-plus2,
.box-custom-package h4[aria-expanded=true] .icon-minus2,
.destination-box-main:hover .destination-content p,
.dropdown>ul>li.level2:hover>ul,
.eggoffer .unbroken,
.header-main .logo img.white,
.header-main.fixed .logo img.black,
.inner-pages .header-main .logo img.black,
.lgonly,
.logo a,
.moreFull,
.nav-area-full,
.points-box-main:hover .points-content p,
.tab-content>.active,
.tabs-custom .tab-content-panel.selected,
.tabs.current,
.ys-container.finished .ys-popup-content,
.ys-container.visible,
.ys-layer.visible {
    display: block
}

.list-simple li {
    color: var(--default-color);
    padding: 0 0 10px 16px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    position: relative
}

.list-simple li:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    content: "\e93a";
    font-family: FontAwesome
}

.moreFull {
    position: absolute;
    width: 100%;
    text-indent: -9999px
}

.transition {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.scale-with-transition {
    -webkit-transition: .2s ease-in;
    -ms-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    transition: .2s ease-in;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

.header-main {
    padding: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    -ms-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.header-main.fixed {
    box-shadow: 0 5px 20px #00000012;
    -ms-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    position: fixed;
    background: #fff
}

.btn-packages,
.btn-packages:hover,
.btn-theme,
.btn-theme-outline,
.btn-theme-outline1,
.btn-theme-outline1:hover,
.btn-theme2,
.btn-theme2:hover,
.custom-package input.cost_calc_button:hover,
.eggoffer.show,
.floatbutton,
.floatbutton .clickbutton .crossplus,
.floatbutton .clickbutton .crossplus.rotate,
.floatbutton.active,
.form-box-main form input[type=submit],
.header-main .emailsec,
.header-main.showmenu .othermenu,
.logo,
.mypopup-wrap,
.mypopup-wrap.active,
.prc_boxess,
.prce_box,
.pricing-sec .pricingwrap li .box,
.sale-blckfriday,
.sale-blckfriday .sale-box,
.sale-blckfriday .sale-box.open,
.sale-blckfriday .sale-box.open a,
.sale-blckfriday .salecrcle-btn,
.tabbing-links li,
.three-testimonials .box,
.three-testimonials .box:hover,
.tools-sec .tbox,
.tools-sec .tbox:hover,
.wow-testimonial .tsbox {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s
}

.fc-black,
.header-main.fixed .main-menu>ul>li>a,
.menuside:hover,
.top-info-list li a:hover {
    color: #223235
}

.analyzeform form .intl-tel-input,
.analyzepg .analyzeform form .dtf,
.banner-form .intl-tel-input,
.bot-form form .intl-tel-input,
.built-sec figure img,
.clientele-sec figure img,
.content .img img,
.floatbutton .banner-form .intl-tel-input,
.form-box-main form .intl-tel-input,
.form_wrap .analyzeform form .dtf,
.gallery-simple img,
.gallery-slider-main .slick-slide img,
.header-main.fixed .logo,
.mypopup-innerwrap .form_wrap .hero_form .col-md-6,
.mypopup-innerwrap .form_wrap .hero_form .col-sm-6,
.portfolio-box ul li figure img,
.smpltxt,
.stockdetails-main ul,
.thierd-sec-img img,
.top-box .hdarea .rt figure img,
.travel-box-main img {
    width: 100%
}

.header-main .top-bar-line {
    padding: 0;
    overflow: hidden;
    position: relative
}

.top-bar-line {
    position: fixed;
    background: #f6f6f6;
    padding: 0;
    width: 100%;
    top: 0;
    left: 0;
    border-bottom: 1px solid #e8e8e8;
    z-index: 99
}

.header-main .top-bar-line .sldrwrp {
    display: block;
    width: 200%;
    position: absolute;
    overflow: hidden;
    animation: 20s linear infinite marquee
}

.header-main .top-bar-line .sldrwrp p {
    float: left;
    width: auto;
    margin: -3px 0 0;
    padding-right: 50px
}

.header-main .top-bar-line .sldrwrp p span {
    color: #b32524;
    font-weight: 600
}

.header-main .cntct {
    overflow: hidden;
    position: relative;
    z-index: 99;
    background: 0 0
}

.header-main .cntct ul {
    text-align: right;
    margin: 0;
    padding: 10px 0
}

.header-main .cntct ul li {
    display: inline-block;
    padding: 0 12px;
    text-align: center;
    text-transform: none;
    position: relative
}

.header-main .cntct ul li a {
    color: #000;
    font-weight: 600;
    font-size: 14px
}

.header-main .cntct ul li a i {
    display: inline-block;
    margin: 0 5px 0 0
}

@keyframes marquee {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

.livechat_button {
    margin-top: -10px;
    width: 120px
}

.top-bar {
    background: #fff !important;
    padding: 0;
    width: 100%;
    top: 41px;
    left: 0;
    border-bottom: 1px solid #cbd6e2;
    z-index: 99
}

.dropdown,
.dropdown>ul>li.seclvl:hover .seclvldrop {
    box-shadow: 0 1px 24px rgba(45, 62, 80, .12);
    z-index: 95
}

.top-info-list {
    float: right;
    margin: 25px 0
}

.top-info-list li {
    float: left;
    color: #171717;
    font-size: 14px;
    padding: 0 28px
}

.top-info-list li span {
    margin-right: 8px;
    color: #b32524;
    font-size: 13px;
    line-height: 20px
}

.top-info-list li span.icon-phone2 {
    font-size: 15px;
    top: 1px;
    position: relative
}

.top-info-list li a {
    color: #333;
    font-size: 16px;
    font-weight: 700
}

.top-info-list li a img {
    padding-right: 5px;
    margin-left: -11px
}

.nav-area-full {
    padding: 17px 0 16px;
    width: 100%
}

.logo {
    width: 100%;
    margin: 0;
    float: left;
    transition: .4s
}

.footer-top .wrapper,
.main-menu,
.top-area {
    display: inline-block;
    width: 100%
}

.main-menu {
    float: right;
    margin: 2px 0 0
}

.main-menu>ul {
    float: left;
    margin: 0
}

.main-menu>ul>li {
    padding: 0;
    float: left;
    position: relative
}

.main-menu>ul>li:before {
    position: absolute;
    width: 1px;
    height: 12px;
    background: #71787e;
    left: 0;
    top: 30%
}

.analyzepg .home-banner:after,
.analyzepg .home-banner:before,
.approach-sub-module .row:last-child .inner:before,
.book-icons-box.nosep:before,
.box-custom-package h4[aria-expanded=false] .icon-minus2,
.box-custom-package h4[aria-expanded=true] .icon-plus2,
.dropdown>ul>li.seclvl .seclvldrop,
.dropdown>ul>li:before,
.dropdown>ul>li>a:hover:before,
.dropdown>ul>li>ul,
.eggoffer .bottom h3:before,
.eggoffer .broken,
.firstcs.scndcs:before,
.footer-nav2 li:first-child:before,
.gtquote .home-banner:before,
.header-main .logo img.black,
.header-main.fixed .logo img.white,
.homwBtmform .home-banner:after,
.inner-pages .header-main .logo img.white,
.innerservices .inner-banner .inner-banner-content h1:after,
.main-menu>ul>li:first-child:before,
.mob-services,
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3:before,
.order-page .home-banner:after,
.packages-sec .pack-wrap .bdarea ul li.heading:before,
.portfoliolist.portfoliolist-logo .border-box-effect:hover:after,
.portfoliolist.portfoliolist-logo .border-box-effect:hover:before,
.portfoliolist.portfoliolist-logo .border-box-effect>:hover:after,
.portfoliolist.portfoliolist-logo .border-box-effect>:hover:before,
.prce_box ul li.heading:before,
.prce_box ul li.pck-heading:before,
.ser-box2 ul.clients-slider3 li:before,
.servicepg .inner-banner:before,
.sliderxs .slick-dots li button:before,
.tab-content>.tab-pane,
.tabs,
.thumbsmain,
.why-book-area .col-lg-4:nth-child(3n) .book-icons-box:before,
.xsonly,
div.error {
    display: none
}

.main-menu>ul>li>a {
    padding: 16px 12px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    border-right: 1px solid #b32524
}

.main-menu>ul>li.current a {
    background: #790405
}

.header-main .has-submenu.progmenu {
    font-size: 16px;
    color: #171717;
    font-weight: 400;
    margin: 0;
    padding: 3px 0 4px
}

.main-menu>ul>li.active>a,
.main-menu>ul>li>a.active,
.main-menu>ul>li>a:focus,
.main-menu>ul>li>a:hover {
    color: #fff;
    background: #790405
}

.cstn-column {
    display: inline-block;
    width: 100%;
    font-size: 0
}

.dropdown {
    width: 220px;
    position: absolute;
    top: 140%;
    left: 0;
    margin-left: -160px;
    visibility: hidden;
    opacity: 0;
    padding: 0 0 7px;
    background-color: #fff;
    border: 1px solid #cbd6e2;
    border-radius: .1875rem
}

.main-menu>ul>li:hover .dropdown {
    visibility: visible;
    opacity: 1;
    left: 18px
}

.main-menu>ul>li:hover .progmenu .dropdown {
    left: 0
}

.dropdown>ul {
    padding: 10px 0;
    list-style: none
}

.dropdown>ul>li>a {
    color: #333 !important;
    font-size: 16px;
    padding: 8px 10px 8px 15px;
    display: block
}

.dropdown>ul>li>a:hover {
    color: #c10a29;
    background: 0 0
}

.double-drop {
    width: 400px !important
}

.stickyheader {
    position: fixed;
    z-index: 9999
}

.stickyheader .logo img {
    width: 80px
}

.stickyheader .logo,
.stickyheader .top-info-list ul {
    margin: 5px 0
}

.grwth,
.stickyheader .navbar-inverse {
    margin: 10px 0 0
}

.sticky-container {
    padding: 0;
    margin: 0;
    position: fixed;
    right: -155px;
    top: 180px;
    width: 200px;
    display: none;
    z-index: 999
}

.sticky li {
    border-radius: 5px;
    background-color: #333;
    color: #efefef;
    height: 45px;
    padding: 0;
    margin: 0;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    cursor: pointer
}

.sticky li:hover {
    margin-left: -115px
}

.sticky li img {
    float: left;
    border-radius: 5px 0 0 5px;
    margin: 0 10px 0 0
}

.sticky li p {
    padding: 0;
    margin: 0;
    line-height: 45px;
    color: #fff
}

.sticky li a {
    border-radius: 5px;
    color: #fff
}

.home-banner {
    width: 100%;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table
}




.home-banner:after {
    content: '';
    background-color: #00000096;
    background-image: url(../images/c-banner.png);
    width: 100%;
    position: absolute;
    height: 116%
}

.home-banner-content {
    position: relative;
    z-index: 9;
    text-align: center;
    max-width: 85%;
    margin: 0 auto
}

.hompg .home-banner-content {
    top: -40px
}

.services-banner {
    padding: 100px;
    background-color: #fff7f7
}

.home-banner-content.hme-bner-cntn .analyzeform {
    margin: 0;
    box-shadow: 5px 6px 30px #00000012
}

.home-banner-content h1 {
    line-height: 1;
    margin-bottom: 15px;
    font-weight: 700;
    color: #fff;
    position: relative
}

.home-banner-content h1:after {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    right: 0;
    bottom: -5px;
    border-radius: 200px
}

.Ghost-book-writing-content p,
.ghst-writng-content p,
.home-banner-content .subtitle {
    color: #fff;
    padding-top: 10px;
    line-height: 1.4
}

.home-banner-content a.home-banner-link,
.number-banner-content a.number-banner-link {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 10px 20px;
    background: var(--primary-color);
    color: #fff;
    position: relative;
    display: table;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px
}

.home-banner-content a.home-banner-link:after,
.number-banner-content a.number-banner-link:after {
    content: "\e93a";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle
}

.home-banner-content a.home-banner-link:hover,
.number-banner-content a.number-banner-link:hover {
    background: var(--primary-color-dark)
}

.ratingBr {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 99;
    margin: 0;
    top: -20px
}

.ratingBr p {
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 0;
    opacity: 1
}

.form-box-main form label.field-txt span,
.header-main .othermenu li.current a,
.header-main .othermenu li:hover a,
.homepage-programs-entry .program-title a:hover,
.pricingTable ul.sec li i,
.pricingTable ul.sec li i.fa-close,
.ratingBr p span,
.slick-next:hover:before,
.slick-prev:hover:before {
    color: #b32524
}

.home-slider .slick-dots {
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    display: block;
    padding: 0 15px;
    margin: 0 auto;
    border-radius: 3px;
    list-style: none;
    width: 1140px
}

.gallery-nav-main .slick-dots li,
.home-slider .slick-dots li,
.sliderxs .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 6px 0 0;
    padding: 0;
    cursor: pointer
}

.ban-form input,
.floatbutton .ban-form input,
.massage-field textarea {
    margin: 0 0 15px;
    color: gray;
    font-size: 14px;
    font-weight: 400;
    outline: 0 !important
}

.home-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    outline: 0;
    background: #fff;
    border: none;
    border-radius: 200px
}

.home-slider .slick-dots li.slick-active button,
.sliderxs .slick-dots li.slick-active button {
    background: var(--primary-color);
    border: none
}

.gallery-nav-main .slick-next,
.gallery-nav-main .slick-prev,
.home-slider .slick-next,
.home-slider .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    z-index: 100;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.home-slider .slick-prev {
    left: 15px
}

.home-slider .slick-next {
    right: 15px
}

.home-slider .slick-next:before,
.home-slider .slick-prev:before {
    font-family: FontAwesome;
    color: #fff;
    font-size: 50px;
    line-height: 1
}

.home-slider .slick-prev:before {
    content: '\f060'
}

.home-slider .slick-next:before {
    content: '\f061'
}

.slider-progress {
    width: 100%;
    height: 5px;
    background: 0 0;
    position: absolute;
    left: 0;
    bottom: 0
}

.slider-progress .progress {
    width: 0%;
    height: 5px;
    background: var(--primary-color)
}

.banner-form {
    background: #fff;
    padding: 30px;
    position: relative;
    z-index: 9;
    top: 0;
    box-shadow: 5px 6px 30px #00000012;
    border-radius: 0;
    max-width: 70%;
    right: 0;
    float: right
}

.ban-form input,
.floatbutton .ban-form input {
    width: 100%;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 10px 15px;
    border-radius: 3px;
    height: 50px
}

.massage-field textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 10px 15px;
    border-radius: 3px;
    resize: none;
    height: 100px;
    margin-top: 15px
}

.inner-banner-content h1,
.number-banner-content h1 {
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    letter-spacing: -2px;
    text-shadow: 3px 2px 2px rgba(0, 0, 0, .7);
    line-height: 1.1;
    margin-bottom: 15px
}

.ban-form input[type=submit] {
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    background: linear-gradient(135deg, #6a070a 0, #b32524 100%);
    border-radius: 6px;
    padding: 10px 15px;
    margin: 0;
    border: transparent;
    font-size: 16px
}

.banner-form h3,
.fourth-sec-content h3,
.git h3,
.git-box2 h3,
.info-content h3,
.main-ghst-sec h3,
.our-team h1,
.strt-cta h3,
.team-box1 h3,
.team-content h3,
.thierd-sec-content h3,
.works-content h3 {
    color: #091e42;
    font-weight: 700
}

.inner-banner:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000054;
    z-index: 0;
    content: ""
}

.inner-banner-content h1 {
    font-size: var(--font-size-h1-inner-vmin);
    font-weight: 700;
    color: #fff;
    position: relative;
    float: left
}

.inner-banner-content h1:after,
.number-banner-content h1:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    right: 0;
    bottom: -5px;
    border-radius: 200px
}

.helpsec .wayswrapper ul li p,
.inner-banner-content .subtitle,
.number-banner-content .subtitle {
    color: #fff;
    font-size: 16px
}

.slider-wrapper-number {
    width: 100%;
    margin-bottom: 20px;
    position: relative
}

.number-banner {
    width: 100%;
    height: 438px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table
}

.number-banner-content h1 {
    font-size: var(--font-size-h1-home-vmin);
    font-weight: 700;
    color: #fff;
    position: relative
}

.number-slider .slick-dots {
    position: absolute;
    bottom: 30px;
    right: 0;
    left: 0;
    display: block;
    padding: 0 15px;
    margin: 0 auto;
    border-radius: 3px;
    list-style: none;
    width: 1140px;
    text-align: left
}

.number-slider .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 0;
    cursor: pointer
}

.number-slider .slick-dots li a {
    line-height: 35px;
    display: block;
    width: 35px;
    height: 35px;
    padding: 0;
    cursor: pointer;
    color: var(--theme-white);
    outline: 0;
    background-color: var(--secondary-color);
    border: none;
    border-radius: 200px;
    text-align: center;
    border: 1px solid var(--secondary-color-dark);
    transition: .3s ease-in-out
}

.destination-content,
.travel-content {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out
}

.number-slider .slick-dots li a:hover {
    color: var(--theme-white)
}

.number-slider .slick-dots li.slick-active a {
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color)
}

.buttons-main {
    position: absolute;
    width: 100%;
    top: 50%;
    z-index: 100
}

.prev-btn-main {
    position: absolute;
    left: -50px
}

.next-btn-main {
    position: absolute;
    right: -50px
}

.next-btn,
.prev-btn {
    width: 35px;
    height: 35px;
    background-color: var(--primary-color);
    border-radius: 100%;
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-align: center
}

.next-btn:hover,
.prev-btn:hover {
    background-color: var(--primary-color-dark)
}

.next-btn:before,
.prev-btn:before {
    font-family: FontAwesome;
    color: #fff;
    font-size: 13px;
    line-height: 35px
}

.prev-btn:before {
    content: "\e920"
}

.next-btn:before {
    content: "\e91f"
}

.home-box-main figure,
.satisfactionfold .textwrap .satisfylist li .figg {
    margin-bottom: 15px
}

.home-box-main figure img {
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, .5)
}

.home-box-main h3 {
    color: #000;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    padding: 0 0 10px
}

.home-box-main p {
    padding: 0 0 10px
}

.home-box-main a.more-link {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    padding: 8px 15px;
    background: var(--primary-color);
    color: #fff;
    display: inline-block;
    border-radius: 3px
}

.why-book-area {
    background: url(../images/why-book-bg.html)
}

.book-icons-box img,
.why-book-area .hd01 {
    margin: 0 auto 15px
}

.book-icons-box {
    padding: 20px 60px;
    margin: 0;
    text-align: center;
    position: relative
}

.book-icons-box:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 178px;
    right: -20px;
    top: 15%;
    background: url(../images/icon-box-sep.png) no-repeat
}

.book-icons-box h3 {
    color: var(--secondary-color);
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    margin: 0;
    padding: 25px 0 10px;
    position: relative
}

.book-icons-box h3:before {
    position: absolute;
    content: "";
    width: 48px;
    height: 5px;
    background: var(--primary-color);
    margin: 0 auto;
    display: table;
    top: 0;
    left: 0;
    right: 0
}

.book-icons-box p {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.travel-content h4,
.travel-content p {
    color: #fff;
    padding: 0 0 10px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .5)
}

.testimonials-slider-main {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 0;
    padding-bottom: 40px
}

.destination-box-main,
.points-box-main,
.travel-box-main {
    margin: 15px 0;
    overflow: hidden
}

.testimonials-slider img {
    border-radius: 200px;
    margin: 0 auto;
    box-shadow: 0 0 0 8px #fff, 0 0 0 10px #112c4a
}

.testimonials-slider p {
    font-size: 20px;
    line-height: 22px;
    position: relative
}

.testimonials-slider p .mCustomScrollBox {
    padding: 0 20px 0 0
}

.testimonials-slider p:after,
.testimonials-slider p:before {
    position: relative;
    display: inline-block;
    color: var(--secondary-color);
    font-family: FontAwesome;
    font-size: 15px;
    font-style: initial
}

.testimonials-slider-main .slick-dots {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0;
    margin: 0 auto;
    list-style: none
}

.testimonials-slider-main .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 3px;
    padding: 0;
    cursor: pointer
}

.testimonials-slider-main .slick-dots li button {
    line-height: 0;
    display: block;
    width: 11px;
    height: 11px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    outline: 0;
    background: url(../images/slick-dots.png) no-repeat;
    border: none
}

.testimonials-slider-main .slick-dots li.slick-active button {
    border: none;
    background: url(../images/slick-dots.png) top 0 left -11px no-repeat
}

.testimonials-slider-main .slick-next,
.testimonials-slider-main .slick-prev {
    line-height: 0;
    position: absolute;
    top: 50%;
    z-index: 100;
    display: block;
    width: 18px;
    height: 28px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.testimonials-slider-main .slick-prev {
    left: -20px;
    background: url(../images/slick-arrows.png) top 0 left 0 no-repeat
}

.testimonials-slider-main .slick-next {
    right: -20px;
    background: url(../images/slick-arrows.png) top 0 left -18px no-repeat
}

.hover-boxes-area {
    padding: 25px 0 10px
}

.travel-box-main {
    position: relative;
    min-height: 420px;
    text-align: center
}

.travel-content {
    padding: 15px 15px 15px 0;
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 75%;
    z-index: 1;
    transition: .3s ease-in-out;
    background: 0 0
}

.destination-content,
.points-content {
    z-index: 1;
    background: rgba(255, 255, 255, 0);
    width: 100%;
    left: 0;
    overflow: hidden
}

.travel-content h4 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin: 0;
    background: 0 0;
    width: 100%
}

.travel-content a,
.travel-content p {
    font-weight: 400;
    display: none;
    margin: 0
}

.destination-content h4 span,
.travel-content h4 span {
    font-size: 18px;
    display: block
}

.travel-content .starts {
    margin: 0 auto 20px;
    display: table
}

.travel-content a {
    font-size: 16px;
    line-height: 18px;
    text-transform: capitalize;
    padding: 10px 35px 10px 25px;
    background: 0 0;
    color: #fff;
    position: relative;
    border: 1px solid #fff
}

.points-box h3,
.points-content h4 {
    text-transform: uppercase;
    color: #fff
}

.travel-content a:before {
    position: absolute;
    content: "\f178";
    font-family: fontAwesome;
    font-size: 13px;
    color: #fff;
    right: 15px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.travel-box-main:hover .travel-content {
    top: 0;
    height: 100%;
    padding: 70px 15px 20px;
    background: rgba(0, 0, 0, .7)
}

.travel-box-main:hover .travel-content h4 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    padding: 30px 0;
    margin: 0 0 20px;
    background: 0 0;
    width: 100%
}

.travel-box-main:hover .travel-content h4:before {
    position: absolute;
    content: "";
    width: 72px;
    height: 20px;
    left: 0;
    top: 0;
    margin: auto;
    right: 0;
    border: 1px solid #fff;
    border-bottom: 1px solid transparent
}

.travel-box-main:hover .travel-content h4::after {
    position: absolute;
    content: "";
    width: 72px;
    height: 20px;
    left: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    border: 1px solid #fff;
    border-top: 1px solid transparent
}

.travel-box-main:hover .travel-content p {
    display: block;
    color: #fff
}

.travel-box-main:hover .travel-content a {
    display: table;
    margin: 0 auto
}

.destination-box-main {
    position: relative;
    min-height: 260px
}

.destination-content {
    padding: 15px;
    position: absolute;
    top: 67%;
    transition: .3s ease-in-out
}

.destination-content h4 {
    font-size: 27px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    font-family: Cinzel, serif
}

.destination-content p {
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.destination-box-main:hover .destination-content {
    top: 0;
    height: 100%;
    padding: 20px 15px;
    background: rgba(13, 16, 43, .8)
}

.destination-box-main:hover .destination-content h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #f15b22;
    font-family: Cinzel, serif;
    margin-top: 0
}

.cta h6,
.destination-box-main:hover .destination-content h4 span,
.gclients h5 {
    font-size: 18px;
    display: inline-block
}

.points-box-main {
    position: relative;
    min-height: 358px
}

.points-content {
    padding: 0;
    position: absolute;
    top: 72%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.points-content h4 {
    font-size: 19px;
    line-height: 24px;
    font-weight: 700;
    height: 58px;
    padding: 18px 0 0 90px;
    background: url(../images/benefit-hd-bg.html) no-repeat
}

.points-content p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    display: none
}

.points-box-main:hover .points-content {
    top: 0;
    height: 100%;
    padding: 100px 15px 20px;
    background: rgba(8, 37, 142, .85)
}

.points-box-main:hover .points-content h4 {
    background: 0 0;
    border-left: 5px solid #d69d03;
    padding: 0 0 0 10px;
    margin: 0 0 20px;
    height: auto
}

.tab-custom-nav li a.current,
.tabs-custom-nav li a.current {
    color: #0076fb
}

.tab-custom .tab-content-panel,
.tabs-custom .tab-content-panel {
    display: none;
    overflow: hidden;
    width: 100%
}

.tab-custom .tab-content-panel.selected {
    overflow: visible;
    display: inline-block;
    width: 100%
}

.tabs-main {
    display: inline-block;
    width: 100%;
    padding: 15px 0
}

.tabs-main ul.tabs-nav {
    padding: 0;
    width: 100%;
    float: left;
    margin: 0 0 -1px
}

.tabs-main ul.tabs-nav li {
    list-style: none;
    float: left
}

.tabs-main ul.tabs-nav li a {
    background: #003a7b;
    border: 1px solid #bcc5cb;
    border-bottom: 0;
    color: #fff;
    padding: 7px 15px;
    display: block
}

.tabs-main ul.tabs-nav li a.current {
    background: #fff;
    color: #003a7b
}

.tabs-main .tab-content-panel {
    background: #fff;
    padding: 15px 30px 25px;
    border: 1px solid #bcc5cb;
    display: none;
    overflow: hidden;
    width: 100%
}

.points-boxes-area {
    background: #000
}

.points-boxes-area .col-lg-4 {
    border-right: 1px solid #292929
}

.points-boxes-area .col-lg-4:nth-child(3) {
    border-right: 0
}

.points-box {
    padding: 30px 0 30px 80px;
    position: relative
}

.points-box img {
    position: absolute;
    left: 0;
    top: 30px
}

.points-box h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0 0 10px
}

.points-box p {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.tablestyle1 td,
.tablestyle1 th {
    padding: 9px 8px
}

.accordion,
.accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.accordion {
    overflow: hidden;
    background: 0 0;
    margin-top: 50px
}

.quest-title {
    background-color: #f7f9fc;
    padding: 15px 40px 15px 20px;
    font-size: 22px;
    font-weight: 500;
    color: #253858;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    line-height: 1.4;
    display: inline-block;
    transition: .15s linear;
    border-bottom: 1px solid #dbdbdb
}

.quest-title:before {
    position: absolute;
    content: "\f0dd" !important;
    width: 20px;
    height: 20px;
    right: 15px;
    top: 17px;
    font-family: FontAwesome;
    color: #1e1e1e;
    font-size: 20px
}

.quest-title.active,
.quest-title:hover {
    color: #8a0c10;
    content: "\e91c"
}

.quest-title.active:before {
    content: "\e956"
}

.quest-content {
    padding: 15px 40px 15px 0;
    display: none;
    margin-bottom: 0;
    float: left;
    width: 100%
}

.quest-content p {
    line-height: 1.4;
    font-weight: 500;
    margin: 0;
    color: #000
}

.product-slider-gallery {
    position: relative;
    padding: 0 0 7px
}

.product-slider-gallery .slick-slide img {
    width: 100%;
    height: 370px
}

.product-gallery-nav-wrapper {
    margin: 0 0 7px;
    position: relative
}

.product-gallery-nav .slick-slide {
    padding: 2px 0;
    border: 0;
    height: 93px;
    overflow: hidden
}

.product-gallery-nav .slick-slide img {
    width: 100%;
    height: 93px;
    cursor: pointer
}

.product-gallery-nav .slick-next,
.product-gallery-nav .slick-prev {
    font-size: 0;
    line-height: 0;
    width: 100%;
    height: 25px;
    position: absolute;
    left: 0;
    text-align: center;
    z-index: 10;
    display: block;
    padding: 0;
    cursor: pointer;
    color: #fff;
    border: none;
    outline: 0;
    background: rgba(0, 0, 0, .5)
}

.product-gallery-nav .slick-prev {
    top: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.product-gallery-nav .slick-next {
    bottom: 0;
    top: initial;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.product-gallery-nav .slick-next:before,
.product-gallery-nav .slick-prev:before {
    font-family: icomoon;
    color: #fff;
    font-size: 20px;
    line-height: 1
}

.product-gallery-nav .slick-prev:before {
    content: '\e956'
}

.product-gallery-nav .slick-next:before {
    content: '\f0dd'
}

.address-main ul li a,
.addressnav li a,
.btn-price:hover,
.content .discrp h2,
.content .discrp p,
.copyright span,
.counter ul li a:hover,
.first-color,
.ftr-social2 li a:hover span,
.innerservices .inner-banner .inner-banner-content p,
.main-menu>ul>li:hover a,
.main-strt-cta-sec .strt-cta h3,
.main-strt-cta-sec .strt-cta p,
.main-strt-cta-sec.main-hart-sec .strt-cta h3,
.main-strt-cta-sec.main-hart-sec .strt-cta p,
.product-gallery-nav .slick-next:hover:before,
.product-gallery-nav .slick-prev:hover:before,
.servicesec .boxwrap li:hover h6,
.testsec .firsttesti .lgarea h6,
.tools-sec .tbox:hover a,
.tools-sec .tbox:hover h5,
.tools-sec .tbox:hover p,
.whatsapp:focus,
.whatsapp:hover,
section.pricing-sec [class^=col-md-4]>div a:hover,
section.pricing-sec [class^=col-md-4]>div.center-priceList ul li,
section.pricing-sec [class^=col-md-4]>div.center-priceList ul li:before,
section.pricing-sec [class^=col-md-4]>div.center-priceList>div.title-pkg h3,
section.pricing-sec [class^=col-md-4]>div.center-priceList>div.title-pkg h4 span.old_price {
    color: #fff
}

.pad-left-10 {
    padding-left: 10px
}

.pad-right-10 {
    padding-right: 10px
}

.gallery-slider-main {
    position: relative;
    margin: 25px 0 20px
}

.gallery-nav-wrapper {
    width: 93%;
    margin: 0 auto 40px
}

.tablestyle1,
.tablestyle2,
.tablestyle3 {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 25px
}

.gallery-nav-main .slick-slide {
    background: #fff;
    padding: 5px
}

.gallery-nav-main .slick-slide img {
    width: 100%;
    cursor: pointer;
    opacity: .5
}

.bid-gallery-nav .slick-slide.slick-current img,
.car-top.car-run:after,
.car-top.car-run:before,
.car-top:hover:after,
.car-top:hover:before,
.eggoffer .top figure img,
.gallery-nav-main .slick-slide.slick-current img,
p.app-store a img:hover {
    opacity: 1
}

.gallery-nav-main .slick-dots {
    position: absolute;
    bottom: -30px;
    right: 0;
    left: 0;
    display: block;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    text-align: center
}

.gallery-nav-main .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 9px;
    height: 9px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    outline: 0;
    background: #1f8bf3;
    border: none;
    border-radius: 200px
}

.gallery-nav-main .slick-dots li.slick-active button {
    background: #003a7b;
    border: none
}

.gallery-nav-main .slick-prev {
    left: -25px
}

.gallery-nav-main .slick-next {
    right: -25px
}

.gallery-nav-main .slick-next:before,
.gallery-nav-main .slick-prev:before {
    font-family: FontAwesome;
    color: var(--secondary-color);
    font-size: 50px;
    line-height: 12px
}

.gallery-nav-main .slick-prev:before {
    content: "\f060"
}

.gallery-nav-main .slick-next:before {
    content: "\f061"
}

.slide-count-wrap {
    text-align: center;
    padding: 0 0 15px
}

.approach-module h2,
.cstudy-sec h2,
.cta2,
.cta2 .wrap h3,
.eggoffer .top figure,
.git,
.hed,
.homepage-programs-entry .program-info,
.info-img,
.listsec h2,
.main-ghst-sec,
.mycta .btnwrap,
.new_vmeo,
.our-team,
.portfolio-inner,
.strt-cta,
.tablestyle1,
.tablestyle3,
.team-box1,
.testboxes .btn-wrap,
.testboxes .btn-wrap a,
.testimonial-sec .test-wrap,
.thierd-sec-img,
.tpmst-heading,
.trst-rvw,
.trst-rvw p,
.works-content,
.wow-testimonial h2,
ul.badges {
    text-align: center
}

.tablestyle1 th {
    background-color: #595959;
    color: #fff;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    width: 50%
}

.designunigue ul li:last-child,
.form-box-main h2,
.ftr-social,
.locsearchpg .inner-banner-content,
.tablestyle2 {
    text-align: left
}

.tablestyle1 td,
.tablestyle2 td {
    border: 1px solid #e1e1e1;
    font-size: 14px;
    vertical-align: middle
}

.bookmasters-page .main-ghst-writng-second-sec,
.tablestyle1 tr,
.tablestyle2 tr,
.tablestyle3 tr,
.tls-wrap,
.vis-sec,
.wrk-up-wrap {
    background-color: #fff
}

.tablestyle1 tr td:first-child {
    text-align: left;
    padding-left: 25px
}

.tablestyle2 td {
    padding: 10px 15px;
    width: 50%
}

.tablestyle3 th {
    padding: 9px 8px;
    background-color: #ea333f;
    color: #fff;
    border: 1px solid #bf2d36;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    width: 50%
}

.tablestyle1 tr:nth-child(2n) {
    background-color: #efefef
}

.tablestyle3 td {
    border: 1px solid #ccc;
    padding: 9px 8px;
    font-size: 14px;
    vertical-align: middle
}

.aboutpg .bottom-form,
.aboutpg .listsec,
.aboutpg .story-sec,
.form-box-main,
.servicepg .cta,
.servicespg .bottom-form,
.testimonial-sec.innertestimonial,
.who-we-sec.left {
    background: #fff
}

.form-box-main h2 {
    width: 100%;
    font-weight: 700;
    line-height: 1.2
}

.form-box-main form {
    width: 100%;
    margin: 0 auto
}

.form-box-main form .col-md-12,
.form-box-main form .col-md-6 {
    padding-bottom: 30px
}

.form-box-main form label.field-txt {
    font-weight: 500;
    font-size: 18px;
    color: #091e42;
    margin: 0 0 5px;
    width: 100%;
    display: block
}

.form-box-main form input[type=email],
.form-box-main form input[type=number],
.form-box-main form input[type=tel],
.form-box-main form input[type=text],
.form-box-main form textarea {
    width: 100%;
    margin: 0;
    border: 1px solid #b2b9c1;
    background: #fff;
    padding: 18px 15px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    height: 55px;
    border-radius: 5px
}

.form-box-main form select {
    width: 100%;
    margin: 0;
    border: 1px solid #b2b9c1;
    background: #fff;
    padding: 12px 15px;
    color: #091e42;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px
}

.form-box-main form select[name=ddlDay],
.form-box-main form select[name=ddlMonth],
.form-box-main form select[name=ddlYear] {
    float: left;
    width: 32.5%;
    margin: 0 1% 0 0
}

.form-box-main form textarea {
    width: 100%;
    margin: 0;
    padding: 8px 12px;
    height: 100px
}

.check-list,
.designunigue ul li,
.who-we-sec.left figure {
    float: left
}

.form-box-main form input[type=radio]:not(old) {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 1;
    cursor: pointer
}

input[type=radio]:not(old)+label {
    display: inline-block;
    margin-left: -28px;
    padding-left: 28px;
    background: url(../images/checks.png) no-repeat;
    line-height: 24px;
    font-weight: 500;
    font-size: 14px;
    color: #091e42
}

.form-box-main form .slct:after {
    position: absolute;
    content: "\f0dd";
    font-family: FontAwesome;
    bottom: 16px;
    right: 16px;
    font-size: 14px
}

.form-box-main form input[type=radio]:not(old):checked+label {
    background-position: 0 -48px
}

.form-box-main form input[type=submit] {
    display: inline-block;
    transform: translateY(0);
    transition: .4s;
    color: #fff;
    background: linear-gradient(135deg, #6a070a 0, #b32524 100%);
    border: 1px solid #f9653b;
    padding: 15px 60px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 700;
    margin-left: 0
}

.form-box-main form input[type=submit]:after {
    content: "\e93a";
    font-family: FontAwesome;
    font-size: 13px;
    color: #fff;
    padding-left: 10px
}

.form-box-main form input[type=submit]:hover {
    display: inline-block;
    color: #fff;
    transform: translateY(-.625rem);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.thumb-content,
.thumb-slider .thumb-slide img {
    transition: .3s
}

.form-box-main form input::-webkit-input-placeholder {
    color: gray;
    opacity: 1 !important
}

.form-box-main form input:-moz-placeholder {
    color: gray
}

.form-box-main form input::-moz-placeholder {
    color: gray
}

.form-box-main form input:-ms-input-placeholder {
    color: gray
}

.form-box-main form textarea::-webkit-input-placeholder {
    color: gray;
    opacity: 1 !important
}

.form-box-main form textarea:-moz-placeholder {
    color: gray
}

.form-box-main form textarea::-moz-placeholder {
    color: gray
}

.form-box-main form textarea:-ms-input-placeholder {
    color: gray
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.form-box-main form .intl-tel-input .country-list {
    width: 380px
}

.form-box-main form .intl-tel-input .country-list .country {
    font-size: 13px
}

.form-box-main form label.error,
label.error {
    color: red;
    font-style: italic;
    margin-bottom: 0;
    display: block !important
}

.sidebar h4,
.thumb-content h3 {
    color: #fff;
    text-transform: uppercase
}

input.checkbox {
    border: none
}

.analyzeform form input.error,
.bot-form form input.error,
input.error {
    border: 1px solid red !important
}

form.cmxform .gray * {
    color: gray
}

.sidebar h4 {
    background: #20cb98;
    padding: 15px;
    font-size: 14px;
    font-weight: 600
}

.sidebar-list {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px;
    border: 1px solid #d9d9d9
}

.sidebar-list li {
    border-top: 1px solid #d9d9d9
}

.sidebar-list li:first-child {
    border-top: 0
}

.sidebar-list li a {
    background: #f5f5f5;
    color: #000810;
    text-transform: capitalize;
    font-size: 14px;
    padding: 12px 15px 12px 30px;
    position: relative;
    display: block
}

.sidebar-list li a:before {
    position: absolute;
    content: "\e93a";
    font-family: FontAwesome;
    font-size: 18px;
    color: var(--secondary-color);
    left: 15px;
    top: 10px
}

.thumb-slide {
    padding: 25px;
    position: relative
}

.thumb-slider .slick-center img {
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.thumb-content h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 26px
}

.thumb-content {
    position: absolute;
    bottom: 25px;
    padding: 0;
    left: 40px
}

.thumb-content span {
    font-size: 14px;
    line-height: 26px;
    display: block;
    font-weight: 500;
    text-transform: capitalize;
    transition: .3s
}

.car-top.car-run,
.car-top.show {
    -webkit-transition: 1s;
    -moz-transition: 1s
}

.slick-center .thumb-content {
    bottom: 0;
    left: 0
}

.thumb-slider .slick-next,
.thumb-slider .slick-prev {
    line-height: 0;
    position: absolute;
    top: 50%;
    z-index: 100;
    display: block;
    width: 57px;
    height: 57px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.thumb-slider .slick-prev {
    left: -65px;
    background: url(../images/slick-arrows-slider.html) top 0 left 0 no-repeat
}

.thumb-slider .slick-next {
    right: -65px;
    background: url(../images/slick-arrows-slider.html) top 0 left -57px no-repeat
}

.bid-slider-gallery {
    position: relative;
    padding: 10px 5px 10px 0;
    float: left;
    width: 78%
}

.bid-slider-gallery .slick-slide {
    border: 1px solid #e7edef;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px 5px 5px 5px
}

.bid-slider-gallery .slick-slide img {
    width: 100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px 5px 5px 5px
}

.bid-gallery-nav-wrapper {
    width: 22%;
    float: left;
    padding: 5px 0 0 5px
}

.bid-gallery-nav .slick-slide {
    padding: 5px 0;
    height: 88px;
    overflow: hidden;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px 5px 5px 5px
}

.bid-gallery-nav .slick-slide img {
    width: 100%;
    height: 88px;
    cursor: pointer;
    opacity: .5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px 5px 5px 5px
}

.sliderxs .slick-dots {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    display: block;
    padding: 0;
    margin: 0 auto;
    border-radius: 3px;
    list-style: none;
    text-align: center
}

.sliderxs .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    outline: 0;
    background: #10171f;
    border: none;
    border-radius: 200px
}

.sitemap>li {
    color: #0f0b1f;
    padding: 0 0 10px 16px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    display: block
}

.sitemap>li:before {
    position: absolute;
    content: "\f0da";
    left: 0;
    top: 0;
    font-family: fontAwesome;
    font-size: 13px;
    color: #0f0b1f
}

.sitemap>li>a,
.sitemap>li>ul>li>a,
.sitemap>li>ul>li>ul li>a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #0f0b1f
}

.address-main ul li,
.footer-top h4 {
    font-size: 14px;
    color: #fff;
    position: relative
}

.sitemap li a:hover {
    color: #23527c
}

.sitemap>li>ul {
    margin: 10px 0 0 15px
}

.sitemap>li>ul>li {
    color: #0f0b1f;
    padding: 0 0 5px;
    list-style-type: disc
}

.sitemap>li>ul>li>ul {
    margin: 10px 0 0 20px
}

.sitemap>li>ul>li>ul li {
    color: #0f0b1f;
    padding: 0 0 5px;
    list-style-type: square
}

.footer-main {
    padding: 0;
    background: url(../images/footer-bg.png)
}

.footer-top h4 {
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 0;
    padding: 0
}

.address-main ul {
    width: 100%;
    display: inline-block;
    margin: 10px 0 0
}

.address-main ul li {
    display: inline-block;
    line-height: 23px;
    padding: 0 0 8px 18px
}

div.twitter-live {
    min-height: 190px !important;
    height: 190px !important;
    overflow: scroll
}

.address-main ul li a:hover,
.addressnav li a:hover,
.footer-nav li a:hover,
.footer-nav2 li a:hover {
    color: #c2c2c2
}

.address-main ul li span {
    position: absolute;
    left: 0;
    top: 5px;
    color: #b32524;
    font-size: 15px
}

.ftr-social {
    float: left;
    display: table;
    width: 50%;
    margin: 12px auto 0;
    position: relative;
    z-index: 999999;
}

.ftr-social li,
.ftr-social3 li {
    float: left;
    margin: 0 13px 0 0;
    position: relative;
    text-align: center
}

.ftr-social li a,
.ftr-social2 li a,
.ftr-social3 li a {
    display: block;
    padding: 0;
    text-align: center
}

.ftr-social li a span {
    color: #fff;
    font-size: 14px;
    margin: 0
}

.ftr-social li a:hover span,
.ftr-social3 li a:hover span {
    color: #d3d3d3
}

.ftr-social li a:hover span.icon-facebook {
    color: #3b5998
}

.ftr-social li a:hover span.icon-twitter {
    color: #1da1f2
}

.ftr-social li a:hover span.icon-google-plus {
    color: #dd5044
}

.ftr-social li a:hover span.icon-linkedin {
    color: #007bb6
}

.ftr-social li a:hover span.icon-youtube-play {
    color: #c4302b
}

.ftr-social li a:hover span.icon-pinterest-p {
    color: #c92228
}

.ftr-social li a:hover span.icon-instagram {
    color: #fb3958
}

.ftr-social li a:hover span.icon-vimeo {
    color: #4ebbff
}

.ftr-social li a:hover span.icon-medium {
    color: #347235
}

.ftr-social2,
.ftr-social3 {
    display: inline-block;
    margin: 10px 0;
    width: 100%
}

.ftr-social2 li {
    float: left;
    margin: 0 10px 0 0;
    position: relative;
    text-align: center
}

.ftr-social2 li a span {
    background: #3b5998;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
    margin: 0;
    display: block
}

.ftr-social2 li a span.icon-facebook {
    background: #3b5998
}

.ftr-social2 li a span.icon-twitter {
    background: #1da1f2
}

.ftr-social2 li a span.icon-google-plus {
    background: #dd5044
}

.ftr-social2 li a span.icon-linkedin {
    background: #007bb6
}

.ftr-social2 li a span.icon-youtube-play {
    background: #c4302b
}

.ftr-social3 li a span {
    color: #fff;
    font-size: 25px;
    margin: 0
}

.crds-img {
    text-align: right;
    width: 100%
}

.footer-nav {
    margin: 12px 0 20px;
    width: 100%;
    display: inline-block;
    padding-top: 23px
}

.footer-nav li {
    margin-right: 0;
    position: relative;
    display: block
}

.footer-nav li:before {
    position: absolute;
    font-family: FontAwesome;
    left: 0;
    top: 3px;
    font-size: 13px;
    color: var(--primary-color)
}

.footer-nav li a {
    font-size: 15px;
    font-weight: 400;
    color: #fff
}

.subscribe-main {
    margin: 30px 15px 10px;
    width: 100%;
    float: right;
    text-align: right;
    display: inline-block
}

.subscribe-main input[type=text] {
    background: #fff;
    border: 0;
    border-radius: 5px 0 0 5px;
    color: #9d9d9d;
    padding: 10px;
    font-size: 14px;
    font-weight: 300;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 65%
}

.subscribe-main input[type=submit] {
    background: #20cb98;
    border: 0;
    color: #fff;
    border-radius: 0 5px 5px 0;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    cursor: pointer;
    float: left;
    height: 30px;
    width: 35%
}

.subscribe-main input[type=submit]:hover {
    background: #23bb8f
}

.subscribe-main input::-webkit-input-placeholder {
    color: #9d9d9d;
    opacity: 1 !important
}

.subscribe-main input:-moz-placeholder {
    color: #9d9d9d
}

.subscribe-main input::-moz-placeholder {
    color: #9d9d9d
}

.subscribe-main input:-ms-input-placeholder {
    color: #9d9d9d
}

.footer-bottom {
    background: #1d1d1d;
    padding: 10px 0;
    margin: 20px 0 0 0;
}

.footer-nav2 {
    margin: 10px 0;
    float: right
}

.footer-nav2 li {
    float: left;
    padding: 0 12px;
    position: relative
}

.footer-nav2 li:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 13px;
    background: #fff;
    left: 0;
    top: 30%
}

.footer-nav2 li a {
    font-size: 13px;
    font-weight: 400;
    color: #fff
}

.copyright {
    padding: 10px 0;
    margin: 0;
    font-size: 12px;
    color: #fff
}

.disclaimer-area {
    background: #b32524;
    padding: 10px 0
}

.disclaimer {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 18px;
    margin: 0;
    padding: 10px 0
}

.disclaimer strong {
    font-weight: 600;
    color: #fff
}

.addressnav li {
    display: inline-block;
    line-height: 28px;
    font-size: 13px;
    padding: 0 0 8px 20px;
    position: relative;
    color: #fff
}

.addressnav li span {
    position: absolute;
    left: 0;
    top: 5px;
    color: #8a0c10 ;
    font-size: 15px
}

.custom-popup {
    padding: 25px;
    display: none;
    background: #e5e5e5;
    max-width: 550px
}

.custom-popup h4 {
    color: #003a7b;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 20px;
    padding: 0 0 15px;
    border-bottom: 1px solid gray;
    text-align: left;
    position: relative
}

.myClose {
    height: 36px;
    width: 36px;
    background: url(../images/fancybox/close-custom.html) no-repeat
}

.gallery-simple {
    overflow: hidden
}

.gallery-simple li {
    width: 750px;
    float: left;
    padding: 5px
}

.gallery-simple .slick-dots {
    display: inline-block;
    width: 100%;
    padding: 0
}

.gallery-simple .slick-dots li,
.stock-det-large .slick-dots li,
.stockdetails-main ul.thumbsmain li {
    float: left;
    width: 20%;
    padding: 5px;
    margin-bottom: 0
}

.gallery-simple .slick-dots li button,
.stock-det-large .slick-dots li button {
    border: none;
    background: 0 0;
    padding: 0;
    outline: 0
}

.stock-det-large .slick-dots li img,
.stockdetails-main ul.thumbsmain li img {
    width: 143px;
    height: 92px
}

.car-top {
    width: 85px;
    position: fixed;
    bottom: -180px;
    right: 0;
    z-index: 999;
    opacity: 1;
    cursor: pointer
}

.car-top.show {
    bottom: 5% !important;
    transition: 1s
}

.car-top.car-run {
    bottom: 100% !important;
    transition: 1s
}

.car-top.car-down {
    -webkit-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

.car-top:after,
.car-top:before {
    content: "";
    position: absolute;
    -o-transition: .2s;
    -webkit-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    opacity: 0
}

.analyzeform form input[type=submit],
.btn-blue {
    color: #fff;
    -moz-transition: .4s;
    -o-transition: .4s
}

.car-top.car-run:before,
.car-top:before {
    top: -1px;
    left: 0;
    width: 85px;
    height: 89px;
    background: url(../images/car-focus.html) no-repeat
}

footer .social-full {
    border-top: 1px solid rgba(0, 0, 0, .06);
    border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.collaboration-sec .wrapper h3,
.packages-sec h2 span {
    color: #b32524;
    display: block;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase
}

.homwBtmform {
    background-color: #fafafa;
    background-size: 50%;
    background-position: right;
    background-repeat: no-repeat
}

.homwBtmform .home-banner-content {
    margin: 0;
    top: 0
}

.homwBtmform .form-box-main {
    background: #fafafa
}

.banner-form p {
    padding: 0;
    padding-bottom: 20px !important;
    font-size: 16px !important;
    text-align: left !important
}

.slider-wrapper {
    position: relative;
    overflow-x: hidden;
    margin-top: 0
}

.bannerformnew {
    position: absolute;
    bottom: 20px;
    z-index: 9;
    width: 100%
}

.homeslider .slick-prev {
    left: 30px;
    box-shadow: 0 0 0 #eaf0f6
}

.homeslider .slick-next {
    right: 30px;
    box-shadow: 0 0 0 #eaf0f6
}

.badge-dic {
    width: 160px;
    height: 160px;
    display: block;
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 9999;
    padding: 1px 0;
    animation: .5s infinite alternate scrollDownAnimation;
    -webkit-animation: .5s infinite alternate scrollDownAnimation
}

@-webkit-keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(1, 201, 226, .3), 0 0 0 10px rgba(1, 201, 226, .3), 0 0 0 20px rgba(1, 201, 226, .3), 0 0 0 30px rgba(1, 201, 226, .3)
    }

    100% {
        box-shadow: 0 0 0 1em rgba(1, 201, 226, .3), 0 0 0 20px rgba(1, 201, 226, .3), 0 0 0 30px rgba(1, 201, 226, .3), 0 0 0 50px rgba(1, 201, 226, 0)
    }
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(201, 205, 206, .3), 0 0 0 10px rgba(232, 238, 239, .3), 0 0 0 20px rgba(219, 224, 224, .3), 0 0 0 30px rgba(197, 199, 199, .3)
    }

    100% {
        box-shadow: 0 0 0 1em rgba(207, 219, 220, .3), 0 0 0 20px rgba(167, 174, 175, .3), 0 0 0 30px rgba(187, 194, 195, .3), 0 0 0 50px rgba(1, 201, 226, 0)
    }
}

@media only screen and (min-width:768px) {
   
    .number-banner-content h1 {
        font-size: var(--font-size-h1-home) !important
    }

    .inner-banner-content h1 {
        font-size: var(--font-size-h1-inner) !important
    }

    .h2,
    h2 {
        font-size: var(--font-size-h2)
    }
}

@media only screen and (max-width:1200px) {
    .home-slider .slick-dots {
        width: auto;
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    ul.badges li {
        margin: 0px 10px 30px 0 !important; 
    }
    section.main-strt-cta-sec.sec-padding-60 {
        background: black !important;
    }
    .terms_cond_inner ul li:before{
        left: -9px !important;
    }
    p.subtitle {
        margin: 0 0 100px 0;
    }

    .top-bar-line {
        display: none;
    }    
    .modal-content.chritmas::after{
        display: none !important;
    }
    .modal-content.chritmas{
        left: 0 !important;
    }
    iframe.mt-2 {
        width: 100%
    }

    .thierd-sec-img {
        margin: 0 0 30px !important
    }

    .boxessec {
        padding-top: 0 !important;
        padding-bottom: 20px !important
    }

    .boxessec .boxeswrap h2 {
        font-size: 24px !important;
        line-height: 34px !important;
        padding: 0 !important;
        margin: 0 0 15px !important
    }

    .strugglesec {
        padding: 30px 0 !important
    }

    .strugglesec h2 {
        font-size: 26px !important
    }

    .strugglesec h5.h5tile {
        padding: 0 !important;
        margin: 15px 0 !important;
        font-size: 14px !important
    }

    section.introduction-sec {
        background-size: cover !important;
        margin-top: 1px;
    }

    section.main-ghst-writng-sixth-sec {
        margin-bottom: 0 !important;
        height: auto !important;
    }

    .slick-track {
        height: auto !important
    }

    .serForm .analyzeform {
        width: 100% !important;
        padding: 30px 15px !important
    }

    .serForm .analyzeform h2 {
        font-size: 20px !important;
        font-weight: 600 !important;
        letter-spacing: .5px !important;
        text-align: center !important
    }

    .main-ghst-writng-first-sec h1 {
        font-size: 26px;
        margin: 0 0 5px
    }

    .main-ghst-writng-first-sec {
        padding-top: 100px !important;
        padding-bottom: 0;
        height: 1100px
    }

    .address-main ul {
        text-align: left
    }

    .address-main ul li {
        width: 100% !important;
        padding: 0 !important
    }

    .fologo {
        text-align: left !important;
        width: auto !important
    }

    .footer-top .col-lg-2:nth-child(2),
    .footer-top .col-lg-2:nth-child(3),
    .footer-top .col-lg-2:nth-child(4),
    .footer-top .col-lg-3:nth-child(5) {
        display: none
    }

    section.homwBtmform .home-banner-content input#phone-country {
        padding: 0 0 0 85px;
    }

    .homwBtmform .form-box-main h2 {
        font-size: 24px
    }

    section.main-sft-sec h2 {
        font-size: 27px !important
    }

    section.homwBtmform .home-banner-content {
        position: unset
    }

    section.homwBtmform .home-banner-content .inner-content {
        margin: 0
    }

    .banner-form {
        width: 100% !important;
        padding: 20px 10px !important
    }

    .banner-form h3 {
        margin: 0 0 10px !important
    }

    .packages-sec,
    .sec-padding-60 {
        padding: 30px 0
    }

    ul.checklist {
        display: flex;
        flex-wrap: wrap
    }

    ul.checklist li {
        flex: 0 0 100%
    }

    .packages-sec p {
        padding-bottom: 20px
    }

    .home-banner-content h1 {
        font-size: 24px !important;
        line-height: 30px !important
    }

    main.app-container {
        overflow: hidden
    }

    h2.text-center {
        padding-bottom: 0;
        font-size: 24px;
        line-height: 30px
    }

    .main-pfrn-sec {
        padding: 50px 0 30px
    }

    .hompg .home-banner-content {
        max-width: 100%;
        padding: 0;
        top: -130px
    }

    .inner-banner {
        height: 300px
    }

    .sec-padding-100 {
        padding: 50px 0
    }

    .sec-padding-90 {
        padding: 45px 0
    }

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

    .sec-padding-70 {
        padding: 35px 0
    }

    .sec-padding-xlarge {
        padding: 25px 0
    }

    .sec-padding-large {
        padding: 20px 0
    }

    .sec-padding-medium,
    .sec-padding-small {
        padding: 15px 0
    }

    .sec-padding-xsmall {
        padding: 10px 0
    }

    .sec-margin-100 {
        margin: 50px 0
    }

    .sec-margin-90 {
        margin: 45px 0
    }

    .sec-margin-80 {
        margin: 40px 0
    }

    .sec-margin-70 {
        margin: 35px 0
    }

    .sec-margin-60 {
        margin: 30px 0
    }

    .sec-margin-xlarge {
        margin: 25px 0
    }

    .sec-margin-large {
        margin: 20px 0
    }

    .sec-margin-medium,
    .sec-margin-small {
        margin: 15px 0
    }

    .sec-margin-xsmall {
        margin: 10px 0
    }

    .sliderxs {
        padding-bottom: 30px
    }

    .footer-nav2 {
        float: none;
        margin-top: 0
    }

    .disclaimer {
        text-align: center
    }
}

.analyzeform,
.custom-qoute,
.slider-wrapper.black.non-mar {
    margin-top: 30px
}

.analyzeform form label.error,
.bot-form form label.error,
.mypopup-wrap .easter,
.sale-blckfriday .salecrcle-btn h3:before,
span.flip-clock-label {
    display: none !important
}

.alts-box1,
.alts-box2,
.boxessec .boxeswrap ul li,
.btn-theme-outline,
.btn-theme-outline1,
.clientele-sec ul li,
.clients-slider3,
.counter ul,
.git-box1,
.git-box2,
.header-main .secondlogo a,
.hlpwrap li,
.main-ghst-writng-first-sec ul li,
.main-wtn-sec ul li,
.myprocess ul,
.myprocess ul li,
.partners-cta ul,
.partners-cta ul li,
.per-box1,
.per-box2,
.ser-box1,
.ser-box2,
.ser-box2 h5,
.strugglesec ul,
.tls-sft span,
p.app-store a {
    display: inline-block
}

.round {
    border-radius: 5px 0 0 5px
}

.analyzeform form .intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 14px
}

.analyzeform form .dtf,
.counter ul li a figure {
    float: left;
    width: 20%;
    margin-bottom: 0
}

.analyzeform form input[type=submit] {
    border: none;
    font-weight: 700;
    cursor: pointer;
    font-size: 12px;
    padding: 18px 60px 19px;
    margin-left: -10px;
    text-align: left;
    letter-spacing: 1px;
    border-radius: 5px;
    font-family: var(--primary-font-family);
    background-color: #c51521
}

.analyzeform form .wrap {
    padding-left: 0;
    text-align: center;
    width: 100%
}

.analyzeform form .finput:focus,
.bot-form form .finput:focus {
    outline: 0 !important
}

.partners-cta {
    padding-bottom: 16px;
    margin-top: -76px
}

.partners-cta .container-custom {
    width: 1270px;
    margin: 0 auto
}

.partners-cta ul {
    z-index: 9;
    margin-bottom: 0;
    text-align: center;
    width: 100%
}

.partners-cta ul li figure img {
    margin: 0 auto;
    display: table;
    width: 70%
}

.counter {
    background: #171b23;
    display: block
}

.counter ul {
    width: 100%;
    z-index: 2;
    margin-bottom: -6px
}

.counter ul li {
    width: 33.33%;
    float: left;
    padding: 18px 20px
}

.counter ul li:first-child {
    background: #272b34
}

.counter ul li:nth-child(2) {
    background: #22262f
}

.counter ul li.dkblk,
.counter ul li:nth-child(3) {
    background: #171b23
}

.counter ul li a figure img {
    max-width: 64px
}

.counter ul li a .wrap {
    width: 72%;
    float: right;
    padding-top: 8px;
    color: #fff;
    font-size: 22px
}

.strugglesec h2 {
    font-weight: 700;
    line-height: 1.2
}

.servicepg .inner-banner .inner-banner-content p,
.strugglesec ul li a {
    color: #687087
}

.built-sec h5 a,
.cta p a,
.dropdown>ul>li:hover a,
.innerservices .inner-banner .inner-banner-content h5,
.popupform form p a,
.prce_box:hover h3:before,
.pricing-hme-content .smallboxes:hover .more-less,
.pricing-hme-content .smallboxes:hover h4,
.pricing-hme-content .smallboxes:hover p,
.pricing-sec .tabbing-links li.current a,
.servicepg .inner-banner .inner-banner-content h5,
.servicesec p span,
.strugglesec ul li a:hover {
    color: #8a0c10 
}

.helpsec {
    background: #33475b;
    padding: 100px 0
}

.btn-blue,
.btn-green,
.btn-red {
    padding: 14px 50px;
    font-size: 16px;
    font-weight: 700;
    display: inline-block
}

.helpsec h2 {
    text-align: left;
    font-size: 36px;
    width: 100%;
    color: #fff;
    font-weight: 700
}

.helpsec .img-container {
    background-image: url(../images/iphonex.html);
    margin: 0 auto;
    padding-top: 22px;
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-right: 18px;
    width: 339px;
    height: 686px
}

.helpsec .img-container figure.abs {
    right: 0;
    top: 40px;
    position: absolute;
    z-index: 9;
    left: 0;
    text-align: center
}

.helpsec .img-container .cs-slider img {
    height: 647px
}

.hlpwrap li {
    width: 100%;
    clear: both;
    padding-bottom: 20px
}

.hlpwrap li .lft {
    width: 30%;
    float: left
}

.hlpwrap li .lft figure {
    margin: 22px auto 0;
    display: table
}

.hlpwrap li .rht {
    width: 70%;
    float: right;
    padding: 18px 0
}

.hlpwrap li .rht h3 {
    font-size: 22px;
    color: #223235;
    font-weight: 400
}

.hlpwrap li .rht p {
    text-align: left;
    font-size: 18px;
    line-height: 1.4;
    padding-bottom: 0
}

@keyframes bouncy {

    0%,
    100%,
    50% {
        margin-top: 0
    }

    25%,
    75% {
        margin-top: 5px
    }
}

.hvr-bob:hover {
    animation-name: bouncy;
    animation-duration: 3s;
    animation-iteration-count: infinite
}

.packages-sec h2 {
    text-align: center;
    font-size: 44px;
    width: 100%
}

.packages-sec p {
    text-align: center;
    font-size: 20px;
    line-height: 1.4;
    padding-bottom: 40px;
    font-weight: 600
}

.packages-sec .pack-wrap {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 46px #0000001a
}

.packages-sec .pack-wrap .hdarea {
    text-align: center;
    padding: 30px 30px 20px
}

.packages-sec .pack-wrap .hdarea h4 {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 13px 30px 10px;
    color: #488cfb;
    border-radius: 30px;
    background: #e6f6ff;
    display: inline-block
}

.packages-sec .pack-wrap .hdarea h2 {
    color: red;
    font-size: 20px
}

.packages-sec .pack-wrap .hdarea h3 {
    color: #323637;
    font-size: 30px;
    padding-bottom: 10px
}

.packages-sec .pack-wrap .hdarea p {
    color: #999;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    padding: 0 30px
}

.packages-sec .pack-wrap .bdarea {
    padding: 10px 35px 20px
}

.packages-sec .pack-wrap .bdarea ul li {
    width: 100%;
    padding: 5px 0 5px 30px;
    color: var(--default-color);
    font-size: 14px;
    position: relative
}

.packages-sec .pack-wrap .bdarea ul li.heading {
    padding-left: 0;
    font-weight: 700;
    font-size: 16px;
    font-style: italic
}

.packages-sec .pack-wrap .bdarea ul li:before {
    content: "\f05d";
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    display: table-cell;
    vertical-align: middle;
    height: 8px;
    border-radius: 50%;
    background-color: #4f88fe
}

.packages-sec .pack-wrap .ftarea {
    padding: 10px 35px 120px
}

.packages-sec .pack-wrap .ftarea .lft {
    width: 55%;
    float: left
}

.packages-sec .pack-wrap .ftarea .lft h4 {
    font-size: 34px;
    font-weight: 700;
    padding-bottom: 0;
    color: #4e8af8
}

.packages-sec .pack-wrap .ftarea .lft h4 strong {
    font-weight: 400;
    font-size: 22px
}

.packages-sec .pack-wrap .ftarea .lft h4 span {
    display: block;
    font-size: 14px;
    color: #b2b8ca
}

.packages-sec .pack-wrap .ftarea .rht {
    width: 45%;
    text-align: right;
    float: right
}

.packages-sec .pack-wrap .ftarea .rht p {
    line-height: 1.4;
    text-align: right;
    font-weight: 500;
    padding-bottom: 0;
    font-size: 13px
}

.packages-sec .pack-wrap .ftarea .rht p span {
    display: block;
    color: #999;
    font-size: 14px
}

.pkbtn {
    margin-top: -28px;
    text-align: center;
    clear: both
}

.btn-blue {
    background: #4a8cfc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 30px;
    border: 1px solid #fff
}

.btn-green,
.btn-red {
    color: #fff;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s
}

.btn-blue:hover,
.btn-green:hover,
.btn-red:hover {
    transform: translateY(-3.925px);
    color: #fff
}

.btn-green {
    background: #20cb98;
    transition: .4s;
    border-radius: 30px;
    border: 1px solid #fff
}

.btn-red {
    background: #f45948;
    transition: .4s;
    border-radius: 30px;
    border: 1px solid #fff
}

.packages-sec .pack-wrap.green .hdarea h4 {
    color: #20cb98;
    line-height: 1;
    text-transform: capitalize;
    background: #00a1593d
}

.packages-sec .pack-wrap.green .bdarea ul li:before {
    background-color: #20cb98
}

.btn-simple:hover,
.header-main.fixed .main-menu>ul>li.callus span,
.inner-pages .main-menu>ul>li.callus span,
.locsearchpg .approach-items .approach-item .approach-inner:after,
.locsearchpg .inner-banner-content a,
.packages-sec .pack-wrap.green .ftarea .lft h4,
.sidebar .accordion .quest-content a,
.testimonial-sec p span,
.wow-testimonial .tsbox .rht span {
    color: #20cb98
}

.packages-sec .pack-wrap.red .hdarea h4 {
    color: #f75849;
    background: #f5594638
}

.packages-sec .pack-wrap.red .bdarea ul li:before {
    background-color: #fe5344
}

.packages-sec .pack-wrap.red .ftarea .lft h4 {
    color: #f85649
}

.btn-main,
.btn-main:hover,
.header-main.fixed .btn-main,
.inner-pages .header-main .btn-main {
    color: #fff !important
}

.list-scroll {
    height: 155px
}

.ticklist2.list-scroll {
    height: 146px
}

.cta-left {
    display: inline-block;
    width: 65%;
    vertical-align: middle
}

.cta {
    background: #f5f8fa;
    padding: 40px 0
}

.cta h3 {
    text-align: left;
    padding-bottom: 0;
    font-size: 30px;
    max-width: 65%;
    vertical-align: middle;
    font-weight: 500;
    display: inline-block
}

.cta h3 a {
    text-decoration: underline;
    color: #8a0c10 
}

.aboutpg .cta2,
.cltestpg .story-sec,
.inner-pages .strugglesec,
.listsec,
.three-testimonials.approach {
    background: #f7f9fc
}

.listsec h2 {
    font-size: 36px;
    width: 100%
}

.listsec .wrap ul {
    display: inline-block;
    border-radius: 10px;
    margin-bottom: 0;
    border: 1px solid #bbbecc;
    margin-top: 40px
}

.listsec .wrap ul li {
    width: 33.33%;
    float: left;
    padding: 20px 35px
}

.listsec .wrap ul li.bb {
    border-bottom: 1px solid #bbbecc
}

.listsec .wrap ul li.br {
    border-right: 1px solid #bbbecc
}

.listsec .wrap ul li p {
    padding-left: 30px;
    font-size: 18px;
    padding-bottom: 0
}

.listsec .wrap ul li p:before {
    content: "\f05d";
    position: absolute;
    font-family: FontAwesome;
    left: 0;
    font-size: 20px;
    color: #8a0c10 ;
    display: table-cell;
    vertical-align: middle
}

.cta2 {
    overflow: hidden;
    background: url(../images/cta-fold.html) top center/cover no-repeat;
    height: 325px;
    width: 100%
}

.cta2 .wrap {
    z-index: 2
}

.cta2 .wrap h6 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 20px
}

.cta2 .wrap h3 {
    padding-bottom: 0;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff
}

.cta2 .wrap a {
    padding: 20px 40px;
    color: #8a0c10 ;
    font-weight: 700;
    display: inline-block;
    font-size: 18px;
    border-radius: 5px;
    background: #fff;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.testboxes .box-wrap figure span,
.testboxes .box-wrap:hover figure span {
    -ms-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out
}

.testimonial-sec,
.three-testimonials {
    padding: 60px 0;
    background: #fff
}

.julypack .per-box2 h3,
.leftinner h2,
.testimonial-sec .test-wrap span {
    font-size: 36px
}

.testimonial-sec .test-wrap h3 {
    font-size: 26px;
    line-height: 1.4;
    font-weight: 400;
    font-style: italic;
    padding-bottom: 25px;
    margin-top: 12px
}

.testimonial-sec .test-wrap h5,
.testimonial-sec.innertestimonial .box-wrap h6 {
    font-weight: 600;
    padding-bottom: 0;
    font-size: 14px
}

.testimonial-sec .test-wrap h5 span {
    display: block;
    font-style: italic;
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px
}

.collaboration-sec .wrapper,
.testboxes {
    padding-top: 30px
}

.testboxes .box-wrap {
    padding: 0 60px;
    margin-top: 40px;
    text-align: center
}

.testboxes .box-wrap figure span {
    font-size: 54px;
    color: #20cb98;
    transition: .5s ease-out
}

.testboxes .box-wrap figure {
    padding-top: 46px
}

.testboxes .box-wrap:hover figure span {
    color: #fff;
    transition: .5s ease-out
}

.testboxes .box-wrap:hover #egg {
    background: #20cb98;
    -ms-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out
}

.testboxes .box-wrap h3 {
    font-weight: 400;
    text-transform: capitalize;
    padding: 20px 0;
    font-size: 20px
}

.testboxes .box-wrap p {
    font-size: 18px;
    line-height: 1.6
}

.testboxes .btn-wrap {
    width: 100%;
    margin-top: 80px
}

.firstcs.scndcs:after,
.firstcs:before {
    content: "";
    width: 50%;
    height: 100vh;
    position: absolute;
    top: 0
}

.testboxes .btn-wrap p {
    font-weight: 700;
    margin-top: 25px
}

.testboxes .btn-wrap p a {
    font-weight: 400;
    text-decoration: underline;
    color: #508beb
}

.cstudy-sec {
    padding: 60px 0 0
}

.cstudy-sec h2 {
    padding-bottom: 0;
    font-size: 34px;
    width: 100%;
    margin-bottom: 40px
}

.firstcs {
    display: table;
    width: 100%
}

.figarea,
.firstcs .txtarea,
.inner-banner-content {
    display: table-cell;
    vertical-align: middle
}

.firstcs:before {
    background: #138990;
    left: 0
}

.firstcs .txtarea {
    padding: 80px 80px 60px 0;
    height: 100vh
}

.firstcs.scndcs:after {
    background: #f0584a;
    right: 0;
    z-index: -1
}

.firstcs.scndcs .txtarea {
    padding: 80px 0 60px 80px
}

.firstcs .txtarea ul li {
    width: 100%;
    padding: 20px 0
}

.firstcs .txtarea ul li h5 {
    text-transform: capitalize;
    font-weight: 700;
    color: #fff;
    font-size: 18px
}

.firstcs .txtarea ul li p {
    padding-bottom: 0;
    color: #fff;
    font-size: 16px
}

.figarea {
    padding: 60px 0 60px 80px;
    height: 100vh
}

.figarea ul,
.myprocess ul li figure,
.ourapproachsec .wrapper .chunk {
    margin-bottom: 30px
}

.figarea ul li {
    width: 100%;
    display: inline-block;
    clear: both
}

.figarea ul li figure {
    margin-bottom: 0;
    float: left;
    width: 130px
}

.figarea ul li .tx {
    width: 70%;
    padding: 40px 40px 40px 20px;
    float: right
}

.figarea ul li .tx h3 {
    padding-bottom: 0;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 1.6;
    font-size: 16px
}

.figarea .single-test {
    position: relative;
    padding-left: 40px
}

.figarea .single-test span {
    position: absolute;
    font-size: 24px;
    left: 0
}

.figarea .single-test h4 {
    font-size: 20px;
    padding-bottom: 20px;
    font-style: italic
}

.figarea .single-test h5 {
    padding-bottom: 0;
    font-size: 14px;
    font-weight: 700
}

.figarea .single-test h5 span {
    font-size: 12px;
    position: relative;
    display: block;
    font-style: italic;
    font-weight: 400;
    margin-top: 6px
}

.story-sec {
    text-align: left;
    padding: 60px 0;
    background: #fff
}

.story-sec h2 {
    line-height: 1.1;
    width: 100%
}

.story-sec p {
    font-size: 18px;
    line-height: 1.6;
    padding-bottom: 0
}

.bottom-form .txtwrap h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2
}

.bottom-form .txtwrap figure {
    margin: 20px 0 30px
}

.bottom-form .txtwrap p {
    font-size: 20px;
    line-height: 1.4;
    padding-bottom: 0
}

.bot-form form input[type=email],
.bot-form form input[type=number],
.bot-form form input[type=tel],
.bot-form form input[type=text],
.bot-form form select,
.bot-form form textarea {
    width: 100%;
    margin: 0;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 10px 15px;
    color: black;
    font-size: 14px;
    border-radius: 3px;
    height: 50px;
    font-weight: 400;
    outline: 0 !important
}

.analyzeform form input[type=submit]:hover,
.bot-form form input[type=submit],
.btn-main,
.designunigue ul li a {
    background: linear-gradient(135deg, #6a070a 0, #b32524 100%)
}

.bot-form form .intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 27px
}

.bot-form form .fldset,
.homepage-programs-entry .program-description p,
.mypopup-innerwrap .form_wrap .hero_form .margin-bottom-20 {
    margin-bottom: 10px
}

.bot-form form input[type=submit] {
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
    padding: 10px 60px;
    letter-spacing: 1px;
    border-radius: 3px;
    font-family: var(--primary-font-family);
    cursor: pointer
}

.bot-form form textarea {
    width: 100%;
    margin: 0;
    padding: 8px 12px;
    height: 100px;
    resize: none
}

.flogo {
    padding: 30px 0 10px
}

.btn-main {
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 6px;
    padding: 10px 15px
}

.btn-main:hover {
    background: #b32524
}

.home-banner-content h5 {
    padding-bottom: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    font-family: var(--primary-font-family);
    padding-top: 10px
}

.home-banner-content h5 a {
    color: #f4bd2c
}

.cs-slider .slick-dots {
    bottom: -50px
}

.pack-wrap.green {
    margin-top: -33px
}

.approach-module h2 {
    font-size: 34px;
    width: 100%;
    margin-bottom: 50px;
    padding-bottom: 0
}

.approach-items {
    position: relative;
    counter-reset: my-sec-counter
}

.approach-items .approach-title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 15px;
    display: block
}

.approach-items .approach-content {
    font-size: 16px;
    line-height: 30px;
    color: #000
}

.approach-items .approach-item {
    position: relative;
    width: 100%;
    text-align: left
}

.approach-items .approach-item:before {
    position: absolute;
    left: 50%;
    height: 100%;
    width: 2px;
    display: block;
    content: '';
    background: -webkit-linear-gradient(top, #20cb98 50%, transparent 50%);
    background: linear-gradient(top, orange 50%, transparent 50%);
    background-size: 100% 6px
}

.approach-items .approach-item .approach-inner {
    position: relative;
    float: left;
    box-sizing: border-box;
    border: 2px solid #dfdfdf;
    padding: 40px
}

.approach-items .approach-item .approach-inner:after {
    position: absolute;
    content: '';
    display: inline-block;
    counter-increment: my-sec-counter;
    content: "0"counter(my-sec-counter) "";
    color: #20cb98;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px
}

.approach-items .approach-item:nth-child(2n) .approach-inner {
    float: right
}

.approach-items .approach-item:after {
    clear: both;
    display: block;
    content: ''
}

.approach-sub-module {
    padding: 0 0 100px
}

.approach-sub-module .container {
    padding-top: 40px;
    border-top: 1px solid #d0d0d0
}

.approach-sub-module .section-title {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 60px
}

.approach-sub-module .row:first-child .inner {
    padding: 25px 5% 25px 95px
}

.approach-sub-module .row:first-child .inner:before {
    top: 25px;
    height: calc(100% - 25px)
}

.approach-sub-module .row:last-child .approach-list:not(.active) .inner .column-count:before {
    position: absolute;
    height: 27px;
    z-index: 8;
    left: 50%;
    margin-left: -1px;
    top: -27px;
    display: block;
    content: '';
    width: 2px;
    background-color: #d0d0d0
}

.approach-selection {
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

.btn-theme,
.btn-theme-outline1,
.btn-theme2 {
    transform: translateY(0)
}

.approach-selection .inner {
    position: absolute;
    top: -5px;
    left: 0;
    padding: 0 !important
}

.approach-selection .approach-title {
    position: relative;
    z-index: 19;
    text-transform: uppercase;
    color: #333743;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    margin-bottom: 10px;
    display: block
}

.approach-selection .approach-content {
    position: relative;
    z-index: 11;
    font-size: 24px;
    line-height: 38px;
    color: #9297a3;
    opacity: .75;
    font-weight: 400
}

.approach-list {
    position: relative;
    padding-right: 8%;
    box-sizing: border-box
}

.approach-list:before {
    position: absolute;
    content: '';
    display: block;
    z-index: 21;
    right: 0;
    height: 100%;
    width: 8%
}

.approach-list .approach-title {
    position: relative;
    z-index: 19;
    text-transform: uppercase;
    color: #333743;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 12px;
    display: block
}

.approach-list .approach-content {
    position: relative;
    z-index: 11;
    font-size: 14px;
    line-height: 20px;
    color: #9297a3;
    opacity: .75;
    font-weight: 400
}

.approach-list .column-count {
    position: absolute;
    z-index: 12;
    top: 25px;
    left: 32px;
    background-color: #fff;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 12px;
    font-weight: 500;
    color: #106674;
    border-radius: 34px;
    box-sizing: border-box;
    border: 2px solid #d0d0d0
}

.approach-list .inner {
    position: relative;
    padding: 25px 5% 25px 95px;
    box-sizing: border-box;
    z-index: 22
}

.approach-list .inner:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    content: '';
    display: block;
    height: 100%;
    background-color: #fff;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

.servicesec .boxwrap li,
.servicesec .boxwrap li i {
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.approach-list .inner:before {
    position: absolute;
    height: 100%;
    z-index: 8;
    left: 48px;
    top: 0;
    display: block;
    content: '';
    width: 2px;
    background-color: #d0d0d0
}

.inner-pages .header-main {
    border-bottom: 1px solid #f5f8fa
}

.inner-pages .inner-banner {
    background-size: cover;
    overflow: hidden;
    width: 100%;
    height: 800px
}

.inner-banner-content h5 {
    color: #fff;
    padding-bottom: 15px;
    font-size: 20px
}

.inner-banner-content h2 {
    font-size: 42px;
    color: #fff;
    line-height: 1.2;
    padding-bottom: 15px
}

.inner-banner-content h2 span {
    color: #171717;
    font-size: 36px;
    display: block;
    font-weight: 300;
    margin-top: 10px
}

.inner-banner-content p {
    font-size: 20px;
    color: #fff;
    line-height: 1.4;
    padding-bottom: 40px
}

.inner-banner-content a {
    margin-bottom: 60px;
    -moz-transition: .4s;
    -o-transition: .4s
}

.inner-banner {
    height: 570px
}

.lgonly img {
    width: 150%;
    position: relative;
    left: -140px;
    top: -20px
}

.servicesec,
.servicesec .boxwrap,
.servicesec h4,
.servicesec p {
    width: 100%;
    text-align: center
}

.inner-banner-content {
    text-align: center;
    margin-top: 130px;
    height: 440px
}

.firstcs .txtarea figure img {
    width: auto;
    position: unset
}

.landingp2.landing-pagetext figure img {
    left: -50px
}

.landing-pagetext figure img {
    position: relative;
    top: 0
}

.inner-pages .partners-cta {
    margin-top: -76px;
    padding-top: 16px;
    background: #d0d0d0
}

.inner-pages .partners-cta.ctabb {
    margin-top: -135px;
    padding-top: 16px;
    background: 0 0
}

.socialpg .approach-items .approach-item .approach-inner:after,
.socialpg .inner-banner-content a {
    color: #5d82c2
}

.socialpg .approach-items .approach-item:before {
    position: absolute;
    background: -webkit-linear-gradient(top, #5d82c2 50%, transparent 50%);
    background: linear-gradient(top, orange 50%, transparent 50%);
    background-size: 100% 6px
}

.locsearchpg .approach-items .approach-item:before {
    position: absolute;
    background: -webkit-linear-gradient(top, #20cb98 50%, transparent 50%);
    background: linear-gradient(top, orange 50%, transparent 50%);
    background-size: 100% 6px
}

.inner-pages .bottom-form {
    background: #f6f8fb
}

.servicesec {
    background: url(../images/packagesbg.jpg) top center/cover no-repeat;
    padding: 60px 0
}

.servicesec h4 {
    font-size: 36px;
    margin-bottom: 15px;
    font-weight: 700
}

.servicesec .boxwrap {
    display: inline-block;
    margin-top: 40px
}

.servicesec .boxwrap li {
    box-shadow: 0 0 30px #0000000f;
    transition: .5s;
    margin: 0 10px 20px;
    position: relative;
    border-radius: 10px;
    min-height: 215px;
    padding: 40px;
    float: left;
    background: #fff;
    width: 18.1%
}

.servicesec .boxwrap li i {
    background-image: url(../images/services-icons.html);
    background-repeat: no-repeat;
    width: 75px;
    display: inline-block;
    height: 80px;
    margin: 0 auto 10px;
    transition: .5s
}

.servicesec .boxwrap li i.one {
    background-position: 13px 10px
}

.servicesec .boxwrap li i.two {
    background-position: -70px 10px
}

.servicesec .boxwrap li i.three {
    background-position: -150px 10px
}

.servicesec .boxwrap li i.four {
    background-position: -230px 10px
}

.servicesec .boxwrap li i.five {
    background-position: -320px 10px
}

.servicesec .boxwrap li h6 {
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    color: #2c2c2c;
    font-size: 16px
}

.servicesec .boxwrap li:hover {
    background: #8a0c10 ;
    box-shadow: 0 0 45px #20cB9817;
    transform: translateY(-.625rem);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.servicesec .boxwrap li:hover i.one {
    background-position: 13px -70px
}

.servicesec .boxwrap li:hover i.two {
    background-position: -70px -70px
}

.servicesec .boxwrap li:hover i.three {
    background-position: -150px -70px
}

.servicesec .boxwrap li:hover i.four {
    background-position: -230px -70px
}

.servicesec .boxwrap li:hover i.five {
    background-position: -320px -70px
}

.serForm .analyzeform form .dtf {
    width: 100%;
    margin: 5px auto
}

.serForm .analyzeform {
    margin: 0;
    box-shadow: 5px 6px 30px #00000012;
    background: #00000078;
    padding: 20px 29px;
    border: 1px solid #ffffff59;
    float: right;
    border-radius: 5px;
    width: 80%
}

.serForm .home-banner-content.hme-bner-cntn input.submit {
    height: 45px;
    padding: 0 !important;
    border-radius: 4px;
    text-align: center;
    margin-left: 0;
    width: 100%
}

.serForm .analyzeform form input[type=email],
.serForm .analyzeform form input[type=number],
.serForm .analyzeform form input[type=tel],
.serForm .analyzeform form input[type=text] {
    height: 45px;
    background: #00000029;
    border-color: #ffffffa1;
    border-radius: 5px;
    color: #fff
}

.serForm .analyzeform h2 {
    text-align: left;
    color: #fff
}

.serForm .analyzeform form .row {
    text-align: center;
    width: 100%;
    margin: 0 auto
}

.serForm .analyzeform form ::-webkit-input-placeholder {
    color: #bbb
}

.serForm .analyzeform form :-ms-input-placeholder {
    color: #bbb
}

.serForm .analyzeform form ::placeholder {
    color: #bbb
}

.wbcontentpg .approach-items .approach-item .approach-inner:after,
.wbcontentpg .inner-banner-content a {
    color: #f2bd19
}

.wbcontentpg .approach-items .approach-item:before {
    position: absolute;
    background: -webkit-linear-gradient(top, #f2bd19 50%, transparent 50%);
    background: linear-gradient(top, orange 50%, transparent 50%);
    background-size: 100% 6px
}

.designunigue {
    padding: 10px 85px;
    background-color: #ccc8c82b !important
}

.designunigue ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0 auto
}

.designunigue ul li:first-child {
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #ccc;
    width: 230px
}

.designunigue ul li:nth-child(2) {
    width: 655px
}

.designunigue ul li span {
    color: #3a3a3a;
    font-size: 18px;
    display: block;
    font-weight: 700;
    text-align: center
}

.designunigue ul li a {
    margin-top: 5px;
    display: inline-block;
    border-top: 3px solid transparent;
    font-family: gilroy-medium, sans-serif;
    font-size: 16px;
    color: #fff;
    line-height: 33px;
    padding: 6.5px 40px;
    outline: 0;
    cursor: pointer;
    border-radius: 3px;
    white-space: nowrap;
    font-weight: 700
}

.designunigue p {
    color: #3a3a3a;
    font-size: 17px;
    font-family: gilroy-medium, sans-serif;
    line-height: 1.2;
    margin-bottom: 0;
    padding-top: 6px
}

.prce_box h3,
.prce_box h4 {
    font-family: arial !important
}

.designunigue .subimages {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    text-align: center;
    list-style: none;
    padding: 24px 0 0
}

.designunigue .subimages li {
    margin: 0 7px
}

.designunigue .subimages li img {
    max-width: 110px
}

.designunigue .subimages li:first-child {
    border-right: 0 !important;
    margin-right: 7px !important;
    padding-right: 0 !important;
    width: auto !important
}

.subimages li:nth-child(2) {
    width: auto !important
}

.designunigue .subimages li h6 {
    margin-bottom: 0;
    color: #3a3a3a;
    font-size: 14px;
    text-align: center;
    margin-top: 2px
}

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

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

.bookSec .box h2 {
    color: #111;
    font-size: 23px
}

.bookSec .box p {
    font-size: 13px;
    height: 59px;
    overflow: auto
}

.clientele-sec ul li img,
.homepage-programs .program-taglines .container,
.ticklist li img {
    height: 50px
}

.homepage-programs .program-taglines--entry {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 23%;
    -ms-flex: 0 1 23%;
    flex: 0 1 23%;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.04px;
    color: #fff;
    position: relative;
    z-index: 1;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.homepage-programs .program-taglines--entry:before {
    content: '';
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #24a7f1 transparent transparent;
    border-width: 10px 10px 0
}

.homepage-programs .program-taglines--entry:first-child:before {
    border-color: #378cf1 transparent transparent
}

.homepage-programs .program-taglines--entry:nth-child(2):before {
    border-color: #2d9bf1 transparent transparent
}

.homepage-programs .program-taglines--entry:nth-child(3):before {
    border-color: #20aff2 transparent transparent
}

.homepage-programs .program-taglines--entry:nth-child(4):before {
    border-color: #13bff2 transparent transparent
}

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

.homepage-programs-entry .program-subtitle {
    text-align: center;
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.04px;
    color: #fff;
    margin: 18px 0 45px
}

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

.footer-top .linkinglist li a.address:hover,
.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
}

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

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

.homepage-programs-entry .program-price {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: .88px;
    color: #c10a29;
    margin: 20px 0 25px
}

.btn-theme-outline1,
.btn-theme2,
.homepage-programs-entry .program-button {
    margin-top: 10px
}

.homepage-programs-entry .program-button a {
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline;
    color: #c10a29
}

.homepage-programs-entry .program-description {
    padding-top: 10px;
    margin-top: 32px;
    border-top: 1px solid #cecece
}

.homepage-programs-entry .program-description ul {
    padding: 0 0 0 20px;
    margin: 0
}

.homepage-programs-entry .program-description li,
.homepage-programs-entry .program-description p {
    font-size: 13px;
    line-height: 24px;
    list-style: initial
}

.topMost {
    background: #f9f9f9
}

.portfolioSec img {
    height: 390px;
    width: 100%;
    object-fit: cover
}

.portfolioSec {
    padding: 40px 0;
    text-align: center
}

.portfolioSec .portfolio-slider {
    margin-top: 20px
}

.main-pfrn-sec {
    background: #8a0c10;
    padding: 30px 0
}

.main-wtn-sec ul {
    font-size: 0;
    margin: 0
}

.main-wtn-sec ul li {
    width: 33%;
    vertical-align: middle
}

.main-wtn-sec ul li:last-child {
    width: 22%;
    padding-left: 31px
}

.main-wtn-sec ul li.sec {
    width: 45%;
    padding: 0 30px
}

.main-percent {
    font-size: 0;
    position: relative;
    top: -72px;
    background-image: url(../images/chat-banner.html);
    padding: 0 30px 10px;
    left: -1px;
    width: 100.2%
}

.dext .main-percent {
    background-image: none;
    padding: 0;
    position: unset
}

.per-box1 {
    width: 35%;
    vertical-align: top;
    padding: 25px 0 0
}

.per-box2 {
    width: 65%;
    vertical-align: top;
    text-align: right
}

.checklist li:before,
.cta h6,
.helpsec .cstn-column .txtwrap,
.main-team-sec,
.menuside2 i,
.pricing-hme-content .plus-pri,
.team-content,
.team-img {
    vertical-align: middle
}

.per-box2 h3 {
    font-size: 38px;
    padding: 0;
    color: #fff;
    text-transform: uppercase
}

.per-box2 h3 span {
    padding: 0;
    font-size: 30px
}

.per-box2 h3 p {
    padding: 0;
    line-height: 20px;
    font-size: 17px;
    color: #fff;
    margin: 0
}

.crte-prf h3 {
    font-size: 18px;
    color: #fff;
    margin: 0;
    padding: 0
}

.crte-prf p {
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 0
}

.btn-theme-outline1 {
    transition: .4s;
    color: #fff;
    padding: 10px 15px;
    border: 1px solid #fff;
    background: linear-gradient(135deg, #6a070a 0, #b32524 100%);
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
    display: ruby-base
}

.btn-theme-outline1:hover {
    transform: translateY(-.625rem);
    transition: .4s;
    color: #fff;
    background: 0 0
}

.btn-theme2 {
    transition: .4s;
    color: #b32524;
    background-color: #fff;
    padding: 10px 14px;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
    border-radius: 8px;
    margin-right: 9px
}

.cut-price,
.header-main .othermenu li.current h6 a {
    color: #c10a29
}

.btn-theme2:hover {
    transform: translateY(-.625rem);
    transition: .4s;
    color: #fff;
    background: linear-gradient(135deg, #6a070a 0, #b32524 100%)
}

.chtnow .btn-theme1 {
    margin-right: 10px
}

.pricing-slider {
    margin-top: 50px;
    margin-bottom: 50px
}

.box.\--pricing-box,
.testimonial-sec.innertestimonial .box-wrap {
    padding: 0 20px
}

.box.\--pricing-box header {
    border-bottom: 1px solid #b8b8b8;
    padding-bottom: 10px;
    margin-bottom: 24px
}

.box.\--pricing-box header .box__title {
    font-size: 2vmax !important;
    color: #c59303
}

.unstyled {
    margin: 0;
    padding: 0;
    list-style: none
}

.box.\--pricing-box .box__body li:nth-child(odd) {
    background: #f0f0f0
}

.box.\--pricing-box .box__body li {
    padding: 12px 20px;
    display: inline-block;
    width: 100%
}

.box.\--pricing-box .box__body li:after,
.box.\--pricing-box .box__body li:before {
    content: " ";
    display: table
}

.box.\--pricing-box .box__body li a {
    font-size: 16px;
    color: #444
}

.box.\--pricing-box .box__body li .price {
    font-weight: 700;
    font-size: 18px;
    float: right
}

.cut-price {
    display: block;
    font-size: 14px;
    text-align: right;
    text-decoration: line-through;
    line-height: .4;
    float: right;
    width: 100%
}

.box.\--pricing-box .box__body li a:hover {
    color: #500a0a
}

@media(min-width:801px) {
    .approach-items .approach-item:first-child:before {
        height: 50%;
        top: 50%
    }

    .approach-items .approach-item:last-child:before {
        height: 50%;
        bottom: 50%
    }

    .approach-items .approach-item .approach-inner {
        width: calc(50% - 70px)
    }

    .approach-items .approach-item .approach-inner:before {
        position: absolute;
        top: 50%;
        display: inline-block;
        content: '';
        right: -74px;
        width: 0;
        height: 0;
        margin-top: -12px;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-right: 12px solid #20cb98
    }

    .approach-items .approach-item .approach-inner:after {
        top: 50%;
        right: -167px;
        margin-top: -11px
    }

    .approach-items .approach-item:nth-child(2n) .approach-inner:before {
        left: -72px;
        right: auto;
        border-right: 0;
        border-left: 12px solid #20cb98
    }

    .approach-items .approach-item:nth-child(2n) .approach-inner:after {
        right: auto;
        left: -165px
    }

    .socialpg .approach-items .approach-item:nth-child(2n) .approach-inner:before {
        border-left: 12px solid #5d82c2;
        border-right: 0
    }

    .socialpg .approach-items .approach-item .approach-inner:before {
        border-right: 12px solid #5d82c2
    }

    .locsearchpg .approach-items .approach-item:nth-child(2n) .approach-inner:before {
        border-left: 12px solid #20cb98;
        border-right: 0
    }

    .locsearchpg .approach-items .approach-item .approach-inner:before {
        border-right: 12px solid #20cb98
    }

    .wbcontentpg .approach-items .approach-item:nth-child(2n) .approach-inner:before {
        border-left: 12px solid #f2bd19;
        border-right: 0
    }

    .wbcontentpg .approach-items .approach-item .approach-inner:before {
        border-right: 12px solid #f2bd19
    }
}

.three-testimonials h2 {
    padding-bottom: 60px;
    font-size: 34px;
    width: 100%;
    text-align: center
}

.three-testimonials .box {
    min-height: 320px;
    transition: .4s;
    border-radius: 5px;
    background: #f7f9fc;
    padding: 30px 30px 20px
}

.boxnew h2,
.policypg h3,
.ser-box2 h3,
.three-testimonials .box h3 {
    font-size: 24px
}

.three-testimonials .box span {
    display: inline-block;
    font-size: 26px;
    color: #21caa6;
    margin-bottom: 20px
}

.three-testimonials .box .capt {
    width: 100%;
    display: inline-block
}

.three-testimonials .box .capt .lft {
    float: left;
    width: 20%
}

.three-testimonials .box .capt .lft h5 {
    background: #21caa6;
    color: #fff;
    font-size: 24px;
    text-align: center;
    border-radius: 50%;
    padding: 15px
}

.three-testimonials .box .capt .rht {
    width: 73%;
    padding-top: 8px;
    float: right
}

.three-testimonials .box .capt .rht h4 {
    padding-bottom: 0;
    font-size: 16px;
    font-weight: 600
}

.three-testimonials .box .capt .rht h4 span {
    display: block;
    padding-top: 5px;
    font-size: 14px;
    font-weight: 400
}

.three-testimonials .box:hover {
    transform: translateY(-.625rem);
    transition: .4s;
    box-shadow: 0 0 30px #0000000f
}

.testsec .firsttesti {
    background: #20cb98;
    padding: 60px 0;
    position: relative
}

.testsec .firsttesti.second {
    background: #f0584a
}

.testsec .firsttesti.third {
    background: #5d82c2
}

.testsec .firsttesti.fourth {
    background: #f2bd19
}

.testsec .firsttesti:before {
    content: "";
    background: #0b9a70;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    position: absolute
}

.testsec .firsttesti.second:before {
    background: #cc4437;
    left: 0
}

.testsec .firsttesti.third:before {
    background: #4166a7;
    right: 0
}

.testsec .firsttesti.fourth:before {
    background: #dea905;
    left: 0
}

.testsec .firsttesti .lgarea {
    text-align: right;
    padding: 40px
}

.servicepg .inner-banner .inner-banner-content a,
.testsec .firsttesti .lgarea figure {
    margin-bottom: 25px
}

.testsec .firsttesti .lgarea p {
    color: #fff;
    padding-bottom: 0
}

.testsec .firsttesti .txarea {
    padding: 0 40px
}

.testsec .firsttesti .txarea p {
    line-height: 1.6;
    color: #fff;
    padding-bottom: 0;
    font-size: 16px
}

.testsec .firsttesti .txarea p span {
    padding: 0 10px;
    font-size: 20px;
    color: #fff
}

.testsec .firsttesti .txarea .rating {
    padding-top: 20px
}

.testsec .firsttesti .txarea .rating i {
    color: #fff;
    font-size: 20px
}

.sidebar .accordion .quest-section .quest-title {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600
}

.sidebar .accordion .quest-section .quest-title:before {
    font-weight: 400;
    font-size: 16px
}

.sidebar .accordion .quest-content p {
    padding-bottom: 10px
}

.tabs li {
    padding: 0 15px;
    width: 33.33%;
    float: left
}

.tabbing-links {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 0 auto 75px
}

.tabbing-links li {
    transition: .4s;
    display: inline-block;
    padding: 10px 60px;
    cursor: pointer;
    font-size: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background: #fff
}

.tabbing-links li.current,
.tabbing-links li:hover {
    transform: translateY(-5.925px);
    color: #fff;
    background: #20cb98
}

.tphead {
    padding: 20px 0;
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%
}

.analyzepg .home-banner-content h1 {
    font-size: 36px;
    color: #333;
    text-shadow: none
}

.custom-package #cost_calc_total_cost,
.tphead a {
    color: #333
}

.tphead a span {
    font-size: 34px
}

.analyzepg .home-banner-content .subtitle {
    color: #333;
    font-size: 18px
}

.analyzepg .analyzeform form input[type=text] {
    border-radius: 5px
}

.analyzepg .analyzeform form input[type=submit] {
    margin-left: 0;
    width: 100%
}

.slider-wrapper:before {
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

.header-main.fixed .main-menu {
    margin: 35px 0 0
}

.counter ul li a,
.footer-top .linkinglist li a.address {
    cursor: default
}

.checklist {
    display: inline-block;
    padding: 0 30px
}

.checklist li {
    width: 50%;
    padding-left: 30px;
    line-height: 1.4;
    float: left;
    color: #687087;
    position: relative;
    font-size: 18px;
    padding-bottom: 12px
}

.checklist li:before {
    content: "\f05d";
    position: absolute;
    font-family: FontAwesome;
    left: 0;
    font-size: 18px;
    color: #b32524;
    display: table-cell
}

.bookshowcase {
    margin: 0 auto -120px
}

.btn-simple {
    font-size: 20px;
    color: #20cb98
}

.helpsec p {
    text-align: left;
    font-size: 20px;
    padding-bottom: 0;
    color: #fff;
    line-height: 1.4
}

.testimonial-sec h2 {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    width: 100%
}

.testimonial-sec p {
    text-align: center;
    font-size: 20px;
    line-height: 1.4
}

#egg {
    margin: 0 auto 1em;
    display: block;
    width: 150px;
    height: 150px;
    background-color: #edf1f8;
    -webkit-border-radius: 13px 53px 63px 13px/108px 60px 72px 72px;
    border-radius: 77% 125% 75% 50%/143% 99% 88% 89%;
    -ms-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out
}

.counter ul li:last-child a figure img {
    max-width: 73px
}

.innerpackages-sec.leftinner .checklist li {
    display: block;
    width: 100%
}

.hart-bg,
.three-testimonials.approach h2 {
    padding-bottom: 20px
}

.three-testimonials.approach p {
    text-align: center;
    font-size: 18px;
    width: 100%;
    padding: 0 40px 40px;
    line-height: 1.4
}

.three-testimonials .box p {
    font-size: 14px;
    text-align: left;
    padding: 0 0 20px;
    line-height: 1.6;
    min-height: 190px
}

.three-testimonials.approach .box {
    box-shadow: 0 0 20px #0000000d;
    background: #fff;
    min-height: 280px
}

.testimonial-sec.innertestimonial .box-wrap #circle {
    margin: 0 auto 20px;
    height: 110px;
    padding-top: 36px;
    width: 110px;
    background: #8a0c10 ;
    border-radius: 50%
}

.testimonial-sec.innertestimonial .box-wrap #circle span {
    font-size: 28px;
    color: #fff
}

.h5tile,
.testimonial-sec.innertestimonial .box-wrap h3,
.vis-sec h3 {
    font-weight: 700
}

.testimonial-sec.innertestimonial .box-wrap p {
    font-style: italic;
    line-height: 1.4
}

.testimonial-sec.innertestimonial .box-wrap h6 span {
    display: block;
    color: #8a0c10 ;
    font-style: italic;
    margin-top: 10px;
    font-weight: 400;
    font-size: 11px
}

.inner-banner-content h6 {
    color: #fff;
    font-size: 60px
}

.policypg h2 {
    color: #253858;
    font-weight: 700
}

.policypg h4 {
    font-size: 22px;
    color: #253858
}

.weDifferent-sec,
.who-we-sec {
    padding: 100px 0;
    background: #f6f8fb
}

.faqsection h2,
.weDifferent-sec h2,
.who-we-sec h2 {
    font-size: 36px;
    font-weight: 700
}

.terms_cond_inner p,
.weDifferent-sec p,
.who-we-sec p {
    font-size: 20px;
    line-height: 1.4
}

.who-we-sec figure {
    float: right;
    margin-bottom: 0;
    width: 90%
}

.who-we-sec figure img {
    width: 100%;
    max-width: 100%;
    box-shadow: 0 0 20px #00000012;
    border-radius: 10px
}

.weDifferent-sec .wrap {
    padding-right: 25px
}

.weDifferent-sec h5 {
    font-size: 22px;
    color: #8a0c10 
}

.diff-wrap li h6,
.wow-testimonial p {
    font-size: 18px;
    text-align: center
}

.diff-wrap,
.satisfactionfold .textwrap .satisfylist {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 20px
}

.diff-wrap li {
    float: left;
    margin-right: 20px;
    width: 30%
}

.diff-wrap li:nth-child(2) {
    margin-top: 45px
}

.diff-wrap li:nth-child(3) {
    margin-right: 0;
    margin-top: 90px
}

.diff-wrap li:nth-child(4) {
    margin-top: -80px
}

.diff-wrap li:nth-child(5) {
    margin-top: -35px
}

.diff-wrap li figure {
    margin-bottom: 10px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 15px 0 #0000000f
}

.diff-wrap li figure img {
    width: 100%;
    border-radius: 10px
}

.servicesec .centerwrap {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.wow-testimonial p {
    line-height: 1.6
}

.wow-testimonial .tsbox {
    box-shadow: 0 0 31px #0000001a;
    border-radius: 10px;
    padding: 40px 10px;
    margin-top: 30px;
    transition: .4s;
    min-height: 290px
}

.wow-testimonial .tsbox .lft {
    width: 30%;
    padding-top: 30px;
    float: left
}

.wow-testimonial .tsbox .lft figure {
    width: 134px;
    height: 134px;
    margin: 0 auto;
    background: #20cb98;
    border-radius: 50%
}

.wow-testimonial .tsbox .lft figure span {
    font-size: 30px;
    width: 100%;
    display: inline-block;
    padding-top: 45px;
    color: #fff;
    text-align: center
}

.wow-testimonial .tsbox .rht {
    width: 70%;
    text-align: left;
    padding: 0 20px;
    display: inline-block
}

.wow-testimonial .tsbox .rht h3 {
    font-size: 20px;
    text-align: left;
    padding-bottom: 15px
}

.wow-testimonial .tsbox .rht p {
    padding-bottom: 15px;
    font-size: 16px;
    font-style: italic;
    line-height: 1.4;
    text-align: left
}

.wow-testimonial .tsbox .rht .rating {
    margin-top: 5px
}

.wow-testimonial .tsbox .rht .rating i {
    color: #ff7e65
}

.main-menu>ul>li.callus {
    margin-top: -21px
}

.main-menu>ul>li.callus span {
    display: block;
    color: #fff;
    text-align: right
}

.main-menu>ul>li.callus a {
    font-weight: 700;
    color: #20cb98
}

.pricing-sec {
    background: top center/cover #f5f8fa;
    width: 100%;
    padding: 100px 0
}

.pricing-sec h2 {
    font-size: 36px;
    text-align: center;
    font-weight: 700
}

.pricing-sec p {
    font-size: 20px;
    line-height: 1.4;
    text-align: center
}

.pricing-sec .pricingwrap {
    display: inline-block;
    margin: 40px auto 0;
    text-align: center
}

.pricing-sec .pricingwrap li {
    width: 46.7%;
    float: left;
    margin: 0 15px
}

.pricing-sec .pricingwrap li .box {
    display: inline-block;
    margin-bottom: 30px;
    box-shadow: 0 0 25px #00000040;
    border-radius: 10px;
    width: 100%;
    transition: .4s
}

.pricing-sec .pricingwrap li .box figure {
    border-radius: 10px 10px 0 0;
    margin-bottom: 0
}

.pricing-sec .pricingwrap li .box figure img {
    border-radius: 10px 10px 0 0;
    max-width: 100%
}

.pricing-sec .pricingwrap li .box .txt-wrap {
    padding: 25px 20px 20px;
    border-radius: 0 0 10px 10px;
    background: #fff
}

.pricing-sec .pricingwrap li .box .txt-wrap h4,
.top-box .hdarea .lf h4 {
    color: #223235;
    text-align: left;
    line-height: 1.2;
    text-decoration: none;
    font-size: 24px;
    border: 0
}

.btn-simplect,
.footer-top .linkinglist li a:hover,
.team-box1 a.team-lnk:hover,
.wrk-up a:hover {
    text-decoration: underline
}

.pricing-sec .pricingwrap li .box .txt-wrap p {
    font-size: 16px;
    color: var(--default-color);
    line-height: 1.4;
    min-height: 95px;
    text-align: left;
    padding-bottom: 0
}

.main-princing-sec-hme .nav-pills,
.pricing-sec .tabbing-links {
    text-align: center;
    display: block;
    width: 100%;
    margin: 20px 0
}

.pricing-sec .tabbing-links li {
    margin-right: 10px;
    display: inline-block;
    background: 0 0;
    color: #717171;
    padding: 10px;
    border: 1px solid transparent
}

.pricing-sec .tabbing-links li.current {
    border-color: #8a0c10 
}

.pricing-sec .tabbing-links li a {
    color: #717171;
    font-size: 14px
}

.main-princing-sec-hme .nav-pills li.current,
.main-princing-sec-hme .nav-pills li:hover,
.pricing-sec .tabbing-links li.current,
.pricing-sec .tabbing-links li:hover {
    transform: none
}

.main-princing-sec-hme .nav-pills li {
    margin: 18px 5px;
    display: inline-block;
    background: 0 0
}

.main-princing-sec-hme .nav-pills li a {
    color: #253858;
    border: 1px solid #b32524;
    border-radius: 6px
}

.main-princing-sec-hme .nav-pills li a.active {
    border-color: #b32524;
    color: #fff;
    background-color: #b32524;
    border-radius: 6px
}

.helpsec .ctabottom,
.helpsec .wayswrapper {
    margin-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.main-ser,
.popupform form,
.sale-blckfriday .salecrcle-btn.open h3 span,
.tabs .portfoliolist {
    font-size: 0
}

.tabs .portfoliolist li {
    float: none;
    width: 43%;
    padding: 0;
    display: inline-block
}

.main-princing-sec-hme .pricingboxes {
    padding-top: 1px
}

.pricing-hme-content .smallboxes:hover {
    border: 1px solid #c1c7d0;
    color: #0065ff
}

.pricing-hme-content .small-serces {
    display: inline-block;
    width: 96%;
    vertical-align: middle;
    text-align: left
}

.pricing-hme-content .plus-pri {
    display: inline-block;
    width: 4%
}

.main-princing-sec-hme .smallboxes h4 {
    color: #091e42;
    font-weight: 700;
    font-size: 20px;
    text-align: left;
    padding-bottom: 3px
}

.ft-img {
    padding: 10px 0 0
}

.ft-img img {
    width: 80%
}

.main-princing-sec-hme .smallboxes p {
    color: #091e42;
    font-size: 14px;
    padding: 0;
    text-align: left;
    line-height: 18px
}

@media (min-width:1600px) {
    .inner-banner {
        height: 76vh
    }

    .main-menu>ul>li>a {
        font-size: 16px
    }

    .nav-area-full .col-lg-10 {
        padding-left: 0
    }
}

.top-box {
    margin: 0 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 25px #00000040
}

.top-box .hdarea {
    height: 200px;
    display: inline-block
}

.top-box .hdarea .lf {
    padding: 35px 25px 25px;
    width: 66%;
    float: left
}

.top-box .hdarea .lf p {
    font-size: 14px;
    color: var(--default-color);
    line-height: 1.4;
    text-align: left;
    padding-bottom: 0
}

.top-box .hdarea .lf a {
    color: #21caa8;
    font-size: 16px;
    margin-top: 10px;
    font-weight: 700;
    display: inline-block
}

.top-box .hdarea .rt {
    width: 33%;
    float: right
}

.top-box .bdarea {
    padding: 0 25px 25px
}

.top-box .bdarea ul li {
    margin-right: 34px;
    display: inline-block
}

.top-box .bdarea ul li h5 {
    color: #f84768;
    padding-bottom: 0;
    font-size: 26px
}

.pricing-sec .pricingwrap li .box .txt-wrap ul li span,
.top-box .bdarea ul li h5 span {
    color: #000;
    display: block;
    font-size: 18px
}

.top-box .bdarea ul li h6 {
    color: #21caa8;
    font-size: 18px
}

.btn-price {
    color: #fff;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    background: #20cb98;
    border-radius: 4px;
    padding: 16px 20px !important
}

.gclients h5,
.menuside {
    font-weight: 600;
    position: relative;
    color: #171717
}

.main-princing-sec-hme .pricingwrap li .box .txt-wrap ul {
    margin-top: 20px;
    width: 100%;
    display: inline-block;
    margin-bottom: 0
}

.pricing-sec .pricingwrap li .box .txt-wrap ul li {
    display: inline-block;
    width: 50%;
    margin: 0
}

.pricing-sec .pricingwrap li .box .txt-wrap ul li a {
    display: inline-block;
    padding: 12px 20px !important
}

.pricing-sec .pricingwrap li .box .txt-wrap ul li h5 {
    text-align: left;
    color: #f84768;
    padding-bottom: 0;
    font-size: 26px
}

.strugglesec p {
    text-align: left;
    width: 100%;
    line-height: 1.4
}

.menuside {
    font-size: 18px;
    margin-top: 0;
    display: inline-block;
    padding: 0
}

.menuside2,
.menuside2 i {
    font-size: 16px;
    display: inline-block
}

.menuside2 {
    position: relative;
    color: #fff;
    margin-top: 0;
    font-weight: 400;
    padding: 0 0 15px 10px;
    width: max-content
}

.menuside .xicon {
    position: absolute;
    right: -18px;
    top: 2px;
    font-size: 20px;
    color: #171717
}

.counternew {
    background: #f5f8fa
}

.btn-theme,
.btn-theme-outline:hover,
.btn-theme:hover {
    background: linear-gradient(135deg, #6a070a 0, #b32524 100%);
    color: #fff
}

.gclients h5 {
    padding-bottom: 0;
    margin-top: 50px;
    width: 100%;
    padding-left: 30px
}

.gclients h5:before {
    position: absolute;
    top: 0;
    color: #8a0c10 ;
    left: 0;
    content: "\e916";
    font-family: FontAwesome
}

.counternew .figorelist li {
    padding: 0 60px;
    display: inline-block
}

.counternew .figorelist li figure img {
    width: 90px
}

.btn-theme {
    transition: .4s;
    padding: 10px 20px;
    border-radius: 6px;
    display: inline-block;
    font-weight: 700
}

.helpsec .cstn-column .imgplace,
.helpsec .cstn-column .txtwrap {
    width: 50%;
    display: inline-block
}

.helpsec .imgplace figure img {
    width: 500px
}

.helpsec .txtwrap,
.pricingboxes {
    padding-top: 40px
}

.helpsec .wayswrapper {
    width: 100%;
    padding-top: 40px
}

.footer-top .linkinglist,
.helpsec .wayswrapper ul,
.ourprocesses .processlistdown {
    display: inline-block;
    margin-bottom: 0
}

.helpsec .wayswrapper ul li {
    float: left;
    width: 31%;
    padding-right: 10px;
    margin-right: 22px
}

.helpsec .wayswrapper ul li h3,
.helpsec .wayswrapper ul li h3 a {
    color: #fff;
    font-size: 20px;
    font-weight: 900
}

.innerctabottom {
    display: inline-block;
    width: 65%
}

.helpsec .ctabottom .innerctabottom h3 {
    font-size: 30px
}

.helpsec .ctabottom .innerctabottom h6 {
    color: #ffffffba;
    padding: 5px 0 0;
    margin: 0
}

.helpsec .ctabottom .innerctabottom a {
    float: none;
    color: #fff
}

.helpsec .ctabottom {
    padding-top: 40px;
    width: 100%
}

.helpsec .ctabottom h3 {
    padding-bottom: 0;
    color: #fff;
    padding-top: 20px;
    font-size: 22px;
    display: inline-block
}

.helpsec .ctabottom a {
    margin-top: 0;
    padding: 20px 40px;
    float: right
}

.strugglesec .paright {
    padding-right: 80px
}

.strugglesec.withimages .paright {
    padding-right: 60px
}

.satisfactionfold {
    background: #f5f5f56b;
    overflow: hidden;
    width: 100%;
    padding: 100px 0 80px
}

.ourprocesses .paright h2,
.satisfactionfold .textwrap h2 {
    text-align: left;
    font-size: 36px;
    width: 100%;
    font-weight: 700;
    line-height: 1.2
}

.ourprocesses .paright p,
.satisfactionfold .textwrap p {
    text-align: left;
    font-size: 20px;
    width: 100%;
    padding-bottom: 0;
    line-height: 1.4
}

.dropdown>ul:before,
.dropdown>ul>li.seclvl .seclvldrop .droplist:before {
    width: 20px;
    height: 20px;
    background: #fff;
    border-top: 1px solid #cbd6e2;
    border-left: 1px solid #cbd6e2;
    content: ""
}

.satisfactionfold .textwrap .satisfylist li {
    width: 50%;
    float: left;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 235px
}

.satisfactionfold .textwrap .satisfylist li .figg img {
    color: #8a0c10 ;
    font-size: 40px;
    width: 40px;
    height: 40px
}

.satisfactionfold .textwrap .satisfylist li h3 {
    font-size: 17px;
    font-weight: 700
}

.satisfactionfold figure img {
    width: 650px
}

.cta h6 {
    text-align: center;
    padding-bottom: 0;
    width: 34%
}

.cta h6 a {
    color: #8a0c10 ;
    display: block;
    font-size: 24px;
    margin-top: 10px
}

.singletestimonials .testwraper {
    width: 80%;
    margin: 0 auto
}

.singletestimonials .testwraper .item .figpart {
    width: 13%;
    margin-right: 70px;
    display: inline-block;
    vertical-align: top
}

.singletestimonials .testwraper .item .figpart figure {
    width: 100px;
    height: 100px;
    background: #8a0c10 ;
    border-radius: 50%;
    text-align: center;
    padding-top: 26px;
    margin: 0 auto
}

.singletestimonials .testwraper .item .figpart figure h3 {
    color: #fff;
    padding-bottom: 0;
    font-size: 40px;
    letter-spacing: 3px;
    font-weight: 700
}

.singletestimonials .testwraper .item .quotepart {
    width: 78%;
    display: inline-block;
    vertical-align: top
}

.singletestimonials .testwraper .item .quotepart h4 {
    line-height: 1.3;
    font-size: 34px;
    font-weight: 300;
    position: relative
}

.singletestimonials .testwraper .item .quotepart h4 span.top {
    position: absolute;
    color: #8a0c10 ;
    left: -48px;
    top: 0;
    font-size: 36px
}

.singletestimonials .testwraper .item .quotepart h4 span.bottom {
    font-size: 36px;
    color: #8a0c10 ;
    margin-left: 15px
}

.singletestimonials .testwraper .item .quotepart h5 {
    padding-bottom: 0;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1
}

.singletestimonials .testwraper .item .quotepart h5 span {
    font-weight: 400;
    display: block;
    font-size: 14px;
    margin-top: 5px
}

.faqsection {
    background: #f5f8fa6e;
    padding: 100px 0
}

.footer-top h3 {
    color: #253858;
    font-size: 14px;
    line-height: 1;
    padding-bottom: 20px
}

.footer-top .linkinglist li {
    padding: 5px 0
}

.footer-top .linkinglist li a {
    color: #091e42;
    font-size: 15px
}

.footer-top .socialmid {
    border-bottom: 1px solid #dfe1e5;
    margin: 0 auto;
    padding-bottom: 30px
}

.footer-bottom .fologo {
    width: 150px
}

.oddinner-banner {
    height: 350px
}

.oddinner-banner .inner-banner-content {
    padding-right: 0;
    text-align: center
}

.oddinner-banner .inner-banner-content h3 {
    color: #fff;
    font-size: 42px;
    font-weight: 700
}

.oddinner-banner .inner-banner-content p {
    font-size: 20px;
    color: #fff;
    line-height: 1.4;
    padding-bottom: 0
}

.twoboxes .contactboxeswrap {
    font-size: 0;
    margin-top: -60px
}

.twoboxes .contactboxeswrap .contactbox {
    text-align: center;
    border-radius: 3px;
    padding: 50px 40px;
    background-color: #fff;
    border: 1px solid #eaf0f6;
    width: 49%;
    display: inline-block
}

.twoboxes .contactboxeswrap .contactbox.left {
    margin-right: 22px
}

.twoboxes .contactboxeswrap .contactbox figure span {
    color: #171717;
    font-size: 60px
}

.twoboxes .contactboxeswrap .contactbox figure figcaption {
    color: #171717;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 600
}

.twoboxes .contactboxeswrap .contactbox p {
    line-height: 1.4;
    font-size: 18px;
    padding-bottom: 50px
}

.maparea .mapwrap {
    font-size: 0;
    border: 1px solid #cbd6e2;
    border-radius: 3px
}

.maparea .mapwrap .mappart {
    vertical-align: top;
    width: 60%;
    display: inline-block
}

.maparea .mapwrap .mappart iframe {
    width: 100%;
    height: 500px
}

.maparea .mapwrap .infopart {
    width: 40%;
    padding: 70px 90px 37px 50px;
    vertical-align: top;
    display: inline-block;
    height: 500px
}

.maparea .mapwrap .infopart .chunk {
    padding-bottom: 40px
}

.maparea .mapwrap .infopart .chunk h3 {
    color: #171717;
    font-size: 22px;
    padding-bottom: 15px
}

.maparea .mapwrap .infopart .chunk p {
    font-size: 16px;
    line-height: 1.4
}

.maparea .mapwrap .infopart .chunk a {
    color: #687087;
    font-size: 16px;
    display: block
}

.maparea h2 {
    font-size: 36px;
    width: 100%;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 100px;
    text-align: center
}

.dropdown>ul:before {
    position: absolute;
    top: -12px;
    right: 15px;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(44deg);
    border-radius: 5px
}

.dropdown>ul>li.seclvl .seclvldrop .droplist li:hover,
.dropdown>ul>li:hover {
    background-color: #f5f8fa
}

.header-main .othermenu,
.sale-blckfriday.open {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.header-main.showmenu .othermenu {
    opacity: 1;
    transition: .4s;
    z-index: 99
}

.header-main .has-submenu {
    width: 66px;
    display: inline-block;
    padding-bottom: 22px;
    position: relative;
    height: 24px;
    cursor: pointer
}

.header-main.showmenu .has-submenu {
    z-index: 99
}

.header-main .has-submenu:hover .dropdown {
    visibility: visible;
    opacity: 1;
    left: 0
}

.header-main.showmenu .has-submenu .dropdown>ul>li>a {
    color: #171717;
    margin-top: 0;
    font-weight: 400
}

.header-main .has-submenu .dropdown>ul>li {
    width: 100%;
    margin-right: 0;
    float: left
}

.pricingboxes .largebox {
    box-shadow: 0 0 11px #eaf0f6;
    font-size: 0;
    margin-top: 32px;
    padding: 20px 35px 45px;
    background: #fff;
    border-radius: 3px
}

.pricingboxes .largebox .leftarea {
    width: 35%;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    margin-right: 20px
}

.pricingboxes .largebox .leftarea figure {
    margin-bottom: 20px
}

.btn-packages {
    transform: translateY(0);
    transition: .4s;
    color: #fff;
    font-weight: 600;
    background: #8a0c10 ;
    border-radius: 3px;
    font-size: 16px;
    padding: 16px 20px;
    display: inline-block
}

.btn-packages:hover {
    transform: translateY(-.625rem);
    transition: .4s;
    color: #fff
}

.pricingboxes .largebox .rightarea {
    display: inline-block;
    width: 60%;
    padding-top: 32px
}

.pricingboxes .largebox .rightarea h4 {
    font-size: 24px;
    font-weight: 600
}

.pricingboxes .largebox .rightarea p {
    font-size: 16px;
    text-align: left;
    line-height: 1.4;
    padding-bottom: 30px
}

.pricingboxes .largebox .rightarea h3 {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    overflow: hidden
}

.pricingboxes .largebox .rightarea h3:before {
    right: 0;
    content: '';
    position: absolute;
    height: 5px;
    margin-left: 10px;
    border-bottom: 1px solid #e0e6ed;
    top: 5px;
    width: 330px;
    z-index: -1
}

.ticklist {
    width: 100%;
    margin-bottom: 0;
    display: inline-block
}

.ticklist li {
    width: 50%;
    vertical-align: top;
    display: inline-block
}

.ticklist li a {
    color: #8a0c10 ;
    font-size: 16px;
    font-weight: 700
}

.ticklist li h6 {
    font-size: 20px;
    padding-bottom: 0
}

.ticklist li.ralign {
    text-align: right
}

.smallboxes {
    padding-top: 32px;
    font-size: 0;
    text-align: center
}

.smallboxes .smallbox {
    vertical-align: top;
    min-height: 630px;
    display: inline-block;
    width: 31%;
    box-shadow: 0 0 11px #eaf0f6;
    padding: 30px 25px;
    background: #fff;
    border-radius: 3px;
    margin-bottom: 32px;
    margin-right: 25px
}

.smallboxes .smallbox figure img {
    height: 150px;
    width: 100%
}

.smallboxes .smallbox h4 {
    margin: 0 auto;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    max-width: 72%
}

.smallboxes .smallbox p {
    font-size: 16px;
    text-align: left;
    line-height: 1.4;
    padding-bottom: 0
}

.smallboxes .smallbox h3 {
    font-size: 16px;
    font-weight: 600;
    z-index: 99;
    text-align: center;
    position: relative
}

.smallboxes .smallbox .hrline {
    height: 1px;
    border-bottom: 1px solid #e0e6ed;
    margin: 30px 0
}

.ticklist2 li {
    font-size: 16px;
    padding: 0 0 7px 30px;
    text-align: left;
    position: relative
}

.ticklist2 li>ol {
    padding: 7px 0
}

.ticklist2 li span {
    margin-right: 12px;
    font-size: 15px;
    color: #8a0c10 ;
    position: absolute;
    left: 0;
    top: 4px
}

.smallboxes .smallbox .price-btnwrap {
    margin-top: 30px;
    text-align: center
}

.smallboxes .smallbox h2 {
    font-size: 34px;
    color: #8a0c10 ;
    padding-bottom: 0
}

.smallboxes .smallbox h2 span {
    display: block;
    color: #687087;
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px
}

.smallbox.mid {
    margin: 0 32px
}

.aboutbg {
    background: #f2545b;
    background: -moz-linear-gradient(45deg, #f2545b 0, #ff7a59 100%);
    background: -webkit-linear-gradient(45deg, #f2545b 0, #ff7a59 100%);
    background: linear-gradient(45deg, #f2545b 0, #ff7a59 100%)
}

.dropdown>ul>li.seclvl:hover .seclvldrop {
    display: block;
    position: absolute;
    width: 200px;
    background: #fff;
    height: auto;
    top: -10px;
    padding: 10px 0;
    right: -200px;
    border: 1px solid #cbd6e2;
    border-radius: .1875rem
}

.dropdown>ul>li.seclvl .seclvldrop .droplist {
    z-index: 99;
    position: relative
}

.dropdown>ul>li.seclvl .seclvldrop .droplist:before {
    position: absolute;
    top: 5px;
    left: -12px;
    z-index: -1;
    -webkit-transform: rotate(-44deg);
    transform: rotate(-44deg);
    border-radius: 5px
}

.dropdown>ul>li.seclvl .seclvldrop .droplist li a {
    color: #171717;
    font-size: 14px;
    text-decoration: none;
    padding: 8px 10px 8px 15px;
    display: block;
    font-weight: 400
}

.gclients {
    padding: 60px 0;
    position: relative
}

.gclients:before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #f5f8fa;
    bottom: 0;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0
}

.gclients .textw h3 {
    font-size: 50px;
    font-weight: 700;
    padding-bottom: 0
}

.gclients .textw p {
    font-size: 18px;
    padding-bottom: 0
}

.gclients .clientslist {
    margin-top: 36px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 0
}

.gclients .clientslist li {
    margin: 0 15px;
    display: inline-block
}

.gclients .clientslist li figure img {
    width: 135px
}

.header-main {
    background-color: #b32524
}

.header-main .othermenu {
    position: relative;
    display: inline-block;
    margin: 28px 0 0
}

.header-main .othermenu li {
    margin-right: 10px;
    display: inline-block
}

.header-main .othermenu li h6 {
    color: #171717;
    font-size: 16px;
    margin-top: 8px;
    font-weight: 400;
    cursor: default
}

.header-main .othermenu li a {
    color: #333;
    font-size: 16px;
    font-weight: 400
}

.header-main .secondlogo {
    position: relative;
    padding: 10px 0;
    margin-right: 30px;
    display: inline-block;
    vertical-align: top
}

.header-main .secondlogo a img {
    width: 140px;
    padding-top: 4px
}

.ourapproachsec {
    background: #f5f8fa;
    padding: 100px 0;
    overflow: hidden
}

.ourapproachsec h2,
.portfolio-inner h2 {
    text-align: center;
    font-size: 36px;
    width: 100%;
    font-weight: 700;
    line-height: 1.2
}

.ourapproachsec p {
    text-align: center;
    font-size: 20px;
    width: 100%;
    padding-bottom: 60px;
    line-height: 1.4
}

.ourapproachsec .wrapper .chunk h3 {
    font-size: 24px;
    line-height: 1.2
}

.ourapproachsec .wrapper .chunk p {
    text-align: left;
    line-height: 1.4;
    font-size: 18px;
    padding-bottom: 0
}

.ourapproachsec figure img {
    border-radius: 3px;
    border: 1px solid #cbd6e2
}

.smallbox.mright {
    margin-right: 32px
}

.ourapproachsec .wrapper .cta h6,
.ourprocesses .cta h6 {
    text-align: left;
    float: none;
    width: 100%
}

.ourapproachsec .wrapper .cta h6 a,
.ourprocesses .cta h6 a {
    display: inline-block;
    margin-top: 0;
    margin-left: 20px
}

.ourprocesses .paright {
    height: 100%;
    position: relative;
    padding-right: 50px
}

.ourprocesses .processlistdown li {
    width: 33%;
    float: left;
    height: 200px;
    padding-right: 40px
}

.ourprocesses .processlistdown li .check {
    font-size: 26px;
    color: #8a0c10 
}

.ourprocesses .processlistdown li h3 {
    font-size: 18px;
    text-transform: capitalize;
    margin-top: 10px;
    line-height: 1.4;
    padding-bottom: 15px
}

.ourprocesses .processlistdown li p {
    font-size: 14px;
    padding-bottom: 0
}

.ourprocesses .cta {
    padding: 0;
    position: absolute;
    margin-top: 60px;
    bottom: 0;
    background: 0 0
}

.logo img {
    width: 120px
}

.ourprocesses .processlistdown li.noheight {
    height: auto
}

.header-main .emailsec {
    transition: .4s;
    position: absolute;
    font-family: var(--primary-font-family);
    top: 24px
}

.header-main .emailsec a {
    position: relative;
    font-family: var(--primary-font-family);
    color: #171717;
    font-size: 14px;
    font-weight: 400;
    padding-left: 20px
}

.header-main .emailsec a span {
    left: 0;
    top: 3px;
    position: absolute
}

.innerservices .inner-banner .inner-banner-content {
    margin-top: 0;
    text-align: left
}

.innerservices .inner-banner .inner-banner-content h2,
.innerservices .inner-banner .inner-banner-content h2 span,
.servicepg .inner-banner .inner-banner-content h2,
.servicepg .inner-banner .inner-banner-content h2 span {
    color: #171717
}

.innerservices .inner-banner .inner-banner-content h1 {
    color: #fff;
    font-size: 42px;
    line-height: 1.2;
    padding-bottom: 15px;
    text-shadow: none;
    border-bottom: none
}

.innerservices .inner-banner .inner-banner-content h1 span {
    color: #fff;
    font-size: 36px;
    display: block;
    font-weight: 300;
    margin-top: 10px;
    text-shadow: none
}

.servicepg .inner-banner-content {
    margin-top: 70px;
    display: block
}

.servicepg .inner-banner-content figure img.servicefigure {
    width: 550px
}

.servicepg .inner-banner {
    background: #fff0eb;
    position: relative
}

.servicepg .inner-banner .round1 {
    position: absolute;
    width: 90px;
    height: 90px;
    background: #7d4cc040;
    border-radius: 50%;
    top: 10%;
    left: 10%
}

.servicepg .inner-banner .round2 {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #f58e6a69;
    border-radius: 50%;
    top: 33%;
    right: 10%
}

.servicepg .inner-banner .round3 {
    position: absolute;
    width: 120px;
    height: 120px;
    background: #b3de6178;
    border-radius: 50%;
    bottom: 10%;
    left: 22%
}

.servicepg .inner-banner .round4 {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #6bdfd291;
    border-radius: 50%;
    bottom: 36%;
    right: 33%
}

.servicepg .inner-banner .round5 {
    position: absolute;
    width: 150px;
    height: 150px;
    background: #ffdd6ea3;
    border-radius: 50%;
    right: 10%;
    bottom: -10%
}

.servicepg .inner-banner .round6 {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #69daced1;
    border-radius: 50%;
    left: 2%;
    top: 55%
}

.servicepg .inner-banner .round7 {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #ec764e61;
    border-radius: 50%;
    right: 65%;
    bottom: 55%
}

.accordlist li {
    color: #687087;
    padding-left: 20px;
    position: relative
}

.accordlist li:before {
    content: "";
    position: absolute;
    left: 0;
    border-bottom: 1px solid #687087;
    width: 10px;
    height: 1px;
    top: 10px
}

@media only screen and (max-width:1024px) {
    .home-banner {
        background-position: center left
    }

    .testimonials-slider-main .slick-prev {
        left: 0
    }

    .testimonials-slider-main .slick-next {
        right: 0
    }

    .top-info-list li:nth-child(2) {
        display: none
    }

    .top-info-list li a {
        font-size: 12px
    }

    .nav-area-full {
        margin-top: 105px
    }

    .landing-pagetext figure img,
    .leftinner figure img {
        max-width: 100%
    }

    .singletestimonials .testwraper .item .quotepart {
        width: 77%
    }

    .pricing-sec .nav-pills li {
        margin: 0
    }

    .smallboxes .smallbox {
        width: 30%
    }
}

@media only screen and (max-width:769px) and (min-width:0px) {
    .designunigue ul li:first-child{
        border-right: none !important;

    }
    .cta h6,
    .helpsec .ctabottom a {
        float: none
    }

    .cta h6,
    .cta2,
    .cta2 .wrap h3,
    .cta2 .wrap h6,
    .faqsection h2,
    .helpsec .ctabottom,
    .listsec h2,
    .maparea h2,
    .oddinner-banner .inner-banner-content p,
    .ourapproachsec h2,
    .ourapproachsec p,
    .pricing-sec h2,
    .pricing-sec p,
    .pricingboxes .largebox .leftarea,
    .servicepg .inner-banner-content,
    .servicesec h4,
    .servicesec p,
    .smallboxes .smallbox .price-btnwrap,
    .smallboxes .smallbox figure,
    .smallboxes .smallbox h2,
    .smallboxes .smallbox h4,
    .ticklist li,
    .ticklist li.ralign {
        text-align: left
    }

    .bottom-form .txtwrap h2,
    .faqsection h2,
    .helpsec h2,
    .inner-banner .inner-banner-content h2 span,
    .leftinner h2,
    .listsec h2,
    .maparea h2,
    .ourapproachsec h2,
    .ourprocesses .paright h2,
    .pricing-sec h2,
    .satisfactionfold .textwrap h2,
    .servicesec h4,
    .strugglesec h2,
    .who-we-sec h2 {
        font-size: 26px
    }

    .bottom-form .txtwrap p,
    .helpsec p,
    .ourapproachsec p,
    .ourprocesses .paright p,
    .packages-sec p,
    .pricing-sec p,
    .satisfactionfold .textwrap p,
    .servicesec p,
    .strugglesec p,
    .who-we-sec p {
        font-size: 18px;
        line-height: 1.3;
    }

    .designunigue,
    .nav-area-full {
        padding: 10px 0
    }

    .designunigue ul li:first-child,
    .designunigue ul li:nth-child(2),
    .helpsec .imgplace figure img,
    .leftinner figure img,
    .listsec .wrap ul li,
    .main-wtn-sec ul li.sec,
    .maparea .mapwrap .mappart,
    .pricingboxes .largebox .rightarea,
    .satisfactionfold .textwrap .satisfylist li,
    .smallboxes .smallbox,
    .ticklist li,
    .twoboxes .contactboxeswrap .contactbox {
        width: 100%
    }

    .mobile-nav-btn {
        z-index: 999;
        top: 58px
    }

    .mobile-nav-btn span,
    .mobile-nav-btn span:after,
    .mobile-nav-btn span:before {
        background-color: #6c7780
    }

    .slider-wrapper {
        margin-top: 62px
    }

    .header-main {
        position: fixed;
        background: #fff;
        min-height: 55px
    }

    .home-banner-content h1 {
        font-size: 36px;
        line-height: 1.2
    }

    .home-banner-content .subtitle,
    .ourapproachsec .wrapper .chunk h3,
    .quest-title {
        font-size: 20px
    }

    .gclients .textw h3 {
        font-size: 36px
    }

    .cta h3,
    .helpsec .ctabottom h3 {
        font-size: 20px;
        margin-bottom: 30px
    }

    .accordion,
    .gclients h5 {
        margin-top: 20px
    }

    .cta h3,
    .diff-wrap li:nth-child(2),
    .diff-wrap li:nth-child(3),
    .diff-wrap li:nth-child(4),
    .diff-wrap li:nth-child(5) {
        margin-top: 0
    }

    .gclients .clientslist {
        margin-bottom: 20px
    }

    .bottom-form,
    .cta,
    .faqsection,
    .helpsec,
    .ourapproachsec,
    .ourprocesses,
    .packages-sec,
    .pricing-sec,
    .satisfactionfold,
    .singletestimonials,
    .strugglesec,
    .weDifferent-sec,
    .who-we-sec {
        padding: 60px 0
    }

    .strugglesec .paright {
        padding-right: 0
    }

    .strugglesec p {
        padding-bottom: 30px
    }

    .strugglesec ul li {
        width: 100%;
        font-size: 16px;
        padding-bottom: 15px
    }

    .helpsec .wayswrapper ul li {
        float: left;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 30px
    }

    .badge-dic,
    .hidemob,
    .innerservices .inner-banner .inner-banner-content h2 br,
    .ourapproachsec figure img,
    .ourprocesses .processlistdown li h3 br,
    .partners-cta,
    .satisfactionfold figure,
    .servicepg .inner-banner .round1,
    .servicepg .inner-banner .round2,
    .servicepg .inner-banner .round3,
    .servicepg .inner-banner .round4,
    .servicepg .inner-banner .round5,
    .servicepg .inner-banner .round6,
    .servicepg .inner-banner .round7,
    .servicepg .inner-banner-content figure img.servicefigure,
    .who-we-sec figure,
    .xshide {
        display: none
    }

    .cta h6 {
        vertical-align: top
    }

    .singletestimonials .testwraper .item .quotepart h4 {
        font-size: 22px;
        line-height: 1.2
    }

    .singletestimonials .testwraper .item .quotepart {
        width: 100%;
        margin-top: 30px
    }

    .singletestimonials .testwraper .item .quotepart h4 span {
        display: none !important
    }

    .bottom-form .txtwrap p {
        padding-bottom: 20px
    }

    .bot-form form textarea {
        padding: 8px 18px
    }

    .xsmtpx-30 {
        margin-top: 30px
    }

    .footer-top .socialmid,
    .nav-area-full {
        margin: 0
    }

    .logo {
        display: inline-block;
        width: 70%
    }

    .mobile-nav img {
        width: 130px
    }

    .mobile-nav nav li a.active {
        background: #8a0c10 
    }

    .mobile-nav nav li ul li a {
        font-size: 14px
    }

    .mobile-nav nav li a {
        font-size: 18px
    }

    .mobile-nav nav li a.inner-pad {
        padding: 10px 40px
    }

    .inner-pages .inner-banner {
        margin-top: 62px;
        background-position: top left !important
    }

    .inner-banner-content h2 {
        font-size: 32px
    }

    .inner-banner-content p {
        font-size: 18px;
        padding-bottom: 30px
    }

    .cta2 .wrap h3 {
        font-size: 24px
    }

    .cta2 {
        height: auto
    }

    .ourprocesses .cta {
        position: relative;
        margin-top: 30px;
        margin-bottom: 40px
    }

    .ourprocesses .processlistdown li {
        width: 100%;
        height: auto;
        margin-bottom: 30px
    }

    .ourprocesses .processlistdown li:last-child {
        margin-bottom: 0
    }

    .singletestimonials .testwraper {
        width: 85%
    }

    .ourprocesses .cta h4 {
        line-height: 1.3
    }

    .servicepg .inner-banner {
        height: 460px
    }

    .who-we-sec h2.ptpx-40,
    .who-we-sec h2.ptpx-90 {
        padding-top: 0 !important
    }

    .diff-wrap li:nth-child(3) {
        margin-right: 20px
    }

    .diff-wrap li {
        width: 25%
    }

    .diff-wrap {
        margin-top: 40px
    }

    .pricingboxes .largebox .leftarea figure img {
        width: 200px
    }

    .pricingboxes .largebox .leftarea {
        width: 100%;
        margin-right: 0
    }

    .ticklist li.ralign {
        display: block
    }

    .smallbox.mid {
        margin: 0 0 32px
    }

    .designunigue .subimages li:last-child,
    .smallboxes .smallbox figure img {
        width: auto
    }

    .smallboxes .smallbox h2 {
        padding-top: 0
    }

    .smallbox.mright {
        margin-right: 0
    }

    .pricing-sec h2 {
        padding-top: 60px
    }

    .twoboxes .contactboxeswrap .contactbox.left {
        margin-right: 0;
        margin-bottom: 30px
    }

    .oddinner-banner .inner-banner-content h3 {
        font-size: 36px;
        text-align: left
    }

    .maparea h2 {
        padding-bottom: 40px
    }

    .listsec h2,
    .main-wtn-sec ul {
        padding: 0 15px
    }

    .maparea .mapwrap .infopart {
        width: 100%;
        padding: 30px;
        height: auto
    }

    .listsec .wrap ul li.br {
        border-right: 0;
        padding: 10px 20px
    }

    .listsec .wrap ul li.bb,
    .listsec .wrap ul li:last-child {
        padding: 10px 20px
    }

    .listsec .wrap ul li:nth-child(n+13) {
        border-bottom: 1px solid #bbbecc
    }

    .listsec .wrap ul li:last-child {
        border-bottom: 0
    }

    .tabs .portfoliolist li {
        width: 42%
    }

    .cta h6 a {
        font-size: 16px;
        margin-top: 6px
    }

    .servicesec .boxwrap li {
        width: 29%
    }

    .designunigue .subimages,
    body .testimonials-slider .tls-sft {
        padding: 0;
        flex-wrap: wrap;
    }

    .designunigue ul li:last-child {
        text-align: center;
        width: 100%
    }

    .bookSec {
        padding: 30px 0
    }

    .bookSec .slick-prev {
        left: 0
    }

    .bookSec .slick-next {
        right: 0
    }

    .main-wtn-sec ul li {
        display: block;
        width: 100%
    }

    .main-wtn-sec ul li:last-child {
        width: 100%;
        text-align: center
    }

    .banner-form {
        max-width: 100%
    }

    body .testimonials h2 {
        font-size: 34px
    }

    .testimonials {
        padding-top: 30px
    }
}

.sale-blckfriday {
    position: fixed;
    z-index: 999;
    left: 20px;
    bottom: 120px;
    cursor: pointer;
    transition: .4s
}

.sale-blckfriday .salecrcle-btn {
    background: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    padding: 15px 0;
    transition: .4s;
    position: absolute;
    box-shadow: 0 5px 30px 0 #0000004d
}

.sale-blckfriday .salecrcle-btn h3 {
    color: #fb293f;
    font-size: 34px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    position: relative;
    font-weight: 700
}

.sale-blckfriday .salecrcle-btn h3 span {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #000
}

.sale-blckfriday .salecrcle-btn.open {
    padding: 30px 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.sale-blckfriday .salecrcle-btn.open h3 {
    font-size: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.sale-blckfriday .salecrcle-btn.open h3:after {
    position: relative;
    content: "X";
    color: #fb293f;
    font-size: 38px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.sale-blckfriday .sale-box {
    width: 350px;
    margin: 0 0 20px;
    transition: .4s;
    height: 0;
    overflow: hidden;
    background: url(../img/sale.html) 0 0/cover no-repeat;
    border-radius: 10px;
    cursor: default
}

.sale-blckfriday .sale-box.open {
    height: 450px;
    overflow: visible;
    transition: .4s
}

.sale-blckfriday .sale-box.open a {
    position: absolute;
    transition: .4s;
    padding: 10px 0;
    font-size: 16px;
    bottom: 46px !important;
    width: 77%;
    background: #fff;
    color: #000;
    text-align: center;
    border-radius: 5px;
    margin: auto;
    display: inline-block;
    left: 0;
    right: 0
}

.portfolio-inner p {
    text-align: center;
    font-size: 20px;
    width: 100%;
    padding-bottom: 10px;
    line-height: 1.4
}

.portfolio-inner a.btn-secondary {
    margin: 60px auto 0
}

.portfoliolist {
    text-align: center;
    margin-bottom: 0;
    font-size: 0
}

.border-box-effect {
    position: relative;
    margin: 20px;
    display: inline-block;
    width: 43%
}

.border-box-effect img {
    width: 100%;
    border-radius: 3px
}

.border-box-effect:before {
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    -webkit-transform-origin: 0 100%
}

.border-box-effect:after {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform-origin: 100% 0
}

.border-box-effect:after,
.border-box-effect:before {
    width: calc(100% - 22px);
    height: calc(100% - 22px);
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 1
}

.border-box-effect>:after,
.border-box-effect>:before {
    z-index: 2;
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

.border-box-effect:hover:after,
.border-box-effect:hover:before {
    -webkit-transform: scale(1)
}

.border-box-effect>* {
    position: relative;
    display: block
}

.border-box-effect>.new-anim:after {
    content: "\e92d";
    font-family: ingicdesign;
    color: #fb2224;
    font-size: 50px
}

.border-box-effect>:before {
    background: rgba(0, 0, 0, .2);
    content: '';
    width: 100%;
    height: 100%;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.border-box-effect>:after {
    content: "+";
    font-size: 74px;
    color: #fff;
    text-align: center;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-weight: 200;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.portfoliolist.portfoliolist-logo li {
    width: 100%;
    font-size: 0
}

.portfoliolist.portfoliolist-logo li>div {
    width: 50%;
    padding: 20px;
    display: inline-block
}

.portfoliolist.portfoliolist-logo .border-box-effect>div {
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    transition: transform .5s
}

.portfoliolist.portfoliolist-logo .border-box-effect>div:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    transition: transform .5s
}

#packages option.colr {
    color: #8a0c10 ;
    font-weight: 700
}

.form-box-main p {
    text-align: left;
    font-size: 20px;
    width: 100%;
    padding-bottom: 30px;
    line-height: 1.4
}

.form-box-main form input::placeholder,
.form-box-main form select::placeholder,
.form-box-main form textarea::placeholder {
    color: #091e42
}

.form-box-main form input[type=file],
.prce_box:hover .growth p {
    color: #091e42
}

.smallnote {
    color: #091e42;
    padding-bottom: 10px;
    display: inline-block
}

.nopaddding label {
    font-size: 16px !important;
    margin-left: -36px !important
}

.forarrowselect:after {
    position: absolute;
    content: "\f0dd";
    font-family: FontAwesome;
    bottom: 16px;
    right: 16px
}

.servicepg .inner-banner.justbg {
    background: url(../images/culture.html) top center/cover;
    position: relative
}

.logopg .helpsec {
    background: #7a23fa
}

.webpg .helpsec {
    background: #8933fa
}

.seopg .helpsec {
    background: #6b64cc
}

.mobpg .helpsec {
    background: #04113e
}

.videopg .helpsec {
    background: #120043
}

.btn-simplect {
    color: #8a0c10 ;
    font-size: 24px;
    font-weight: 600
}

_::-webkit-full-page-media,
_:future,
:root .safari_only {
    color: #5b6b7f;
    background-color: #fff
}

@media not all and (min-resolution:.001dpcm) {
    .safari_only {
        color: #5b6b7f;
        background-color: #fff
    }
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    .safari_only {
        color: #5b6b7f;
        background-color: #fff
    }
}

@media only screen and (max-width:480px) and (min-width:0px) {

    .helpsec .cstn-column .imgplace,
    .landing-pagetext figure img {
        display: none
    }

    .helpsec .cstn-column .txtwrap {
        width: 100%;
        padding: 0 20px
    }

    .innerctabottom {
        width: 100%
    }

    .inner-pages .inner-banner {
        height: 1020px
    }

    .portfoliolist.portfoliolist-logo li>div {
        margin: 10px
    }

    .accordion {
        margin-top: 0
    }

    .faqsection {
        padding: 30px 0
    }
}

.introduction-sec {
    padding: 40px 0;
    background-image: url(../images/ctanew.webp);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fefefe
}

.introduction-sec .wrapper h3 {
    color: #091e42;
    font-weight: 700;
    text-transform: uppercase
}

.introduction-sec .wrapper h3 span {
    color: #b32524;
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase
}

.introduction-sec .wrapper p {
    color: #091e42;
    padding-bottom: 10px
}

.btn-theme-outline {
    transform: translateY(0);
    transition: .4s;
    color: #b32524;
    background-color: transparent;
    padding: 10px 20px;
    border: 1px solid #b32524;
    border-radius: 6px;
    margin-top: 20px;
    font-weight: 600;
    text-transform: capitalize
}

.built-sec,
.mycta {
    padding: 60px 0 0;
    background: #f4f5f7
}

.mycta h2,
.myprocess h2,
.tools-sec h2 {
    color: #091e42;
    font-weight: 600;
    text-align: center
}

.mycta p,
.tools-sec p {
    color: #c10a29;
    font-weight: 400
}

.tools-sec p {
    text-align: center;
    padding-bottom: 30px
}

.tools-sec .seperator {
    width: 140px;
    height: 4px;
    background: #8a0c10 ;
    margin: 0 auto
}

.tools-sec .tbox {
    padding: 40px;
    margin-top: 30px;
    box-shadow: 5px 6px 30px #00000012;
    border-radius: 6px;
    min-height: 370px;
    position: relative;
    transition: .4s
}

.tools-sec .tbox:hover {
    background: #8a0c10 ;
    transform: translateY(-.625rem);
    transition: .4s
}

.main-atls:hover .alts-box1 img.hver-img,
.tools-sec .tbox:hover .tbox-icon img.hme-hvr-img {
    display: inline-block;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.alts-box1 img.hver-img,
.main-atls:hover .alts-box1 img.nmrl-img,
.tbox-icon img.hme-hvr-img,
.tools-sec .tbox:hover .tbox-icon img.hme-nmrl-img {
    display: none;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.tools-sec .tbx,
h2.text-left {
    margin-top: 50px
}

.tbox-icon img {
    width: 50px;
    height: auto
}

.tools-sec .tbox h5 {
    color: #c10a29;
    font-size: 20px;
    font-weight: 700;
    padding: 20px 0
}

.tools-sec .tbox p {
    text-align: left;
    color: #091e42;
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 30px
}

.tools-sec .tbox a {
    font-size: 16px;
    font-weight: 600;
    color: #8a0c10 ;
    position: absolute;
    bottom: 40px
}

.tools-sec figure {
    margin-bottom: 0;
    padding: 20px 0 0
}

.mycta p,
.myprocess p {
    text-align: center;
    margin: 0 auto
}

.cta-dr .btnwrap {
    border-bottom: 1px solid #e5e8ec;
    padding: 0 0 60px
}

.mycta p {
    padding-bottom: 30px;
    width: 80%
}

.mycta .btnwrap a {
    margin: 0 10px
}

.introduction-sec2 figure img {
    width: 248px
}

.clientele-sec h2 {
    color: #091e42;
    font-weight: 600;
    text-align: center;
    padding: 0 0 30px
}

.myprocess p {
    color: #c10a29;
    font-weight: 400;
    padding-bottom: 30px
}

.built-sec p,
.myprocess ul li p {
    padding-bottom: 0;
    text-align: center
}

.myprocess ul {
    width: 100%;
    font-size: 0;
    margin-bottom: 0;
    margin-top: 40px
}

.myprocess ul li {
    width: 33.33%;
    text-align: center;
    padding: 0 15px;
    vertical-align: top
}

.myprocess ul li figure img {
    height: 140px
}

.myprocess ul li h3 {
    color: #253858;
    font-size: 20px
}

.myprocess ul li h3 span {
    display: block;
    color: #253858
}

.myprocess ul li p span {
    display: block;
    color: #c10a29
}

.myprocess ul li p {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    width: 100%
}

.built-sec {
    font-size: 0;
    text-align: center
}

.built-sec h2 {
    color: #253858;
    font-weight: 600;
    text-align: center
}

.built-sec p {
    color: #c10a29;
    font-weight: 400;
    width: 70%;
    margin: 0 auto
}

.built-sec h5,
.h5tile {
    margin-bottom: 20px;
    font-size: 16px
}

.built-sec h5 {
    color: #091e42;
    text-align: center;
    margin-top: 20px
}

.collaboration-sec .wrapper h2 {
    color: #091e42;
    font-weight: 600;
    text-align: left
}

.collaboration-sec .wrapper p {
    color: #333;
    text-align: left;
    font-weight: 400
}

.main-Ghost-book-writing-sec {
    margin-top: 70px;
    background: linear-gradient(135deg, #0079bf, #5067c5);
    padding: 100px 0 0
}

.Ghost-book-writing-content h1,
.ghst-writng-content h1 {
    margin-bottom: 15px;
    font-weight: 700;
    color: #fff;
    position: relative
}

.custom-package p,
.fologo,
.fologo img,
.git-box1,
.git-box2,
.myprocess.main-ghst-sec ul li,
.selected-box1,
.selected-box2,
.ser-box1,
.ser-box2,
.wrk-up a,
.wrk-up a i {
    vertical-align: top
}

.fourth-sec-content p,
.git p,
.git-box2 p,
.info-content p,
.main-ghst-sec p,
.strt-cta p,
.team-content p,
.thierd-sec-content p,
.works-content p {
    color: #333;
    padding-top: 10px;
    line-height: 1.4
}

p.app-store a img {
    border-radius: .3em;
    box-shadow: 0 1px 0 #a5acb0;
    display: inline;
    height: 44px;
    margin: 0;
    opacity: .8;
    width: auto
}

p.app-store {
    margin-top: 11px
}

.strt-bg {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(46%, #f7ecff), color-stop(74%, #d2ecff), to(#fff));
    background: linear-gradient(to bottom, #fff 0, #f7ecff 46%, #d2ecff 74%, #fff 100%);
    padding-bottom: 0
}

.main-strt-cta-sec {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.main-ghst-writng-first-sec:after,
.main-strt-cta-sec:after {
    content: '';
    width: 100%;
    background-color: #0000008c;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1
}

.ghst-writng-content,
.main-strt-cta-sec .strt-cta {
    z-index: 9;
    position: relative
}

.recognitionsec figure {
    text-align: center;
    margin-bottom: 0;
    width: 100%
}

.boxessec {
    background: #f8f8f8;
    padding: 80px 0
}

.boxessec .boxeswrap ul {
    font-size: 0;
    margin-top: 40px;
    margin-bottom: 0
}

.boxessec .boxeswrap ul li {
    vertical-align: top;
    min-height: 310px !important;
    position: relative;
    padding: 20px;
    width: 32%;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    box-shadow: 6px 8px 20px rgba(0, 0, 0, .06)
}

.boxessec-new .boxeswrap ul li {
    min-height: 265px
}

.boxessec .boxeswrap ul li.centerbox {
    margin: 0 22px
}

.boxessec .boxeswrap ul li .textwrap {
    width: 180px
}

.boxessec .boxeswrap ul li .textwrap h3 {
    font-size: 18px;
    color: #000;
    margin-bottom: 8px
}

.boxessec .boxeswrap ul li .textwrap p {
    font-size: 12.7px;
    text-align: left;
    width: 93%;
}

.boxessec .boxeswrap ul li .textwrap a {
    padding: 5px 10px;
    font-size: 14px;
    position: absolute;
    margin-top: 0;
    bottom: 20px;
    left: 20px
}

.boxessec .boxeswrap ul li figure {
    position: absolute;
    margin-bottom: 0;
    bottom: 0;
    right: 0
}

.boxessec .boxeswrap h2 {
    font-size: 40px;
    text-align: center
}

.boxessec .boxeswrap p {
    text-align: center;
    font-size: 18px;
    padding-bottom: 0
}

.quickservice {
    padding: 40px 0 !important
}

.quickservice .tls-sft {
    padding: 25px 40px;
    box-shadow: 5px 6px 30px #00000012;
    border-radius: 6px;
    min-height: 315px;
    position: relative
}

.quickservice .tls-sft h3 {
    color: #091e42;
    font-weight: 900;
    font-size: 20px;
    margin: 0
}

.boxessec .boxeswrap ul li .boxlist li {
    width: 100%;
    border-radius: 0;
    position: relative;
    border: none;
    box-shadow: none;
    height: auto;
    min-height: auto;
    padding: 0 0 5px 14px;
    font-size: 14px
}

.boxessec .boxeswrap ul li .boxlist li:before {
    content: "\e916";
    font-family: FontAwesome;
    position: absolute;
    left: -4px;
    top: 2px;
    font-size: 12px;
    color: #c59202
}

.hed h2,
.pricingTable h2,
.wrk-up h3 {
    color: #091e42;
    font-weight: 700;
    font-size: 36px
}

.hed p {
    color: #333;
    font-size: 22px;
    padding-top: 10px;
    line-height: 1.4
}

.boxnew {
    background: #fff;
    padding: 20px;
    min-height: 586px;
    margin: 20px 0 0
}

.boxnew img {
    margin: 0 0 20px
}

.strugglesec {
    padding: 80px 0;
    background: #f8f8f8
}

.strugglesec h2 {
    text-align: left;
    width: 100%;
    font-size: 40px
}

.strugglesec p {
    padding-bottom: 0;
    font-size: 18px;
    margin: 0 0 20px 0px;

}

.strugglesec ul li {
    width: 50%;
    padding-left: 30px;
    padding-right: 20px;
    line-height: 1.4;
    float: left;
    color: #505050;
    position: relative;
    font-size: 14px;
    padding-bottom: 10px
}

.strugglesec ul li:before {
    content: "\f05d";
    content: "\f05d";
    position: absolute;
    font-family: FontAwesome;
    left: 0;
    font-size: 16px;
    color: #b32524;
    display: table-cell;
    vertical-align: middle
}

.main-ghst-writng-first-sec {
    margin-top: 0;
    background-size: cover;
    width: 100%;
    position: relative;
    z-index: 2
}

.main-ghst-writng-first-sec ul {
    margin: 30px 0 40px
}

.ser-box2 h3,
.ser-box2 h5 {
    color: #091e42;
    font-weight: 700;
    margin: 0 0 20px
}

.main-ghst-writng-first-sec ul li {
    width: 23%
}

.main-ghst-writng-second-sec {
    background-color: #fce0d5;
    padding-top: 100px;
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: right
}

.hompg .main-ghst-writng-second-sec {
    padding-top: 60px
}

.ser-box1 {
    width: 30%;
    font-size: 20px
}

.ser-box2 {
    width: 70%;
    padding-left: 25px
}

.ser-box2 h5 {
    font-size: 18px;
    max-width: 25%
}

.clients-slider3 {
    width: 100%;
    margin: 0;
    padding: 0
}

.ser-box2 ul li {
    color: #444;
    font-size: 14px;
    padding-left: 20px;
    line-height: 1.8;
    display: block;
    position: relative
}

.ser-box2 ul li:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 6px;
    font-family: fontawesome;
    font-size: 12px;
    color: #b32524
}

.curve-container__curve {
    margin-bottom: 0;
    padding-bottom: 0;
    position: absolute;
    display: block
}

.collaboration-sec figure img,
.fifth-sec-img img,
.team-img img,
.thierd-sec-img figure img {
    width: 60%
}

.slick-prev:before {
    content: "\f060";
    font-family: FontAwesome
}

.slick-next:focus:before,
.slick-prev:focus:before {
    color: #b32524 !important
}

.slick-next:before {
    content: "\f061";
    font-family: FontAwesome
}

.slick-next,
.slick-prev {
    width: 50px;
    top: 50%;
    height: 50px;
    background: linear-gradient(135deg, #6a070a 0, #b32524 100%);
    border-radius: 50%;
    box-shadow: 0 0 11px #eaf0f6
}

.main-atls,
.main-atls:hover {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    box-shadow: 5px 6px 30px #00000012
}

.slick-next:focus,
.slick-prev:focus {
    outline: 0;
    background: #fff !important
}

.slick-next:hover,
.slick-prev:hover {
    background: #fff !important;
    color: #b32524 !important
}

.slick-next {
    right: -70px
}

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

.git-main {
    font-size: 0;
    padding: 25px 0 0
}

.git-box1 {
    width: 17%
}

.git-box2 {
    width: 83%
}

.main-belve-sec span,
.main-team_work-sec span,
.main-wkng-opn-sec span {
    color: #b32524;
    font-size: 18px;
    padding: 0 0 15px;
    line-height: 1.4;
    display: inline-block;
    text-transform: uppercase
}

.main-atls {
    font-size: 0;
    margin: 25px 0 0;
    transition: .4s;
    padding: 40px;
    vertical-align: middle;
    cursor: pointer;
    min-height: 214px;
    text-align: center;
    border-radius: 6px
}

.main-atls:hover {
    transition: .4s;
    transform: translateY(-.625rem);
    background: linear-gradient(135deg, #6a070a 0, #b32524 100%)
}

.hart-bg:after,
.hart-bg:before {
    position: absolute;
    bottom: 50px;
    width: 44%;
    background-size: auto 100%;
    height: 60%;
    display: block;
    content: ""
}

.hart-bg:after,
.hart-bg:before,
.main-wrkup-sec {
    background-repeat: no-repeat
}

.main-atls:hover .alts-box2 p {
    color: #fff;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.alts-box1,
.alts-box2 {
    width: 100%;
    vertical-align: middle
}

.alts-box1 img {
    width: 75px
}

.alts-box2 p {
    color: #000;
    font-size: 16px;
    padding: 15px 0 0;
    line-height: 1.4;
    font-weight: 600
}

.val_ues p {
    color: #c10a29;
    font-size: 18px;
    padding: 0;
    line-height: 1.4
}

.tls-sft .pp,
.vis-sec h3 {
    color: #091e42;
    font-size: 22px
}

.hart-bg {
    background-color: #091e42;
    overflow-x: hidden
}

.hart-bg:before {
    background-image: url(../images/about-us/Customer_Eventbrite.png);
    left: -130px;
    background-position: bottom left
}

.hart-bg:after {
    background-image: url(../images/about-us/Customer_Kiva.png);
    right: -130px;
    background-position: bottom right
}

.vis-sec {
    padding: 40px;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .1);
    border-radius: 3px;
    min-height: 490px
}

.vis-sec p {
    color: #c10a29;
    font-size: 16px;
    padding-top: 10px;
    line-height: 1.4
}

.tls-wrap {
    padding: 35px 0 0;
    border-radius: 3px
}

.testimonials-slider .tls-sft {
    padding: 0 190px;
    border-radius: 6px;
    position: relative;
    text-align: center
}

.tls-sft {
    padding: 25px 40px;
    border-radius: 6px;
    min-height: 315px
}

.tls-sft .btn-theme {
    position: absolute;
    bottom: 40px
}

.testimonials h2 {
    text-align: center;
    font-size: var(--font-size-h2);
    margin: 0;
    padding: 0
}

.tls-sft span {
    color: #b32524;
    font-size: 14px;
    padding: 0;
    line-height: 1.4;
    text-transform: uppercase
}

.tls-sft .pp {
    font-weight: 500;
    line-height: 40px;
    font-style: italic;
    margin: 0 0 40px
}

.tls-sft .img,
.tls-sft h5 {
    font-size: 24px;
    vertical-align: middle;
    display: inline-block
}

.tls-sft p {
    color: #444;
    padding-top: 10px;
    line-height: 1.4
}

.tls-sft .img {
    width: 70px;
    height: 70px;
    padding-top: 15px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6a070a 0, #b32524 100%);
    color: #fff
}

.tls-sft .img img {
    width: 100%;
    margin-bottom: 30px
}

.tls-sft h5 {
    color: #b32524;
    padding: 0 0 5px 20px;
    text-align: left
}

.tls-sft h5 span {
    color: #333;
    display: block;
    text-transform: capitalize;
    font-size: 18px;
    margin: 10px 0 0 0;

}

.main-wrkup-sec {
    background-size: cover;
    width: 100%
}

.wrk-up-wrap {
    padding: 80px 0 143px
}

.cntc-form,
.wrk-up {
    padding: 40px
}

.wrk-up p {
    color: #c10a29;
    font-size: 22px;
    padding-top: 10px;
    line-height: 1.4;
    position: relative;
    padding-bottom: 50px
}

.wrk-up p:before {
    content: "";
    position: absolute;
    background: #8a0c10 ;
    height: 4px;
    width: 150px;
    left: 0;
    bottom: 0
}

.wrk-up a {
    font-size: 16px;
    margin-top: 50px;
    display: inline-block;
    color: #8a0c10 
}

.wrk-up a i {
    padding-right: 10px;
    font-size: 22px
}

.our-team {
    padding: 0 0 60px
}

.our-team h1 {
    margin-bottom: 15px;
    position: relative
}

.our-team h1:before {
    content: "";
    position: absolute;
    height: 4px;
    width: 150px;
    left: 0;
    right: 0;
    bottom: -30px;
    margin: 0 auto;
    background: linear-gradient(135deg, #6a070a 0, #b32524 100%)
}

.team-box1 {
    padding: 30px
}

.team-box1 h3 {
    font-size: 20px;
    padding-bottom: 20px
}

.team-box1 p {
    color: #111;
    font-size: 16px;
    line-height: 1.4;
    padding: 5px 0 20px
}

.team-box1 img {
    border-radius: 0;

    width: 150px
}

.team-box1 a.team-lnk {
    display: block;
    margin: 0;
    font-size: 16px;
    color: #111
}

.team-box1.brdr:after,
.team-box1.brdr:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 435px;
    background-color: #ebecf0
}

.team-box1.brdr:before {
    left: 0;
    top: 0
}

.team-box1.brdr:after {
    right: 0;
    top: 0
}

.main-trst-rvw-sec,
.sample-page .main-portfolio-sec {
    margin-top: 70px
}

.trst-rvw {
    padding: 0 0 40px
}

.trst-rvw h1 {
    margin-bottom: 15px;
    font-weight: 700;
    color: #091e42
}

.trst-rvw p {
    color: #c10a29;
    font-weight: 400;
    padding-bottom: 0
}

.main-trst-rvw-sec .tls-sft {
    min-height: 355px;
    position: relative
}

.main-trst-rvw-sec .tls-wrap {
    padding: 0;
    margin: 0 0 30px
}

.custom-package .item-detail-cart,
.custom-package p {
    font-size: 14px;
    margin-bottom: 0;
    display: inline-block
}

.main-trst-rvw-sec .tls-sft h5 {
    position: absolute;
    bottom: 25px;
    padding: 0
}

.wdt-80 {
    width: 76.5%;
    margin: 0 auto
}

.custom-package .field-blank-clr {
    border: 1px solid #ccc;
    background: #fff;
    width: 100%;
    font-size: 14px;
    color: #636b6f;
    text-align: left;
    text-transform: capitalize
}

.custom-package .field-blank-clr:hover {
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: none;
    z-index: 2;
    -webkit-transition: none;
    -webkit-transform: none;
    -ms-transition: none;
    -ms-transform: none;
    -moz-transition: none;
    -moz-transform: none;
    transition: none;
    transform: none
}

.floatbutton .btns_wrap .call_wrap,
.floatbutton .btns_wrap .chat_wrap {
    right: -225px;
    width: 280px;
    box-shadow: 0 0 40px #00000026 !important;
    overflow: hidden
}

.custom-package p {
    line-height: 100%;
    padding: 0
}

.pri-service>p {
    color: #091e42;
    font-size: 16px;
    padding: 15px 0 0
}

.custom-package input.cost_calc_row-2 {
    width: 100%;
    color: #5c6468;
    border-radius: 4px;
    font-weight: 700;
    padding: 15px 10px;
    text-align: left;
    opacity: 0;
    height: 59px;
    cursor: pointer;
    z-index: 9999
}

.parent input[type=checkbox] {
    float: none;
    position: relative;
    z-index: 999;
    height: 50px;
    opacity: 0
}

.custom-checkbox {
    background: #000;
    width: 100%;
    display: inline-block;
    border-radius: 3px
}

.custom-package input.cost_calc_row-2.cost_calc_calculate.single.cost_calc_active {
    background: #b8285a;
    background: -moz-linear-gradient(left, #b8285a 0, #a32974 50%, #90298b 100%);
    background: -webkit-linear-gradient(left, #b8285a 0, #a32974 50%, #90298b 100%);
    background: linear-gradient(to right, #b8285a 0, #a32974 50%, #90298b 100%);
    background-color: #a32974;
    color: #fff !important
}

.custom-package input.cost_calc_button {
    transform: translateY(0);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    color: #fff;
    background-color: #8a0c10 ;
    padding: 10px 20px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 20px;
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
    cursor: pointer;
    width: 100%;
    border: 1px solid transparent
}

.custom-package input.cost_calc_button:hover {
    transform: translateY(-.625rem);
    transition: .4s;
    color: #fff;
    background: #0047b3
}

.custom-package input.cost_calc_row-2:hover {
    box-shadow: none;
    -webkit-transition: none;
    -webkit-transform: none;
    -ms-transition: none;
    -ms-transform: none;
    -moz-transition: none;
    -moz-transform: none;
    transition: none;
    transform: none
}

.custom-package #cost_calc_breakdown_container {
    padding: 15px 20px;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    margin-top: 65px;
    width: 360px
}

.box-custom-package-2 {
    padding: 30px 30px 15px;
    border: 1px solid #a2a6a9;
    border-radius: 3px
}

.box-custom-package-2 input {
    margin: 0 0 15px;
    border-radius: 3px;
    padding: 10px 18px;
    border: 1px solid #a2a6a9;
    color: #a2a6a9
}

.box-custom-package-2 input::placeholder {
    color: #a2a6a9
}

.box-custom-package h4 {
    margin-top: 0;
    cursor: pointer;
    padding: 0;
    color: #091e42;
    font-size: 22px
}

.parent {
    height: 50px;
    margin: 0 0 15px
}

input.data-item-custom-quantity {
    width: 100%;
    height: 50px;
    border-radius: 3px;
    border: 1px solid #a2a6a9;
    padding: 15px 8px;
    outline: 0;
    color: #a2a6a9
}

.parent small {
    display: inline-block;
    text-align: right;
    width: 100%;
    padding-right: 15px;
    font-size: 13px
}

h3.breakdown-before-left {
    color: #091e42;
    font-weight: 700;
    font-size: 36px;
    padding: 15px
}

a[data-toggle=tooltip] {
    position: absolute;
    top: 44%;
    transform: translateY(-50%);
    left: -23px;
    color: grey;
    height: 16px;
    width: 16px;
    text-align: center;
    background-color: #eaeaea;
    border-radius: 50%;
    font-size: 10px;
    display: none;
    line-height: 18px
}

.more-less {
    float: right;
    color: #a2a6a9;
    position: relative;
    top: 0;
    font-size: 20px
}

#section1 h4,
#section2 h4,
#section3 h4,
#section4 h4 {
    padding: 15px 0
}

.parent input[type=checkbox]:checked+span {
    border-color: #8a0c10 ;
    color: #8a0c10 
}

div#custom-item-list div {
    border-bottom: 1px solid #a2a6a9;
    padding: 10px 0
}

.custom-package .item-detail-cart {
    border: none;
    padding-bottom: 0;
    max-width: 80%;
    min-width: 80%;
    color: #091e42
}

.custom-package .item-price-cart {
    text-align: right;
    color: #8a0c10 ;
    width: 20%
}

p#custom-totalCost {
    font-size: 36px;
    color: #8a0c10 ;
    font-weight: 700;
    margin-bottom: 20px;
    padding-top: 15px
}

h4.margin-top-20.mad {
    font-size: 24px;
    color: #8a0c10 ;
    font-weight: 700
}

.box-cstm-pckge {
    position: absolute;
    width: 100%
}

.totl-cst {
    color: #091e42;
    font-weight: 700;
    font-size: 26px;
    text-align: center
}

.sction-hght .col-lg-10 {
    height: 65px
}

.fologo {
    width: 125px
}

input.btn-theme {
    border: 1px solid transparent !important;
    background: linear-gradient(to left, #8a0c10  0, #c10a29 100%)
}

.info-content {
    text-align: center;
    padding: 0 100px 10px
}

.home-banner-content.hme-bner-cntn {
    position: relative;
    width: 100%
}

.home-banner-content.hme-bner-cntn input.submit {
    margin-top: 0;
    background: linear-gradient(135deg, #6a070a 0, #b32524 100%);
    border: 1px solid transparent !important;
    font-size: 16px;
    height: 50px;
    padding: 10px 57px 19px !important;
    border-radius: 0 5px 5px 0;
    font-weight: 700
}

.home-banner-content.hme-bner-cntn input {
    font-size: 16px !important
}

.main-princing-sec-hme .smallboxes .more-less {
    font-size: 20px;
    top: 0
}

.main-y-selectd p {
    color: #091e42;
    font-size: 16px;
    padding: 0 0 20px
}

.main-selected-product {
    font-size: 0;
    background: #ebecf0;
    padding: 20px 10px 20px 20px;
    border-radius: 6px
}

.selected-box1 {
    display: inline-block;
    width: 87%
}

.selected-box1 h4 {
    font-size: 16px;
    padding: 0
}

.selected-box1>h4 small {
    display: block;
    color: #091e42;
    font-size: 16px;
    padding: 10px 0 0 20px
}

.selected-box2 {
    display: inline-block;
    width: 13%
}

.floatbutton {
    transition: .4s;
    position: fixed;
    right: -370px;
    top: 18%;
    font-size: 0;
    width: 420px;
    z-index: 200
}

.floatbutton.active {
    right: 0;
    transition: .4s
}

.floatbutton .clickbutton {
    width: 50px;
    z-index: 99;
    height: 50px;
    cursor: pointer;
    box-shadow: -20px 0 35px #0000001f;
    border-radius: 40px 0 0 40px;
    background: #fff;
    display: inline-block;
    padding-top: 0;
    vertical-align: top;
    margin-top: 125px
}

.floatbutton .clickbutton .crossplus:before {
    content: "";
    display: none;
    position: absolute;
    width: 20px;
    height: 2px;
    right: 0;
    background: #fbb334;
    z-index: 99;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto
}

.floatbutton .clickbutton .crossplus:after {
    content: "";
    display: none;
    position: absolute;
    width: 2px;
    height: 20px;
    right: 0;
    background: #fab334;
    z-index: 99;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto
}

.floatbutton .clickbutton .crossplus {
    position: relative;
    display: block;
    transform: rotate(0);
    transition: .4s
}

.floatbutton .clickbutton .crossplus.rotate {
    transform: rotate(45deg);
    transition: .4s
}

.floatbutton .clickbutton .crossplus i {
    font-size: 18px;
    color: #b32524;
    margin: 17px 0 0 15px
}

.floatbutton .banner-form {
    background: #fff;
    padding: 30px !important;
    position: relative;
    z-index: 9;
    border-radius: 5px 0 0 5px;
    margin: 0;
    width: 370px !important;
    max-width: 100%;
    display: inline-block;
    box-shadow: 0 0 30px #0000001f
}

.floatbutton .banner-form h3 {
    color: #333;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 400
}

.floatbutton .banner-form h3 strong {
    font: 500 24px/24px gilroy-bold, sans-serif
}

.floatbutton .ban-form input[type=submit] {
    color: #fff;
    font-weight: 600;
    background: linear-gradient(135deg, #6a070a 0, #b32524 100%);
    border-radius: 6px;
    text-align: center;
    padding: 10px 15px;
    margin: 20px 0 0;
    border: transparent
}

.floatbutton .ban-form textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 400;
    height: 120px;
    outline: 0 !important;
    margin: 15px 0 0
}

.floatbutton .btns_wrap {
    position: fixed;
    right: -6px
}

.floatbutton .btns_wrap a:hover {
    text-decoration: none !important;
    right: 0
}

.floatbutton .btns_wrap .call_wrap {
    position: absolute;
    background: #fff;
    top: 60px;
    border-radius: 50px 0 0 50px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.floatbutton .btns_wrap .call_wrap span {
    border-left: 1px solid #ded9d9;
    color: #333;
    font-size: 20px;
    vertical-align: middle;
    background: #fff;
    padding: 15px 20px 15px 15px
}

.floatbutton .btns_wrap .chat_wrap {
    display: block;
    position: absolute;
    background: #fff;
    top: -5px;
    border-radius: 50px 0 0 50px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.prc_boxess,
.prce_box {
    box-shadow: 5px 6px 30px #00000012;
    font-size: 0;
    transition: .4s;
    position: relative
}

.floatbutton .btns_wrap .call_wrap span.icoo,
.floatbutton .btns_wrap .chat_wrap span.icoo {
    color: #b32524;
    background: #fff;
    font-size: 18px;
    padding: 15px 20px;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50px 0 0 50px
}

.floatbutton .btns_wrap .chat_wrap span {
    color: #333;
    font-size: 20px;
    vertical-align: middle;
    background: #fff;
    padding: 15px 30px 15px 15px
}

.clientele-sec ul {
    font-size: 0;
    list-style: none;
    margin: 0
}

.cntc-form h3 {
    color: #091e42;
    font-weight: 600
}

.small-a {
    text-transform: lowercase
}

.cntc-form p {
    color: #000;
    line-height: 1.3;
    margin: 10px 0 0 0;
}

.fortest {
    height: 145px
}

.main-counter-sec {
    background: #f6f6f6;
    border-top: 1px solid #e2e2e2
}

.quick-ser {
    height: 100px
}

.counter-box1 {
    font-size: 0;
    vertical-align: middle;
    padding: 8px 3px
}

.conter-img-box {
    display: inline-block;
    width: 25%;
    vertical-align: middle
}

.conter-img-box figure {
    margin: 0;
    border-radius: 100%
}

.conter-img-box figure img {
    margin: 0 auto;
    text-align: center;
    display: block;
    padding: 4px 0
}

.conter-cont-box {
    display: inline-block;
    width: 75%;
    vertical-align: middle;
    padding: 0 0 0 20px
}

.conter-cont-box p {
    font-size: 16px;
    padding: 0;
    color: #3a3a3a;
    font-weight: 600;
    line-height: 18px
}

.conter-cont-box p span {
    color: #3a3a3a;
    display: block
}

.prce_box b {
    color: #8a0c10 ;
    font-weight: 700;
    font-size: 14px;
    padding: 0;
    display: block
}

.prce_box h3 {
    color: #091e42;
    font-weight: 700;
    font-size: 20px;
    padding: 0 0 20px
}

.prce_box h3 span {
    display: block;
    font-size: 14px;
    color: #091e42;
    font-weight: 400;
    padding-top: 5px
}

.prce_box ul li.pck-heading {
    font-size: 18px;
    font-weight: 700
}

.prce_box h4 {
    color: #091e42;
    font-weight: 700;
    font-size: 22px;
    padding: 0
}

.prce_box a {
    font-size: 14px;
    font-weight: 700;
    margin: 25px 0 0;
    display: inline-block;
    padding: 10px 25px
}

.prce_box p {
    line-height: 18px;
    font-size: 14px;
    color: #a3a3a3;
    margin: 0;
    padding: 4px;
    margin-top: 18px;
}

.prce_box a.confused {
    font-size: 14px;
    color: #b32524;
    margin: 15px 0 0;
    padding: 0
}

.prce_box a.confused i {
    padding: 0 2px 0 10px
}

.prc_boxess {
    background: #fff;
    padding: 27px 20px 20px;
    border-radius: 6px;
    border: 1px solid transparent;
    min-height: 150px;
    margin: 15px 0
}

.prce_box {
    text-align: center;
    background: #fff;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid transparent;
    min-height: 350px;
    margin: 20px 15px 25px;
    overflow: hidden
}

.prce_box.bst-slr:after {
    content: "BEST SELLER";
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    vertical-align: middle;
    padding: 7px 10px;
    text-indent: -15px;
    display: block;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 35px;
    width: 180px;
    background-color: red;
    position: absolute;
    border: 2px solid #b70000;
    box-shadow: 2px 1px 7px -1px #b70000;
    right: -62px;
    top: 23px
}

.growth p small:before,
.prce_box ul li:before {
    position: absolute;
    top: 9px;
    border-radius: 50%;
    content: ""
}

.prce_box ul {
    text-align: left;
    margin: 0 0 10px;
    padding: 20px 0;
    height: 250px;
    overflow: auto
}

.prce_box ul li {
    display: block !important;
    font-size: 14px;
    color: #091e42;
    position: relative;
    padding-left: 20px;
    margin: 0 !important
}

.prce_box ul li:before {
    left: 0;
    width: 6px;
    height: 6px;
    background: #b32524
}

.pck-scrl {
    height: 125px
}

.prtf-srl {
    height: 245px
}

.pck-scrl .mCustomScrollBox {
    padding: 0 15px 0 0
}

.growth {
    background: #f4f6f8;
    padding: 15px;
    border-radius: 6px;
    text-align: left
}

.growth p {
    padding: 10px 0 0;
    color: #091e42
}

.growth p small {
    font-size: 14px;
    position: relative;
    padding: 0 0 0 15px
}

.growth p small:before {
    left: 5px;
    width: 4px;
    height: 4px;
    background: #091e42
}

.icn-box-ser {
    display: inline-block;
    width: 7%;
    vertical-align: middle
}

.ys-container,
.ys-layer {
    display: none;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0
}

.prc_boxess .small-serces {
    display: inline-block;
    width: 70%;
    vertical-align: middle;
    padding: 0 10px 0 15px
}

.growth.grwth a {
    margin: 0 0 0 10px;
    background: #03d0dd;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 10px;
    color: #fff
}

.prc_boxess .plus-pri {
    display: inline-block;
    width: 23%;
    vertical-align: middle;
    text-align: center
}

.prc_boxess .plus-pri p {
    font-size: 20px;
    font-weight: 700;
    padding: 0 0 14px;
    color: #091e42
}

.prc_boxess .plus-pri a {
    font-size: 14px;
    font-weight: 700;
    display: block;
    padding: 10px
}

.portfolio-box ul li {
    display: inline-block;
    margin: 0 30px 0 0
}

.ys-layer {
    opacity: .7;
    width: 100%;
    z-index: 1000
}

.ys-container {
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999
}

.ys-box {
    margin: 0 auto;
    position: relative;
    top: 43.5%;
    transform: translateY(-50%);
    border-radius: 10px 10px 20px 20px;
    transition: height .2s ease-in-out
}

.ys-popup-close {
    position: absolute;
    color: #000;
    text-align: center;
    font-size: 17px;
    text-decoration: none;
    display: block;
    right: 20px;
    top: 20px;
    font-weight: 700
}

.ys-container.finished .ys-popup-close {
    width: 40px;
    height: 40px;
    text-indent: 0
}

.ys-popup-content {
    display: none;
    padding: 20px 40px;
    background: #f5f5f5;
    border-radius: 0 0 10px 10px
}

.ys-popup-close:hover {
    text-decoration: none;
    color: red
}

.ys-box {
    border-top: 5px solid #524a61;
    height: 574px;
    width: 572px !important;
    background: 0 0/cover #f5f5f5;
    padding: 0
}

.ys-box .mainbann {
    border-radius: 20px 20px 0 0;
    width: 100%
}

.popupform h2 {
    color: #1a74f0;
    font-size: 26px;
    font-weight: 400
}

.popupform h2 span {
    color: #ea2d62
}

.popupform p {
    color: #c10a29;
    font-size: 18px;
    padding: 0 0 8px;
    text-align: center
}

.popupform form p {
    color: #c10a29;
    font-size: 14px;
    font-weight: 500
}

.popupform form p span {
    color: #0c71f4
}

p.small {
    font-size: 14px;
    color: #000;
    text-align: center;
    display: block
}

.popupform form .fldst {
    margin: 0;
    display: block;
    width: 100%
}

.popupform form .fldst .intl-tel-input {
    width: 100%;
    margin-bottom: 15px
}

.popupform form .fldst.btnattach button {
    outline: 0;
    position: relative;
    bottom: 0;
    border: 0;
    display: block;
    right: 0;
    background: #8a0c10 ;
    width: 100%;
    height: 50px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    color: #fff
}

.popupform form .lst-p {
    text-align: center;
    padding: 15px 0
}

.popupform form input {
    width: 100%;
    margin: 0 0 15px;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 5px;
    height: 50px;
    font-weight: 400;
    outline: 0 !important
}

.mst-inr ul li,
ul.artcle-lst li {
    padding: 0 0 0 25px;
    position: relative
}

.popupform h3 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto 10px;
    display: block;
    width: 55%;
    text-align: center;
    background: #524a61;
    color: #fff;
    border-radius: 0 0 10px 10px;
    padding: 10px;
    font-size: 30px
}

.popupform figure {
    text-align: center;
    margin: 20px 0 0
}

.popupform figure img {
    width: 30%
}

.fldst textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 400;
    outline: 0 !important;
    margin: 0 0 15px;
    resize: none;
    height: 100px
}

.bookmasters-page .clientele-sec {
    background-color: #f4f5f7
}

.terms_cond_inner h5 {
    color: #253858;
    font-size: 26px
}

.terms_cond_inner ul li {
    display: block;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    margin: 0 0 6px 0;
}

.terms_cond_inner ul li:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 10px;
    width: 6px;
    height: 6px;
    background: #c10a29;
    border-radius: 50%
}

.tbs-inner-srvcess h3 {
    color: #091e42;
    font-weight: 700;
    font-size: 30px
}

.tbs-inner-srvcess p {
    color: #333;
    font-size: 22px;
    padding-top: 10px;
    line-height: 1.4;
    font-weight: 400
}

.tbs-inner-srvcess .portfolio-box ul li {
    position: relative;
    padding: 0 0 0 25px;
    font-size: 16px;
    color: #333
}

.mst-inr ul li:before,
.tbs-inner-srvcess .portfolio-box ul li:before,
ul.artcle-lst li:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    font-family: fontawesome;
    font-size: 12px
}

.tbs-inner-srvcess .portfolio-box ul li:before {
    top: 5px;
    color: #c59203
}

.mst-inr ul li {
    display: block;
    font-size: 18px;
    color: #3a3a3a;
    line-height: 30px
}

.mst-inr ul li:before {
    top: 1px;
    color: #39ed92
}

ul.artcle-lst li {
    font-size: 16px;
    color: #333;
    display: block
}

ul.artcle-lst li:before {
    top: 5px;
    color: #b32524
}

.myprocess.main-arcle-sec ul li {
    width: auto;
    text-align: left;
    padding-right: 0
}

.myprocess.main-arcle-sec .prce_box {
    min-height: 600px;
    margin: 20px 0
}

.myprocess.main-arcle-sec .prtf-srl {
    height: 368px
}

.myprocess .tbs-inner-srvcess .portfolio-box .pr-hdr {
    color: #091e42;
    font-weight: 700;
    font-size: 20px;
    padding: 20px 0 10px
}

.myprocess.main-arcle-sec .prce_box p {
    font-size: 15px;
    color: #091e42
}

.mobile-cta {
    position: fixed;
    bottom: 1.5%;
    z-index: 14;
    left: 3%;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    display: none
}

.mobile-cta .xicon {
    font-size: 24px;
    color: #fff;
    text-align: center;
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 50%;
    border: 4px solid #8a0c10 ;
    background: #b71f1f;
    padding-top: 4px;
    text-decoration: none
}

.clientsLogo img {
    width: 80%;
    height: 100px;
    object-fit: scale-down
}

.clientsLogo {
    background: #790405;
    padding: 30px 0
}

@media screen and (max-width:1024px) {
    .tls-sft .pp {
        color: #091e42;
        font-weight: 500;
        font-size: 16px;
        line-height: 23px;
        font-style: italic;
        margin: 0 0 40px
    }

    .Ghost-book-writing-content h1,
    .built-sec h2,
    .clientele-sec h2,
    .cntc-form h3,
    .collaboration-sec .wrapper h2,
    .form-box-main h2,
    .fourth-sec-content h3,
    .ghst-writng-content h1,
    .git h3,
    .home-banner-content h1,
    .info-content h3,
    .introduction-sec .wrapper h3,
    .introduction-sec2 .wrapper h3,
    .main-ghst-sec h3,
    .mycta h2,
    .myprocess h2,
    .our-team h1,
    .policypg h2,
    .strt-cta h3,
    .team-content h3,
    .thierd-sec-content h3,
    .tools-sec h2,
    .tpmst-heading h2,
    .trst-rvw h1,
    .works-content h3 {
        font-size: 32px;
        line-height: 36px
    }

    .banner-form h3 {
        font-size: 24px
    }

    .Ghost-book-writing-content p,
    .info-content p,
    .introduction-sec2 .wrapper p,
    .main-ghst-sec p,
    .strt-cta p,
    .team-content p,
    .works-content p {
        font-size: 18px
    }

    .main-Ghost-book-writing-sec {
        height: 455px
    }

    .header-main .secondlogo {
        margin-right: 10px
    }

    .header-main .d-none {
        display: block !important
    }

    .forpgactive,
    .top-info-list,
    ul.othermenu.forpgactive {
        display: none !important
    }

    section.homwBtmform.mob-no-bg {
        background-image: none !important
    }

    body.order-page.iti-mobile .form-box-main form {
        width: 100%;
        margin: 0 auto;
        padding-top: 00px
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .nav-area-full {
        display: block;
        margin-top: 0
    }

    .mobile-nav-btn {
        z-index: 999;
        top: 26px
    }

    .mobile-nav-btn span,
    .mobile-nav-btn span:after,
    .mobile-nav-btn span:before {
        background-color: #6c7780
    }

    .mobile-nav .logo-main {
        width: 130px
    }

    .Ghost-book-writing-content h1,
    .built-sec h2,
    .clientele-sec h2,
    .cntc-form h3,
    .collaboration-sec .wrapper h2,
    .form-box-main h2,
    .fourth-sec-content h3,
    .ghst-writng-content h1,
    .git h3,
    .home-banner-content h1,
    .info-content h3,
    .introduction-sec .wrapper h3,
    .introduction-sec2 .wrapper h3,
    .main-ghst-sec h3,
    .mycta h2,
    .myprocess h2,
    .our-team h1,
    .policypg h2,
    .strt-cta h3,
    .team-content h3,
    .thierd-sec-content h3,
    .tools-sec h2,
    .tpmst-heading h2,
    .trst-rvw h1,
    .works-content h3 {
        font-size: 28px
    }

    .Ghost-book-writing-content p,
    .built-sec p,
    .cntc-form p,
    .collaboration-sec .wrapper p,
    .fourth-sec-content p,
    .ghst-writng-content p,
    .git p,
    .git-box2 p,
    .home-banner-content .subtitle,
    .info-content p,
    .introduction-sec .wrapper p,
    .introduction-sec2 .wrapper p,
    .main-ghst-sec p,
    .mycta p,
    .myprocess p,
    .myprocess ul li h3,
    .quest-content p,
    .strt-cta p,
    .team-box1 h3,
    .team-content p,
    .thierd-sec-content p,
    .tools-sec p,
    .trst-rvw p,
    .works-content p {
        font-size: 16px
    }

    .floatbutton,
    .sevr-img {
        display: none
    }

    .banner-form h3,
    .git-box2 h3,
    .ser-box2 h3 {
        font-size: 18px
    }

    .btn-theme,
    .btn-theme-outline,
    .team-box1 a.team-lnk,
    .team-box1 p {
        font-size: 14px
    }

    .tools-sec .tbox {
        min-height: 300px
    }

    .collaboration-sec figure,
    .main-belve-sec figure,
    .thierd-sec-img figure {
        text-align: center
    }

    .collaboration-sec figure img,
    .main-belve-sec figure img,
    .team-img figure img,
    .teamwork-img figure img,
    .thierd-sec-img figure img {
        width: 80%
    }

    .clientele-sec {
        padding: 30px 0;
        margin-top: 60px
    }

    .main-princing-sec-hme .nav-pills li {
        margin-right: 0
    }

    .header-main {
        position: fixed;
        background: #fff
    }

    .hompg .home-banner {
        height: 425px
    }

    .hompg .banner-form {
        padding: 15px;
        top: 50px
    }

    .Ghost-book-writing-content h1 {
        line-height: 32px
    }

    .main-Ghost-book-writing-sec {
        height: 500px;
        padding: 50px 0 0
    }

    .ghst-writng-content a {
        margin: 0 5px
    }

    .home-banner-content.hme-bner-cntn input.submit {
        padding: 15px 35px 19px !important
    }

    .main-wrkup-sec {
        height: 810px
    }

    .contact-page .btn-theme-outline {
        padding: 6px 7px
    }

    .fologo {
        margin-bottom: 30px
    }

    .prce_box,
    .team-box1 {
        padding: 15px
    }

    .prce_box h3 {
        padding: 0
    }

    .main-ghst-writng-first-sec {
        margin-top: 0
    }

    .collaboration-sec,
    .myprocess,
    .sec-padding-60 {
        padding: 30px 0
    }

    .git-box2 {
        padding-left: 15px
    }

    .hart-bg {
        padding-bottom: 0
    }

    .icn-box-ser,
    .prc_boxess .plus-pri {
        width: 100%
    }

    .prc_boxess .small-serces {
        width: 100%;
        padding: 20px 0
    }

    .prc_boxess {
        min-height: 335px
    }

    .icn-box-ser figure img {
        width: 20%
    }
}

@media screen and (max-width:768px) {
    .serForm .analyzeform {
        width: 100%
    }

    .Ghost-book-writing-content h1,
    .banner-form h3,
    .built-sec h2,
    .clientele-sec h2,
    .cntc-form h3,
    .collaboration-sec .wrapper h2,
    .form-box-main h2,
    .fourth-sec-content h3,
    .ghst-writng-content h1,
    .git h3,
    .home-banner-content h1,
    .info-content h3,
    .introduction-sec .wrapper h3,
    .introduction-sec2 .wrapper h3,
    .main-ghst-sec h3,
    .mycta h2,
    .myprocess h2,
    .our-team h1,
    .policypg h2,
    .strt-cta h3,
    .team-content h3,
    .thierd-sec-content h3,
    .tools-sec h2,
    .trst-rvw h1,
    .works-content h3 {
        font-size: 24px;
        line-height: 28px
    }

    .Ghost-book-writing-content p,
    .info-content p,
    .introduction-sec2 .wrapper p,
    .main-ghst-sec p,
    .myprocess ul li h3,
    .strt-cta p,
    .team-content p,
    .works-content p {
        font-size: 16px
    }
}

@media screen and (max-width:736px) {

    .copyright,
    .slider-wrapper.black .home-banner-content {
        margin-top: 0
    }

    .eggoffer,
    .floatbutton,
    .hart-bg:after,
    .hart-bg:before,
    .mb-no-serv,
    .mob-services,
    .mobile-cta,
    .mypopup-wrap,
    .nav-area-full,
    .team-box1.brdr:after,
    .team-box1.brdr:before,
    .ys-container.visible {
        display: none
    }

    .prc_boxess {
        min-height: auto
    }

    .mob-services .slick-prev {
        top: 470px;
        left: 225px;
        height: 40px;
        width: 40px
    }

    .mob-services .slick-next {
        right: 225px;
        top: 470px;
        height: 40px;
        width: 40px
    }

    .book-slider .slick-next,
    .myprocess .book-slider .slick-next {
        top: 375px;
        left: 255px;
        height: 40px;
        width: 40px
    }

    .book-slider .slick-prev,
    .myprocess .book-slider .slick-prev {
        top: 375px;
        left: 210px;
        height: 40px;
        width: 40px
    }

    .tools-sec .tbox {
        padding: 20px 30px;
        margin-top: 20px;
        margin-bottom: 20px;
        min-height: 400px
    }

    .testimonials-slider .slick-next {
        right: 225px;
        top: 405px;
        height: 40px;
        width: 40px
    }

    .testimonials-slider .slick-prev {
        top: 405px;
        left: 225px;
        height: 40px;
        width: 40px
    }

    .Ghost-book-writing-content h1,
    .built-sec h2,
    .clientele-sec h2,
    .cntc-form h3,
    .collaboration-sec .wrapper h2,
    .form-box-main h2,
    .fourth-sec-content h3,
    .ghst-writng-content h1,
    .git h3,
    .home-banner-content h1,
    .info-content h3,
    .introduction-sec .wrapper h3,
    .introduction-sec2 .wrapper h3,
    .main-ghst-sec h3,
    .mycta h2,
    .myprocess h2,
    .our-team h1,
    .policypg h2,
    .strt-cta h3,
    .team-content h3,
    .thierd-sec-content h3,
    .tools-sec h2,
    .tpmst-heading h2,
    .trst-rvw h1,
    .works-content h3 {
        font-size: 32px
    }

    .Ghost-book-writing-content p,
    .built-sec p,
    .cntc-form p,
    .collaboration-sec .wrapper p,
    .fourth-sec-content p,
    .ghst-writng-content p,
    .git p,
    .git-box2 p,
    .home-banner-content .subtitle,
    .info-content p,
    .introduction-sec .wrapper p,
    .introduction-sec2 .wrapper p,
    .main-ghst-sec p,
    .mycta p,
    .myprocess p,
    .quest-content p,
    .strt-cta p,
    .team-content p,
    .thierd-sec-content p,
    .tools-sec p,
    .trst-rvw p,
    .works-content p {
        font-size: 18px
    }

    .collaboration-sec .wrapper,
    .home-banner-content {
        padding-top: 0
    }

    .home-banner {
        height: 850px
    }

    .ser-box1 {
        width: 100%;
        text-align: center;
        padding-bottom: 30px
    }

    .ser-box2 {
        width: 100%;
        padding-left: 0
    }

    .main-ser.main-serv-mob {
        margin-top: 60px
    }

    .alts-box1 img,
    .book-slider .slick-slide img {
        display: inline-block
    }

    .info-content {
        padding: 0 0 10px
    }

    .copyright {
        text-align: left;
        padding-top: 0
    }

    .hompg .main-ghst-writng-second-sec,
    .main-ghst-writng-second-sec {
        padding-top: 30px
    }

    .cta-dr .btnwrap {
        padding: 0 0 30px
    }

    .built-sec p,
    .wdt-80 {
        width: 100%
    }

    .form-box-main {
        padding-top: 0;
        background-color: #fff !important
    }

    .main-Ghost-book-writing-sec {
        padding: 0
    }

    .collaboration-sec figure,
    .main-Ghost-book-writing-sec figure,
    .main-belve-sec figure,
    .thierd-sec-img figure {
        text-align: center
    }

    .main-Ghost-book-writing-sec img {
        width: 60%
    }

    .introduction-sec2 figure {
        text-align: center;
        padding: 0 0 30px
    }

    .myprocess.main-ghst-sec p {
        padding-bottom: 20px
    }

    .myprocess.main-ghst-sec .book-slider .slick-prev {
        top: 450px;
        left: 210px;
        height: 40px;
        width: 40px
    }

    .myprocess.main-ghst-sec .book-slider .slick-next {
        top: 450px;
        left: 255px;
        height: 40px;
        width: 40px
    }

    .myprocess {
        padding: 30px 0 60px
    }

    .introduction-sec2 {
        padding: 60px 0 30px
    }

    .home-banner-content.hme-bner-cntn {
        position: relative;
        margin-top: calc(100% - 60%)
    }

    .analyzeform form .dtf {
        width: 100%;
        float: none
    }

    .home-banner-content.hme-bner-cntn input.submit {
        width: 100%;
        text-align: center;
        padding: 15px !important;
        margin-left: 0
    }

    .ghst-writng-img-sec figure {
        margin: 20px 0 0;
        text-align: center
    }

    .bookmasters-page .collaboration-sec figure {
        margin-top: 40px
    }

    .bookmasters-page .collaboration-sec,
    .clientele-sec {
        padding: 30px 0
    }

    .strt-bg {
        padding-bottom: 30px
    }

    .bookmasters-page .testimonials-slider .slick-next,
    .bookmasters-page .testimonials-slider .slick-prev {
        top: 425px
    }

    .slick-next,
    .slick-prev {
        width: 40px;
        height: 40px
    }

    .main-strt-cta-sec {
        height: 300px
    }

    .git-box2 {
        padding-left: 10px
    }

    .git-box2 h3 {
        font-size: 20px
    }

    .ultimate-slider .slick-next {
        top: 260px;
        left: 265px
    }

    .ultimate-slider .slick-prev {
        top: 260px;
        left: 215px
    }

    .tls-sft {
        margin: 0 0 20px
    }

    .hart-bg,
    .prtfo.sec-padding-60 {
        padding-bottom: 70px
    }

    .cntc-form {
        padding: 15px 30px
    }

    .main-wrkup-sec {
        height: 675px
    }

    .collaboration-sec figure img,
    .ghst-writng-img-sec img,
    .main-belve-sec figure img,
    .team-img figure img,
    .teamwork-img figure img,
    .thierd-sec-img figure img {
        width: 80%
    }

    .analyzeform form .dtf input {
        border-radius: 0 !important
    }

    .team-img figure,
    .teamwork-img figure {
        text-align: center;
        margin-bottom: 0
    }

    .prtfo .testimonials-slider .slick-next,
    .prtfo .testimonials-slider .slick-prev {
        top: 580px
    }

    .tb1-img-sec {
        padding: 30px 0;
        width: 80%;
        margin: 0 auto
    }

    .main-atls {
        margin: 25px 0 30px
    }
}

@media screen and (max-width:667px) {
    .services-banner {
        padding: 0 !important;
        background: #fff
    }

    .services-banner .home-banner-content {
        padding-top: 0;
        margin-top: calc(100% - 20%) !important
    }

    .ftr-social {
        text-align: left;
        width: 100%;
        margin: 12px auto
    }
}

@media screen and (max-width:480px) {

    .banner-form,
    .home-banner-content.hme-bner-cntn,
    .tphead {
        position: relative
    }

    .ftr-social {
        text-align: left;
        width: auto;
        margin: 12px auto
    }

    .main-wrkup-sec {
        height: 680px
    }

    .hart-bg {
        padding-bottom: 5px
    }

    .git-box2 {
        padding-left: 0
    }

    section.main-ghst-writng-sixth-sec {
        margin-bottom: 15px
    }

    .bookmasters-page .testimonials-slider .slick-next,
    .bookmasters-page .testimonials-slider .slick-prev {
        top: 390px
    }

    .ultimate-slider .slick-next {
        top: 155px;
        left: 207px
    }

    .ultimate-slider .slick-prev {
        top: 155px;
        left: 160px
    }

    .git-box2 h3,
    .main-team_work-sec,
    .myprocess p.no-pad-mob,
    .myprocess ul li p,
    .myprocess.main-ghst-sec p {
        padding-bottom: 0
    }

    .myprocess.main-ghst-sec .book-slider .slick-next {
        top: 465px;
        left: 195px
    }

    .myprocess.main-ghst-sec .book-slider .slick-prev {
        top: 465px;
        left: 148px
    }

    .myprocess .book-slider .slick-next {
        top: 400px;
        left: 195px
    }

    .myprocess .book-slider .slick-prev {
        top: 400px;
        left: 148px
    }

    .home-banner {
        height: 825px
    }

    .home-banner-content {
        padding-top: 40px
    }

    .Ghost-book-writing-content h1,
    .built-sec h2,
    .clientele-sec h2,
    .cntc-form h3,
    .collaboration-sec .wrapper h2,
    .form-box-main h2,
    .fourth-sec-content h3,
    .ghst-writng-content h1,
    .git h3,
    .home-banner-content h1,
    .info-content h3,
    .introduction-sec .wrapper h3,
    .introduction-sec2 .wrapper h3,
    .main-ghst-sec h3,
    .mycta h2,
    .myprocess h2,
    .our-team h1,
    .policypg h2,
    .strt-cta h3,
    .team-content h3,
    .thierd-sec-content h3,
    .tools-sec h2,
    .tpmst-heading h2,
    .trst-rvw h1,
    .works-content h3 {
        font-size: 28px
    }

    .Ghost-book-writing-content p,
    .built-sec p,
    .cntc-form p,
    .collaboration-sec .wrapper p,
    .fourth-sec-content p,
    .ghst-writng-content p,
    .git p,
    .git-box2 p,
    .home-banner-content .subtitle,
    .info-content p,
    .introduction-sec .wrapper p,
    .introduction-sec2 .wrapper p,
    .main-ghst-sec p,
    .mycta p,
    .myprocess p,
    .quest-content p,
    .quest-title,
    .strt-cta p,
    .team-content p,
    .thierd-sec-content p,
    .tools-sec p,
    .trst-rvw p,
    .works-content p {
        font-size: 16px
    }

    .main-counter-sec {
        height: auto;
        padding: 0 60px
    }

    .bookmasters-page .collaboration-sec,
    .clientele-sec,
    .hompg .main-ghst-writng-second-sec,
    .introduction-sec2,
    .myprocess,
    .sec-padding {
        padding: 30px 0
    }

    .sevr-img {
        display: none
    }

    .main-ser.main-serv-mob,
    .tools-sec .tbx {
        margin-top: 60px
    }

    .ser-box2 h3 {
        font-size: 20px
    }

    .mycta .btnwrap a {
        margin: 0 3px
    }

    .built-sec p,
    .form-box-main form input[type=file],
    .icn-box-ser,
    .main-Ghost-book-writing-sec img,
    .myprocess ul li,
    .prc_boxess .plus-pri,
    .serForm .analyzeform,
    .wdt-80 {
        width: 100%
    }

    .myprocess ul {
        margin-top: 0
    }

    .myprocess p,
    .myprocess ul li p {
        padding-bottom: 50px
    }

    .info-content,
    .testimonials-slider {
        padding: 0
    }

    section.main-sft-sec {
        padding-bottom: 60px
    }

    .collaboration-sec {
        padding: 50px 0
    }

    .mycta,
    .strt-bg,
    .team-img {
        padding: 30px 0 0
    }

    .cta-dr .btnwrap {
        padding: 0 0 30px
    }

    .ser-box1 {
        width: 100%;
        text-align: center;
        padding-bottom: 30px
    }

    .ser-box2 {
        width: 100%;
        padding-left: 0
    }

    .introduction-sec {
        padding: 20px 0;
        background-position: right
    }

    .main-Ghost-book-writing-sec {
        height: 660px;
        padding: 30px 0 0
    }

    .Ghost-book-writing-content h1 {
        line-height: 32px
    }

    .introduction-sec2 figure {
        text-align: center;
        padding: 15px 0 30px
    }

    .myprocess ul li figure {
        margin-top: 30px
    }

    .ghst-writng-content a {
        margin: 0 5px 0 0
    }

    .analyzeform form .dtf {
        width: 100%;
        float: none
    }

    .main-ghst-writng-first-sec {
        margin: calc(100% - 89%) 0 auto;
        height: auto;
    }

    .mobile-nav-btn {
        z-index: 999;
        top: 16px
    }
    .team-content h1 {
        margin-top: 70px;
    }
    .portfolioSec img{
        height: auto !important;
    }
    section.pricing-sec .container h1 {
        font-size: 31px !important;
    }
    .boxessec .boxeswrap ul li {
        width: 100%;
        margin: 10px auto !important
    }

    .home-banner-content.hme-bner-cntn input.submit {
        width: 100%;
        text-align: center;
        padding: 8px !important;
        margin-left: 0
    }

    .ghst-writng-img-sec figure {
        margin: 20px 0 65px
    }

    .analyzeform form .dtf input {
        border-radius: 0 !important
    }

    .main-ghst-writng-second-sec {
        padding-top: 30px
    }

    .bookmasters-page .collaboration-sec figure {
        margin: 50px 0 0
    }

    .main-strt-cta-sec {
        height: auto !important;
    }

    .tls-sft {
        margin-bottom: 15px;
        padding: 20px
    }

    .cntc-form,
    .tools-sec .tbox {
        padding: 20px 30px
    }

    .bot-form form input[type=submit],
    .btn-theme,
    .btn-theme-outline {
        font-size: 15px;
        margin: 0 0 20px 0;
    }

    .cntc-form .bot-form form input[type=submit],
    figure {
        margin: 0
    }

    .tools-sec .tbox {
        margin-top: 20px;
        margin-bottom: 20px;
        min-height: 300px
    }

    .mtpx-100 {
        margin-top: 20px !important
    }

    .tools-sec .tbox a {
        bottom: 15px
    }

    .ord-box1,
    .ord-box2 {
        width: 50%;
        vertical-align: top
    }

    .mob-services .slick-prev {
        top: 370px;
        left: 160px;
        height: 40px;
        width: 40px
    }

    .mob-services .slick-next {
        right: 160px;
        top: 370px;
        height: 40px;
        width: 40px
    }

    .testimonials-slider .slick-prev {
        top: 400px;
        left: 160px;
        height: 40px;
        width: 40px
    }

    .testimonials-slider .slick-next {
        right: 160px;
        top: 400px;
        height: 40px;
        width: 40px
    }

    .prtfo .testimonials-slider .slick-next,
    .prtfo .testimonials-slider .slick-prev {
        top: 585px
    }

    .prtfo.sec-padding-60 {
        padding-bottom: 70px
    }
    section.main-ghst-writng-thierd-sec.sec-padding-60{
        padding: 133px 0;
    }
    .terms_cond_inner h1 {
        margin-top: 40px;
    }
    .book-slider .slick-prev {
        top: 410px;
        left: 150px;
        height: 40px;
        width: 40px
    }

    .book-slider .slick-next {
        top: 410px;
        left: 200px;
        height: 40px;
        width: 40px
    }

    .main-sft-sec .slick-next {
        top: 340px;
        left: 220px
    }

    .main-sft-sec .slick-prev {
        top: 340px;
        left: 165px
    }

    .banner-form {
        top: 20px
    }

    .myprocess ul li p span {
        display: inline-block
    }

    .tools-sec {
        padding: 30px 0 60px
    }

    .collaboration-sec .wrapper,
    .services-page .home-banner-content {
        padding-top: 0
    }

    .prc_boxess .small-serces {
        width: 100%;
        padding: 25px 0
    }

    .icn-box-ser figure img {
        width: 20%
    }

    .main-pricing-sec .prce_box {
        margin: 15px 0 100px
    }

    .main-pricing-sec .testimonials-slider .slick-next,
    .main-pricing-sec .testimonials-slider .slick-prev {
        top: 570px
    }

    .slider-wrapper.black.non-mar {
        margin-top: -30px
    }

    .services-page .slider-wrapper.black.non-mar {
        margin-top: 50px
    }

    .form-box-main form input[type=submit] {
        padding: 10px 30px;
        font-size: 15px
    }

    .prce_box {
        border: 1px solid #8a0c10 ;
        margin: 15px 15px 55px
    }

    .form-box-main form input[type=email],
    .form-box-main form input[type=number],
    .form-box-main form input[type=tel],
    .form-box-main form input[type=text],
    .form-box-main form select {
        padding: 15px;
        font-size: 14px;
        height: 40px;
        border-radius: 6px
    }

    .form-box-main form input[type=tel],
    .form-box-main form select {
        padding: 5px 15px
    }

    .form-box-main form textarea {
        font-size: 14px
    }

    .custom-package p {
        display: block
    }
}

@media screen and (max-width:375px) {
    .main-wrkup-sec {
        height: 665px
    }

    .mycta .btnwrap a {
        margin: 0 2px
    }

    .mycta .btnwrap .btn-theme {
        padding: 10px 12px
    }

    .mycta .btnwrap .btn-theme-outline {
        padding: 9px 12px
    }

    .home-banner-content h1 {
        font-size: 34px;
        line-height: 1.2
    }

    .Ghost-book-writing-content h1,
    .built-sec h2,
    .clientele-sec h2,
    .cntc-form h3,
    .collaboration-sec .wrapper h2,
    .form-box-main h2,
    .fourth-sec-content h3,
    .ghst-writng-content h1,
    .git h3,
    .info-content h3,
    .introduction-sec .wrapper h3,
    .introduction-sec2 .wrapper h3,
    .main-ghst-sec h3,
    .mycta h2,
    .myprocess h2,
    .our-team h1,
    .policypg h2,
    .strt-cta h3,
    .team-content h3,
    .thierd-sec-content h3,
    .tools-sec h2,
    .tpmst-heading h2,
    .trst-rvw h1,
    .works-content h3 {
        font-size: 24px
    }
}

.pricing-hme-content .smallboxes {
    padding: 20px 10px
}

.pricing-hme-img {
    padding: 20px 0 0
}

.home-banner {
    height: 551px
}

.main-pricing-sec .testimonials-slider .slick-next,
.main-pricing-sec .testimonials-slider .slick-prev {
    top: 570px
}

.Ghost-book-writing-content h1,
.banner-form h3,
.built-sec h2,
.clientele-sec h2,
.cntc-form h3,
.collaboration-sec .wrapper h2,
.form-box-main h2,
.fourth-sec-content h3,
.ghst-writng-content h1,
.git h3,
.home-banner-content h1,
.info-content h3,
.introduction-sec .wrapper h3,
.introduction-sec2 .wrapper h3,
.main-ghst-sec h3,
.mycta h2,
.myprocess h2,
.our-team h1,
.policypg h2,
.strt-cta h3,
.team-content h3,
.thierd-sec-content h3,
.tools-sec h2,
.tpmst-heading h2,
.trst-rvw h1,
.works-content h3 {
    font-size: 26px
}

.prtfo .testimonials-slider .slick-next,
.prtfo .testimonials-slider .slick-prev {
    top: 580px
}

.prtfo.sec-padding-60 {
    padding-bottom: 70px
}

.banner-form {
    width: 95%
}

.Ghost-book-writing-content h1 {
    line-height: 30px
}

.main-Ghost-book-writing-sec {
    height: 530px
}

.team-img figure {
    text-align: center;
    margin: 0
}

.main-wrkup-sec {
    height: 640px
}

.main-strt-cta-sec {
    height: 340px
}

.main-counter-sec {
    height: auto;
    padding: 0 0 0 30px
}

.main-ghst-writng-first-sec .ghst-writng-content .btn-theme,
.main-ghst-writng-first-sec .ghst-writng-content .btn-theme-outline,
.mycta .btnwrap .btn-theme {
    padding: 10px
}

.git-box2 h3 {
    font-size: 20px;
    padding: 0
}

.main-princing-sec-hme .nav-pills li a {
    padding: 6px;
    font-size: 13px
}

.mycta .btnwrap .btn-theme-outline {
    padding: 9px 10px
}

.mob-services .slick-next,
.testimonials-slider .slick-next {
    right: 100px;
    top: 200px
}

.book-slider .slick-prev {
    top: 360px;
    left: 115px
}

.book-slider .slick-next {
    top: 360px;
    left: 160px
}

.mtpx-100 {
    margin-top: 0 !important
}

.mob-services .slick-prev {
    top: 400px;
    left: 160px
}

.testimonials-slider .slick-prev {
    left: 120px
}

.myprocess .book-slider .slick-prev {
    top: 430px;
    left: 100px
}

.myprocess .book-slider .slick-next {
    top: 430px;
    left: 148px
}

.myprocess.main-ghst-sec .book-slider .slick-prev {
    top: 500px;
    left: 100px
}

.myprocess.main-ghst-sec .book-slider .slick-next {
    top: 500px;
    left: 148px
}

.ultimate-slider .slick-prev {
    top: 170px;
    left: 115px
}

.ultimate-slider .slick-next {
    top: 170px;
    left: 160px
}

.whitebtn {
    color: #000;
    border-color: #fff;
    background-color: #fff !important
}

.pricingTable ul.firstCol li,
.pricingTable ul.sec li {
    height: 40px;
    border-bottom: 1px solid #f1f1f1;
    font-weight: 700
}

.pricingTable p {
    color: #333;
    font-size: 22px;
    padding-top: 10px;
    line-height: 1.4;
    margin-bottom: 20px
}

.pricingTable ul.firstCol {
    border-radius: 4px
}

.pricingTable ul.firstCol li {
    text-align: left;
    vertical-align: middle;
    padding: 6px 0
}

.pricingTable ul.sec {
    border: 1px solid #f1f1f1
}

.pricingTable ul.sec li {
    text-align: center;
    padding: 5px 0
}

.pricingTable ul.sec li:nth-child(2n) {
    background: #efefef
}

.pricingTable ul.sec li.head {
    background: #3c434e;
    color: #fff;
    font-size: 16px
}

.pricingTable ul.sec li.price {
    font-size: 16px;
    font-weight: 700;
    color: #3c434e
}

.pricingTable ul.sec li a {
    font-weight: 700;
    color: #c69302;
    font-size: 15px
}

.modals .modal-dialog {
    max-width: 100%;
    margin: 0
}

.modals .modal {
    padding-right: 0 !important
}

.modals .modal-content {
    height: 100vh;
    background: #000000bd
}

.content {
    width: 1000px;
    margin: 0 auto;
    height: 100vh;
    vertical-align: middle;
    display: table
}

.content .img {
    width: 30%;
    display: table-cell;
    vertical-align: middle
}

.content .discrp {
    width: 100%;
    height: 340px;
    padding: 0 0 0 50px;
    margin-top: 29% !important;
    vertical-align: middle
}

.content li {
    color: #fff;
    font-size: 16px;
    list-style: disc inside
}

.modals .modal-header {
    border-bottom: 0 solid #e9ecef;
    position: absolute;
    width: 100%
}

.modals .modal-header .close {
    padding: 1rem;
    margin: -2rem -1rem 1rem auto
}

.modals button.close {
    padding: 0;
    background-color: #fff;
    opacity: 1;
    border: 0;
    -webkit-appearance: none;
    font-size: 34px
}

.modals .modal-footer {
    width: 100%;
    position: absolute;
    text-align: left;
    bottom: 100px;
    border-top: 0;
    display: block;
    margin: 0 0 0 18%
}

.modals .modal-footer h3 {
    color: #fff;
    margin: 0;
    width: 100%;
    display: block;
    position: inherit;
    font-size: 34px
}

.modals .modal-footer p {
    margin: 46px 0 0;
    width: 100%;
    text-align: left;
    display: block;
    position: inherit;
    color: #fff
}

.modals .modal-footer a {
    right: 37%;
    position: absolute;
    background: linear-gradient(to left, #8a0c10  0, #c10a29 100%);
    font-family: gilroy-medium, sans-serif;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    padding: 10px;
    top: 40px
}

.modals .modal {
    overflow: visible;
    top: -100%;
    transition: .8s;
    z-index: 0;
    display: none
}

.modals .modal.show {
    top: 0;
    z-index: 999999;
    display: block
}

.mytesti .trst-rvw h1 {
    color: #091e42;
    font-weight: 700;
    font-size: 40px
}

.mytesti .trst-rvw p {
    color: #091e42;
    font-size: 18px;
    padding-bottom: 20px
}

.mytesti .tls-wrap .tls-sft {
    padding: 25px 40px;
    box-shadow: 5px 6px 30px #00000012;
    border-radius: 6px;
    min-height: 265px;
    position: relative
}

.mytesti .tls-wrap .tls-sft h3 {
    color: #091e42;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0
}

.mytesti .tls-wrap .tls-sft p {
    font-size: 16px;
    padding-top: 10px;
    line-height: 1.4;
    height: 122px;
    padding-left: 0
}

.mytesti .tls-wrap .tls-sft h5 {
    color: #c10a29;
    font-size: 18px;
    font-weight: 600
}

.mytesti .tls-wrap .tls-sft h5 span {
    font-size: 14px;
    font-weight: 600
}

.prce_box ul li.heading {
    padding-left: 0;
    padding-bottom: 10px;
    font-weight: 700
}

ul.badges li {
    display: inline-block;
    margin-right: 70px
}

.whatsapp {
    width: 50px;
    height: 51px;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 100%;
    font-size: 34px;
    position: fixed;
    bottom: 1%;
    left: 20px;
    z-index: 9999;
    box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, .71);
    padding: 0;
    animation: .5s infinite alternate scrollDownAnimation;
    -webkit-animation: .5s infinite alternate scrollDownAnimation;
    background: #00e676;
    background: -moz-linear-gradient(left, #ea018e 0, #9b2c92 100%)
}

@keyframes scrollDownAnimation {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10px)
    }
}

@-webkit-keyframes scrollDownAnimation {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10px)
    }
}

.mypopup-wrap.active {
    position: fixed;
    top: 0;
    transition: .4s;
    background: #fff
}

.mypopup-wrap {
    transition: .4s;
    width: 800px;
    height: 600px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 10%;
    bottom: 0;
    margin: auto;
    z-index: 99999;
    overflow: hidden
}

.mypopup-wrap .mypopup {
    border-radius: 10px;
    font-size: 0;
    background: #fff
}

.mypopup-wrap .mypopup .left {
    width: 50%;
    display: inline-block;
    overflow: hidden;
    background: #386163;
    vertical-align: middle
}

.mypopup-wrap .mypopup .left figure {
    border-radius: 10px 0 0 10px;
    overflow: hidden
}

.mypopup-wrap .mypopup .left figure img {
    margin-left: 0;
    margin-top: 0;
    width: 100%
}

.mypopup-wrap .mypopup .right {
    width: 50%;
    padding: 19px 20px;
    display: inline-block;
    vertical-align: middle
}

.mypopup-wrap .mypopup .right .closebutton {
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transform: rotate(45deg);
    right: 20px;
    top: 20px
}

.mypopup-wrap .mypopup .right .closebutton:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 1px;
    top: 0;
    background: #000;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block
}

.mypopup-wrap .mypopup .right .closebutton:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 20px;
    top: 0;
    left: 0;
    background: #000;
    display: block;
    bottom: 0;
    margin: auto
}

.mypopup-wrap .mypopup .right .mypopup-innerwrap {
    padding-top: 0;
    padding-left: 30px;
    padding-right: 30px
}

.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 {
    font-size: 26px;
    line-height: 1
}

.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 span {
    font-size: 38px;
    display: block;
    font-weight: 900;
    color: #edad0d;
    margin-top: 5px;
    margin-bottom: 10px
}

.mypopup-innerwrap .form_wrap {
    padding: 20px 15px
}

.mypopup-innerwrap .form_wrap .hero_form .form-control {
    border-radius: 10px;
    border: 1px solid #b9b8b8
}

.mypopup-innerwrap .form_wrap .hero_form .form-control:focus {
    border: 1px solid #5d03db
}

.mypopup-innerwrap .form_wrap #quoteForm textarea.form-control {
    min-height: 85px
}

.mypopup-innerwrap .form_wrap .hero_form #quoteSubmit {
    border-radius: 10px;
    min-width: 100%
}

.hero_form .field-mergedleft {
    padding-left: 15px
}

.hero_form .field-mergedright {
    padding-right: 15px
}

.submit:hover {
    background-color: #1f1f1f
}

.submit {
    border: 0;
    font-size: 18px;
    color: #fff;
    line-height: 2;
    padding: 5px 51px;
    outline: 0;
    cursor: pointer;
    transition: background-color .3s;
    border-radius: 5px;
    background: #000
}

.overlay {
    background: #0000006b;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed
}

.eggoffer.show {
    position: fixed;
    bottom: 8px;
    transition: .4s
}

.eggoffer {
    width: 150px;
    cursor: pointer;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    position: fixed;
    bottom: 10px;
    left: 8px;
    z-index: 999;
    overflow: hidden
}

.eggoffer .top {
    position: relative;
    z-index: -1
}

.eggoffer .bottom {
    cursor: pointer;
    padding: 16px 5px;
    border-radius: 5px;
    background: #16a07d
}

.eggoffer .bottom h3 {
    font-size: 14px;
    margin: 0;
    color: #fff
}

.eggoffer .bottom span {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    width: 100%;
    padding-top: 6px;
    line-height: 1;
    display: inline-block;
    text-align: center;
    text-shadow: 0 2px 2px #666
}

.form_wrap .analyzeform form input[type=submit] {
    width: 100%;
    margin: 10px 0 0;
    text-align: center;
    border-radius: 4px
}

.overlay-bg.vis {
    display: block !important
}

.analyzeform form input[type=email],
.analyzeform form input[type=number],
.analyzeform form input[type=tel],
.analyzeform form input[type=text],
.analyzeform form textarea {
    width: 100%;
    margin: 0 0 10px;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 13px 15px;
    color: gray;
    font-size: 13px;
    height: 50px;
    font-weight: 400;
    outline: 0 !important
}

.introduction-sec2 {
    padding: 40px 0;
    background-image: url(../images/Section_Image_1.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fefefe
}

.introduction-sec2 .wrapper h3 {
    color: #091e42;
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase
}

.introduction-sec2 .wrapper h3 span {
    color: #b32524;
    display: block;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.introduction-sec2 .wrapper p {
    color: #091e42;
    font-size: 18px;
    padding-bottom: 10px
}

@media screen and (max-width:786px) {

    .boxessec .boxeswrap ul li figure,
    .footer-nav,
    .footer-nav h4,
    .footer-top h4,
    .per-box1 {
        display: none
    }

    .home-banner-content h1 {
        font-size: 34px;
        line-height: 1.2
    }

    .home-banner-content .subtitle,
    .tls-sft h5 {
        font-size: 19px
    }

    .designunigue p {
        text-align: center;
        line-height: 1.8
    }

    .designunigue .subimages li {
        padding-right: 0;
        width: 33% !important;
        margin: 0
    }

    .conter-cont-box p {
        font-size: 19px;
        line-height: 22px
    }

    .introduction-sec .wrapper p,
    .tls-sft h3 {
        font-size: 18px !important
    }

    .bookSec .box img {
        padding-left: 67px !important
    }

    .banner-form h3,
    .banner-form p,
    .crte-prf,
    .footer-top,
    .form-box-main h2 {
        text-align: center !important
    }

    .per-box1 {
        padding: 13px 0 0
    }

    .per-box2 {
        width: 100%;
        text-align: center
    }

    .chtnow .livechat_button {
        display: inline-block;
        vertical-align: bottom
    }

    .packages-sec p a {
        display: table;
        text-align: center;
        margin: 3px 0 0 0  !important;
    }

    .abtn {
        margin: auto !important
    }

    .livechat_button {
        width: auto !important
    }

    .address-main ul li {
        width: 240px
    }

    .address-main ul li span {
        position: inherit
    }

    .ftr-social {
        text-align: -webkit-center;
        width: auto;
        margin: -58px auto 35px;
        float: inherit
    }

    .livechat_button a {
        margin-top: 24px !important
    }

    .livechat_button {
        margin-top: 8px !important;
        margin-right: 20px !important
    }

    .text-left.flex-wrap {
        display: flex;
    }

    .main-wtn-sec ul li:last-child {
        padding-left: 0 !important
    }

    .tls-sft h3 {
        line-height: 28px !important
    }

    .tls-sft h5 span {
        font-size: 15px
    }

    .homwBtmform .offset-lg-2 {
        margin-left: 10%
    }

    .copyright,
    .crds-img {
        text-align: center
    }

    .main-ghst-writng-first-sec ul li {
        margin: 0 0 10px 30px;
        width: 33%;
    }
    ul.home-ul li.home-li::before{
        left: 8px !important;

    }

    .terms_cond_inner p {
        font-size: 16px !important
    }

    .boxessec .boxeswrap ul li .textwrap {
        width: 100% !important
    }

    .boxessec .boxeswrap ul li .textwrap p {
        font-size: 15px !important
    }

    .address-main {
        text-align: -webkit-center
    }

    .ftr-social li a span {
        font-size: 21px !important;
        width: auto !important
    }

    .dmca {
        margin-top: -55px
    }

    .slick-next,
    .slick-prev {
        display: none !important
    }

    .pd-top {
        padding: 364px 0 !important
    }

    .homwBtmform {
        background: 0 0
    }

    .strugglesec ul li {
        width: 100%;
        margin-top: 10px
    }

    .main-princing-sec-hme .nav-pills li {
        width: 100% !important;
        margin-bottom: 31px;
        display: block
    }

    .mb_logo {
        padding-bottom: 50px
    }

    .home-banner {
        height: 825px
    }
}

.prc_boxess2 {
    min-height: 232px
}

section.pricing-sec p {
    font-size: 16px;
    font-weight: 400;
    width: 100%
}

.pricing-sec .col-md-12.megapkg img {
    position: relative;
    z-index: 3;
    height: auto
}

section.pricing-sec [class^=col-md-4] {
    padding: 0 10px 30px
}

section.pricing-sec [class^=col-md-4]:last-child>div:after {
    content: "";
    right: -70px;
    width: 69px;
    height: 151px;
    position: absolute;
    top: 50px;
    margin-left: 0
}

section.pricing-sec [class^=col-md-4]:first-child>div:before {
    content: "";
    left: -112px;
    width: 112px;
    height: 269px;
    position: absolute;
    bottom: 40px;
    margin-left: 0
}

.pricing-sec .col-md-12.megapkg {
    background: #fff;
    padding: 15px;
    border: 5px dashed #e3e3e3;
    color: grey;
    margin-top: 15px;
    position: relative;
    flex: none
}

.pricing-sec .col-md-12.megapkg>div {
    background: #223136;
    padding: 0 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pricing-sec .col-md-12.megapkg>div h3,
.pricing-sec .col-md-12.megapkg>div h4,
.pricing-sec .col-md-12.megapkg>div h5 {
    display: inline-block;
    margin: 0
}

.pricing-sec .col-md-12.megapkg>div h3 {
    font-size: 70px;
    color: #cbc184;
    font-weight: 700;
    text-align: center;
    padding: 0 20px;
    position: relative;
    z-index: 2
}

.pricing-sec .col-md-12.megapkg>div h3 span {
    display: block;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    top: -9px
}

.pricing-sec .col-md-12.megapkg>div h4 {
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    padding: 0 20px
}

.pricing-sec .col-md-12.megapkg>div h4 span {
    display: block;
    font-size: 22px;
    font-weight: 300
}

.pricing-sec .col-md-12.megapkg>div h5 {
    background: #00000073;
    display: inline-block;
    padding: 30px;
    font-size: 60px;
    color: #e4da9a;
    font-weight: 700
}

.pricing-sec .col-md-12.megapkg>div h5 span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    font-style: italic;
    text-align: right
}

.pricing-sec .col-md-12.megapkg>div a {
    background: #cbc184;
    padding: 15px 40px;
    margin-left: 20px;
    border-radius: 5px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    border: 2px solid #cbc184;
    outline: 0
}

section.pricing-sec [class^=col-md-4]>div ul li b {
    font-weight: 500
}

section.pricing-sec [class^=col-md-4]>div.center-priceList a {
    background: 0 0;
    border: 1px solid;
    color: b22425
}

section.pricing-sec [class^=col-md-4]>div {
    padding: 0 20px 60px;
    color: grey;
    margin-top: 35px;
    position: relative;
    background: #fff;
    margin-right: 12px;
    border-radius: 8px;
    min-height: 98%;
    box-shadow: 0 0 10px #d8d8d8
}

section.pricing-sec [class^=col-md-4]>div.center-priceList {
    background-size: cover;
    border-top: 5px solid #5f4f22
}

.saller-offer {
    width: 116px;
    height: 49px;
    position: absolute;
    left: 0;
    right: 0;
    top: -13px;
    margin: auto
}

section.pricing-sec [class^=col-md-4]>div.center-priceList .price-offer {
    background: #fff;
    color: #ff4800
}

section.pricing-sec [class^=col-md-4]>div.center-priceList>div.title-pkg h4 {
    color: b22425
}

section.pricing-sec [class^=col-md-4]>div.center-priceList>div.title-pkg {
    border-color: #3e3d39
}

section.pricing-sec h2 {
    text-align: center;
    font-size: 44px;
    font-weight: 700;
    color: #000
}

section.pricing-sec h2 span {
    display: block;
    font-size: 26px;
    color: black;

}

section.pricing-sec h2 i {
    font-style: normal;
    color: red
}

section.pricing-sec h2+p {
    text-align: center;
    color: #a7a7a7;
    font-size: 16px;
    font-weight: 400
}

section.pricing-sec [class^=col-md-4]>div ul li {
    display: block;
    padding-left: 17px;
    position: relative;
    font-size: 17px;
    margin-bottom: 17px;
    color: #282722;
    font-weight: 500
}

section.pricing-sec [class^=col-md-4]>div ul li img {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px
}

section.pricing-sec {
    padding: 50px 0;
    background: #fff;
    text-align: left
}

section.pricing-sec [class^=col-md-4]>div>div.title-pkg {
    width: 100%;
    padding: 17px 0 15px;
    color: #282722;
    margin-bottom: 15px;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #e5e5e5
}

section.pricing-sec .price-offer {
    position: absolute;
    right: 0;
    top: 25px;
    background: #b22425;
    color: #fff;
    padding: 1px 20px;
    border-radius: 20px 0 0 20px;
    font-size: 18px;
    font-weight: 600
}

section.pricing-sec [class^=col-md-4]>div>div.title-pkg span {
    display: inline-block;
    font-weight: 300;
    font-size: 17px
}

section.pricing-sec [class^=col-md-4]>div>div.title-pkg h3 {
    display: inline-block;
    font-size: 25px;
    margin: 0;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    font-weight: 800
}

section.pricing-sec [class^=col-md-4]>div>div.title-pkg h3 span {
    font-weight: 300;
    font-size: 17px;
    position: relative;
    top: 0;
    left: 0;
    display: block
}

section.pricing-sec [class^=col-md-4]>div>div.title-pkg h4 {
    display: block;
    color: #b22425;
    font-size: 40px;
    font-weight: 300;
    margin: 0;
    z-index: 1;
    line-height: 34px
}

section.pricing-sec [class^=col-md-4]>div>div.title-pkg h4 sub {
    bottom: 15px;
    font-size: 22px
}

.megapkg #grad1 {
    height: 110px;
    width: 250px;
    z-index: -1;
    right: 0;
    opacity: .4;
    top: 0
}

section.pricing-sec [class^=col-md-4]>div>div.title-pkg h4 span.old_price {
    display: block;
    text-decoration: line-through;
    font-weight: 600;
    text-decoration-color: red;
    color: #686868
}

section.pricing-sec [class^=col-md-4]>div h5 {
    margin: 10px 0;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    background-color: #ebebeb;
    width: fit-content;
    padding: 10px;
    border-radius: 62px
}

section.pricing-sec [class^=col-md-4]>div ul li:before {
    content: "\f0c8";
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    color: b22425;
    font-size: 5px;
    top: 7px
}

@media only screen and (max-width:900px) and (min-width:320px) {

    .m110,
    .mt_170 {
        margin-left: 0
    }

    .m1100 {
        margin-left: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 30px !important;
        position: inherit !important
    }

    .txt-align {
        text-align: center
    }

    section.pricing-sec [class^=col-md-4]>div>div.title-pkg {
        margin: 0;
        display: flex;
        justify-content: space-between;
        padding: 20px
    }

    .black_order-lft {
        left: -138px
    }

    .black_chat-lft {
        left: 168px;
        margin-top: 30px
    }

    section.pricing-sec [class^=col-md-4]>div h5,
    section.pricing-sec [class^=col-md-4]>div ul {
        padding: 0 20px;
        font-size: 13px;
        margin-bottom: 30px
    }

    section.pricing-sec [class^=col-md-4]>div>div.title-pkg h3 {
        font-size: 16px
    }

    section.pricing-sec [class^=col-md-4]>div>div.title-pkg span,
    section.pricing-sec h2+p {
        font-size: 15px
    }

    section.new-process h2 {
        font-size: 25px;
        margin-bottom: 20px
    }

    section.pricing-sec [class^=col-md-4]>div>div.title-pkg h4 {
        font-size: 23px
    }

    div#grad1,
    section.pricing-sec [class^=col-md-4]>div:after {
        display: none
    }

    section.pricing-sec [class^=col-md-4]>div {
        width: 100%;
        margin: 30px auto;
        padding: 0 0 55px
    }

    section.pricing-sec [class^=col-md-4]:last-child>div {
        margin: 0 auto
    }

    section.pricing-sec {
        padding: 20px
    }

    section.pricing-sec h2 {
        font-size: 31px;
        margin: 10px 0
    }

    .pricing-sec .col-md-12.megapkg {
        width: 80%;
        margin: 30px auto 0;
        text-align: center
    }

    .pricing-sec .col-md-12.megapkg>div {
        padding: 30px 0 20px;
        display: block
    }

    .pricing-sec .col-md-12.megapkg>div h3,
    .pricing-sec .col-md-12.megapkg>div h4,
    .pricing-sec .col-md-12.megapkg>div h5 {
        margin-bottom: 10px;
        display: block
    }

    .pricing-sec .col-md-12.megapkg>div h3 {
        font-size: 46px;
        display: block
    }

    .pricing-sec .col-md-12.megapkg img {
        display: block;
        margin: 0 auto
    }

    .pricing-sec .col-md-12.megapkg>div a {
        margin-left: 0;
        font-size: 16px;
        width: 100%;
        font-weight: 700
    }

    section.pricing-sec [class^=col-md-4]>div>div.title-pkg h4 sub {
        bottom: 0;
        font-size: 22px
    }
}

.black_chat,
.black_order {
    display: block;
    text-align: center;
    width: 150px;
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    position: absolute;
    bottom: 20px;
    right: 0;
    font-weight: 600
}

.black_order {
    background: #c62524;
    margin: 0 auto;
    padding: 11px 0;
    border-radius: 30px;
    border: 1px solid #fff
}

.black_order-lft {
    left: -162px
}

.black_chat-lft {
    left: 205px;
    margin-top: 30px
}

.livechat_button a {
    padding: 10px 0 !important;
    margin-left: 0;
    margin-top: 45px
}

.black_chat {
    background: 0 0;
    margin: 0 auto;
    padding: 4px 0;
    border-radius: 30px;
    border: 0 solid #fff
}

.uk-live {
    margin-left: -339px
}

.auto_b_h1 {
    font-size: 28px !important;
    background-color: #b22425 !important;
    margin: 11px 0;
    padding: 9px;
    font-weight: 600
}

.auto_b_h2 {
    font-size: 20px !important;
    background: #fff !important;
    color: #000 !important;
    padding: 10px;
    font-weight: 600
}

.auto_b_h3 {
    font-size: 30px !important;
    background-color: #b22425 !important;
    padding: 5px 12px !important;
    display: inline-block;
    font-weight: 700 !important;
    color: #fff
}

.auto_b_li {
    display: block !important;
    width: 100% !important;
    font-size: 18px !important;
    color: #fff;
    font-weight: 500;
    line-height: 41px !important
}

.auto_b_li_i {
    color: #b22425 !important
}

.section_1_h3 {
    color: #171717 !important;
    font-weight: 700 !important;
    font-size: 29px !important
}

.section_1_p {
    font-size: 17px !important;
    font-weight: 600 !important
}

.your_book2 ul {
    margin: 20px 40px 20px 30px !important;
    width: 96% !important;
    column-count: 2 !important;
    text-align: left !important
}

.your_book2 ul li {
    color: #212529;
    list-style: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px
}

.your_book2 ul li::before {
    content: "\2022";
    color: #b22425;
    font-weight: 700;
    display: inline-block;
    width: 13px;
    margin-left: -1em
}

@media only screen and (max-width:767px) {
    section.pricing-sec [class^=col-md-4]>div>div.title-pkg {
        padding: 46px 20px 20px !important
    }

    .auto_b_h1 {
        font-size: 21px !important
    }

    .auto_b_h2 {
        font-size: 16px !important;
        margin-top: 30px
    }

    .auto_b_h3 {
        font-size: 25px !important
    }

    .auto_b_li {
        display: block !important;
        min-width: 100% !important;
        font-size: 17px !important;
        color: #fff;
        font-weight: 500;
        line-height: 41px !important
    }

    .your_book2 ul {
        margin: 0 40px 20px 30px !important;
        width: 96% !important;
        column-count: 1 !important;
        text-align: left !important
    }

    .section_1_h3 {
        color: #171717 !important;
        font-weight: 700 !important;
        font-size: 29px !important;
        line-height: 1.6 !important;
        margin-top: 30px
    }
}

#clock1,
.breadcum ul,
.home-ul,
.text-left.flex-wrap,
img.iicon {
    display: flex
}

.hhh {
    line-height: 1;
    margin-bottom: 15px;
    font-weight: 700;
    color: #fff;
    position: relative;
    font-size: 26px
}

.packages-sec {
    background: top center/cover #f4f5f7;
    width: 100%;
    padding: 34px !important
}

.modal-body,
.modal-header {
    padding: 0 !important
}

.home-ul {
    flex-direction: column
}

.home-li {
    color: #fff;
    width: 100% !important;
    margin-bottom: 10px
}

ul.home-ul li.home-li::before {
    content: "\f05d";
    content: "\f05d";
    position: absolute;
    font-family: FontAwesome;
    left: -23px;
    font-size: 16px;
    color: #b32524;
    display: table-cell;
    vertical-align: middle
}

img.iicon {
    width: 76%
}

.modal-header {
    border: none !important;
    margin-bottom: 20px
}

.modal {
    background: #0000008c
}

.modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

.popup_form_wrp {
    padding: 0 15px
}

.popup_form_wrp h2 {
    font-weight: 600;
    font-size: 35px;
    color: #494949;
    margin: 0 0 50px;
    position: relative;
    top: 0;
    text-align: center
}

.popup_form_wrp p {
    color: #343434;
    font-weight: 500;
    position: relative;
    top: 30px
}

.popup_form_wrp form input,
.popup_form_wrp form select,
.popup_form_wrp form textarea {
    width: 100%;
    background: #fff;
    border-radius: 20px;
    height: 45px;
    margin: 0 0 15px;
    padding: 0 0 0 20px;
    font-family: Raleway;
    font-weight: 500;
    outline: 0;
    color: rgba(0, 0, 0, .44);
    border: 1px solid #8a0c10
}

.popup_form_wrp form {
    margin: -45px 0 0;
}

.popup_form_wrp form input::placeholder,
.popup_form_wrp form textarea::placeholder {
    color: rgba(0, 0, 0, .44);
    font-size: 14px
}

.popup_form_wrp form textarea {
    border-radius: 15px;
    height: 130px;
    padding: 15px 18px
}

.popup_form_wrp form select {
    font-size: 14px;
    font-weight: 500
}

.modal-content {
    padding: 30px 0;
    border-radius: 20px;
    border: 2px solid #8a0c10 !important
}

button.btn-close:after,
button.btn-close:before {
    content: '';
    display: block;
    background: #fff;
    width: 4px;
    height: 26px;
    top: 5px;
    border-radius: 5px;
    position: absolute
}

span.color_form {
    color: #8a0c10
}

button.btn-close {
    position: absolute;
    right: -1px;
    top: -1px;
    background: #8a0c10;
    opacity: 1;
    border-radius: 0 20px 0 20px;
    width: 40px;
    height: 35px;
    border: navajowhite;
}

button.btn-close:after {
    transform: rotate(42deg);
    left: 16px
}

button.btn-close:before {
    transform: rotate(129deg);
    left: 15px
}

button.btn-close:hover {
    background: #f3ad16;
    opacity: 1
}

button.popup_button {
    background: linear-gradient(180deg, #39aff9 0, #007cca 100%);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
    border-radius: 20px;
    border: none;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #fff;
    text-transform: capitalize;
    width: 200px;
    height: 50px;
    font-family: Raleway
}

button.popup_button:hover {
    background: #f3ad16
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, 1%) !important
}

#clock1 {
    position: absolute;
    top: 10%;
    left: 75%;
    width: 444px;
    margin-left: -360px;
    height: 100px;
    margin-top: -60px;
    text-align: center;
    justify-content: center
}

.popup_form_wrp form input ::placeholder,
.popup_form_wrp form select ::placeholder,
.popup_form_wrp form textarea::placeholder {
    color: #000 !important
}

input[type=text]::placeholder {
    color: #000 !important
}

input[type=email]::placeholder {
    color: #000 !important
}

input[type=tel]::placeholder {
    color: #000 !important
}

textarea {
    color: #000 !important
}

input[type=submit] {
    background: #8a0c10 !important;
    color: #fff !important
}

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 7px;
    height: 100px
}

.flip-clock-dot {
    display: block;
    background: #323434;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    left: 0
}

.flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 5px;
    width: 50px;
    height: 80px;
    font-size: 80px;
    font-weight: 700;
    line-height: 87px;
    border-radius: 6px;
    background: #000
}

.fade {
    opacity: 1 !important
}

@media(max-width:425px) {
    .terms_cond_inner h2 {
        margin-top: 50px;
        font-size: 38px
    }
}

.terms_cond_inner p,
.terms_cond_inner ul li {
    color: #202020
}

input#phone::placeholder,
input.round::placeholder,
input[type=email]::placeholder {
    color: #fff !important
}

.popup_form_wrp form input[type=email]::placeholder {
    color: #000 !important
}

.wrap .dtf input.round::placeholder,
.wrap .dtf input[type=email]::placeholder,
.wrap .dtf input[type=text]::placeholder {
    color: #544e4e !important
}

.breadcum ul {
    justify-content: start
}

.breadcum ul li {
    margin: 9px 20px 0 10px;
    font-size: 16px
}

.fa-angle-right:before {
    position: relative;
    top: 12px;
    left: -6px;
    font-size: 17px
}






/* khfuklasdhflehlehrfehfjnsdfbld */
.modal-content.chritmas {
    left: 180px;
}

.modal-content.chritmas::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    background: url(../images/pop_up.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 0;
    left: -450px;
    right: -1px;
    bottom: 0;
    height: 569px;
    z-index: -1;
    border-radius: 50px;
}
.tab-pane.fade.active.show {
    display: block !important;
}

.icon-map-marker3::before {
    display: none !important;
  }
  i.xicon.icon-angle-down::before{
    position: absolute;
    content: "\f0dd" !important;
    width: 20px;
    height: 20px;
    right: 15px;
    top: 74px;
    font-family: FontAwesome;
    color: #1e1e1e;
    font-size: 20px;
  }
  a.active i.xicon.icon-angle-down::before {
    color: white;
}
input[type="email"]::placeholder {
    color: black !important;
}

textarea::placeholder {
    color: black;
}
.ban-form {
    flex: 0 0 100%;
}