.inner_headiing_div h3,
.joing_div h2 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.textmonialText,
.textmonialText h5 {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.seo_form_page {
    box-shadow: 6px 6px 0 rgba(0, 0, 0, .05)
}

.seoBtn,
.seo_package a.seoBtn {
    transition: .3s ease-in;
    margin: 20px 0 0
}

#wrapper,
.acc-container,
.acc-content,
.angular-footer {
    overflow: hidden
}

*,
.testmonail_opening_div .inputbox {
    -webkit-font-smoothing: antialiased
}

*,
.web-case-right h3 {
    -moz-osx-font-smoothing: grayscale
}

.ecommerce-store h2,
.reputationyellow-box h4,
.text {
    -webkit-text-fill-color: transparent
}

.slide,
.slider {
    place-items: center
}

.bxslider-logo,
.raq_top_part .left_part li input,
.slide-bootstrap {
    visibility: hidden
}

@media screen and (min-width:1199px) and (max-width:1440px) {

    .redesign-tablet-img_1 img,
    .redesign-tablet-img_2 img {
        width: 100%;
        height: 100%;
        display: block
    }
}

.div-center-auto {
    display: block;
    margin: 0 auto;
    float: none;
    text-align: center
}

.nav.navbar-nav.navbar-right li.dropdown a:hover,
.red-text-code,
.yellow-btn-sec .arrowrgt:after,
.yellow-text {
    color: var(--color-primary) !important
}

.yellow-light-text {
    color: #fff600
}

.padding-left-60 {
    padding-left: 60px
}

.company_briefDiv .right_part,
.logo-behind-right,
.padding-left-80,
.webagency-right {
    padding-left: 80px
}

.padding-left-100 {
    padding-left: 100px
}

.android-services-box .thumbnail .caption,
.angularPortfolioSlider .slider,
.eccomerceport-slidertext .ecommBuisnes,
.ecommBuisnes-right .thumbnail .caption,
.imagineall-right ul,
.package-common-list,
.padding-none,
.plan_include ul,
.pricing-maintbl .panel-heading,
.seo_thankyou h2,
.slider-testimonial,
.word-cont-list {
    padding: 0
}

.hybrid-ctasec h3,
.padding-right-none {
    padding-right: 0
}

.indstryVrtcl-div ul,
.menu-align-sec,
.package-inner,
.padding-left-none {
    padding-left: 0
}

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

.jobBanner {
    width: 100%;
    background: url(../images/job_banner_bg.jpg) left top repeat-x !important;
    min-height: auto;
    display: inline-block;
    padding-bottom: 0;
    padding-top: 0
}

.job_div {
    width: 100%;
    float: left;
    background: #ebe7e4;
    padding: 80px 0
}

#carousel p,
.darkmode .threecircle,
.nodejs-devloper,
.see_click,
.web-app-custom .boxes-mainsec {
    padding-bottom: 0
}

.joing_div h2 {
    letter-spacing: 1px;
    line-height: 35px
}

.inner_headiing_div h3 {
    color: #272425;
    line-height: 38px
}

.job_list {
    width: 100%;
    display: inline-block;
    margin: 80px 0 0;
    padding: 0
}

.job_list .div_list {
    padding-top: 10px;
    padding-bottom: 10px
}

#form_seo_discount,
.agency-main-sec,
.form-left-sec ul li,
.job_list li,
.vocso-package-main,
.whyandroid-whitebox:first-child p {
    margin-bottom: 30px
}

.job_list .div_list h3 {
    padding-bottom: 15px;
    font-size: 22px
}

.job_list .listing_div {
    min-height: 450px
}

.job_list .div_list p,
.listing_div_new p {
    min-height: 190px
}

.div_list b {
    text-align: right;
    font-size: 16px;
    font-weight: 100;
    color: #574e4e;
    float: right
}

.job_opening_div {
    width: 100%;
    float: left;
    padding: 80px 0 0;
    background: #605d7d;
    position: relative
}

.job_opening_div h3 {
    color: var(--color-white-fixed);
    font-size: 44px;
    font-weight: 700
}

.job_footer {
    background: 0 0;
    padding-top: 0
}

.job_footer .bottom_part,
.package_speakdiv .transBtnB,
.portfolio_left ul ul,
.seo_pacakge_div .four_div,
.seo_pacakge_div .second_div,
.seo_pacakge_div .third_div {
    margin-top: 0
}

.company_photo .whtie_bg li img,
.company_whiteDiv li img,
.form-left-sec ul li img,
.left-form-btn .newbtn,
.paymentstep-threebitcoin .photo_div,
.req_input_full .cover,
.servicesBanner_new,
.web-similar-btn a img,
ul.alphaberChart li,
ul.numberingChart li {
    display: inline-block
}

.acc-content td:first-child,
.bannerAlign .headiing_div {
    border-left: 0
}

.color-text {
    color: #605d7d
}

.job_banner_img {
    background: url(../images/job_banner.png) right bottom no-repeat;
    position: relative;
    min-height: 400px
}

.tesmonailBanner {
    background: #695f8e;
    position: relative;
    min-height: 856px
}

.tesmonailBanner .build_text {
    font-size: 53px
}

.testmonail_div .test_box_1 {
    background: var(--color-white-fixed);
    border-radius: 8px;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, .04);
    padding: 38px 30px 30px;
    position: relative;
    margin-bottom: 50px;
    display: inline-block
}

.testmonail_div .test_box_1:after {
    bottom: -34px;
    display: inline-block;
    position: absolute;
    left: 70px;
    z-index: 1;
    width: 36px;
    height: 34px;
    content: "";
    background: url(../images/test_arrow.png) left top no-repeat
}

.testmonail_div .test_box_2:first-child {
    margin-top: 21px
}

.textmonialText {
    width: 100%;
    margin-top: 19px;
    float: left;
    vertical-align: top
}

.textmonialText h5 {
    font-size: 2.2rem;
    font-weight: 700;
    margin: 9px 0 0;
    padding: 0;
    display: inline-block
}

.textmonialText .circel {
    width: 62px;
    height: 62px;
    border-radius: 100%;
    vertical-align: top;
    margin-right: 15px;
    background: #f0eff3;
    display: inline-block
}

.testmonail_opening_div {
    width: 100%;
    float: left;
    background: #e01f49;
    padding-top: 65px
}

#ecommerce-home h2,
#internet-marketing h2,
#mobile-app h2,
#website-design h2,
.budget-centertext h2,
.budget-centertext p,
.common-circle-multi:hover .fa,
.common-circle-multi:hover h3,
.darkmode #AboutUs .digitaltab-mainblock .digitaltabs-inner-cont-left h3,
.darkmode #AboutUs .digitaltab-mainblock .digitaltabs-inner-cont-left p,
.darkmode #AboutUs .what-inner-boxs p,
.darkmode #Contact .digitaltab-mainblock .digitaltabs-inner-cont-left h3,
.darkmode #Contact .digitaltab-mainblock .digitaltabs-inner-cont-left p,
.darkmode #Home .digitaltab-mainblock .digitaltabs-inner-cont-left h3,
.darkmode #Home .digitaltab-mainblock .digitaltabs-inner-cont-left p,
.darkmode #Home .what-inner-tab-boxes p,
.darkmode #Images .digitaltab-mainblock .digitaltabs-inner-cont-left h3,
.darkmode #Images .digitaltab-mainblock .digitaltabs-inner-cont-left p,
.darkmode #Images .digitaltab-mainblock .digitaltabs-inner-cont-left ul.thirdtab-bullets li,
.darkmode .academy-innerlinks ul li a,
.darkmode .affrdble-Magento-whitediv .ecommerce-list li,
.darkmode .canteasier h1,
.darkmode .company_whiteDiv p,
.darkmode .cwd-tips-cont ul li:before,
.darkmode .different-platforms h2,
.darkmode .different-platforms p,
.darkmode .ecommBuisnes h2,
.darkmode .ecommBuisnes-right .thumbnail .caption p,
.darkmode .ecommBuisnes-right .thumbnail h3,
.darkmode .email-boxes a,
.darkmode .email-boxes h2,
.darkmode .email-boxes p,
.darkmode .email-heading span,
.darkmode .fullypacked li,
.darkmode .glossary-banner h1,
.darkmode .inner_headiing_div h3,
.darkmode .inner_headiing_div p,
.darkmode .joing_div p,
.darkmode .joomlaCore h5,
.darkmode .list-inner-affored .package-inner li,
.darkmode .listing_div:hover .see_click,
.darkmode .magento-Ecomrce-left h1,
.darkmode .managedmain-text p,
.darkmode .managedwebsite-right-block p,
.darkmode .portfolio-listing-block-cat h1,
.darkmode .processwork_div li p,
.darkmode .team_company p,
.darkmode .testmonail_div .test_box_1 h4,
.darkmode .textmonialText h5,
.darkmode .textmonialText h5 span,
.darkmode .whatdoforu-digitalmrktg .what-inner-boxs p,
.darkmode .whiteebook-div h2,
.darkmode .whyandroid-leftblock h3,
.darkmode .wordpress-banner h1,
.darkmode ul.reputation-abouttext li,
.digital-growth h2 span,
.digital-inner-list li:hover p,
.ecoomerce-to-banner .viewbtn-arrow:hover:after,
.features_text a:hover,
.features_text a:hover i,
.hefty-commision-listing .multibox_1:hover h4,
.hefty-commision-listing .multibox_1:hover p,
.hybrid-formbtn .fa-arrow-right,
.logo-behind-sec-bg .headiing_div h3,
.mobie-app-banner .mobileapp-to-banner h1,
.raq_top_part .left_part li.active label,
.req-new.raq_top_part .left_part li:hover label,
.stopDestination-block p,
.success-android-appsblock .whyandroid-leftblock h2,
.testmonail_opening_div h3,
.testmonail_opening_div p,
.web-bottom-btn .arrowrgt:after,
.website_mnt_pkg h3,
.white-btn:hover:after,
.whyiphone-app .whyandroid-leftblock h2,
.whyweLove .whyandroid-leftblock h3,
.whyweLove h2,
.yellow-btn-sec .newbtn:hover:after {
    color: var(--color-white-fixed) !important;
}

.testmonail_opening_div h3 {
    font-size: 44px;
    line-height: 38px;
    text-transform: uppercase
}

.testmonail_opening_div p {
    font-size: 20px;
    line-height: 20px
}

.testmonail_opening_div .photo_div {
    margin-top: -130px;
    margin-bottom: -5px
}

.testmonail_opening_div .input_bg,
.textarea_maindiv {
    position: relative;
    margin-bottom: 1rem
}

.testmonail_opening_div .input_bg {
    width: 49.3%;
    display: inline-block;
    margin-right: 4px
}

.darkmode .affored-package .headiing_div,
.darkmode .iso-banner .headiing_div,
.darkmode .managagewebsite-pakges .headiing_div {
    border-left: 1px solid #d3d4d7
}

.jobBanner .headiing_div,
.trustlogo-leftnone {
    border-left: 0 !important
}

.darkmode .list-inner-affored:hover .package-inner li:nth-child(odd),
.darkmode .package-inner li:nth-child(odd) {
    background: #040404
}

.darkmode #AboutUs,
.darkmode #Contact,
.darkmode #carousel a,
.darkmode #paymentEnquiryForm .modal-content,
.darkmode .academydiv-whitepaper,
.darkmode .affrdble-Magento-whitediv .ecommerce-store,
.darkmode .benfit-reputation-block.gdpr-service,
.darkmode .company_briefDiv,
.darkmode .contact-formwhitebox,
.darkmode .customWebBlock,
.darkmode .design-agency-sec,
.darkmode .download-inner-bottom,
.darkmode .engagemodalbox,
.darkmode .form-right-sec .form-group select,
.darkmode .form-whitebg,
.darkmode .google-main-imgblock,
.darkmode .happycustomers-blk,
.darkmode .howitworks-blocks,
.darkmode .intro-main-digital,
.darkmode .iso-whatmean-sec,
.darkmode .joomla-perfect-team .perfect-team-middletxt-right .thumbnail,
.darkmode .joomlaCore,
.darkmode .left-part,
.darkmode .list-inner-affored:hover .package-inner li:nth-child(2n),
.darkmode .magento-perfect-team .perfect-team-middletxt-right .thumbnail,
.darkmode .memberLogos,
.darkmode .multiple-btn,
.darkmode .nodelogo-column li,
.darkmode .our-recent-logo,
.darkmode .package-inner li:nth-child(2n),
.darkmode .pricing-maintbl .panel,
.darkmode .raq_top_part .left_part,
.darkmode .reputation-package-main,
.darkmode .reputation-services.intro-main,
.darkmode .seo_pacakge_div,
.darkmode .seo_package,
.darkmode .seo_table .border_bot,
.darkmode .sitmaps-links,
.darkmode .slider .slide-track .slide,
.darkmode .slider .slide-track2 .slide,
.darkmode .testmonail_div .test_box_1,
.darkmode .thumbnail.thumbbg,
.darkmode .vocso-common-tabs .ui-slider-tabs-list-wrapper,
.darkmode .vocso-digitalmarkting,
.darkmode .vocso-perfect-team .perfect-team-middletxt-right .thumbnail,
.darkmode .web-app-tabs .ui-slider-tabs-list li.selected,
.darkmode .web-custom-main li,
.darkmode .webdesignServices .thumbnail,
.darkmode .whychoose-onlinepartner .mobile-blue-div,
.darkmode .whydevlpvocso .whyandroid-whitebox,
.darkmode .word-easy-use,
.darkmode .word-whitebg {
    background: var(--color-neutral-dark)
}

#loading_process h3 p,
.alphabet_details h2,
.alphabet_details p,
.androidappdev-services h2,
.androidwhychoose .perfect-team-middletxt-right .thumbnail p,
.benfit-reputation-block h2,
.benfit-reputation-block h3,
.bxslider-mobileApps-txt .androidBottm-list li,
.caseStudy h3,
.customweb-new p,
.darkmode .joomla-perfect-team .perfect-team-middletxt-right .thumbnail h3,
.darkmode .joomla-perfect-team .perfect-team-middletxt-right .thumbnail p,
.darkmode .magento-perfect-team .perfect-team-middletxt-right .thumbnail h3,
.darkmode .magento-perfect-team .perfect-team-middletxt-right .thumbnail p,
.darkmode .vocso-perfect-team .perfect-team-middletxt-right .thumbnail h3,
.darkmode .vocso-perfect-team .perfect-team-middletxt-right .thumbnail p,
.darkmode .whyuseVocsoTab h3,
.mobile-blue-div p,
.redesign-survey span,
.top-sec-plateform h3 a {
    color: var(--color-text);
}

.androidIos-btn:hover,
.mobileApps-btn:hover {
    background: #05c9cb !important
}

.androidIos-btn:hover .mobileApps-right,
.mobileapp-to-banner .mobileApps-btn:hover .mobileApps-right {
    background: url(../images/sprite-images.webp) -996px -1103px no-repeat #05c9cb !important
}

.darkmode .tabbing-main-sec #horizontalTab h2.resp-tab-active,
.digital-bottom-btn .redbtn:hover,
.magentobanner-btn:hover,
.psdToXhtml-btn:hover,
.redesign-btn:hover {
    background: var(--color-secondary-dark) !important
}

.convesion-bg_green .redesign-btn:hover .redesign-arrow,
.psd-to-xhtml-banner .psdToXhtml-btn:hover .psd-arrowright-icon {
    background: url(../images/sprite-images.webp) -996px -1103px no-repeat var(--color-secondary-dark) !important
}

.testmonail_opening_div form {
    width: 80%;
    display: inline-block;
    margin-top: 20px
}

.testmonail_opening_div .inputbox {
    background: #f7bbaf;
    border: none;
    width: 100%;
    color: #8f3828 !important;
    font-size: 16px !important;
    font-weight: 400;
    display: inline-block;
    padding: 10px 20px;
    vertical-align: text-bottom;
    border-bottom: 1px solid var(--color-white-fixed);
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
    position: relative;
    top: 0;
    border-radius: inherit
}

.darkmode .port-listing-blocktop #myBtnContainer a.btn:hover {
    background: #006967;
}

.custom-web-text p,
.customBanner .build_text,
.responsive-web-Banner .build_text,
.seo_form_top_bg .input_check,
.seo_top_part h2 {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.testmonail_opening_div .transBtnB {
    margin-top: 18px;
    outline: 0
}

.affiliate-header .head-contact,
.form-left-sec ul li:last-child,
.form-right-sec .form-group:nth-child(2n),
.happylinks li:last-child,
.joomla-themeMulti:last-child,
.letter-detailsdiv ul li:last-child,
.member-logo-comm li:last-child,
.multibox_1.last_child,
.nodelogo-column:last-child,
.raq_top_part .left_part li.last_child,
.testmonail_opening_div .margin_div {
    margin-right: 0
}

.testmonail_opening_div textarea {
    height: 68px;
    margin-top: 5px;
    resize: none
}

.error {
    float: left;
    width: 100%;
    position: absolute
}

#carousel a,
#wrapper {
    position: relative
}

#wrapper {
    width: 100%;
    margin-top: 80px;
    left: 0
}

#carousel a,
#carousel img {
    display: block;
    float: left
}

#pager_new a,
#pager_new a span,
.acc-content-inner .top_table_block {
    display: none
}

#carousel a {
    background: #eaecff;
    height: 403px;
    margin-left: 1px
}

#carousel a:before {
    background: url(../images/video_play_btn.png) left top no-repeat;
    height: 36px;
    width: 48px;
    content: "";
    right: 50px;
    position: absolute;
    top: 192px
}

#carousel p {
    font-size: 16px;
    padding-left: 25px;
    line-height: 19px;
    color: #695f8e
}

#next,
#prev {
    background-color: rgba(131, 123, 165, .7);
    display: block;
    height: 450px;
    width: 15.2%;
    top: 0;
    position: absolute
}

#next:hover,
#prev:hover {
    background-color: rgba(131, 123, 165, .8)
}

#prev {
    left: -9.8%
}

#next {
    right: -10%
}

#pager_new {
    margin-left: -470px;
    position: absolute;
    left: 50%;
    bottom: 10px
}

#pager_new a {
    border: 2px solid var(--color-white-fixed);
    border-radius: 10px;
    width: 10px;
    height: 10px;
    margin: 0 5px 0 0
}

#pager_new a:hover {
    background-color: rgba(255, 255, 255, .5)
}

#pager_new a.selected,
.responsive tbody tr:nth-child(2n) {
    background-color: var(--color-white-fixed);
}

.portfolio_div h2 {
    text-transform: uppercase;
    font-size: 38px;
    line-height: 35px;
    cursor: pointer
}

.portfolio_left ul {
    margin-top: 45px;
    display: block;
    margin-left: 0;
    padding: 0
}

.portfolio_left ul {
    margin-top: 25px
}

.portfolio_left li {
    display: inline-block;
    border-top: 1px solid #d6d1d6;
    width: 100%;
    padding: 10px 0;
    text-transform: capitalize;
    font-size: 16px
}

.portfolio_left li img {
    margin-right: 10px
}

.portfolio_left li:first-child {
    border-top: none
}

.portfolio_left li a {
    display: block;
    color: #605d7d;
    padding: 16px 10px;
    font-size: 14px
}

.portfolio_left li.active a,
.portfolio_left li:hover a {
    color: #d55f48
}

.freecms:hover,
.plateform-main:hover,
.quality-curcle-sec li:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px)
}

.package_speakdiv .looking_btn:hover,
.portfolio_left .transBtn:hover,
.seo_bottom_div .right-part a:hover {
    color: #000
}

.develp-blueimg img,
.source-logo-img img,
.value_text span {
    float: right
}

.block {
    display: block
}

.custom-web-text {
    font-size: 20px
}

.bot_banner_div {
    width: 100%;
    padding: 25px 30px;
    color: var(--color-white-fixed);
    background: #695f8e
}

.bot_banner_div h3 {
    font-weight: 700;
    font-size: 28px;
    line-height: 28px
}

.portfolio_detail h2 {
    line-height: 35px;
    text-transform: uppercase
}

.bot_banner_div p,
.bxslider-mobileApps-txt p,
.content-box-sub,
.download-inner-utube p {
    font-size: 18px
}

.bot_banner_div .req_btn {
    background: var(--color-primary);
    font-size: 17px;
    padding: 12px 20px;
    width: 100%;
    display: inline-block;
    margin-top: 6px;
    color: var(--color-white-fixed);
    position: relative
}

.bot_banner_div .req_btn .fa {
    margin-left: 12px;
    font-size: 20px
}

.bot_banner_div .req_btn:hover,
.darkmode #Home,
.darkmode #Images,
.darkmode .blog_videossec,
.darkmode .customizable-app,
.darkmode .dedicatedresources-main,
.darkmode .ecomm-webblk,
.darkmode .glossary-banner,
.darkmode .glossary-categories,
.darkmode .hybrid-app-banner,
.darkmode .job_div,
.darkmode .marketWeserve-block,
.darkmode .mobileapps-portfolio-sec,
.darkmode .plan_include,
.darkmode .psd-coded-sec,
.darkmode .resource-digital-main,
.darkmode .seo_bottom_div,
.darkmode .seo_top_part,
.darkmode .webdesignServices,
.darkmode .whatdoforu-digitalmrktg,
.darkmode .whydevlpvocso,
.download-whitepapers-main,
.light-yellow.yellow-btn-sec .newbtn,
.newbtn-blackbg,
.platforms-readbtn a:hover,
.success-android-appsblock,
.whyiphone-app,
.whyweLove {
    background: #000
}

.port-detail-frame,
.portfolio-applescreen {
    background: url(../manager/images/portfolio.png) center center no-repeat;
    margin-top: -50px;
    display: block
}

.php_logo_text span {
    font-size: 18px;
    border: 1px solid #a79fc3;
    padding: 4px 8px;
    color: #695f8e;
    margin-top: 10px;
    display: inline-block
}

.portfolio-applescreen {
    width: 518px;
    height: 326px;
    margin-left: 12px
}

.port-detail-innerimg,
.portfolio-applescreen-in {
    width: 100%;
    height: 100%;
    display: block
}

.port-detail-frame {
    width: 518px;
    height: 326px;
    margin-left: 120px
}

.portfolio-details-Banner {
    background: #992c19;
    padding-top: 125px;
    padding-bottom: 32px
}

.portfolio-details-Banner .build_text {
    text-align: left;
    margin-top: 50px
}

.big_inner_img {
    width: 800px;
    height: 566px;
    display: block
}

.portfolio_detail {
    padding-bottom: 0;
    min-height: 700px;
    position: relative;
    z-index: -1
}

.portfolio_detail p {
    font-size: 16px
}

.portfolio_detail h2 {
    font-size: 44px
}

.portfolio_detail .portfolio_left p {
    border-bottom: 1px solid #d6d1d6;
    padding-bottom: 22px;
    line-height: 20px;
    margin-top: 30px
}

.portfolio_detail .portfolio_left {
    padding-bottom: 40px
}

.blog_videossec .web-app-video .videoIcon .fa-play,
.download-whitepapers-main .web-app-video .videoIcon .fa-play,
.eccomerceport-slidertext .trustedbtns,
.oueandroid-left .imagineall-right,
.perfect-team-middletxt-right,
.portfolio-testimonialblock .textmonialText,
.pricing-maintbl,
.schedule-package-new {
    margin-top: 50px
}

.portfolio_detail .textmonialText h5 {
    font-weight: 700;
    font-size: 16px
}

.portfolio_left .transBtn {
    color: #d55f48;
    font-size: 16px;
    margin-left: 0;
    margin-top: 15px;
    padding-left: 0
}

.trustedbtns {
    margin-top: 15px
}

.raq_top_part {
    float: left;
    width: 100%;
    padding-top: 40px;
    margin-top: 11px
}

.raq_top_part h1 {
    font-size: 36px;
    text-transform: uppercase
}

.raq_top_part .left_part {
    background: var(--color-white-fixed);
    box-shadow: none;
    display: inline-block;
    padding: 0;
    position: relative
}

.raq_top_part .input_check,
.raq_top_part .left_part li {
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .05);
    vertical-align: top;
    display: inline-block
}

.raq_top_part .left_part h2,
.raq_top_part .right_part h2 {
    font-size: 22px;
    text-transform: uppercase;
    padding-bottom: 25px
}

.raq_top_part .right_part {
    margin-left: 30px
}

.describe-left,
.features_text a:first-child,
.padnull,
.processwork_div li:first-child,
.req_input,
.req_input.fist_child,
.seo_form_top_bg_iosland,
.seo_pacakge_div .col-lg-3:first-child {
    margin-left: 0
}

.req_input {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    position: relative
}

.describe-left {
    width: 100% !important
}

.raq_top_part .input_check {
    border: 1px solid #afafd6;
    width: 100%;
    padding: 13px 15px;
    font-weight: 700;
    margin-bottom: 20px !important;
    font-size: 14px;
    position: relative;
    float: left;
    top: 0;
    background: 0 0
}

.login-form .control-group .controls input:focus,
.raq_top_part input:focus,
.raq_top_part textarea:focus,
.seo_form_top_bg input:focus,
.seo_form_top_bg textarea:focus {
    background: #f1f7ff;
    border: 1px solid #477ec0
}

.raq_top_part textarea {
    resize: none;
    padding: 0 !important;
    transition: .3s linear
}

.affi-nav-header,
.methodology_div,
.progressbar {
    width: 100%;
    float: left
}

.progressbar p {
    color: #77779a;
    font-size: 14px;
    margin-bottom: 34px !important
}

.select_range {
    color: var(--color-white-fixed);
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 300
}

.value_text {
    width: 100%;
    float: left;
    margin-top: 8px;
    color: #77779a;
    font-size: 14px;
    font-weight: 700
}

.value_text i {
    font-weight: 100;
    font-style: normal
}

.raq_top_part .left_part ul {
    margin: 0 0 40px;
    padding: 0
}

.raq_top_part .left_part li {
    width: 23.8%;
    padding: 16px;
    color: #77779a;
    margin-bottom: 12px;
    margin-right: 8px;
    min-height: 92px;
    cursor: pointer;
    background: url(../images/radio_icon.png) 90% 21px no-repeat #ebe7e4
}

.raq_top_part .left_part li.active,
.raq_top_part .left_part li:hover {
    color: var(--color-white-fixed);
    background: url(../images/right_icon.png) 90% 26px no-repeat #487fc0
}

.canteasier h2,
.customtestmonial ul,
.devlpmntsource-main-sec,
.web-custom-main {
    margin: 0;
    padding: 0
}

.req_input_full {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    color: #77779a;
    margin-bottom: 8px;
    margin-top: 30px
}

.budget-known input[type=checkbox] {
    vertical-align: middle
}

.budget-known span {
    vertical-align: sub;
    color: #9f9f9f;
    margin-left: 15px
}

.congratulations_div {
    background: url(../images/congratulation-rfq.png) center right no-repeat;
    width: 430px;
    height: 111px;
    position: absolute;
    text-align: center;
    top: 15px;
    z-index: 10;
    right: 0
}

.continuous_div,
.measuring_div,
.plan_text {
    color: #1b1b1b;
    font-size: 24px;
    line-height: 24px;
    font-family: "Have Heart One", sans-serif;
    letter-spacing: 3px
}

.meghodologyBanner {
    background: url(../images/methodology-banner.jpg) center top/cover no-repeat;
    width: 100%;
    float: left;
    min-height: 400px
}

.meghodologyBanner .build_text,
.seo_table .center {
    text-align: center
}

.meghodologyBanner .bannerAlign {
    margin-top: 0;
    padding: 0 126px
}

.methodology_div h2 {
    font-weight: 700;
    font-size: 36px;
    text-transform: uppercase
}

.methodology_div .blue_text {
    color: #5cb5c8
}

.methodology_div .right_part {
    margin-left: 60px;
    text-align: center;
    position: relative
}

.methodology_div .right_part img {
    display: inline-block;
    z-index: 2;
    position: relative
}

.round_border {
    width: 180px;
    height: 180px;
    position: absolute;
    top: -127px;
    left: 270px;
    background: url(../images/sprite-image.webp) left -428px no-repeat;
    z-index: 1
}

.design_div,
.measure_div {
    background: #f8f6f4 !important
}

.plan_text {
    position: absolute;
    left: -73px;
    bottom: 68px
}

.plan_text:after {
    background: url(../images/sprite-image.webp) -238px -333px no-repeat rgba(0, 0, 0, 0);
    content: "";
    height: 59px;
    position: absolute;
    right: -69px;
    top: -21px;
    width: 67px
}

.design_div .plan_text {
    left: -73px;
    top: 30px
}

.design_div {
    padding: 77px 0 70px
}

.design_div .plan_text:after {
    background: url(../images/sprite-image.webp) -138px -332px no-repeat rgba(0, 0, 0, 0);
    right: -92px;
    top: 36px;
    width: 80px;
    height: 40px
}

.design_div .round_border {
    width: 296px;
    height: 188px;
    position: absolute;
    top: -181px;
    left: 300px;
    background: url(../images/devlop_round_img.png) left top no-repeat
}

.deploy_div .round_border {
    width: 140px;
    height: 196px;
    left: 450px;
    position: absolute;
    top: -182px;
    background: url(../images/deploy_round_img.png) left top no-repeat
}

.deploy_div .plan_text {
    bottom: 187px;
    left: inherit;
    right: 33px
}

.deploy_div .plan_text:after {
    background: url(../images/sprite-image.webp) -399px -423px no-repeat rgba(0, 0, 0, 0);
    right: 97px;
    top: 48px;
    width: 83px;
    left: inherit;
    height: 30px
}

.min_height {
    display: inline-block;
    min-height: 357px
}

.margin_left15,
.measure_div {
    padding: 104px 0
}

.measure_div .round_border {
    width: 712px;
    height: 233px;
    left: 110px;
    top: -230px;
    background: url(../images/round_img.png) left top no-repeat
}

.measure_div .round_border_bot {
    background: url(../images/measure_roundimg.png) left top no-repeat rgba(0, 0, 0, 0);
    height: 53px;
    left: -160px;
    position: absolute;
    top: 116px;
    width: 104px
}

.measure_div .round_border_bot_new {
    background: url(../images/evaluate_roundimg.png) left top no-repeat;
    height: 86px;
    left: -180px;
    position: absolute;
    top: 181px;
    width: 119px
}

.measure_div .round_border_bot_last {
    background: url(../images/imporve_roundimg.png) left top no-repeat;
    height: 61px;
    position: absolute;
    right: 99px;
    top: 255px;
    width: 59px
}

.measuring_div {
    left: 228px;
    position: absolute;
    top: -59px;
    width: 92%
}

.measuring_div:after {
    background: url(../images/sprite-image.webp) -375px -617px no-repeat rgba(0, 0, 0, 0);
    content: "";
    height: 52px;
    position: absolute;
    right: 120px;
    top: 81px;
    width: 73px;
    z-index: 9999
}

.measuring_div:before {
    background: url(../images/sprite-image.webp) -309px -617px no-repeat rgba(0, 0, 0, 0);
    content: "";
    height: 62px;
    position: absolute;
    left: 46px;
    top: 60px;
    width: 62px
}

.continuous_div {
    left: 159px;
    position: absolute;
    top: -72px
}

.continuous_div:after {
    background: url(../images/sprite-image.webp) -186px -414px no-repeat rgba(0, 0, 0, 0);
    content: "";
    height: 68px;
    position: absolute;
    right: 80px;
    top: 81px;
    width: 69px;
    z-index: 9999
}

.methodology_div .dark_text {
    color: #345989
}

.methodology_div .green_text {
    color: #5faa8d
}

.popular-appblockgreen .android-services-box,
.popular-appblockorange .android-services-box,
.top_margin,
.yellow-btn-sec a {
    margin-top: 30px
}

.customBanner {
    background: url(../images/custom-web-banner.jpg) center top/cover no-repeat;
    padding-top: 60px
}

.responsive-web-Banner .build_text {
    font-size: 100px;
    text-align: left;
    line-height: 45px;
    padding-bottom: 45px !important;
    background: url(../images/heading_arrow.png) left bottom no-repeat;
    margin-bottom: 17px
}

.servicesBanner.customBanner .build_text {
    text-align: left;
    line-height: 45px;
    padding-bottom: 20px !important;
}

.responsive-web-Banner .build_text {
    font-size: 80px
}

.responsive-web-Banner .build_text span {
    font-size: 58px;
    letter-spacing: 1px
}

.customBanner .bannerAlign {
    margin-top: 112px
}

.customtestmonial {
    background: #f2ebe9
}

.customtestmonial h2 {
    font-size: 32px;
    color: #3e3d7d;
    margin-bottom: 40px;
    font-weight: 600
}

.margin_left_6 {
    margin-left: 4%
}

.customtestmonial h3,
.customtestmonial h4 {
    font-size: 22px;
    color: #3e3d7d;
    margin-bottom: 15px;
    margin-top: 23px;
    text-transform: uppercase
}

.customtestmonial h4,
.customtestmonial h5 {
    font-size: 18px;
    padding-top: 8px;
    padding-left: 15px
}

.customtestmonial h5 span {
    font-weight: 700;
    text-transform: uppercase
}

.customtestmonial img {
    box-shadow: 7px 7px 0 rgba(0, 0, 0, .05)
}

.custom-web-text p {
    display: inline-block;
    vertical-align: top;
    width: 70%
}

.custom-bot-div h2 {
    font-size: 30px;
    color: var(--color-white-fixed);
    text-transform: uppercase
}

.after_arrow {
    width: 135px;
    height: 87px;
    position: absolute;
    right: -95px;
    z-index: 999;
    top: 50%;
    background: url(../images/cutom-arrow.png) left top no-repeat
}

.border_div {
    width: 100%;
    display: inline-block;
    position: relative
}

.border_div .border {
    height: 1px;
    background: #ddd;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%
}

.searchengineBanner .build_text {
    font-size: 74px;
    line-height: 60px
}

.searchengineBanner {
    background: url(../images/seo-banner.jpg) center top/cover no-repeat;
    min-height: 494px;
    padding-top: 40px
}

.seo_top_part {
    padding: 70px 0;
    background: #f9f7f5
}

.seo_top_part h2 {
    font-weight: 700;
    color: var(--color-primary);
    font-size: 38px;
    margin: 0 0 30px;
    line-height: 38px
}

.seo-top-bg {
    left: 148px;
    z-index: -1;
    position: absolute;
    top: -71px
}

.seo-top-bg p {
    font-size: 14px;
    padding: 0;
    line-height: 18px
}

.seo_top_part .read_customer {
    font-size: 13px;
    color: #616060
}

.forbiddine_div {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 35px 0 0;
    padding-left: 0;
    border-top: 1px solid #ecd5cf
}

.seo_form_page {
    background: var(--color-white-fixed);
    display: inline-block;
    width: 98.9%;
    position: relative;
    padding: 0 72px 46px;
    float: left
}

.seo_form_top_bg {
    display: inline-block;
    margin-top: -433px;
    width: 511px;
    min-height: 600px;
    padding-top: 273px;
    float: left;
    vertical-align: top;
    margin-left: 40px;
    background: url(../images/seo-form-bg.webp) left top no-repeat
}

.seo_form_top_bg h2 {
    color: var(--color-primary);
    font-size: 27px;
    font-weight: 700;
    padding: 0 72px;
    margin-bottom: 9px
}

.android-badge-block h3,
.android-banner h1,
.android-banner p,
.androidappdev-services .thumbnail,
.freecms-first p,
.iphoneappservice-block .thumbnail,
.marketWeserve-block .android-services-box .thumbnail h3,
.popular-appblockorange .thumbnail h3,
.seo_top_part .text-center,
.startOnly,
.tabs-left-btns,
.website_mnt_pkg .headiing_div p {
    text-align: left !important;
}

.seo_form_top_bg p {
    color: #000 !important;
    line-height: 19px;
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 8px;
    text-align: left;
    margin: 0 !important;
    text-transform: inherit
}

.abcCustomBlock span,
.acc-container h4,
.common-circle-multi h3,
.company_photo h2,
.multibox_1 h4,
.package-common-popular li p,
.plan_include h2,
.psd-tab-right h3,
.psd-to-banner h1,
.psd-to-banner p,
.redesign-text>p,
.team_company h2,
.web-admin-video h5,
.web-platform-sec h2 {
    text-transform: uppercase
}

.seo_form_top_bg p span {
    font-size: 12px;
    line-height: 12px;
    color: #3e3d7d
}

.seo_thankyou-block {
    padding: 0 72px 266px;
    margin-top: 95px;
    background: var(--color-white-fixed);
    width: 98.9%
}

.seo_inp_bg {
    width: 100%;
    float: left;
    margin-top: 15px;
    position: relative
}

.seo_form_top_bg .input_check {
    border: 1px solid #afafd6;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, .05) inset;
    color: #77779a !important;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    padding: 12px 15px;
    width: 100%;
    resize: none;
    vertical-align: top;
    position: relative;
    top: 0;
    background: 0 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

.acc-container h4,
.common-circle-multi h3,
.customWebBlock h2,
.hire-left-sec h4,
.milti-center-circle h3,
.nav>li>a,
.package-common h3,
.package-inner li p,
.package_speakdiv h3,
.processwork_div h3,
.psd-tab-right h3,
.psd-tab-right p,
.raking_div h2,
.redesign-inner li p,
.right_div_common h3,
.seo_graph .test-div li,
.seo_package a.seoBtn span,
.seo_package h3,
.seo_package p,
.top-sec-plateform h3,
.top-tab-content p,
.verticalTxt p,
.web-case-right h3,
.web-tab-list li p {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.seoBtn {
    background: var(--color-primary);
    color: var(--color-white-fixed);
    display: inline-block;
    font-size: 21px;
    padding: 0 40px 0 15px;
    position: relative;
    font-weight: 400
}

.seoBtn input:focus {
    border: none;
    background: 0 0
}

.seoBtn:hover,
.seo_bottom_div .transBtnB:hover,
.seo_package a.seoBtn:hover {
    background: var(--color-secondary-dark);
    box-shadow: 0 -3px 0 var(--color-secondary-dark) inset
}

.audit-middle-section .form-Input:focus,
.cntct-btn:focus,
.form-right-sec .redbtn:focus,
.myModal-ordernow .close:focus,
.new_enq_form:focus,
.questionBar .radio input[type=radio]:focus,
.searchglossry select:focus,
.success-android-appsblock .owl-carousel .owl-nav button:focus,
input:focus,
textarea:focus {
    outline: 0
}

.processwork_div,
.seo_bottom_div {
    background: var(--color-white-fixed);
    float: left;
    width: 100%;
    padding: 70px 0
}

.processwork_div h3 {
    color: var(--color-primary);
    font-size: 36px;
    padding-bottom: 6px;
    margin: 0
}

.processwork_div p {
    font-size: 14px;
    color: #1b1b1b
}

.processwork_div ul {
    margin: 36px 0 0;
    padding: 0
}

.processwork_div li {
    display: inline-block;
    vertical-align: top;
    min-height: 100px;
    width: 23%;
    position: relative;
    margin-left: 25px
}

.processwork_div li .gray_bg {
    display: inline-block;
    background: url(../images/seo_gray_shadow.jpg) center top no-repeat;
    width: 100%;
    min-height: 255px;
    text-align: center;
    padding: 70px 0 79px
}

.seo_graph,
.seo_package {
    width: 100%;
    padding: 70px 0;
    float: left;
    background: #f8f6f4;
    position: relative
}

.seo_package .graph {
    background: url(../images/graph-img.jpg) center bottom no-repeat;
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 242px;
    left: 0
}

.seo_package a.seoBtn {
    background: var(--color-primary);
    color: var(--color-white-fixed);
    display: inline-block;
    font-size: 27px;
    text-align: center;
    padding: 19px 60px 19px 40px;
    line-height: 26px;
    float: right;
    position: relative
}

.seo_package a.seoBtn span {
    font-size: 21px;
    font-weight: 100
}

.seo_package a.seoBtn i {
    position: absolute;
    right: 27px;
    top: 37px
}

.seo_package h3 {
    color: var(--color-primary);
    font-size: 32px;
    text-align: right
}

.seo_graph {
    background: #3e3d7d;
    text-align: center
}

.seo_bottom_div h2,
.seo_graph h3 {
    color: var(--color-white-fixed);
    font-size: 36px;
    text-align: center;
    padding: 0 5%
}

.seo_bottom_div p,
.seo_graph p {
    font-size: 14px;
    color: var(--color-white-fixed);
    padding: 0 5%;
    text-align: center
}

.seo_graph .border_bot {
    height: 1px;
    background: #5d5a8c;
    width: 70%;
    text-align: center;
    display: inline-block;
    margin: 34px 0
}

.company_whiteDiv ul,
.raking_div ul,
.redesignBottm-list,
.seo_bottom_div ul,
.seo_graph .test-div ul {
    padding: 0;
    margin: 0
}

.seo_graph .test-div li {
    text-align: left;
    color: var(--color-white-fixed);
    font-size: 14px;
    margin-bottom: 23px;
    background: url(../images/right_custom_arrow.png) left top no-repeat;
    padding-left: 45px;
    width: 100%
}

.seo_graph .transBtnB {
    border: 1px solid var(--color-white-fixed);
    color: var(--color-white-fixed);
    float: right
}

.seo_graph .transBtnB:hover {
    background: var(--color-white-fixed);
    color: #3e3d7d;
    border: 1px solid var(--color-white-fixed)
}

.seo_bottom_div {
    background: #f8f6f4
}

.seo_bottom_div h2 {
    color: var(--color-text);
    margin-bottom: 40px
}

.seo_bottom_div .left-part {
    background: var(--color-white-fixed);
    box-shadow: 6px 6px 0 rgba(0, 0, 0, .05);
    display: inline-block;
    width: 100%;
    padding: 30px
}

.seo_bottom_div .left-part img {
    float: left;
    margin-right: 28px
}

.seo_bottom_div .left-part p {
    color: #000;
    text-align: left
}

.seo_bottom_div .left-part h3 {
    color: var(--color-text);
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 15px
}

.seo_bottom_div .transBtnB {
    font-weight: 700;
    color: var(--color-white-fixed);
    background: #006967;
    padding: 10px 26px;
    border: none;
    margin: 20px 0
}

.explore-text {
    color: var(--color-text);
    text-align: center;
    font-size: 14px;
    text-decoration: underline;
    padding-left: 9%
}

.features_text a ins,
.top-sec-iso,
.top-sec-plateform {
    text-decoration: none
}

.seo_bottom_div .date_text {
    display: inline-block;
    color: var(--color-white-fixed);
    background: var(--color-primary);
    font-weight: 100;
    font-size: 22px;
    line-height: 23px;
    text-align: center;
    padding: 14px;
    width: 75px;
    height: 75px
}

.seo_bottom_div li {
    width: 100%;
    float: left;
    border-top: 1px solid #e6c4bc;
    padding-top: 30px;
    margin-bottom: 30px
}

.seo_bottom_div li:first-child {
    border-top: none;
    padding-top: 0
}

.seo_bottom_div .date_text b {
    font-weight: 700;
    font-size: 25px
}

.seo_bottom_div .right-part p {
    color: #000;
    font-size: 18px;
    text-align: left
}

.seo_bottom_div .right-part a {
    color: var(--color-primary);
    text-decoration: underline
}

.three_dotts {
    position: absolute;
    right: -28px;
    width: 29px;
    height: 7px;
    top: 150px;
    background: url(../images/three_dotts.png) left top no-repeat
}

.companyBanner .build_text h1,
.customBanner .build_text h1 {
    font-weight: 800;
    font-size: 76px;
    line-height: 60px;
    margin: 0
}

.customBanner .build_text span {
    font-size: 64px
}

.seo_pacakge_div {
    background: #f8f6f4;
    padding-bottom: 70px;
    width: 100%;
    float: left;
    padding-top: 70px
}

.seo_pacakge_div .first_div {
    position: relative;
    margin-top: 0;
    display: block
}

.seo_pacakge_div .first_div .top_heading {
    width: 100%;
    text-align: center;
    color: var(--color-text);
    display: inline-block;
    font-size: 18px;
    position: relative
}

.seo_pacakge_div .first_div .yellow_box {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    border-radius: 0;
    margin-top: 0;
    padding: 4rem;
    background: #e4ebf0;
    min-height: 105rem
}

.darkmode .seo_pacakge_div .first_div .yellow_box {
    background: var(--color-neutral-dark)
}

.web-platform-sec h3 {
    font-family: "Have Heart One"
}

.seo_pacakge_div .third_div .pink_box p {
    padding-top: 49px
}

.seo_pacakge_div .four_div h2 {
    padding-bottom: 4px !important
}

.seo_pacakge_div .four_div p {
    padding-top: 27px !important
}

.seo_pacakge_div .second_div .green_box p {
    padding-top: 60px
}

.seo_pacakge_div ul {
    padding: 0;
    margin-bottom: 6px
}

.seo_pacakge_div li {
    color: var(--color-text);
    font-weight: 400;
    font-size: 16px;
    background: none !important
}

.seo_pacakge_div p {
    font-weight: 400;
    padding: 30px 0 0
}

.seo_pacakge_div h2 {
    margin: 0 0 5rem !important
}

.seo_pacakge_div .border-bot {
    height: 1px;
    background: var(--color-white-fixed);
    display: inline-block;
    margin-bottom: 6px;
    width: 125px
}

.seo_pacakge_div .prise-list sup {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    display: block;
    margin-top: 1rem
}

.seo_pacakge_div .buynow-btn {
    color: #000;
    font-weight: 400;
    text-align: center;
    font-size: 20px;
    border-radius: 5px;
    padding: 5px 0;
    margin-top: 3px;
    width: 155px;
    height: 41px;
    display: inline-block;
    background: var(--color-white-fixed);
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .4)
}

.features_text a i,
.features_text a:hover i {
    border: 2px solid var(--color-white-fixed)
}

.faqBlock .addui-Accordion,
.notsure-main a,
.notsure-main a:hover {
    box-shadow: none
}

.seo_pacakge_div .buynow-btn:hover {
    background: var(--color-secondary-dark);
    box-shadow: 0 -3px 0 var(--color-secondary-dark) inset;
    color: var(--color-white-fixed);
}

.features_text {
    width: 100%;
    display: inline-block;
    margin-top: 60px;
    vertical-align: middle;
    text-align: center;
    padding-right: 45px
}

.acc-btn,
.acc-content {
    width: 100%;
    margin: 0 auto
}

.plan_include li,
.psd-tab-left {
    vertical-align: top
}

.features_text a {
    color: #fefefe;
    font-size: 14px;
    margin-left: 90px;
    background: var(--color-secondary-dark);
    padding: 30px 30px 23px
}

.col-md-3.col-sm-3.col-xs-12.col-lg-3:hover .bottomprofile-details,
.features_text a:hover {
    background: var(--color-primary);
    transition: .3s linear
}

.features_text a i {
    border-radius: 100%;
    padding: 11px 0;
    margin-left: 20px;
    text-align: center;
    display: inline-block;
    font-size: 24px;
    width: 48px;
    height: 48px
}

.features_text a ins {
    font-size: 20px;
    color: var(--color-white-fixed)
}

.raking_div {
    background: url(../images/raking_img.jpg) center top/cover no-repeat fixed;
    width: 100%;
    float: left;
    padding: 70px 0
}

.raking_div h2 {
    color: var(--color-primary);
    font-size: 36px;
    font-weight: 400;
    margin-top: 0
}

.raking_div .schedule p {
    text-align: center;
    line-height: 18px
}

.schedule-package p {
    display: inline-block;
    margin-right: 20px
}

.schedule-package a {
    display: inline-block;
    color: var(--color-white-fixed) !important
}

.raking_div .schedule a {
    background: rgba(255, 255, 255, .5);
    display: inline-block;
    color: #000;
    font-size: 15px;
    width: 236px;
    padding-top: 16px;
    line-height: 20px !important;
    height: 75px;
    text-align: center;
    position: relative
}

.raking_div .schedule a:hover {
    background: rgb(253 58 48);
    color: var(--color-white-fixed);
}

.raking_div .schedule a i {
    position: absolute;
    right: 28px;
    top: 28px;
    font-size: 25px
}

.seo_table .border_bot {
    height: 1px;
    background: #f7f6f4;
    margin: 40px 0;
    display: inline-block;
    width: 70%;
    text-align: center
}

.seo_table table {
    background: #f4f4f9
}

.seo_table table td {
    padding: 10px 20px !important
}

.seo_table table .top_heading .first_bar,
.seo_table table .top_heading .five_bar,
.seo_table table .top_heading .four_bar,
.seo_table table .top_heading .second_bar,
.seo_table table .top_heading .third_bar {
    background: #585792;
    font-size: 24px;
    color: var(--color-white-fixed);
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2);
    border: 0
}

.seo_table table .top_heading .second_bar {
    background: #fdbc31;
    border-left: 1px solid #cca469
}

.seo_table table .top_heading .third_bar {
    background: #a0ca48;
    border-left: 1px solid #94ad77
}

.seo_table table .top_heading .four_bar {
    background: #c75473;
    border-left: 1px solid #6968a4
}

.seo_table table .top_heading .five_bar {
    background: #c6644f;
    border-left: 1px solid #ab6691
}

.acc-container h4 {
    font-size: 20px;
    color: var(--color-primary);
    padding: 20px;
    margin: 0;
    background: #f1e9e9;
    border-bottom: 2px solid #d6cdcd;
    text-align: center
}

.acc-btn {
    position: relative
}

.acc-content {
    height: 0
}

.acc-container .open {
    height: auto
}

.acc-content-inner th:first-child,
.company_photo .whtie_bg li:first-child,
.top_nav li:first-child {
    border-left: none
}

@media only screen and (max-width:980px) {
    table.responsive {
        margin-bottom: 0
    }

    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: scroll;
        border-right: 1px solid #ccc
    }

    div.table-wrapper div.scrollable {
        margin-left: 50%;
        overflow: scroll;
        overflow-y: hidden
    }

    table.responsive td,
    table.responsive th {
        white-space: nowrap;
        overflow: hidden
    }
}

.package_speakdiv,
.plan_include {
    width: 100%;
    float: left;
    padding: 70px 0
}

.package_speakdiv {
    background: var(--color-primary);
}

.package_speakdiv h3 {
    font-size: 20px;
    margin: 0;
    color: var(--color-white-fixed)
}

.package_speakdiv .looking_btn:hover i {
    border: 1px solid #000
}

.package_speakdiv .looking_btn i {
    border: 2px solid var(--color-white-fixed);
    border-radius: 100%;
    display: inline-block;
    font-size: 24px;
    height: 47px;
    margin-left: 15px;
    padding: 10px 0;
    text-align: center;
    width: 48px
}

.plan_include {
    background: #f8f6f4;
    position: relative
}

.plan_include h2 {
    font-weight: 700;
    font-size: 34px;
    margin: 0 0 60px;
    text-align: center
}

.plan_include li {
    width: 48%;
    display: inline-block;
    margin-top: 30px
}

.company-botDiv,
.company_briefDiv li,
.company_photo {
    width: 100%;
    float: left
}

.plan_include li h3 {
    font-size: 16px;
    margin: 0;
    font-weight: 700;
    min-height: 42px
}

.plan_include li p {
    font-size: 14px;
    line-height: 18px;
    padding-top: 6px
}

.margin-left,
.plan_include li.last-child,
.success-android-appsblock .owl-carousel .owl-nav button.owl-next {
    margin-left: 40px
}

.companyBanner .build_text span {
    font-size: 58px;
    padding-left: 60px;
    display: inline-block
}

.company_briefDiv .left_part {
    border-right: 1px solid var(--color-white-fixed);
    padding-right: 80px;
    position: relative
}

.psd-coded-sec:before,
.source-plateform-sec:after {
    border-left: 22px solid transparent;
    border-right: 22px solid transparent
}

.company_briefDiv .left_part .whitebot_arrow {
    content: "";
    position: absolute;
    bottom: 0;
    width: 55px;
    height: 19px;
    right: -28px;
    background: url(../images/arrow_white.png) left top no-repeat
}

.company_briefDiv ul {
    margin-bottom: 0;
    padding: 0
}

.company_briefDiv li {
    padding-left: 50px;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
    background: url(../images/right_custom_arrow.png) left top no-repeat
}

.company_whiteDiv li {
    width: 19.6%;
    display: inline-block;
    text-align: center;
    border-left: 1px solid #eee9e3;
    padding-left: 15px
}

.company_whiteDiv li:first-child {
    border-left: none;
    padding-left: 0
}

.company_photo {
    padding: 80px 0;
    background: url(../images/comapny_photo.jpg) center top/cover no-repeat fixed
}

.company_photo .whtie_bg {
    width: 100%;
    float: left;
    background: rgba(255, 255, 255, .9);
    min-height: 100px;
    padding: 70px 86px
}

.company_photo h2 {
    font-size: 40px;
    color: var(--color-primary);
    padding-bottom: 10px;
    text-align: center;
    margin-top: 0;
    font-weight: 700
}

.company_photo .whtie_bg li {
    text-align: center;
    border-left: 1px solid #abaad0;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #abaad0
}

.company-botDiv {
    padding: 70px 0;
    background: #3e3d7d
}

.company-botDiv h5 {
    font-size: 21px;
    text-align: right;
    color: var(--color-white-fixed);
    max-width: 710px;
    margin: 0 auto;
    float: right
}

.team_company h2 {
    font-weight: 700;
    font-size: 40px;
    color: var(--color-primary);
    padding-bottom: 20px;
    text-align: center;
    margin-top: 0
}

.img_team {
    margin-top: -21px;
    border: 0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    transition: .6s 0
}

.img_team:hover {
    filter: none;
    -webkit-filter: grayscale(0)
}

.androidwhychoose .perfect-team-middletxt-right .thumbnail:hover p,
.faqs .panel-group,
.headiing_div_1>span,
.perfect-team-middletxt-right .thumbnail:hover .shopping-hover {
    display: block
}

    {
    margin: 7px 0 0
}

    {
    background: url(../images/bluelogo.png) left top no-repeat;
    width: 180px;
    height: 47px;
    display: inline-block;
    margin: 4px 0 0
}

.package-business h3,
.package-google h3,
.package-online h3,
.package-ultimate h3,
footer .landing-navmain h3 {
    color: #000
}

.bxslider-portfolio-sec .bx-pager.bx-default-pager,
.bxslider-redesign-sec .bx-wrapper .bx-pager,
.canteasier h2::after,
.cntctus_dominatdiv .webagency-sec,
.comon-logo-process:last-child:after,
.eccomerceport-slider .bx-wrapper .bx-pager,
.eccomerceport-slidertext .ecommBuisnes p::after,
.eccomerceportpkg-slider::after,
.ecomm-webblk .bx-wrapper .bx-pager,
.expectaion-testimonial .bx-wrapper .bx-pager,
.floatrequest,
.form-whitebg .raqbox_new .form-group span.error_span::before,
.globalnew,
.hybrid-ctasec::after,
.ios-loveapps h1::after,
.kickstart h1::after,
.magento-result-sec:before,
.member-logo-comm .bx-pager.bx-default-pager,
.mobile-logo,
.mobileapp-to-banner h1::after,
.notsure-main a:after,
.opensource-banner .bx-controls,
.perfect-team-middletxt-right .thumbnail .shopping-hover,
.perfect-team-middletxt-right .thumbnail:hover p,
.raqbox_new>li,
.req-header-new a.mobile-logo,
.responsive-blockshow,
.rfqd-form .req_input .error .error_span::before,
.tailor-blk h1::after,
.tailor-blk h2::after,
.testmonialSeo .bx-pager.bx-default-pager,
.visitorspay p::after {
    display: none
}

.navbar {
    border-radius: 0;
    padding-left: 0
}

.nav>li>a {
    padding: 10px 4px;
    font-weight: 500;
    margin-right: 10px
}

.customWebBlock {
    background: #f7f7f7;
    display: block;
    text-align: center
}

.customWebBlock h2 {
    font-size: 36px;
    padding-bottom: 15px;
    font-weight: 600
}

.abcCustomBlock,
.academy-top-whitepprs,
.affored-package .headiing_div p,
.android-badge-block,
.banner-iso-top,
.ecoomerce-to-banner,
.errorfullmsg,
.form-whitebg h2,
.form-whitebg p,
.google-rankingfactor,
.happylinks.trustedppcLogo,
.hybrid-ctasec,
.meghodologyBanner .bannerAlign .build_text h1,
.mobileapp-blog-block .homeblog-font,
.payable-amount,
.res-services-company .comFontSz_new,
.res-services-company span,
.succssfullmsg,
.time-trim {
    text-align: center
}

.abcCustomBlock span {
    border-bottom: 5px solid #000;
    color: #000
}

.abcCustomBlock .thumbnail:hover {
    border: 1px solid rgba(0, 0, 0, .6);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px)
}

.cwdBlock {
    background: 0 0/cover fixed #32b1e0;
    text-align: center
}

.cwdimg {
    margin: 0 0 -135px -100px;
    position: relative
}

.cwd-tips-cont h4 span {
    width: 40px;
    height: 40px;
    background: #fd6a01;
    border-radius: 50px;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    color: var(--color-white-fixed);
    padding-top: 10px
}

.cwd-tips-cont ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.multi-platform-main {
    background: url(../images/multi-platform-bg.jpg) center center/cover no-repeat fixed;
    height: 800px;
    position: relative
}

.multi-platform-main h2 {
    text-align: center;
    font-size: 50px
}

.multibox_1 {
    min-height: 266px;
    margin-right: 6px;
    margin-bottom: 6px;
    width: 24.5%;
    display: inline-table;
    transition: transform .3s;
    padding: 2%;
    transform: translateZ(0);
    border-radius: 20px 0
}

.btm_color,
.dedicatedresources-main,
.digital-inner-list li,
.download-whitepapers-main-white,
.eccomerceport-whitebg,
.industry-box,
.intro-main-digital,
.letter-detailsdiv-white,
.list-inner-affored:hover .package-inner li:nth-child(odd),
.magento-Ecomrce,
.memberLogos,
.tecnology-slack-block,
.textcopy_barcode,
.vocso-common-tabs .ui-slider-tabs-list-wrapper,
.web-app-tabs .ui-slider-tabs-list li.selected,
.yourdream,
happycustomers-blk.seoCompInd {
    background: var(--color-white-fixed)
}

.business-box {
    background: #4972bd
}

.multibox_1 h4 {
    color: var(--color-white-fixed);
    font-size: 30px;
    transition: .5s
}

.multibox_1 p {
    font-size: 14px;
    color: var(--color-white-fixed)
}

.consider-webRedesign-sec h2,
.consider-webRedesign-sec p,
.curcle-common-psd p,
.darkmode .hire-programmer-sec h3,
.darkmode .word-banner-cont span,
.development-portfolio-sec .dev-por-left p,
.eccomerceport-whitebg .ecommBuisnes p,
.eccomerceport-whitebg .responsive-blockshow h2,
.hire-programmer-sec h2,
.hire-programmer-sec h3,
.hire-programmer-sec p,
.hybrid-dev .customiztion-resp h2,
.hybrid-dev .customiztion-resp p,
.hybrid-dev .trusted-list li,
.ios-technologyslack h3,
.iso-whatmean-sec .right-div-iso p,
.methodology_div .red_text,
.monthlyWebpk h1,
.multibox_1.industry-box h4,
.multibox_1.industry-box p,
.plansandpricing-reputation-block h2,
.shopRemix-inn .trusted-list li,
.source-plateform-sec h2,
.source-plateform-sec p,
.web-application-banner .web-app-text p,
.web-application-banner h1,
.whatiscustom h2 {
    color: #000 !important
}

.ios-app-dev-img,
.time-trim img {
    text-align: center;
    margin: 0 auto
}

.psd-to-banner h1:after,
.psd-to-banner h2:after {
    content: "";
    background: url(../images/pixel-perfect.png) right top no-repeat
}

.psd-to-xhtml-banner {
    background: url(../images/psd-to-xhtml-banner-bg.jpg) center center/cover no-repeat;
    min-height: 725px;
    text-align: center;
    padding-top: 60px
}

.psd-to-banner h2 {
    font-size: 69px;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    width: auto;
    display: inline-block;
    color: var(--color-primary) !important;
    right: -210px;
    bottom: -8px
}

.psd-to-banner h2:after {
    width: 44px;
    position: absolute;
    height: 44px;
    right: -46px;
    top: 0
}

.psd-to-banner h1 {
    position: relative;
    color: #242424;
    font-size: 52px;
    margin-top: 0
}

.psd-to-banner h1:after {
    width: 4px;
    position: absolute;
    height: 50px;
    right: 0;
    top: 0
}

.psd-to-banner p {
    font-weight: 500;
    color: var(--color-primary) !important;
    font-size: 15px;
    padding: 0 23em;
    text-align: center
}

.psd-main-desktop {
    position: relative;
    padding: 0 21px
}

.psd-crome-icon,
.psd-psd-icon,
.psd-responsive-icon,
.psd-wordpress-icon {
    position: absolute;
    z-index: 1
}

.psd-main-desktop img {
    display: block;
    margin: 0 auto;
    bottom: -42px;
    position: relative;
    z-index: 9
}

.polygon-sec,
.polygon-sec li,
.psd-bottom-btn p,
.psd-tab-left,
.psd-tab-right,
.redesign-text>h1,
.source-banner-btn a,
.source-banner-btn p {
    display: inline-block
}

.psd-html-code {
    position: absolute;
    top: -50px;
    right: 254px;
    border-radius: 100%;
    z-index: 15;
    width: 96px;
    height: 96px
}

.psd-responsive-icon {
    bottom: 125px;
    right: 111px
}

.psd-wordpress-icon {
    top: 40px;
    right: 128px
}

.psd-psd-icon {
    bottom: 174px;
    left: 45px
}

.psd-crome-icon {
    top: -37px;
    left: 125px
}

.convesion-bg {
    background: url(../images/conversion-bg.webp) center center/cover no-repeat
}

.poly-list-step {
    padding-left: 56px;
    margin-bottom: -25px
}

.poly-step-bottom {
    margin-top: -25px;
    padding-left: 56px
}

.polygon-sec {
    margin: 0;
    padding: 0
}

.polygon-sec li {
    list-style: none;
    text-align: center;
    background: url(../images/polygon-bg.png) center center no-repeat;
    height: 120px;
    width: 110px
}

.polygon-sec li span {
    background: url(../images/sprite-images.webp) no-repeat;
    height: 115px;
    width: 100px;
    display: block;
    margin: 0 auto;
    padding: 0
}

.poly-less {
    background-position: -63px 0 !important
}

.poly-html {
    background-position: -183px 0 !important
}

.poly-blog {
    background-position: -306px 0 !important
}

.poly-word {
    background-position: -419px 0 !important
}

.poly-rss {
    background-position: -4px -109px !important
}

.poly-css {
    background-position: -123px -109px !important
}

.poly-sass {
    background-position: -245px -109px !important
}

.poly-mobile {
    background-position: -364px -109px !important
}

.poly-app {
    background-position: -63px -214px !important
}

.poly-responsive {
    background-position: -183px -214px !important
}

.poly-merjento {
    background-position: -306px -214px !important
}

.poly-jumla {
    background-position: -423px -214px !important
}

.poly-php {
    background-position: -515px 5px !important
}

.poly-bell {
    background-position: -506px -88px !important
}

.poly-js-mode {
    background-position: -601px -86px !important
}

.poly-cake-php {
    background-position: -792px -89px !important
}

.poly-my-sql {
    background-position: -609px 0 !important
}

.poly-cordinate {
    background-position: -685px -94px !important
}

.poly-ssss {
    background-position: -778px 0 !important
}

.poly-json {
    background-position: -699px 0 !important
}

.poly-google-develp {
    background-position: -506px -178px !important
}

.poly-sendgrid {
    background-position: -607px -182px !important
}

.poly-amazon {
    background-position: -697px -188px !important
}

.poly-alexa {
    background-position: -789px -182px !important
}

.poly-payperclick {
    background-position: -506px -276px !important
}

.poly-facebook {
    background-position: -600px -283px !important
}

.poly-recurly {
    background-position: -695px -272px !important
}

.poly-pay-u {
    background-position: -802px -281px !important
}

.top-tab-content {
    text-align: center;
    margin-bottom: 40px
}

.top-tab-content h3 {
    color: var(--color-text);
    font-size: 45px;
    margin-top: 0;
    margin-bottom: 60px !important
}

.top-tab-content p {
    font-size: 21px !important;
    font-weight: 300
}

.psd-tab-left {
    float: none;
    width: 18%
}

.psd-tab-right {
    text-align: left;
    float: none;
    width: 78%
}

.psd-tab-right h3 {
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 5px
}

.psd-tab-right p {
    font-size: 15px !important;
    font-weight: 300
}

.psd-quality-sec {
    background: url(../images/psd-quality-bg.webp) center center/cover no-repeat;
    position: relative
}

.hand-code-bg:after,
.perform-bg:after,
.psd-no-text,
.quality-curcle-sec li:before,
.send-psd-bg:after {
    position: absolute;
    content: ""
}

.current-opening-form,
.quality-curcle-sec {
    padding: 0;
    margin-top: 50px
}

.quality-curcle-sec li {
    display: inline-block;
    list-style: none;
    position: relative;
    vertical-align: middle;
    transition-duration: .3s;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    -webkit-transition-property: transform
}

.quality-curcle-sec li:before {
    left: 0;
    top: 0
}

.send-psd-bg {
    min-height: 312px;
    width: 24%
}

.send-psd-bg:before {
    background: url(../images/quality-send-psd.png) center center no-repeat;
    min-height: 312px;
    width: 100%
}

.send-psd-bg:after {
    width: 68px;
    background: url(../images/send-psd-arrow.png) top right no-repeat;
    height: 35px;
    right: -19px;
    top: 71px
}

.hand-code-bg {
    min-height: 242px;
    width: 21%
}

.hand-code-bg:before {
    background: url(../images/psd-hand-code.png) center center no-repeat;
    min-height: 242px;
    width: 100%
}

.hand-code-bg:after {
    width: 68px;
    background: url(../images/hand-code-arrow.png) bottom right no-repeat;
    height: 35px;
    right: -28px;
    top: 157px
}

.perform-bg {
    min-height: 282px;
    width: 24%
}

.perform-bg:before {
    background: url(../images/psd-quality-perform.png) center center no-repeat;
    min-height: 282px;
    width: 100%
}

.perform-bg:after {
    width: 68px;
    background: url(../images/quality-perform-arrow.png) top right no-repeat;
    height: 35px;
    right: -61px;
    top: 62px;
    z-index: 9999
}

.integrate-bg {
    min-height: 330px;
    width: 28%
}

.integrate-bg:before {
    background: url(../images/psd-quality-Integrate.png) center center no-repeat;
    min-height: 330px;
    width: 100%
}

.curcle-common-psd {
    height: 240px;
    width: 240px;
    border-radius: 100%;
    display: block;
    margin: 42px auto 0;
    text-align: center;
    padding: 28px 35px;
    background: var(--color-white-fixed);
    background: -moz-linear-gradient(#fff 0, #fff 53%, #f2f3f6 53%, #f2f3f6 53%, #f2f3f6 100%);
    background: -webkit-linear-gradient(#fff 0, #fff 53%, #f2f3f6 53%, #f2f3f6 53%, #f2f3f6 100%);
    background: linear-gradient(135deg, #fff 0, #fff 53%, #f2f3f6 53%, #f2f3f6 53%, #f2f3f6 100%);
    background: -webkit-linear-gradient(-39deg, #fff 0, #fff 53%, #f2f3f6 53%, #f2f3f6 53%, #f2f3f6 100%)
}

.common-hand-code {
    height: 195px;
    width: 195px;
    border-radius: 100%;
    display: block;
    margin: 29px auto 0;
    text-align: center;
    padding: 5px 18px;
    background: #2873c1;
    background: -moz-linear-gradient(#2873c1 0, #2873c1 53%, #226ab7 53%, #226ab7 53%, #226ab7 100%);
    background: -webkit-linear-gradient(#2873c1 0, #2873c1 53%, #226ab7 53%, #226ab7 53%, #226ab7 100%);
    background: linear-gradient(135deg, #2873c1 0, #2873c1 53%, #226ab7 53%, #226ab7 53%, #226ab7 100%);
    background: -webkit-linear-gradient(-39deg, #2873c1 0, #2873c1 53%, #226ab7 53%, #226ab7 53%, #226ab7 100%)
}

.curcle-common-perform {
    height: 215px;
    width: 215px;
    border-radius: 100%;
    display: block;
    margin: 35px auto 0;
    text-align: center;
    padding: 20px;
    background: #5924ce;
    background: -moz-linear-gradient(#5924ce 0, #5924ce 53%, #4c19bf 53%, #4c19bf 53%, #4c19bf 100%);
    background: -webkit-linear-gradient(#5924ce 0, #5924ce 53%, #4c19bf 53%, #4c19bf 53%, #4c19bf 100%);
    background: linear-gradient(135deg, #5924ce 0, #5924ce 53%, #4c19bf 53%, #4c19bf 53%, #4c19bf 100%);
    background: -webkit-linear-gradient(-39deg, #5924ce 0, #5924ce 53%, #4c19bf 53%, #4c19bf 53%, #4c19bf 100%)
}

.curcle-common-integrate {
    height: 260px;
    width: 260px;
    border-radius: 100%;
    display: block;
    margin: 30px auto 0;
    text-align: center;
    padding: 46px 51px;
    background: #e02376;
    background: -moz-linear-gradient(#e02376 0, #e02376 53%, #ca1566 53%, #ca1566 53%, #ca1566 100%);
    background: -webkit-linear-gradient(#e02376 0, #e02376 53%, #ca1566 53%, #ca1566 53%, #ca1566 100%);
    background: linear-gradient(135deg, #e02376 0, #e02376 53%, #ca1566 53%, #ca1566 53%, #ca1566 100%);
    background: -webkit-linear-gradient(-39deg, #e02376 0, #e02376 53%, #ca1566 53%, #ca1566 53%, #ca1566 100%)
}

.common-hand-code img,
.curcle-common-integrate img,
.curcle-common-perform img,
.curcle-common-psd img {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px
}

.common-hand-code p,
.curcle-common-integrate p,
.curcle-common-perform p,
.curcle-common-psd p,
.psd-text {
    color: var(--color-white-fixed);
    font-size: 18px;
    text-transform: uppercase;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.psd-no-text {
    font-size: 48px
}

.psd-send-text {
    color: #e6e6e6;
    left: 30px;
    top: 30px
}

.hand-code-text {
    color: #377ac4;
    left: 25px;
    top: 20px
}

.perform-text {
    color: #6c3dd4;
    left: 25px;
    top: 34px
}

.Integrate-text {
    color: #eb5292;
    left: 30px;
    top: 50px
}

.psd-bottom-btn p {
    color: var(--color-text);
    font-size: 16px;
    margin-right: 15px;
    margin-bottom: 0;
    font-weight: 300;
    padding-left: 100px
}

.light-yellow.yellow-btn-sec .newbtn:hover,
.mobileApps-btn,
.psd-bottom-btn .newbtn:hover,
ul.seo-plannew-details li:first-child,
ul.seo-plannew-details li:nth-child(3) {
    background: var(--color-primary) !important;
}

.affored-package p.white-text,
.amplify-bg>p,
.appbusiness-sec p.white-text,
.darkmode .academy-innerlinks ul li a.active,
.darkmode .academy-innerlinks ul li a:hover,
.darkmode .academy-top-whitepprs h1,
.darkmode .budget-friendlyblk .list-group-item,
.darkmode .budget-friendlyblk .panelmid-text p,
.darkmode .bxslider-redesign-txt h4,
.darkmode .company_photo p,
.darkmode .contact-form-footer .form-control,
.darkmode .continuous_div,
.darkmode .deploy_div p,
.darkmode .design_div .plan_text,
.darkmode .design_div h2,
.darkmode .design_div p,
.darkmode .develop-framework-sec .hire-left-sec h4,
.darkmode .disscussPlan .plan_text,
.darkmode .disscussPlan p,
.darkmode .eccomerceport-whitebg .ecommBuisnes p,
.darkmode .eccomerceport-whitebg h2,
.darkmode .eccomerceport-whitebg p,
.darkmode .form-right-sec .form-group .form-control,
.darkmode .form-right-sec .form-group label,
.darkmode .hybrid-app-banner .mobileapp-to-banner h1,
.darkmode .hybrid-app-banner .mobileapp-to-banner p,
.darkmode .ios-technologyslack h3,
.darkmode .iso-whatmean-sec .right-div-iso p,
.darkmode .logo-design-banner h1.header-text,
.darkmode .magento-Ecomrce-inn h2,
.darkmode .magento-Ecomrce-inn p,
.darkmode .magento-banner-left p,
.darkmode .measure_div p,
.darkmode .measuring_div,
.darkmode .psd-to-banner h1,
.darkmode .reputation-services h2,
.darkmode .seo_package p,
.darkmode .seo_top_part .read_customer,
.darkmode .source-plateform-sec .plateform-main .bottom-sec-plateform p,
.darkmode .technology-icons h4,
.darkmode .webdesignServices h3,
.darkmode .webdesignServices p,
.deploy_div .plan_text,
.ecoomerce-to-banner .viewbtn-arrow:hover,
.haveheart-white,
.joomla-perfect-team p.white-text,
.logo-behind-sec-bg p.white-text,
.magento-perfect-team p.white-text,
.onlinefaq h2,
.onlinefaq h3,
.onlinefaq h4,
.onlinefaq p,
.passionatexperts .headiing_div p,
.psd-bottom-btn .arrowrgt:hover:after,
.responsivetym-sec .res-services-company h2,
.selectYour-package p.white-text,
.servicesBanner_new .bannerAlign p,
.tailormade-right .thumbnail .caption h3,
.tailormade-right .thumbnail .caption p,
.tesmonailBanner .bannerAlign p,
.vocso-other-package .package-common .white-text,
.vocso-perfect-team p.white-text,
.vocsoBuild-sec p.white-text,
.vocsobyNumbers-block h2,
.vocsobyNumbers-block h3,
.web-app-text .arrowrgt:hover:after {
    color: var(--color-white-fixed) !important;
    z-index: 1;
}

.after-text,
.before-text,
.web-tab-list li p {
    color: var(--color-text);
}

.psd-coded-sec {
    background: #f0f1f3;
    position: relative;
    overflow: hidden
}

.psd-coded-sec:before {
    border-top: 20px solid #8d86b7;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    top: 0
}

.after-text:before,
.before-text:after {
    height: 40px;
    position: absolute;
    width: 80px;
    content: ""
}

.right_div_common h3 {
    font-size: 40px;
    font-weight: 100;
    color: #272425;
    line-height: 38px;
    margin: 10px 0
}

.top-inder-text {
    position: absolute;
    top: -70px;
    width: 100%;
    padding: 0 100px
}

.top-inder-text .solutionTxt {
    font-size: 45px
}

.before-text {
    left: 0;
    float: left;
    position: absolute
}

.after-text {
    right: 0;
    float: right;
    position: absolute
}

.before-text:after {
    background: url(../images/before-psd-arrow.png) bottom right no-repeat;
    top: 10px;
    left: 164px
}

.after-text:before {
    background: url(../images/after-psd-arrow.png) bottom right no-repeat;
    top: 15px;
    right: 162px
}

.re-design-banner {
    background: url(../images/re-design-banner-bg.webp) left bottom repeat-x #fcfcfb;
    min-height: 582px;
    padding-top: 150px;
    text-align: center;
    position: relative
}

.opensource-banner {
    background: url(../images/open-source-sec-bg.jpg) center center;
    text-align: center
}

.app-name img {
    margin-left: 20em
}

.source-top-cont {
    padding-top: 6em
}

.source-banner-btn p {
    text-align: left;
    width: 31%;
    color: var(--color-white-fixed);
    font-size: 16px;
    margin-right: 7em
}

.source-banner-btn a {
    vertical-align: top
}

.source-front-bg {
    background: url(../images/open-source-front-bg.webp) top center no-repeat;
    margin: 0;
    padding: 0;
    height: 715px
}

.opensource-banner .bx-viewport {
    height: 694px !important
}

.bxslider-portfolio-sec .bx-wrapper,
.opensource-banner .bx-wrapper {
    margin: 0 auto !important
}

.redesign-text>h1 {
    font-size: 50px;
    margin-top: 10px;
    border-bottom: 6px solid #ff6903;
    line-height: 40px;
    margin-bottom: 50px
}

.redesign-text>p {
    color: var(--color-primary) !important;
    font-size: 15px;
    text-align: center;
    padding: 0 24em;
    margin-top: 10px
}

.amplify-bg {
    background: #ff6700;
    background: -moz-linear-gradient(#ff6700 0, #ff6700 53%, #ea5500 53%, #ea5500 53%, #ea5500 100%);
    background: -webkit-linear-gradient(#ff6700 0, #ff6700 53%, #ea5500 53%, #ea5500 53%, #ea5500 100%);
    background: linear-gradient(135deg, #ff6700 0, #ff6700 53%, #ea5500 53%, #ea5500 53%, #ea5500 100%);
    background: -webkit-linear-gradient(-39deg, #ff6700 0, #ff6700 53%, #ea5500 53%, #ea5500 53%, #ea5500 100%)
}

.leaverage-bg {
    background: #c02873;
    background: -moz-linear-gradient(#00c650 0, #00c650 53%, #00b543 53%, #00b543 53%, #00b543 100%);
    background: -webkit-linear-gradient(#00c650 0, #00c650 53%, #00b543 53%, #00b543 53%, #00b543 100%);
    background: linear-gradient(135deg, #00c650 0, #00c650 53%, #00b543 53%, #00b543 53%, #00b543 100%);
    background: -webkit-linear-gradient(-39deg, #00c650 0, #00c650 53%, #00b543 53%, #00b543 53%, #00b543 100%)
}

.amplify-text {
    color: #f25b00;
    left: 30px;
    top: 30px
}

.leverage-text {
    color: #00d277;
    left: 30px;
    top: 50px
}

.redesign-index:after {
    background: url(../images/sprite-images.webp) -1035px -1510px no-repeat;
    height: 111px;
    width: 30px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -69px
}

.redesign-bottom-cont {
    margin-top: 70px;
    padding: 10px 33px;
    margin-bottom: 0
}

.redesing-bottom-btn {
    margin-top: 0;
    border: 0;
    float: right
}

.redesign-step h3 {
    font-size: 26px;
    text-align: center;
    color: var(--color-white-fixed);
    padding: 0 106px;
    margin-top: 0;
    margin-bottom: 40px
}

.redesign-inner li {
    background: #00c650;
    padding: 15px;
    width: 100%;
    list-style: none;
    color: var(--color-white-fixed);
    margin-bottom: 1px;
    min-height: 60px;
    line-height: 20px;
    transition-duration: .3s
}

.redesign-inner li p {
    margin: 0;
    vertical-align: middle;
    display: inline-block
}

.redesign-inner li span {
    background: url(../images/sprite-images.webp) -355px -617px no-repeat;
    height: 35px;
    width: 35px;
    display: inline-block;
    vertical-align: middle
}

.redesign-inner li p {
    font-size: 16px;
    width: 85%;
    padding-left: 25px
}

.redesign-inner li:hover {
    color: #00c650;
    background: var(--color-white-fixed)
}

.iso-inner-design li:hover .iso-inner-icon,
.redesign-inner li:hover span {
    background-position: -355px -689px
}

.design-agency-sec,
.iso-whatmean-sec {
    background: var(--color-white-fixed);
    position: relative
}

.agency-main-sec .solutionTxt {
    font-size: 55px
}

.agency-code:before {
    border-top: 20px solid #ff9600
}

.bxslider-mobileApps-txt h4,
.joomlacore-feature p,
.top-part-slide .fa {
    font-size: 22px
}

.source-development-sec {
    background: url(../images/source-development-bg.webp) center center/cover no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative
}

.source-delep-cont h4 {
    color: var(--color-white-fixed);
    font-size: 25px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight: 400
}

.source-delep-cont {
    margin-top: 50px;
    width: 74% !important;
    position: relative
}

.source-plateform-sec {
    background: url(../images/source-plateform-bg.webp) center center/cover no-repeat;
    position: relative
}

.source-plateform-sec:after {
    border-top: 20px solid #a5acb4;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    top: 0
}

.affored-package .pricing-maintbl,
.mt-80,
.source-plateform-list {
    margin-top: 80px
}

.plateform-main {
    background: var(--color-white-fixed);
    margin-right: 0;
    padding: 24px;
    margin-bottom: 30px;
    box-shadow: #e0e0e0 6px 6px 0;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-property: transform;
    min-height: 325px
}

.notsure-main .solutionTxt {
    font-size: 36px;
    line-height: 26px;
    margin-bottom: 23px;
    display: block;
    color: var(--color-white-fixed);
    margin-top: 30px
}

.notsure-main {
    min-height: 248px;
    background: #0069af;
    background: -moz-linear-gradient(#0069af 0, #0069af 53%, #0064a7 53%, #0064a7 53%, #0064a7 100%);
    background: -webkit-linear-gradient(#0069af 0, #0069af 53%, #0064a7 53%, #0064a7 53%, #0064a7 100%);
    background: linear-gradient(135deg, #0069af 0, #0069af 53%, #0064a7 53%, #0064a7 53%, #0064a7 100%)
}

.notsure-main a {
    font-size: 18px;
    display: block;
    background: #e1af67;
    background: -moz-linear-gradient(#e1af67 0, #e1af67 53%, #dca04b 53%, #dca04b 53%, #dca04b 100%);
    background: -webkit-linear-gradient(#e1af67 0, #e1af67 53%, #dca04b 53%, #dca04b 53%, #dca04b 100%);
    background: linear-gradient(135deg, #e1af67 0, #e1af67 53%, #dca04b 53%, #dca04b 53%, #dca04b 100%)
}

.notsure-main img {
    float: right;
    margin-top: 10px
}

.notsure-main:hover a,
.plateform-main:hover .source-yellow-btn,
.web-similar-btn:hover a {
    background: var(--color-primary) !important
}

.icon-div-source {
    background: url(../images/sprite-images.webp) no-repeat;
    height: 100px;
    width: 100px;
    float: left
}

.joomla-list-icon {
    background-position: 0 -354px
}

.magento-list-icon {
    background-position: -99px -354px
}

.wordpress-list-icon {
    background-position: -209px -354px
}

.codeigniter-list-icon {
    background-position: 0 -577px
}

.cake-list-icon {
    background-position: -99px -577px
}

.drupal-list-icon {
    background-position: -209px -577px
}

.oscommerce-list-icon {
    background-position: 0 -786px;
    width: 105px
}

.jquery-list-icon {
    background-position: -105px -786px
}

.plateform-main:hover .joomla-list-icon {
    background-position: 0 -457px
}

.plateform-main:hover .magento-list-icon {
    background-position: -99px -457px
}

.plateform-main:hover .wordpress-list-icon {
    background-position: -209px -457px
}

.plateform-main:hover .codeigniter-list-icon {
    background-position: 0 -681px
}

.plateform-main:hover .cake-list-icon {
    background-position: -99px -682px
}

.plateform-main:hover .drupal-list-icon {
    background-position: -209px -681px
}

.plateform-main:hover .oscommerce-list-icon {
    background-position: 0 -889px
}

.plateform-main:hover .jquery-list-icon {
    background-position: -105px -889px
}

.plateform-main:hover .top-sec-plateform h3 a {
    color: #fe6535
}

.darkmode .faqpanel h3,
.darkmode .faqs .panel-group .panel.panel-colorchange .panel-heading a,
.darkmode .faqs a:hover,
.darkmode .plateform-main:hover .bottom-sec-plateform p,
.darkmode .sitemap-listing a,
.email-boxes a:hover {
    color: var(--color-secondary-dark);
}

.plateform-main:hover .bottom-sec-plateform p {
    color: #545252
}

.web-custom-main li .top-sec-plateform h3 {
    padding-right: 149px;
    color: var(--color-text);
}

.top-sec-plateform h3 {
    margin-top: 0;
    padding-left: 110px;
    text-align: left;
    font-size: 20px
}

.bottom-sec-hire,
.bottom-sec-plateform {
    border-top: 1px solid #abbac7;
    margin-top: 10px;
    padding-top: 15px;
    display: inline-block
}

.source-yellow-btn {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #ff9700;
    text-align: center;
    padding: 8px;
    vertical-align: top;
    float: right
}

.companyBanner .build_text h1,
.passionatexperts span,
.redesignFuture span {
    text-align: right !important
}

.source-advant-list {
    margin-bottom: 60px;
    padding: 0;
    float: left;
    width: 100%;
    position: relative
}

.source-advant-list li {
    float: left;
    text-align: center;
    font-size: 18px;
    background: #e5e5e5;
    padding: 0;
    transform-origin: left top 0;
    height: 257px;
    width: 55px;
    margin-left: 0;
    position: relative;
    margin-right: 10px;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-property: transform
}

.source-advant-list li span {
    font-weight: 700;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    width: 254px;
    height: 54px;
    margin: 0;
    padding: 12px 0;
    position: absolute;
    left: 58px;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    bottom: 0
}

.source-advant-list li:hover {
    background: var(--color-white-fixed);
    cursor: pointer;
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px)
}

.source-delep-cont h5 {
    font-size: 14px;
    color: #c8c8c8;
    position: absolute;
    right: 0;
    width: 200px;
    bottom: 254px
}

.source-delep-cont h5:after {
    background: url(../images/source-step-arrow.png) bottom right no-repeat;
    width: 80px;
    height: 80px;
    content: "";
    position: absolute;
    top: 40px;
    left: 0
}

.web-application-banner {
    background: url(../images/web-application-bg.webp) center center/cover no-repeat fixed;
    position: relative;
    padding-top: 100px
}

.web-app-text .solutionTxt {
    line-height: 47px
}

.web-app-text {
    margin-bottom: 60px;
    margin-right: 15px
}

.web-logo-curle {
    margin-top: -71px
}

.web-service-sec {
    background: url(../images/web-app-service-bg.webp) center center/cover no-repeat fixed
}

.web-service-video .redbtn {
    margin-top: 30px;
    float: right
}

.web-app-video .fa-play {
    background: rgb(253 58 48 / 62%);
    font-size: 45px;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    padding: 29px 0 29px 10px;
    text-align: center
}

.web-video-bottom {
    background: var(--color-white-fixed);
    padding: 12px 20px
}

.web-custom-main li {
    width: 50%;
    float: left;
    padding: 40px;
    background: var(--color-white-fixed);
    transition: .3s ease-in-out;
    min-height: 350px
}

.light-blue {
    background: #b9d4e2 !important
}

.light-yellow {
    background: #ffe000 !important;
    float: right !important
}

.web-cus-right {
    float: left;
    width: 540px
}

.light-yellow .bottom-sec-plateform {
    border-top: 1px solid #dbc247
}

.easy-future-icon {
    background-position: -329px -355px
}

.faster-develp-icon {
    background-position: -421px -355px
}

.strategically-icon {
    background-position: -323px -458px
}

.high-app-icon {
    background-position: -421px -458px
}

.web-custom-list {
    margin-top: 60px;
    padding: 0 15px
}

.web-case-right h3 {
    font-size: 3rem;
    font-weight: 100;
    color: var(--color-white-fixed);
    line-height: 3.5rem;
    margin: 10px 0;
    -moz-font-smoothing: subpixel-antialiased;
    -moz-text-stroke: 1px transparent
}

.web-platform-sec {
    background: url(../images/web--platforms-bg.webp) center center/cover no-repeat fixed;
    position: relative
}

.web-platform-sec h2 {
    font-weight: 700;
    text-align: center;
    color: var(--color-white-fixed);
    font-size: 50px;
    padding: 0 100px;
    margin-top: 0
}

.web-platform-sec h3 {
    color: #ffbf00;
    margin-top: 0;
    font-size: 60px;
    font-weight: 300;
    margin-bottom: 40px
}

.web-bottom-btn>p,
.web-platform-sec p {
    color: var(--color-white-fixed);
    font-size: 16px;
    text-align: center;
    margin-top: 25px;
    font-style: italic;
    font-weight: 400;
    margin-right: 50px
}

.web-bottom-btn {
    border-top: 1px solid #393034
}

.web-case-study-sec {
    background: #1857a7
}

.web-admin-video {
    margin-bottom: 53px
}

.web-admin-video h5 {
    font-size: 16px;
    text-align: center;
    padding: 0 151px;
    margin-top: 15px
}

.web-top-tab {
    text-align: left;
    padding-right: 30px
}

.web-top-tab h3 {
    font-size: 27px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d3d5d8
}

.cwd-tips-cont ul li:before,
.submit-part:after,
.subscribe-orderbtn:after {
    text-decoration: inherit;
    font-family: FontAwesome
}

.web-tab-list {
    margin-top: 30px;
    padding-top: 30px;
    padding-left: 0
}

.web-tab-list li {
    padding: 0;
    width: 100%;
    transition-duration: .3s;
    line-height: normal;
    margin-bottom: 10px
}

.web-tab-list li span {
    background: url(../images/sprite-images.webp) -355px -688px no-repeat;
    height: 35px;
    width: 35px;
    display: inline-block;
    vertical-align: middle
}

.web-tab-list li p {
    font-size: 18px;
    display: inline-block;
    width: 85%;
    padding-left: 25px;
    margin: 0;
    vertical-align: middle;
    padding-bottom: 0;
    border: 0
}

.package-common,
.package-common-popular li {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.web-similar-btn {
    padding: 30px;
    color: var(--color-white-fixed);
    margin-top: 20px
}

.web-similar-btn h4 {
    font-size: 22px;
    margin: 0
}

.web-similar-btn a {
    width: 113px;
    height: 80px;
    background: #000;
    padding: 23px 20px;
    text-align: center;
    vertical-align: top;
    float: right
}

.web-similar-inner {
    display: inline-block;
    width: 74%
}

.web-suport-send img {
    margin-top: -16px
}

.web-package-banner {
    background: 0 0/cover #e1f2f8;
    position: relative;
    height: 650px;
    padding-top: 19em
}

.monthlyWebpk {
    padding-top: 130px
}

.polygonMultiImg {
    margin-top: -75px;
    margin-left: 52px;
    float: left
}

.affored-package {
    background: url(../images/afford-package-bg.webp) top center/cover no-repeat fixed !important;
    position: relative;
    height: auto !important
}

.affored-ecomrce-design {
    background: url(../images/afford-package-bg.jpg) center center/cover no-repeat;
    position: relative;
    height: 700px
}

.package-online {
    background: #fbbe00
}

.package-business {
    background: #f3692f
}

.package-ultimate {
    background: #00ba6c
}

.package-google {
    background: #5caeca
}

.package-common-popular {
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-left: 0;
    width: 100%;
    z-index: -1
}

.package-common-popular li {
    background: var(--color-white-fixed);
    padding: 5px 15px
}

.package-common-popular li p {
    width: 84%;
    color: #00c650;
    font-size: 24px;
    padding-left: 0
}

.package-common-popular li span {
    background-position: -355px -688px
}

.package-common {
    padding: 30px 20px;
    text-align: center;
    margin-right: 0;
    position: relative
}

.package-common h3 {
    font-size: 34px;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 33px
}

.package-common h2 {
    font-size: 48px;
    color: var(--color-white-fixed);
    margin-bottom: 40px;
    font-weight: 700
}

.package-common h2.webMainPrice {
    font-size: 35px;
    color: var(--color-white-fixed);
    margin-bottom: 20px
}

.package-common h4 {
    font-size: 22px;
    color: var(--color-white-fixed);
    margin-bottom: 40px
}

.package-common h4 sup {
    vertical-align: top !important;
    font-size: 14px;
    top: 10px
}

.package-common>p {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 0;
    min-height: 70px;
    font-weight: 600;
    color: var(--color-black-fixed)
}

.eccom-affored-package-list {
    margin-top: -32.2em
}

.affored-package-list .thumbnail,
.ecommerce-package-list .thumbnail {
    background: 0 0;
    border: 0;
    padding: 5px;
    margin-bottom: 0
}

.package-inner li {
    text-align: right;
    padding: 10px 15px;
    min-height: inherit;
    background: 0 0;
    color: #333
}

.package-inner li:hover {
    color: #333
}

.package-inner li:last-child {
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em
}

.package-inner li:nth-child(odd) {
    background: #dfe4ec
}

.package-inner li:nth-child(2n) {
    background: #d5d9e3
}

.package-inner li p {
    width: 85%;
    padding-left: 0;
    padding-right: 14px
}

.package-inner li span {
    background: url(../images/sprite-images.webp) -353px -755px no-repeat;
    height: 25px;
    width: 25px
}

.package-inner li img {
    display: block;
    margin: 0 auto
}

.package-common sup {
    vertical-align: top !important;
    font-size: 28px;
    top: 19px
}

.package-inner li:hover span {
    background-position: -353px -755px
}

.list-inner-affored:hover .package-inner li:nth-child(2n) {
    background: #edeef2
}

.cancel-icon {
    background-position: -352px -787px !important
}

.vocso-other-package {
    background: #3a3d47;
    position: relative
}

.vocso-pack-heading h3 {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: 600;
    text-align: left
}

.addui-Accordion .addui-Accordion-content ol li:last-child,
.addui-Accordion .addui-Accordion-content ul li:last-child,
.affiliate-marketing-banner .web-app-text,
.hire-banner .web-app-text,
.howitworks-blocks ul li:last-child,
.managedwebsite-right-block p:last-child,
.questionBar #surveyResult p,
.raq_number p,
.redesign-survey,
.seoPlanpkg table,
.vocso-other-package .headiing_div_1 h2 {
    margin-bottom: 0
}

.icon-div-package {
    background: url(../images/sprite-images.webp) no-repeat;
    height: 80px;
    width: 80px;
    float: left
}

#thank_you_msg .left_part,
.form-right-sec .form-group-text,
.fullWide,
.login-form .control-group,
.quality-main-sec,
.table_width,
.trustlogo-angular ul li img,
.vocso-package-main .bottom-sec-plateform {
    width: 100%
}

.vocso-package-main .icon-div-source {
    height: 75px;
    width: 75px
}

.vocso-package-main .top-sec-plateform h3 {
    padding-left: 0;
    padding-right: 0
}

.maintenance-icon {
    background-position: -531px -502px
}

.websitedesign-icon {
    background-position: -593px -421px
}

.ecommerce-icon {
    background-position: -652px -503px
}

.seo-icon {
    background-position: -533px -600px
}

.managed-icon {
    background-position: -648px -599px
}

.project-common-cont {
    position: relative;
    padding-left: 30px;
    padding-bottom: 40px;
    padding-right: 30px
}

.project-common-cont:before {
    border-left: 15px solid #56ba6f;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    left: 0;
    content: "";
    top: 0
}

.project-common-cont h3:after {
    border-bottom: 4px solid #56ba6f;
    width: 160px;
    content: "";
    bottom: 0;
    left: 0;
    position: absolute
}

.project-common-cont p:after {
    border-bottom: 2px solid #56ba6f;
    width: 80px;
    content: "";
    bottom: 0;
    left: 0;
    position: absolute
}

.four-step-cont,
.second-step-cont,
.six-step-cont {
    top: 57px
}

.five-step-cont,
.seven-step-cont {
    top: 20px
}

.nine-step-cont {
    top: 0
}

.ten-step-cont {
    height: 130px !important;
    bottom: -78px
}

.ten-step-cont span {
    width: 130px !important
}

.web-app-tabs .ui-slider-tabs-list {
    display: inline-block;
    text-align: right
}

.web-app-tabs .ui-slider-left-arrow,
.web-app-tabs .ui-slider-right-arrow {
    height: 93px !important
}

.web-app-tabs .ui-slider-tabs-list-wrapper {
    background: #1857a7;
    border: 0
}

.login-form .control-group .controls input[type=submit]:focus,
.web-app-tabs .ui-slider-tabs-content-container,
.web-app-tabs .ui-slider-tabs-list li:first-of-type {
    border: 0
}

.web-app-tabs .ui-slider-tabs-list li {
    background: #e7eff4;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-right: 2px;
    border: 0
}

.web-app-tabs .ui-slider-tabs-list li a {
    padding: 5px 30px
}

.vocso-common-tabs .ui-slider-tabs-list h3 {
    font-size: 15px
}

.vocso-common-tabs .ui-slider-left-arrow,
.vocso-common-tabs .ui-slider-right-arrow {
    height: 127px !important
}

.close-button {
    background: url(../images/sprite-images.webp) -459px -624px no-repeat;
    height: 25px;
    width: 25px;
    border: 0;
    position: absolute;
    right: 0;
    z-index: 99999;
    margin: 0;
    top: -30px;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.455, .03, 0, 1);
    -moz-transition: -moz-transform .3s cubic-bezier(.455, .03, 0, 1);
    -o-transition: -o-transform .3s cubic-bezier(.455, .03, 0, 1);
    transition: transform .3s cubic-bezier(.455, .03, 0, 1)
}

.close-button:focus,
.close-button:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    border: 0;
    outline: 0
}

.drop-common-img {
    display: block;
    background: url(../images/sprite-images.webp) top center no-repeat;
    height: 30px;
    width: 30px;
    margin-bottom: 10px
}

.cust-menu-design,
.cust-menu-webdesign,
.cust-psd-xhtml,
.cust-webdesign-package,
.ecommerce-development {
    background-position: -403px -835px
}

.cust-responsive-design {
    background-position: -403px -922px
}

.cust-redesign-service {
    background-position: -357px -1204px
}

.cust-hire-dedicated {
    background-position: -357px -1272px
}

.cust-web-development {
    background-position: -357px -1350px
}

.cust-mobile-apps {
    background-position: -357px -1422px
}

.cust-hybrid-app {
    background-position: -393px -1206px
}

.cust-multi-web-cms {
    background-position: -635px -1206px
}

.member-platform {
    background-position: -393px -1281px
}

.cust-open-source {
    background-position: -393px -1350px
}

.cust-wordpress-development {
    background-position: -425px -1206px
}

.cust-magento-development {
    background-position: -431px -1281px
}

.ecommerce-design-pack {
    background-position: -431px -1351px
}

.managed-web-pack {
    background-position: -401px -1421px
}

.hire-php-devel {
    background-position: -431px -1428px
}

.internet-marketing {
    background-position: -465px -1206px
}

.drop-main-menu:hover .search-engine-op,
.search-engine-op {
    background-position: -465px -1338px
}

.cust-seo-package {
    background-position: -467px -1266px
}

.cust-about-vocso {
    background-position: -467px -1424px
}

.cust-why-vocso {
    background-position: -506px -1205px
}

.cust-team {
    background-position: -506px -1382px
}

.cust-testimonials {
    background-position: -590px -1204px
}

.cust-methodology {
    background-position: -544px -1205px
}

.cust-iso-certified {
    background-position: -544px -1388px
}

.cust-menu-development {
    background-position: -590px -1387px
}

.digital-growth-academy {
    background-position: -506px -1287px
}

.cust-menu-whitepapers {
    background-position: -544px -1289px
}

.cust-menu-blog {
    background-position: -589px -1289px
}

.cust-logo-plan {
    background-position: -683px -1430px
}

.digitalMarketingCompany {
    background-position: -889px -1810px
}

.drop-main-menu:hover .cust-logo-plan {
    background-position: -639px -1430px
}

.drop-main-menu:hover .cust-responsive-design {
    background-position: -403px -960px
}

.drop-main-menu:hover .cust-case-studies,
.drop-main-menu:hover .cust-menu-design,
.drop-main-menu:hover .cust-menu-webdesign,
.drop-main-menu:hover .cust-psd-xhtml,
.drop-main-menu:hover .cust-webdesign-package,
.drop-main-menu:hover .ecommerce-development {
    background-position: -403px -875px
}

.drop-main-menu:hover .cust-redesign-service {
    background-position: -357px -1236px
}

.drop-main-menu:hover .cust-hire-dedicated {
    background-position: -357px -1309px
}

.drop-main-menu:hover .cust-web-development {
    background-position: -357px -1386px
}

.drop-main-menu:hover .cust-mobile-apps {
    background-position: -357px -1461px
}

.drop-main-menu:hover .cust-hybrid-app {
    background-position: -393px -1242px
}

.drop-main-menu:hover .cust-multi-web-cms {
    background-position: -635px -1242px
}

.drop-main-menu:hover .member-platform {
    background-position: -393px -1316px
}

.drop-main-menu:hover .cust-open-source {
    background-position: -393px -1384px
}

.drop-main-menu:hover .cust-wordpress-development {
    background-position: -425px -1242px
}

.drop-main-menu:hover .cust-magento-development {
    background-position: -431px -1314px
}

.drop-main-menu:hover .ecommerce-design-pack {
    background-position: -431px -1390px
}

.drop-main-menu:hover .managed-web-pack {
    background-position: -401px -1462px
}

.drop-main-menu:hover .hire-php-devel {
    background-position: -431px -1468px
}

.drop-main-menu:hover .internet-marketing {
    background-position: -465px -1236px
}

.drop-main-menu:hover .cust-seo-package {
    background-position: -467px -1299px
}

.drop-main-menu:hover .cust-about-vocso {
    background-position: -467px -1470px
}

.drop-main-menu:hover .cust-why-vocso {
    background-position: -506px -1241px
}

.drop-main-menu:hover .cust-team {
    background-position: -506px -1424px
}

.drop-main-menu:hover .cust-testimonials {
    background-position: -590px -1245px
}

.drop-main-menu:hover .cust-methodology {
    background-position: -544px -1244px
}

.drop-main-menu:hover .cust-iso-certified {
    background-position: -544px -1427px
}

.drop-main-menu:hover .cust-menu-development {
    background-position: -590px -1437px
}

.drop-main-menu:hover .digital-growth-academy {
    background-position: -506px -1330px
}

.drop-main-menu:hover .cust-menu-whitepapers {
    background-position: -544px -1337px
}

.drop-main-menu:hover .cust-menu-blog {
    background-position: -589px -1335px
}

.drop-main-menu:hover .digitalMarketingCompany {
    background-position: -889px -1851px
}

.list-inner-drop {
    position: relative;
    padding-top: 25px;
    padding-left: 0
}

.list-inner-drop:before {
    background: url(../images/sprite-images.webp) no-repeat;
    height: 17px;
    width: 39px;
    position: absolute;
    top: 0;
    left: 10px;
    content: ""
}

.drop-main-menu p::before {
    background: var(--color-white-fixed);
    -o-transition: width .2s;
    transition: width .2s;
    position: absolute;
    left: 0;
    width: 40%;
    height: 2px
}

.drop-main-menu:hover p::before {
    width: 80%;
    background: #df1f48
}

.hire-multi-list li {
    width: 50%
}

.navbar-nav>li.raqblc a:focus::before,
.navbar-nav>li.raqblc a:hover::before {
    width: 0 !important
}

.landing-banner,
footer {
    width: 100%;
    float: left;
    position: relative
}

.navbar-default .navbar-right .menu-align-sec a::before {
    background: 0 0 !important
}

.google-rankingfactor h4::after {
    content: "";
    position: absolute;
    background: url(../images/google-ranking-factoryarrow.png) no-repeat;
    height: 74px;
    z-index: 1;
    width: 60px;
    bottom: -49px;
    right: 0;
    left: 385px;
    margin: 0 auto
}

.google-rankingfactor h2 {
    font-size: 38px;
    margin: 0;
    text-transform: capitalize;
    font-weight: 300
}

.googleranking-left {
    background: url(../images/googleranking-leftback-img.png) center right no-repeat;
    display: block;
    height: 476px;
    position: relative
}

.form-toptext-main h2 {
    font-size: 48px !important;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-white-fixed);
}

.form-toptext-main p {
    font-size: 18px;
    line-height: 20px;
    padding: 15px 0;
    color: var(--color-black-fixed);
}

.form-toptext input:focus {
    border: 1px solid #755b0e
}

.googlerank-main {
    padding: 20px 0;
    position: relative
}

.form-toptext .redbtn.newbtn {
    padding: 15px 25px 11px 22px;
    float: right;
    cursor: pointer;
    border: 0
}

.googleranking-left img {
    position: absolute;
    top: 22px;
    right: 0;
    margin: 0 auto
}

.landing-mostimportant-left h2 {
    font-size: 39px;
    color: #000;
    font-weight: 800;
    text-transform: uppercase
}

.landing-mostimportant-left ul {
    padding: 0;
    font-size: 18px;
    color: #6a6a6a
}

.landing-mostimportant-left .fa {
    color: #a1c32c
}

.landing-mostimportant-left .jennaFntsm.redTxtClr {
    color: var(--color-primary) !important;
    font-size: 54px;
    text-transform: lowercase;
    font-weight: 400
}

.web-videobottom-text {
    float: left;
    margin-right: 10px
}

.marketing-cloud-text {
    float: right;
    width: 73%;
    padding: 0;
    margin: 0
}

.landing-video-bottom {
    padding: 25px 0;
    display: inline-block
}

.web-videobottom-text span {
    font-size: 16px;
    margin: 0
}

.landing-video-bottom p {
    text-align: left;
    padding: 0 0 0 15px;
    border-left: 1px solid #ccc;
    text-transform: none
}

.web-videobottom-text span span {
    float: right;
    margin-right: 5px;
    font-weight: 700
}

.affordable-store-right h2,
.androidgreen-head,
.angular-footer .man-laughing-img,
.blog-img-growth,
.buildvocso-apps,
.categroy-arrowdown,
.comon-logo-process,
.download-inner-block .fancybox,
.eccomerceport-sliderbody,
.ecommStore-left,
.hefty-commision-listing,
.joomla-banner-right,
.landing-mostimportant-sec .web-service-video .web-app-video,
.redesign-tablet-img,
.seo-planmanbg-positon,
.seo_five-steps,
.shooppblk,
.successicon-block,
.testmonail_opening_div #feedback .cover,
.thumbbg,
.word-to-banner {
    position: relative
}

.landing-mostimportant-left {
    margin-top: -180px
}

.wordpress-banner {
    background: url(../images/wordpress-banner-bg.webp) center center/cover no-repeat;
    padding: 80px 0 200px
}

.word-to-banner img {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
    position: relative
}

.word-to-banner>.newbtn {
    position: absolute;
    left: 0;
    right: 0;
    margin: 40px auto 0;
    width: 250px
}

.word-to-banner h1 {
    color: #242424;
    margin-top: 0;
    text-align: center;
    position: relative;
    text-transform: uppercase
}

.home-vocso-intro,
.redesign-tablet-img_2,
.wave-effect-block,
.word-banner-cont {
    position: absolute
}

.word-design-text {
    top: 223px;
    left: 254px;
    padding-left: 100px;
    text-align: right
}

.word-design-text:after {
    background: url(../images/word-design-arrow.png) top right no-repeat;
    position: absolute;
    top: 50px;
    left: 306px;
    width: 150px;
    height: 20px;
    content: "";
    z-index: 9999
}

.ux-consi-text {
    top: 138px;
    right: 260px;
    padding-top: 30px;
    padding-right: 35px
}

.ux-consi-text:before {
    background: url(../images/word-ux-arrow.png) top left no-repeat;
    position: absolute;
    top: 76px;
    right: 234px;
    width: 250px;
    height: 20px;
    content: ""
}

.web-development-text {
    top: 415px;
    left: 200px;
    padding-left: 100px;
    text-align: right
}

.web-development-text:after {
    background: url(../images/word-development-arrow.png) top no-repeat;
    position: absolute;
    top: -24px;
    left: 203px;
    width: 290px;
    height: 40px;
    content: ""
}

.web-marketing-text {
    top: 415px;
    right: 230px;
    padding-right: 100px
}

.web-marketing-text:before {
    background: url(../images/word-marketing-arrow.png) top left no-repeat;
    position: absolute;
    top: -80px;
    right: 205px;
    width: 255px;
    height: 95px;
    content: ""
}

.word-cont-list li:before {
    content: "f111";
    font-family: FontAwesome;
    font-size: 7px;
    padding-right: 10px;
    vertical-align: middle
}

.word-cont-list li {
    position: relative;
    color: #000;
    font-weight: 500;
    font-size: 14px
}

.word-benefits-sec {
    background: #3693d9;
    position: relative
}

.benefit-left-sec {
    background: var(--color-white-fixed);
    padding: 0 40px 40px;
    position: relative
}

.benefit-left-sec h3 {
    font-size: 40px;
    color: var(--color-black-fixed);
    margin-top: 0;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.benefit-left-sec h3:after {
    left: 0;
    position: absolute;
    height: 7px;
    width: 140px;
    bottom: 0;
    background: url(../images/word-ease-border.png) no-repeat;
    content: ""
}

.benefit-left-sec:before {
    background: url(../images/word-slide-top.png) top left no-repeat;
    position: absolute;
    top: -38px;
    left: 0;
    height: 50px;
    width: 100%;
    content: ""
}

.benefit-left-sec:after {
    background: url(../images/word-ease-arrow.png) top right no-repeat;
    position: absolute;
    top: -47px;
    right: -49px;
    height: 45px;
    width: 86px;
    content: ""
}

.digital-approach-sec:before,
.iso-button-sec:before,
.iso-whatmean-sec:before,
.word-result-sec:before {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    content: ""
}

.word-easy-use:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    background: var(--color-white-fixed);
    -webkit-box-shadow: 0 18px 87px -16px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 18px 87px -16px rgba(0, 0, 0, .75);
    box-shadow: 0 18px 87px -16px rgba(0, 0, 0, .75)
}

.word-easy-use {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    background: #cdcedf;
    margin-right: 15px;
    width: 31.9%;
    float: left;
    text-align: center;
    padding: 25px 15px 146px
}

.word-easy-use p {
    font-size: 18px;
    color: var(--color-text);
    line-height: normal
}

.word-easy-use:last-child {
    margin-right: -15px !important
}

.word-result-sec {
    background: #f5f6f0;
    position: relative
}

.word-result-sec:before {
    border-top: 20px solid #525252;
    margin: 0 auto;
    top: 0
}

.iso-inner-icon,
.iso-inner-list,
.iso-inner-list p,
.name_text-word {
    display: inline-block
}

.testmonialSeo,
.word-testimonial-sec {
    background: #5690c1;
    position: relative
}

.name_text-word {
    padding-right: 25px;
    vertical-align: middle
}

.iso-inner-icon,
.iso-inner-list p {
    vertical-align: top
}

.name_text-word span {
    color: #f0604c;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 13px !important;
    text-transform: uppercase
}

.iso-banner {
    background: url(../images/iso-banner-bg.jpg) top center repeat-x;
    padding-top: 0;
    padding-bottom: 6em
}

.isotext-bg-sec {
    background: url(../images/iso-banner-text-bg.png) top center no-repeat;
    height: 311px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 90px 50px 50px
}

.isotext-bg-sec h2 span {
    font-size: 52px;
    line-height: 45px !important;
    display: block
}

.iso-another-bg {
    background: #57b04a;
    position: relative
}

.iso-inner-design li {
    background: var(--color-white-fixed);
    padding: 15px;
    width: 100%;
    list-style: none;
    color: #000;
    margin-bottom: 1px;
    min-height: 60px;
    line-height: 20px;
    transition-duration: .3s
}

.iso-inner-design li:hover {
    color: #000 !important;
    background: var(--color-white-fixed) !important
}

.people-iso {
    background: rgba(255, 255, 255, .7) !important
}

.customer-iso {
    background: rgba(255, 255, 255, .4) !important
}

.iso-inner-icon {
    background: url(../images/sprite-images.webp) -355px -689px no-repeat;
    height: 35px;
    width: 35px
}

.iso-inner-list {
    width: 77%;
    text-align: left;
    padding-left: 10px
}

.iso-inner-list p {
    font-size: 16px;
    margin: 0;
    font-weight: 300
}

.digital-inner-list li p,
.policy-btns a {
    font-weight: 700;
    text-transform: uppercase
}

.icon-div-iso {
    background: url(../images/sprite-images.webp) no-repeat;
    height: 80px;
    width: 80px;
    float: left;
    margin-bottom: 40px
}

.customer-list-icon {
    background-position: 0 -1020px
}

.people-list-icon {
    background-position: -81px -1020px
}

.encourage-list-icon {
    background-position: -161px -1020px
}

.optimized-list-icon {
    background-position: 0 -1126px
}

.quality-list-icon {
    background-position: -81px -1126px
}

.monitoring-list-icon {
    background-position: -161px -1126px
}

.iso-quality-sec {
    background: url(../images/quality-process-bg.jpg) center center/cover no-repeat;
    position: relative
}

.iso-quality-left .comFontSz {
    padding-left: 90px
}

.iso-button-sec {
    background: #77808f;
    position: relative
}

.iso-button-sec:before {
    border-top: 20px solid #77808f;
    margin: 0 auto;
    bottom: -19px
}

.iso-button-sec .arrowrgt {
    padding-right: 62px
}

.iso-button-sec .arrowrgt:after {
    color: var(--color-primary) !important;
    color: var(--color-white-fixed) !important;
}

.digital-strategy-banner {
    background: url(../images/strategy-banner-bg.jpg) top center/cover no-repeat;
    padding-top: 100px;
    padding-bottom: 100px
}

.digital-strategy-text p {
    margin-top: 1em;
    margin-bottom: 60px;
    font-size: 20px;
    line-height: 34px;
}

.digital-strategy-text h2 {
    font-size: 44px
}

.digital-strategy-text .jennaFntsm {
    font-size: 77px
}

.digital-strategy-text .newbtn {
    margin-bottom: 40px
}

.digital-approach-sec:before,
.digital-trust-vocso:before {
    margin: 0 auto;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent
}

.digital-growth {
    position: relative;
    background: #0052cb
}

.digital-quality-left h2 {
    padding-left: 121px
}

.digital-approach-sec:before {
    border-top: 20px solid #0052cb;
    top: 0
}

.digital_gray_box {
    background: url(../images/digital-leverage-bg.webp) center center/cover no-repeat fixed;
    position: relative;
    height: auto
}

.digital_gray_box:before {
    height: 529px
}

.digital-trust-vocso:before {
    position: absolute;
    left: 0;
    right: 0;
    content: "";
    width: 0;
    height: 0;
    top: 0
}

.digital-trust-vocso {
    background: #cd6800;
    position: relative
}

.digital-trust-vocso:before {
    border-top: 20px solid #20100d
}

.digital-inner-list li span {
    background-position: -427px -690px
}

.digital-inner-list li:hover span {
    background-position: -354px -620px
}

.digital-inner-list li:hover {
    background: #e2790c;
    transform: translateX(7px)
}

.digital-inner-list li p {
    color: #000;
    font-size: 17px
}

.digital-width-one {
    width: 64% !important
}

.digital-width-two {
    width: 75% !important
}

.digital-width-three {
    width: 83% !important
}

.digital-width-four {
    width: 90% !important
}

.digital-bottom-btn {
    border-top: 0;
    padding-top: 0;
    float: left;
    margin-bottom: 40px
}

.digital-test-sec {
    background: #262131
}

.policy-btns {
    border: 1px solid #14113b;
    display: block;
    float: none;
    width: 579px;
    margin: 59px auto 0;
    overflow: hidden
}

.policy-btns a {
    color: var(--color-white-fixed);
    text-decoration: none;
    padding: 17px 45px;
    font-size: 18px;
    float: left;
    width: 50%;
    border-right: 1px solid #14113b
}

.googlewhite-text a,
.ios-smartapps a:hover {
    text-decoration: underline
}

.policy-btns a:last-child {
    border-right: 0 !important
}

.policy-btns a:hover {
    boder: 1px solid transparent !important;
    background: var(--color-white-fixed);
    color: var(--color-black-fixed)
}

.terms-banner h1 {
    color: var(--color-white-fixed);
    text-transform: uppercase;
}

.terms-banner {
    padding-top: 110px;
    padding-bottom: 80px;
    text-align: center;
    background: #312b6f
}

.policy-heading h3 {
    margin-bottom: .9375em;
    margin-top: 0;
    font-size: 20px;
    color: #000
}

.privacy-comon-list {
    padding-left: 1.25em
}

.privacy-comon-list li ul {
    margin-top: 8px;
    padding-left: 20px;
    list-style-type: circle
}

.privacy-comon-list li ul li {
    list-style-type: circle
}

.special-heading-policy {
    font-size: 20px !important
}

.ecommerce-banner {
    background: url(../images/ecommerce-banner-bg.jpg) center center/cover no-repeat;
    padding-top: 150px;
    padding-bottom: 19em
}

.ecommerce-banner .newbtn {
    margin-top: 150px
}

.hybrid-dev .trusted-list li:last-child,
.onlinefaq.faqBlock .addui-Accordion .addui-Accordion-header.addui-Accordion-last,
.paymentstep-one_new .modal-header,
.trusted-list li:last-child {
    border-bottom: 0
}

.res-services-company .headiing_div_1 {
    border-right: 0
}

.affiliate-header.fixed,
.canteasier-right .bx-wrapper .bx-next,
.canteasier-right .bx-wrapper .bx-prev,
.ecommBuisnes-right .bx-wrapper .bx-controls-direction a.disabled,
.header-banner h2:after,
.hybrid-newbtn a::after {
    display: none !important
}

.contact-form {
    padding: 0;
    display: block;
    float: none;
    margin-top: -31em
}

.contact-banner {
    background: 0 0/cover var(--color-secondary-dark);
    position: relative;
    min-height: 700px;
    overflow: hidden
}

.contact-top h2 {
    font-size: 100px !important;
    font-weight: 400;
    margin: 0
}

.contact-top h1 {
    font-size: 100px;
    color: var(--color-white-fixed);
    margin: 0;
    padding: 0;
    position: relative;
    font-weight: 700;
    line-height: 100px
}

.form-bottom-sec {
    padding: 0;
    position: relative
}

.form-right-sec .redbtn {
    float: right;
    border: 0
}

.form-right-sec .form-group {
    justify-content: start;
    width: 49.9%;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    flex-flow: column-reverse
}

.fancybox,
.play-button {
    justify-content: center
}

.form-right-sec .form-group-text .form-control {
    width: 100%;
    color: #77779a;
    padding: 9px 15px;
    font-size: 16px;
    border: 1px solid #afafd6;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .05);
    resize: none;
    border-radius: 0
}

.form-right-sec .form-control:focus {
    background: #f1f7ff;
    border: 1px solid #477ec0;
    box-shadow: none;
    outline: 0
}

.contact-list {
    display: block;
    margin: 0 auto;
    padding: 124px 0 0
}

.contact-list .fa {
    font-size: 24px;
    color: #a5d1a7;
    display: inline-block;
    margin-right: 15px
}

.close-contact {
    position: absolute;
    top: 40px;
    right: 55px;
    display: block;
    z-index: 9
}

#contact-new-btn,
.contact {
    z-index: 999999999;
    position: fixed
}

.close-contact span {
    font-size: 15px;
    text-transform: uppercase;
    color: #4f4f4f;
    font-weight: 700;
    padding-right: 20px
}

.magento-banner .newbtn {
    display: inline-block;
    position: inherit;
    margin-right: 20px
}

.magento-banner .newbtn:hover {
    background: var(--color-primary) !important;
    box-shadow: inset 0 -3px 0 #b80a20 !important;
    color: var(--color-white-fixed);
}

.hire-tab-list {
    margin: 0;
    border: 0
}

.magento-banner span.yellow-light-text {
    margin-top: 0;
    display: block
}

.magento-banner span.yellow-light-text:before {
    border-bottom: 1px solid #621f00;
    content: "";
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    height: 1px;
    width: 198px;
    margin: 0 auto;
    display: block
}

.joomla-banner {
    background: url(../images/joomla-banner-bg_new.jpg) center center/cover no-repeat
}

.ecoomerce-to-banner h1 {
    padding: 0 65px
}

.ecoomerce-to-banner h1 .jennaFnt {
    text-transform: none !important
}

.ecoomerce-to-banner p {
    font-size: 38px;
    line-height: 42px;
    color: #000;
    padding: 0 119px;
    margin: 40px 0
}

.ecoomerce-to-banner p>span {
    font-size: 26px;
    display: block;
    padding-top: 45px
}

.ecoomerce-to-banner .viewbtn-arrow {
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
    margin-top: 15px;
    margin-left: 0;
    vertical-align: top;
    padding: 13px 50px 10px 25px
}

.ecoomerce-to-banner .viewbtn-arrow:after {
    color: var(--color-primary) !important;
    top: 10px
}

.hire-left-sec p,
.package-common h5 {
    font-size: 18px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.package-common h5 {
    font-weight: 700;
    margin-top: 0
}

.hire-banner {
    background: url(../images/hire-banner-bg.webp) center center/cover no-repeat fixed;
    position: relative;
    padding-top: 40px
}

.avanthamobile {
    position: absolute;
    display: inline-block
}

.hire-banner .hire-banner-phera {
    font-weight: 300;
    margin-top: 50px !important;
    margin-bottom: 36px !important;
    color: var(--color-white-fixed) !important;
    font-size: 22px !important;
    text-transform: uppercase;
    line-height: 3rem
}

.hire-left-sec p {
    margin-top: 0 !important;
    margin-bottom: 20px;
    font-weight: 300;
    text-align: right;
    color: var(--color-white-fixed);
    line-height: 30px
}

.skill-hire {
    background-position: 0 -1240px
}

.arrangement-hire {
    background-position: -137px -1237px
}

.hire-dedicated {
    background-position: 0 -1353px
}

.hire-tab-list {
    padding: 0
}

.hire-tab-list li {
    background: 0 0;
    min-height: inherit !important
}

.hire-tab-list li span {
    background-position: -395px -760px !important;
    height: 15px;
    width: 15px;
    vertical-align: top;
    margin-top: 2px
}

.yellow-btn-sec {
    text-align: center;
    padding: 105px 40px !important
}

.yellow-btn-sec p {
    font-size: 17px;
    font-weight: 300;
    line-height: normal;
    padding: 0 50px
}

.yellow-btn-sec .newbtn {
    padding-right: 57px
}

.hireyellow-div {
    background: #f8bf2d;
    padding: 50px;
    float: left
}

.hireyellow-div h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
    line-height: 27px
}

.hireyellow-div p,
.mobile-app-list li p {
    font-size: 18px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.hireyellow-div p {
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 40px
}

.mobie-app-banner {
    background: url(../images/mobile-app-banner.webp) center center/cover no-repeat;
    min-height: 584px;
    padding-top: 70px
}

.androidappsIcon-list {
    right: 0;
    bottom: 0 !important
}

.mobie-app-banner img {
    margin-top: 127px !important
}

.androidappsIcon-list li img {
    zoom: 0.8;
    -moz-transform: scale(.8);
    -moz-transform-origin: 250px 120px
}

.avanthamobile {
    left: -28px;
    top: -30px
}

.ecommBuisnes-right .bx-wrapper,
.expectaion-testimonial .bx-wrapper,
.member-logo-comm .bx-wrapper,
.mobile-app-dev-img img,
.psd-to-banner {
    margin: 0 auto
}

.mobile-app-dev-img {
    margin-bottom: -153px
}

.mobile-blue-div {
    background: #b9d4e2;
    padding: 50px
}

.mobile-app-list {
    border-top: 0 !important;
    margin: 0;
    padding: 0;
    border: 0
}

.mobile-app-list li span {
    background-position: -430px -755px !important;
    height: 25px;
    width: 25px;
    vertical-align: middle
}

.mobile-blue-div .mobile-app-list li p {
    color: var(--color-text);
    text-transform: none !important;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.mobile-app-list li p {
    text-transform: uppercase
}

.blue-cont-sec h2 {
    width: 70% !important;
    font-size: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.bxslider-portfolio-txt p,
.bxslider-redesign-txt p {
    -webkit-font-smoothing: antialiased
}

.main h1 {
    float: left;
    width: 100%;
    font-size: 45px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-weight: 100;
    color: #000;
    margin: 0
}

.logo-design-process:after,
.logo-design-process:before,
.our-recent-logo:after {
    width: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    position: absolute;
    content: "";
    right: 0
}

.web-platform-sec:before {
    border-top: 20px solid #1e2734
}

.android-badge-block .badge-imgblock,
.android-badge-block .badge-imgblock-last,
.canteasier-right,
.freecms-right h4,
.greylogos .member-logo-footer,
.ios-technologyslack .technology-icons,
.letsfindResources .angularSchedule-btn,
.nodejs-devloper-content p:last-child,
.technology-icons.tech-mb,
.testmonialSeo .bx-wrapper,
.trustlogo-angular figure {
    margin: 0
}

.contact {
    background: url(/images/dialog-bot.png) left bottom no-repeat;
    display: none;
    left: 55%;
    margin-left: -230px;
    top: 94px;
    width: 339px;
    padding: 0
}

.close {
    margin-top: -6px !important;
    background: url(/images/close.png) left top no-repeat;
    cursor: pointer;
    text-align: right;
    position: relative;
    width: 17px;
    height: 17px;
    float: right;
    margin: 0 3px 0 0;
    z-index: 1
}

.red {
    color: #e8020a
}

.ourrecent-inner {
    float: none;
    text-align: center
}

#myModal-call .modal-dialog {
    width: 900px !important;
    top: 0
}

.method-banner-phera {
    background: rgba(0, 0, 0, .5);
    margin-top: 40px;
    padding: 23px 0
}

.method-left-part {
    border-right: 1px solid var(--color-white-fixed);
    vertical-align: middle
}

.logo-design-banner .word-to-banner>.newbtn {
    margin-top: 379px
}

.logo-behind-sec-bg {
    background: url(../images/logo-behind-sec-bg.jpg) center center/cover no-repeat fixed
}

.recent-logo-inner li img {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.recent-logo-inner li:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.our-recent-logo {
    background: fixed #f2f2f2;
    position: relative
}

.our-recent-logo:after {
    height: 0;
    border-top: 22px solid #272727;
    left: 0;
    top: 0;
    margin: 0 auto
}

.logo-design-process:after {
    height: 0;
    border-top: 22px solid #f2f2f2;
    left: 0;
    top: 0;
    margin: 0 auto
}

.logo-design-process:before {
    height: 0;
    border-top: 22px solid #5092e6;
    left: 0;
    bottom: -21px;
    margin: 0 auto;
    z-index: 999
}

.logo-design-process {
    background: fixed #5092e6;
    position: relative
}

.comon-logo-process h3 {
    color: var(--color-white-fixed);
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 15px
}

.comon-logo-process p {
    color: var(--color-white-fixed);
    margin-top: 15px;
    font-size: 18px;
    line-height: 26px
}

.logo-step-comon .fa {
    color: #4278c5;
    font-size: 45px
}

.logo-first-icon {
    background: #eca800
}

.logo-second-icon {
    background: #7fe6fb
}

.logo-third-icon {
    background: #f4d406
}

.logo-four-icon {
    background: #76c381
}

.logo-design-banner .word-to-banner .jennaFnt {
    font-size: 65px
}

.affiliate-marketing-banner {
    background: url(../images/affiliate-marketing-bg.jpg) center center/cover no-repeat;
    position: relative;
    padding-top: 150px;
    padding-bottom: 80px
}

.affiliate-marketing-banner .web-app-text h1 {
    font-size: 46px
}

.affiliate-marketing-banner .web-app-text .newbtn {
    margin-top: 70px;
    margin-right: 0
}

.affiliate-marketing-right .jennaFntsm,
.multi-affiliate-listing .multibox_1:hover h4,
.multi-affiliate-listing .multibox_1:hover p,
.white-btn:after {
    color: #ff7200
}

.affiliate-marketing-right h3 {
    color: var(--color-white-fixed);
    text-transform: uppercase;
    font-size: 24px;
    margin-right: 159px;
    margin-top: -15px
}

.affiliate-marketing-counter {
    margin-top: 40px;
    padding: 0
}

.affiliate-marketing-counter li {
    background: rgba(0, 0, 0, .3);
    display: inline-block;
    padding: 25px 28px;
    color: var(--color-white-fixed);
    text-align: left;
    border-radius: 4px;
    width: 30%;
    margin-right: 20px
}

.affiliate-marketing-counter li:last-child,
.form-leftmargin,
.what-inner-boxs-padbot-lastnone {
    margin-right: 0 !important
}

.affiliate-marketing-counter li h2 {
    margin: 0;
    font-size: 40px
}

.affiliate-marketing-counter li p {
    font-size: 16px;
    text-transform: uppercase;
    line-height: normal;
    margin-top: 5px;
    margin-bottom: 0
}

.multi-platform-affiliate {
    background: url(../images/anyone-affiliate-bg.png) bottom center repeat-x #3e2c37
}

.multi-affiliate-listing .multibox_1 {
    text-align: center;
    background: #2d6cb3;
    min-height: 290px;
    width: initial !important;
    border: 0 !important;
    padding: 30px 20px
}

.multi-affiliate-listing .multibox_1:hover {
    background: #edeced
}

.multi-affiliate-listing .multibox_1 h4 {
    font-size: 25px;
    margin-top: 15px
}

.multi-affiliate-listing .multibox_1 p {
    font-size: 15px;
    font-weight: 300;
    line-height: normal
}

.affiliate-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    background: url(../images/sprite-images.webp) center center no-repeat
}

.multi-affiliate-listing .multibox_1:hover .hosting {
    background-position: -740px -1341px
}

.multi-affiliate-listing .multibox_1:hover .blogger {
    background-position: -833px -1341px
}

.multi-affiliate-listing .multibox_1:hover .print {
    background-position: -925px -1341px
}

.multi-affiliate-listing .multibox_1:hover .web-designer {
    background-position: -1013px -1341px
}

.hosting {
    background-position: -740px -1242px
}

.blogger {
    background-position: -833px -1242px
}

.print {
    background-position: -925px -1242px
}

.web-designer {
    background-position: -1013px -1242px
}

.earning-affiliate {
    padding: 25px;
    background: 0 0;
    border: 1px solid transparent;
    color: #000;
    border-radius: 0;
    margin-bottom: 10px;
    min-height: 341px
}

.earning-affiliate:hover {
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .2)
}

.earning-affiliate h4 {
    font-size: 24px;
    position: relative;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 30px;
    color: #202020
}

.affiliate-list-code.mobile-app-list li,
.login-form legend {
    margin-bottom: 20px
}

.earning-affiliate h4:after {
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 128px;
    height: 5px;
    background: #ff7200;
    content: "";
    border-radius: 4px
}

.earning-affiliate p {
    font-size: 16px;
    line-height: normal;
    color: #202020
}

.hefty-commision-sec {
    background: -moz-linear-gradient(top, #c8bfc4 0, rgba(255, 255, 255, .73) 100%);
    background: -webkit-linear-gradient(top, #c8bfc4 0, rgba(255, 255, 255, .73) 100%);
    background: linear-gradient(to bottom, #c8bfc4 0, rgba(255, 255, 255, .73) 100%)
}

.hefty-commision-listing .multibox_1:hover {
    background: #ff7200
}

.hefty-commision-listing .multibox_1 {
    background: rgba(255, 255, 255, .9)
}

.hefty-commision-listing .multibox_1:hover h2 {
    font-size: 54px;
    color: #202020
}

.hefty-commision-listing .multibox_1 h2 {
    font-size: 54px;
    color: #ff7200;
    margin-top: 0
}

.hefty-commision-listing .multibox_1 h4 {
    color: #202020;
    padding: 0 10px
}

.hefty-commision-listing .multibox_1 p {
    color: #202020
}

.hafty-img {
    position: absolute;
    right: 0;
    z-index: -1;
    bottom: -22em
}

.affiliate-list-code.mobile-app-list li p {
    text-transform: none !important;
    font-size: 15px;
    color: var(--color-white-fixed);
    padding-left: 15px;
    width: 94%
}

.affiliate-form-sec {
    background: #3e2d38
}

.affiliate-list-code.mobile-app-list li span {
    background-position: -430px -790px !important
}

.login-form legend {
    font-size: 22px;
    text-transform: uppercase;
    padding-bottom: 0;
    border: 0
}

.login-form {
    background: var(--color-white-fixed);
    box-shadow: 8px 8px 0 rgba(0, 0, 0, .05);
    float: right;
    margin-bottom: 0;
    width: 100%;
    padding: 30px 40px
}

.login-form .control-group .controls input {
    width: 100%;
    color: #77779a;
    padding: 13px 15px;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 14px;
    border: 1px solid #afafd6;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .05)
}

.login-form .control-group .controls {
    line-height: normal
}

.login-form .control-group .controls input[type=checkbox] {
    border: 0 !important;
    box-shadow: none !important;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    margin: 0
}

.login-form .control-group.terms {
    margin-bottom: 20px !important
}

.login-form .control-group .controls input[type=submit] {
    background: #ff7200 !important;
    box-shadow: inset 0 -2px 0 #f06e04 !important;
    padding-right: 50px !important;
    line-height: 1.5em;
    padding: 15px 25px 14px 22px;
    color: var(--color-white-fixed);
    font-size: 18px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: inset 0 -2px 0 #111;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    border: 0;
    margin-bottom: 0 !important;
    text-align: left;
    width: auto
}

.hybrid-formbtn,
.shopping-btn {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out
}

.submit-part {
    position: relative;
    display: inline-block
}

.submit-part:after {
    content: "f061";
    color: var(--color-white-fixed);
    font-size: 20px;
    padding-right: 0;
    position: absolute;
    top: 17px;
    right: 40px;
    font-style: normal;
    font-weight: 400;
    z-index: 99
}

.login-form .control-group .controls input[type=submit]:hover,
.orangebtn:hover {
    background: #242424 !important;
    box-shadow: inset 0 -2px 0 #111 !important
}

.affiliate-form-left h2 {
    margin-left: 110px;
    margin-bottom: 50px
}

.left-form-btn p {
    vertical-align: middle;
    width: 55%;
    display: inline-block;
    color: #ff7200;
    text-transform: uppercase;
    font-size: 16px
}

.multi-affiliate-bottom {
    padding-left: 0 !important;
    margin-top: 40px
}

.multi-affiliate-bottom p {
    color: var(--color-white-fixed) !important;
    width: 65% !important;
    text-align: right;
    margin-right: 35px;
    margin-bottom: 0;
    vertical-align: middle
}

.multi-affiliate-listing {
    padding: 0 15px
}

.affiliate-header .topBlueTxt {
    border-color: #3e3239
}

.affiliate-header-btn {
    padding-right: 15px
}

.white-btn {
    color: #ff7200 !important;
    background: var(--color-white-fixed) !important;
    box-shadow: inset 0 -2px 0 #f2f2f2 !important
}

.white-btn:hover {
    background: #ff7200 !important;
    box-shadow: inset 0 -2px 0 #f06e04 !important;
    color: var(--color-white-fixed) !important
}

.darkgreybtn:hover,
.orangebtn {
    background: #ff7200 !important;
    box-shadow: inset 0 -2px 0 #f06e04
}

.orangebtn-arrow {
    padding-right: 50px
}

.orangebtn {
    margin-right: 20px
}

.darkgreybtn {
    background: #65494b !important;
    box-shadow: inset 0 -2px 0 #4c3436
}

.affi-nav-header .whiteLogo {
    margin-left: 15px;
    margin-top: 0
}

.seo_form_page .error_span,
.testmonail_opening_div label.error_span,
.webapp-video .modal-content {
    border-radius: 0
}

.current-opening-form li label.error,
.error_span {
    position: absolute;
    padding: 2px 10px;
    width: 100%;
    background: #000;
    font-size: 12px !important;
    top: inherit;
    z-index: 9;
    left: 0;
    bottom: 0;
    margin-bottom: 0 !important;
    text-transform: inherit !important
}

.angular-hiringgroup-bg,
.easemanagement-tabright .resp-tab-content,
.raqbox_new {
    padding: 0 !important
}

.current-opening-form li label.error:before,
.error_span:before {
    width: 0;
    height: 0;
    border-bottom: 8px solid #000;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    position: absolute;
    top: -8px
}

.raqbox_new li.active {
    display: block;
    background: 0 0;
    text-align: left
}

.left_float {
    float: left;
    clear: both
}

.raqbox_new ul li {
    list-style: none
}

.current-opening-content h1 {
    margin-top: 0;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-text)
}

.current-opening-content p {
    color: var(--color-text);
    text-align: center;
    font-size: 18px;
    margin: 0 auto 8rem;
    line-height: 2.5rem;
    max-width: 48%;
}

.current-opening-form li {
    width: 49.2%;
    margin-right: 1.3rem;
    margin-bottom: 4rem;
    float: left;
    position: relative;
}

.current-opening-form li button,
.howitworks-blocks figure.resourcealign-angular {
    border: 0 !important
}

.current-opening-form h3 {
    color: var(--color-text);
    margin-top: 11px;
    font-size: 17px
}

.current-opening-form li input,
.current-opening-form li select {
    width: 100%;
    color: #77779a !important;
    padding: 0;
    font-size: 1.8rem !important;
    border-bottom: .1rem solid #97979759 !important;
    resize: none;
    border-radius: 0;
    min-height: 6rem;
    position: relative !important;
    background: 0 0;
    top: 0;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
    border: 0;
}

.ease-management-sec {
    width: 100%;
    background: url(../images/open-source-lovebg.webp) center center/cover no-repeat;
    float: left
}

.easeopen-source h2::after {
    border-bottom: 4px solid #858d94;
    width: 125px;
    content: "";
    left: 0;
    position: absolute;
    bottom: -30px
}

.management-lefttab {
    display: inline-block;
    margin-left: 90px;
    position: relative
}

.management-lefttab .fa.fa-heart {
    font-size: 30px;
    vertical-align: middle
}

.easemangent-sec {
    display: inline-block;
    margin-top: 130px;
    width: 100%
}

.ease_manage_tabs li span {
    display: inline-block;
    font-size: 50px;
    vertical-align: middle;
    margin: 0 15px
}

.ease_manage_tabs li p {
    display: inline-block;
    font-size: 18px;
    vertical-align: middle
}

,
.easemanagement-tabright .resp-tab-content,
.resp-vtabs .ease_manage_tabs li {
    padding: 0 !important
}

.easemanagement-tabright {
    background-color: transparent !important;
    border: none !important;
    width: 60% !important;
    margin-left: 70px
}

.resp-vtabs ul.ease_manage_tabs {
    width: 32% !important;
    margin: 0;
    padding: 0
}

.resp-vtabs li.ease-blue {
    background: rgba(64, 144, 196, .9);
    border: none;
    color: var(--color-white-fixed);
    padding: 0;
    width: 95%
}

.resp-vtabs li.faster-blue {
    background: rgba(64, 144, 196, .9);
    border: none;
    color: var(--color-white-fixed);
    padding: 0;
    width: 90%
}

.resp-vtabs li.wide-blue {
    background: rgba(64, 144, 196, .8);
    border: none;
    color: var(--color-white-fixed);
    padding: 0;
    width: 95%
}

.resp-vtabs li.cost-blue {
    background: rgba(64, 144, 196, .6);
    border: none;
    color: var(--color-white-fixed);
    padding: 0;
    width: 100%
}

.opensource li p {
    color: var(--color-white-fixed);
    margin: 30px 0 0 175px;
    font-size: 18px;
    font-weight: 700
}

.development-approach p {
    padding: 0 40% 0 0
}

.development-source-list {
    margin: 80px 0 0;
    overflow: hidden;
    padding: 0
}

.devlpmntsource-main-sec li {
    list-style: none;
    width: 25%;
    float: left
}

.devlopment-bluetop {
    background: #2371bb;
    padding: 18px;
    float: left;
    width: 100%;
    position: relative;
    min-height: 214px
}

.devlopment-content h3 {
    margin: 0;
    padding: 0;
    float: right;
    font-size: 32px;
    color: var(--color-white-fixed);
    font-weight: 700
}

.develp-blueimg {
    float: left;
    width: 100%
}

.benfit-reputation-tabslist .tableft,
.devlopt-numeric,
.tt-wrapper li {
    float: left
}

.devlopment-content {
    text-align: right;
    color: var(--color-white-fixed);
}

.devlopment-green {
    background: #4aadcb
}

.dvlpmnt-bluebottom-content_green {
    background: #429bb6
}

.devlopment-skyblue {
    background: #64d4d8
}

.dvlpmnt-bluebottom-content-skyblue {
    background: #5abec2
}

.devlopment-bluetop-grey {
    background: #9fa5ab
}

.jennaFntsm-smallblack {
    font-size: 34px;
    font-family: "Have Heart One"
}

.devlopgrey-block {
    padding-top: 104px
}

.devlopgrey-block p {
    margin: 0;
    padding: 0;
    line-height: 14px;
    color: #000
}

.schdulemain-inner {
    padding: 20px 25px 72px;
    background: #b1b8be;
    position: relative;
    text-align: center
}

.schedulemeet-btn:after {
    top: 28px;
    right: 30px
}

.schedulemeet-btn {
    padding: 15px 60px 14px 31px !important;
    text-align: left;
    font-size: 16px;
    line-height: inherit
}

.schedulemeet-btn:hover span {
    border-right: 1px solid var(--color-white-fixed);
}

.schedulemeet-btn span {
    border-right: 1px solid #d64451;
    float: left;
    padding-right: 20px
}

.schdulemain-inner::before {
    content: "";
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #9fa5ab;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto
}

.devlop-one {
    color: #91b8dd
}

.devlop-two,
.wordpress-two {
    color: #a5d6e5
}

.devlop-three {
    color: #b2eaec
}

.benefits-list-sec {
    padding: 0;
    border: 1px solid #f0f0f0;
    float: left;
    margin: 60px 0;
    width: 100%
}

.benefits-list-sec li {
    width: 25%;
    float: left;
    padding: 15px 5px;
    border-right: 1px solid #f0f0f0;
    display: table
}

.benefits-list-sec img {
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle
}

.easemangent-sec p.jennaFntsm-smallblack {
    padding-left: 5em
}

.resp-vtabs .ease-blue.ease-black {
    background: rgba(0, 0, 0, .9);
    width: 80%
}

.resp-vtabs .faster-blue.google-black {
    background: rgba(0, 0, 0, .9);
    width: 87%
}

.resp-vtabs .wide-blue.plugins-black {
    background: rgba(0, 0, 0, .8);
    width: 90%
}

.resp-vtabs .cost-blue.fastest-black {
    background: rgba(0, 0, 0, .6)
}

.resp-vtabs .support-black {
    background: rgba(0, 0, 0, .4);
    color: var(--color-white-fixed);
    width: 96%
}

.wordpress-team-sec {
    width: 100%;
    background: #3693d9;
    float: left
}

.wordpress-content h3 {
    font-size: 26px;
    margin: 10px 0
}

.time-totrim-block {
    padding-top: 38px
}

.competive-bluebg,
.discussBlue-bar-sec {
    background: #3693d9
}

.quality-bluebg {
    background: #4badcb
}

.support-purplebg {
    background: #c5a0cb
}

.competve-btm-bluebg {
    background: #3084c3 !important
}

.quality-btm-bluebg {
    background: #439bb6 !important
}

.support-btm-purplebg {
    background: #b190b6 !important
}

.wordpress-one {
    color: #9bc9ec
}

.wordpress-three {
    color: #e2d0e5
}

.wordpress-bluetop-grey {
    background: #8889a3
}

.wordpress-experience {
    width: 100%;
    float: left;
    margin: 80px 0 0
}

.word-experience-list {
    padding: 26px 0 0;
    margin: 0
}

.word-experience-list li p {
    margin-top: 0;
    margin-bottom: 0
}

.wordexperience-btmtxt p {
    color: #696969
}

.solution_newfont {
    font-size: 66px
}

.vocso-perfect-team {
    background: url(../images/perfect-team-bg.webp) center center/cover no-repeat
}

.perfect-team-middletxt {
    width: 100%;
    margin-top: 40px
}

.perfect-team-middletxt-right .thumbnail h3 {
    font-size: 22px;
    font-weight: 700;
    padding: 0 0 20px;
    position: relative;
    margin: 0 0 20px;
    color: #000
}

.perfect-team-middletxt-right .thumbnail .caption {
    padding: 12px 0 0
}

.perfect-team-middletxt-right .thumbnail h3::after {
    content: "";
    position: absolute;
    width: 70px;
    height: 1px;
    background: #b8bec4;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: inline-block
}

.shopping-btn {
    background: #242424;
    padding: 15px 25px 14px 22px;
    color: var(--color-white-fixed);
    font-size: 15px;
    transition: .3s ease-in-out;
    text-transform: uppercase;
    line-height: .8em;
    display: inline-block
}

.comFontSz_new,
.joomla-arrow-right .fa.fa-share {
    font-size: 40px
}

.dev-por-left p {
    padding: 20px 143px 0 0;
    font-weight: 500;
    font-size: 20px
}

.perfect-team-middletxt-right .thumbnail:hover {
    -webkit-box-shadow: 0 18px 87px -16px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 18px 87px -16px rgba(0, 0, 0, .75);
    box-shadow: 0 18px 87px -16px rgba(0, 0, 0, .75);
    transform: translateY(-5px)
}

.blog-formbtn,
.cntct-btn1,
.wordpressmangent-sec {
    margin-top: 60px
}

.comFontSz_new {
    margin: 0
}

.line-height-redtxt {
    margin-left: 54px
}

.bxslider-portfolio-sec {
    background: url(../images/wordpress-portfolio-laptop-img.png) right top no-repeat;
    height: 600px;
    margin-top: 60px;
    position: relative
}

.bxslider-port-img {
    position: absolute;
    right: 144px;
    top: 22px;
    display: inline-block;
    width: 726px;
    height: 453px;
    overflow: hidden
}

.bxslider-portfolio-body {
    width: 100%;
    position: relative;
    display: inline-block
}

.responsiveMobile-bg {
    width: 200px;
    min-height: 389px;
    display: block
}

.bxslider-respMobile {
    display: inline-block;
    position: absolute;
    left: 711px;
    top: 130px;
    width: 214px;
    min-height: 451px
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: block !important
}

.bxslider-portfolio-sec .bx-wrapper .bx-viewport {
    min-height: 670px
}

.bxslider-portfolio-txt h2::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 5px;
    background: #858d94;
    bottom: 0;
    right: 0
}

.joomla-to-banner h1::after,
.magento-to-banner h1::after {
    width: 162px;
    height: 4px;
    position: absolute;
    left: 0;
    content: ""
}

.bxslider-portfolio-sec .bx-wrapper .bx-prev {
    right: 0;
    background: url(../images/bxslider-portfolio-arrow.png) -2px 0 no-repeat !important;
    top: 50% !important;
    left: inherit
}

.bxslider-portfolio-sec .bx-wrapper .bx-prev:hover {
    background: url(../images/bxslider-portfolio-hover-arrow.png) -2px 0 no-repeat !important;
    top: 50% !important
}

.bxslider-portfolio-sec .bx-wrapper .bx-next {
    right: 0;
    background: url(../images/bxslider-portfolio-arrow.png) -59px 0 no-repeat !important;
    top: 59% !important
}

.bxslider-portfolio-sec .bx-wrapper .bx-next:hover {
    background: url(../images/bxslider-portfolio-hover-arrow.png) -59px 0 no-repeat !important;
    top: 59% !important
}

.discussBlue-bar-sec a {
    color: #000;
    background: var(--color-white-fixed);
    padding: 22px 60px 22px 50px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle
}

.discussBlue-bar-sec a:hover,
.ios-quote:hover {
    background: #000;
    color: var(--color-white-fixed);
    transition: .3s ease-in-out
}

.heading-blueborder {
    border-right: 1px solid #73b4e4
}

.wordpressteam-btn::before {
    border-top: 10px solid #8889a3
}

.perfect-icons-block img {
    text-align: center;
    margin: 0 auto;
    float: none
}

.perfect-icons-block {
    min-height: 74px
}

.recurring-icon {
    background-position: -503px -1102px
}

.webapp-icon {
    background-position: -524px -1523px
}

.skyblue-text {
    color: #bfd9f0 !important
}

.joomla-perfect-team {
    background: url(../images/joomla-perfect-team-bluebg.jpg) center center/cover no-repeat
}

.discussorange-bar-sec {
    background: #ef9546
}

.resp-vtabs .ease-blue.search-orange {
    background: rgba(237, 130, 35, .9);
    width: 95%
}

.resp-vtabs .faster-blue.caching-orange {
    background: rgba(237, 130, 35, .9);
    width: 85%
}

.resp-vtabs .wide-blue.exten-orange {
    background: rgba(237, 130, 35, .8);
    width: 90%
}

.resp-vtabs .cost-blue.platform-orange {
    background: rgba(237, 130, 35, .6);
    width: 85%
}

.resp-vtabs .trusted-orange {
    background: rgba(237, 130, 35, .4);
    width: 100%;
    color: var(--color-white-fixed);
}

.joomlaCore {
    width: 197px;
    margin-top: 67px;
    min-height: 427px;
    background: #f5f5f5;
    float: left;
    margin-right: 10px;
    text-align: center;
    padding: 25px 15px;
    border-radius: 5px 5px 0 0
}

.joomlabanner-btn:hover .joomla-arrow-right {
    background: url(../images/sprite-images.webp) -996px -1103px no-repeat #ed342b !important
}

.joomlaCore p {
    min-height: 80px;
    color: #ef9445;
    font-size: 18px;
    line-height: normal;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 10px
}

.joomla-themeMulti {
    padding-top: 50px;
    margin-top: 97px;
    padding-bottom: 0;
    min-height: 397px
}

.truely-mobileImg {
    background: url(../images/joomla-truelymobile-img.png) center center no-repeat !important;
    float: left;
    width: 301px !important;
    height: 494px;
    margin-top: 0
}

.applicationdiv {
    background: var(--color-white-fixed);
    padding-bottom: 262px;
    padding-top: 70px
}

#horizontalTab,
.joomla-customc:hover,
.joomla-themeMulti:hover,
.whyuseVocsoTab,
.word-whitebg:hover {
    background: var(--color-bg)
}

.word-whitebg {
    background: #f5f5f5;
    padding: 85px 15px 0;
    margin-top: 40px;
    display: block;
    min-height: 429px
}

.freecms-rgt-linux {
    padding-bottom: 8px
}

.joomla-coreFeature-img {
    background: url(../images/sprite-images.webp) center center no-repeat;
    width: 80px;
    height: 73px;
    margin: 0 auto 20px;
    text-align: center;
    display: block
}

.themeSystem {
    background-position: -726px -460px
}

.customCont {
    background-position: -979px -393px
}

.truemob {
    background-position: -884px -392px
}

.appframe {
    background-position: -794px -389px
}

.multilingua {
    background-position: -713px -390px
}

.joomlaCoreFeature-sec {
    background: #ef9445;
    position: relative
}

.heading-orangeborder {
    border-right: 1px solid #f4b47d
}

.obligation {
    font-size: 14px;
    display: block;
    text-align: right
}

.ecommerce-store,
.freecms-left-img,
.freecms-right,
.joomla-rqst,
.joomlabanner-btn {
    display: inline-block
}

.joomlabanner-btn {
    font-size: 22px;
    color: var(--color-white-fixed);
    text-transform: uppercase;
    background: #1e77b8;
    padding: 0 0 0 30px;
    border-radius: 5px
}

.joomla-rqst {
    padding: 0 18px 0 0;
    vertical-align: middle;
    font-weight: 700;
    line-height: 21px
}

.freecms-left-img {
    background: url(../images/sprite-images.webp) center center no-repeat;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    vertical-align: middle
}

.freecms-right {
    vertical-align: middle;
    margin: 0 5px 0 0
}

.freecms {
    width: 260px;
    background: var(--color-white-fixed);
    -webkit-transition-duration: .3s;
    transition-property: transform;
    border-radius: 10px 0 10px 10px;
    padding: 8px 0 8px 8px;
    box-shadow: 0 47px 28px -41px #242424;
    -webkit-box-shadow: 0 47px 28px -41px #242424;
    -moz-box-shadow: 0 47px 28px -41px #242424;
    -o-box-shadow: 0 47px 28px -41px #242424;
    position: relative
}

.freecms-citric {
    background-position: -807px -456px
}

.freecms-market {
    background-position: -896px -464px
}

.freecms-extension {
    background-position: -994px -457px
}

.freecms-linux {
    background-position: -727px -552px;
    margin-top: 8px
}

.freelinux-img {
    width: 176px;
    height: 24px
}

.freecms-right p {
    margin: 0;
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
    text-align: right;
    line-height: 20px
}

.freecms-rgt-linux p {
    padding-left: 16px;
    font-size: 14px;
    line-height: 15px;
    text-align: left
}

.word-easy-use-joomla {
    padding: 25px 15px
}

.joomla-customc {
    padding-top: 82px
}

.joomla-to-banner h1::after {
    background: var(--color-white-fixed);
    bottom: 0
}

.discussdarkorange-bar-sec,
.magento-arrow-rgt,
.magento-team-sec {
    background: #e94425
}

.magento-img {
    right: 15px !important
}

.magentobanner-btn {
    background: #ed5429
}

.angularSchedule-btn:hover,
.bxslider-portfolio-txt a:hover,
.bxslider-redesign-txt a:hover,
.magentobanner-btn:hover .magento-arrow-rgt,
.packerdbkl:hover .packred-arrow {
    background: var(--color-secondary-dark);
}

.dark-orange-text {
    color: #ea4426
}

.magento-to-banner h1::after {
    background: #d7d7d7;
    bottom: -22px
}

.freecms-firstMgnto p,
.hire-left-sec .googlewhite-text,
.joomlaCoreFeature-sec h2,
.joomlaCoreFeature-sec span.white-text,
.magentoCoreFeature-sec h2,
.magentoCoreFeature-sec span.white-text,
.website_mnt_pkg h2 {
    text-align: right !important;
}

.freecms-trusted {
    background-position: -916px -543px
}

.freecms-handle {
    background-position: -1002px -549px
}

.freecms-magentomln {
    background-position: -732px -595px
}

.magentoFriends {
    background-position: -895px -1110px
}

.magentoCoreFeature-sec {
    background: #93969d;
    position: relative
}

.flexible-magento {
    background-position: -791px -1028px
}

.magentoMulti {
    background-position: -876px -1028px
}

.magentoCheckout {
    background-position: -972px -1032px
}

.magentoAnlytics {
    background-position: -800px -1111px
}

.joomlaCore p::after {
    content: "";
    position: absolute;
    width: 50px;
    background: #b8bec4;
    height: 2px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto
}

.magento-perfect-team {
    background: url(../images/magento-perfect-teamblue-bg.jpg) center center/cover no-repeat
}

.magento-perfectTeam-icons {
    background: url(../images/sprite-images.webp) center center no-repeat;
    width: 130px;
    height: 83px;
    margin: 0 auto;
    text-align: center;
    display: block
}

.magentoCustom-design {
    background-position: -205px -815px
}

.magentoMulti-develp {
    background-position: -210px -1298px
}

.magentoCustom {
    background-position: -207px -911px
}

.magentoStore-Market {
    background-position: -220px -1007px
}

.magentoPsd {
    background-position: -615px -1100px
}

.magentoMagenti {
    background-position: -218px -1200px
}

.affordable-Magentostore-sec {
    background: url(../images/affordable-magento-bg.webp) center center/cover no-repeat;
    min-height: 644px
}

.affordable-store-right h2::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 85px;
    background: url(../images/sprite-images.webp) -253px -1383px no-repeat
}

.ecommerce-store {
    background: rgba(255, 255, 255, .9);
    border-radius: 8px;
    padding: 45px 55px;
    margin-right: 40px;
    width: 360px;
    margin-top: -388px;
    -webkit-box-shadow: 0 3px 18px -1px rgba(0, 0, 0, .24);
    -moz-box-shadow: 0 3px 18px -1px rgba(0, 0, 0, .24);
    box-shadow: 0 3px 18px -1px rgba(0, 0, 0, .24);
    vertical-align: top
}

.ecommerce-order-btn,
.price-order span {
    display: inline-block;
    vertical-align: middle
}

.ecommerce-store h2:after {
    content: "";
    position: absolute;
    background: #858d94;
    width: 124px;
    height: 4px;
    bottom: 0;
    left: 0
}

.ecommerce-list {
    margin: 0;
    padding: 0;
    min-height: 126px
}

.price-order {
    margin: 40px 0;
    position: relative
}

.ecommerce-list li::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 35px;
    background: url(../images/sprite-images.webp) -366px -570px no-repeat;
    left: -26px;
    top: 5px
}

.price-order span {
    color: var(--color-text);
    font-size: 32px;
    font-weight: 700;
    margin-right: 13px
}

.ecommerce-order-btn {
    font-size: 16px;
    color: var(--color-white-fixed);
    background: var(--color-primary);
    padding: 16px 20px;
    text-transform: uppercase;
    transition: .3s linear
}

.ecommerce-order-btn:hover,
.modal-footer .submit_btn:hover,
.moretraffic-btn:hover {
    background: #000;
    color: var(--color-white-fixed);
}

.price-order:after {
    content: "";
    position: absolute;
    background: #dbe4e7;
    width: 238px;
    height: 1px;
    bottom: -20px;
    left: 0
}

.ecommerce-request-btn {
    padding: 18px 33px 18px 40px;
    margin: 20px 0
}

.ecomm-devlop p {
    font-size: 14px;
    font-style: italic;
    color: #306b84;
    margin-bottom: 0
}

.joomla-arrow-icon,
.magento-arrow-icon {
    background-position: -996px -1103px !important;
    border-radius: 0 5px 5px 0 !important
}

.joomla-arrow-right,
.magento-arrow-right {
    width: 30px;
    height: 35px;
    padding: 45px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle
}

.joomla-arrow-right {
    background: url(../images/sprite-images.webp) no-repeat var(--color-secondary-dark);
}

.magento-arrow-right {
    background: url(../images/sprite-images.webp) no-repeat #e94425
}

.joomlabanner-btn:hover .magento-arrow-icon {
    background: url(../images/sprite-images.webp) -996px -1103px no-repeat var(--color-secondary-dark);
}

.psd-google-code {
    position: absolute;
    top: -12px;
    right: 420px;
    border-radius: 100%;
    z-index: 15;
    width: 96px;
    height: 96px
}

.psd-google-code img {
    bottom: 0
}

.psd-html-code img {
    bottom: -24px
}

.mobileApps-right,
.psd-arrowright-icon,
.redesign-arrow {
    background: url(../images/sprite-images.webp) no-repeat var(--color-primary);
}

.tabs-listing-bg {
    width: 60px;
    height: 50px;
    background: url(../images/sprite-images.webp) no-repeat;
    display: inline-block
}

.tabs-bootstrap {
    background-position: -12px -1504px
}

.psd-tabs-list .resp-tab-active .tabs-bootstrap,
.psd-tabs-list li:hover .tabs-bootstrap {
    background-position: -12px -1559px
}

.tabs-wordpress {
    background-position: -80px -1505px
}

.psd-tabs-list .resp-tab-active .tabs-wordpress,
.psd-tabs-list li:hover .tabs-wordpress {
    background-position: -80px -1563px
}

.psd-tabs-list .resp-tab-active .tabs-semantic,
.psd-tabs-list li:hover .tabs-semantic {
    background-position: -152px -1562px
}

.tabs-semantic {
    background-position: -152px -1504px
}

.tabs-optimized {
    background-position: -221px -1504px
}

.psd-tabs-list .resp-tab-active .tabs-optimized,
.psd-tabs-list li:hover .tabs-optimized {
    background-position: -221px -1564px
}

.tabs-coding {
    background-position: -293px -1508px
}

.psd-tabs-list .resp-tab-active .tabs-coding,
.psd-tabs-list li:hover .tabs-coding {
    background-position: -293px -1568px
}

.tabs-browser {
    background-position: -367px -1506px
}

.psd-tabs-list .resp-tab-active .tabs-browser,
.psd-tabs-list li:hover .tabs-browser {
    background-position: -367px -1566px
}

.tabs-delivery {
    background-position: -439px -1508px
}

.psd-tabs-list .resp-tab-active .tabs-delivery,
.psd-tabs-list li:hover .tabs-delivery {
    background-position: -439px -1570px
}

.psd-tabs-list li {
    width: 155px;
    padding: 40px 0 35px !important;
    border-left: 1px solid #e4e5e8;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent
}

.psd-tabs-list {
    text-align: center;
    display: inline-block;
    margin: 3px auto;
    padding: 0
}

.psd-tabs-list li:last-child {
    border-right: 1px solid #e4e5e8
}

.tabs-inner-cont-left {
    width: 63%;
    display: inline-block;
    vertical-align: top;
    text-align: left
}

.tabs-inner-cont-right {
    width: 36%;
    display: inline-block
}

.tabs-inner-cont-left h3 {
    color: var(--color-text);
    font-size: 40px;
    font-weight: 300;
    margin: 0;
    padding: 0
}

.tabs-leftbottom p {
    font-size: 16px;
    font-style: italic;
    font-weight: 300
}

.tabbing-main-sec .resp-tabs-container {
    margin-top: -8px
}

.tab-mainblock {
    padding: 60px 20px 0 40px;
    width: 1170px;
    display: block;
    margin: 0 auto
}

.psd-tabs-list .resp-tab-active {
    border-top: 1px solid #e4e5e8 !important;
    border-bottom: 1px solid transparent;
    color: var(--color-primary);
}

.responsive-tab-inner .resp-tab-content {
    border: 1px solid #e4e5e8;
    border-bottom: 0
}

.before-text_xhtml::after {
    left: 174px
}

.slide-bootstrap {
    font-weight: 600;
    bottom: -17px;
    position: absolute;
    left: -109px;
    font-size: 14px;
    background: #e4e4e7;
    padding: 15px 15px 12px;
    border-radius: 100px;
    transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -ms-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    -webkit-transition: .1s ease-in-out;
    width: 200px
}

.psd-crome-icon:hover .slide-bootstrap {
    margin-left: -40px;
    visibility: visible;
    transition: .3s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.psd-psd-icon:hover .slide-bootstrap {
    margin-left: -81px;
    visibility: visible;
    transition: .3s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.slide-psd {
    background: #365fc2;
    width: 250px;
    left: -120px;
    bottom: 10px;
    color: var(--color-white-fixed);
}

.slide-chrome,
.slide-google,
.slide-responsive,
.slide-school {
    width: 200px;
    display: inline-block
}

.psd-google-code:hover .slide-bootstrap {
    margin-left: -70px;
    visibility: visible;
    transition: .3s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.slide-google {
    bottom: 28px;
    left: -103px
}

.psd-html-code:hover .slide-bootstrap {
    transition: .3s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    margin-left: 64px;
    visibility: visible
}

.slide-school {
    bottom: 0;
    left: 0
}

.psd-wordpress-icon:hover .slide-bootstrap {
    margin-left: 60px;
    visibility: visible;
    transition: .3s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.slide-chrome {
    bottom: -27px;
    left: 0
}

.psd-responsive-icon:hover .slide-bootstrap {
    margin-left: 50px;
    visibility: visible;
    transition: .3s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.slide-responsive {
    bottom: -15px;
    left: 0
}

.redesign-btn {
    background: var(--color-primary) !important;
    margin: 40px 0 0
}

.bxslider-redesign-sec {
    background: url(../images/redesign-laptop-bg.png) right center no-repeat;
    height: 588px;
    margin-top: 15px;
    position: relative
}

.bxslider-redesign-sec .bx-wrapper .bx-viewport {
    min-height: 588px
}

.bxslider-redesign-img {
    right: 38px !important
}

.bxslider-redesign-txt {
    width: 35%;
    display: inline-block;
    text-align: right;
    position: absolute;
    left: 0
}

.redesignBetter-btn {
    text-transform: uppercase;
    margin-top: 0;
    font-size: 12px
}

.bxslider-redesign-txt h2 {
    font-size: 23px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    color: #272727;
    margin-top: 20px
}

.bxslider-redesign-txt h2::after {
    position: absolute;
    content: "";
    width: 165px;
    height: 4px;
    background: #a1a8b2;
    bottom: 0;
    right: 0
}

.hybridapp-development ul li::before,
.redesignBottm-list li::before {
    background: url(../images/sprite-images.webp) -345px -755px no-repeat
}

.bxslider-redesign-txt p {
    font-size: 14px;
    color: #272727;
    margin-bottom: 20px;
    line-height: 20px
}

.companyBanner .build_top,
.company_briefDiv h2,
.req-new.raq_top_part .input_check {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.redesignBottm-list li::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 35px;
    right: 0;
    top: 0
}

.websiteRedesign-sec {
    background: url(../images/redesign-slider-bg.jpg) center center/cover no-repeat;
    display: block;
    position: relative
}

.greyborder-line {
    border-left: 1px solid #928e8e
}

.consider-webRedesign-sec {
    background: #c6d0d9;
    display: block;
    position: relative;
    overflow: hidden
}

.considerDesign-accordion .tc-accordion-icon {
    float: right;
    margin-left: 15px;
    background-color: #bcc8ce;
    margin-right: 0
}

.considerDesign-accordion .tc-accordion-item.active .tc-accordion-icon span {
    background-color: #000;
    border: 1px solid #000
}

.considerDesign-accordion .tc-accordion-title {
    text-align: right;
    position: relative
}

.considerDesign-accordion .tc-accordion-content-inner {
    padding: 0 43px 30px 0;
    display: none
}

.considerDesign-accordion .tc-accordion-icon span {
    background-color: #bcc8ce;
    color: var(--color-white-fixed);
    border: 1px solid #bcc8ce
}

.webredesign-left-greentab {
    display: inline-block;
    width: 45%;
    z-index: 1;
    position: relative
}

.considerDesign-accordion .tc-accordion-item.active .tc-accordion-icon,
.darkmode .responsive tbody tr:nth-child(2n) {
    background-color: #000
}

.consideraccordion-title p {
    text-align: right;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #010101
}

.redesign-tablet-img_1 {
    position: absolute;
    top: 123px
}

.name_text-word-bg {
    width: 380px;
    height: 380px;
    background: rgba(124, 156, 185, .6);
    border-radius: 100%;
    position: relative;
    top: -35px;
    z-index: 15
}

.testimonial-peoples-img {
    width: 358px;
    height: 358px;
    display: block;
    background: #ccc;
    border-radius: 100%;
    margin: 0 auto
}

.testimonial-peoples-img img {
    border-radius: 100%;
    overflow: hidden;
    position: relative
}

.play-button {
    background: url(../images/tesitimonial-play-icon.png) center center no-repeat;
    width: 75px;
    height: 75px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    cursor: pointer;
    display: flex;
    align-items: center
}

.blog-academy span {
    width: 100%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    padding: 10px;
    color: var(--color-white-fixed);
    left: 0
}

.word-testimoial-cont {
    position: relative;
    width: 80%;
    padding: 80px 0;
    margin: 0 auto
}

.quotionMark {
    background: url(../images/quototion-mark-img.png) center center no-repeat;
    width: 254px;
    height: 123px;
    display: block;
    position: absolute;
    top: -40px
}

.word-testimoial-cont p {
    padding-top: 20px;
    color: var(--color-white-fixed);
    line-height: 30px;
    font-size: 20px;
    font-style: italic;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 20px
}

.word-testimoial-cont p:after {
    content: "";
    width: 165px;
    height: 4px;
    position: absolute;
    background: rgba(137, 178, 212, .3);
    bottom: 0;
    left: 0
}

.clients-feedback-area .testimonial-author,
.clients-feedback-area h4 {
    font-weight: 700;
    font-size: 20px;
    color: var(--color-white-fixed);
    margin: 0 0 2px;
    padding: 0
}

.clients-feedback-area .sitename-founder,
.clients-feedback-area h5 {
    font-weight: 600;
    font-size: 16px;
    color: var(--color-white-fixed);
    text-transform: uppercase;
    margin: 0;
    padding: 0
}

.word-testimonial-sec:after {
    position: absolute;
    bottom: -18px;
    border-top: 20px solid #5690c1;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0
}

.convesion-bg_green:after,
.re-design-banner:after {
    bottom: -19px;
    width: 0;
    height: 0;
    z-index: 1;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    content: ""
}

.convesion-bg_green {
    background: #52bc68;
    position: relative
}

.consider-webRedesign-sec:after,
.convesion-bg_green:after,
.re-design-banner:after,
.white-snow-shadow {
    position: absolute;
    right: 0;
    margin: 0 auto;
    left: 0
}

.white-snow-shadow {
    background: url(../images/white-snow-shadow.png) no-repeat;
    width: 870px;
    height: 870px;
    display: block;
    top: -175px;
    opacity: .7
}

.re-design-banner:after {
    border-top: 20px solid #ffde01
}

.convesion-bg_green:after {
    border-top: 20px solid #52bc68
}

.consider-webRedesign-sec:after {
    bottom: -20px;
    border-top: 20px solid #c6d0d9;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    content: "";
    width: 0;
    height: 0;
    z-index: 1
}

.conversion-left-sec {
    display: block;
    z-index: 1
}

.redesignFuture {
    z-index: 0;
    display: block;
    position: relative
}

input[type=checkbox].css-checkbox+label.css-label.clr {
    padding-left: 37px;
    height: 32px;
    line-height: 32px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 32px;
    vertical-align: middle;
    cursor: pointer
}

input[type=checkbox].css-checkbox+label.css-label.chk {
    background-position: 0 -32px
}

.manbg-tab {
    background: url(../images/redesign-tab-manbg.webp) center center no-repeat;
    width: 751px;
    height: 776px;
    position: absolute;
    top: inherit;
    z-index: 1;
    left: 615px;
    right: 0;
    margin: 0 auto;
    bottom: 0
}

.responsive-web-Banner {
    padding: 100px 0;
    background: #18b2c3;
    background: -moz-linear-gradient(top, #18b2c3 0, #1ac0d2 48%, #18b2c3 48%, #1ac0d2 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #18b2c3), color-stop(48%, #1ac0d2), color-stop(48%, #18b2c3), color-stop(100%, #1ac0d2));
    background: -webkit-linear-gradient(top, #18b2c3 0, #1ac0d2 48%, #18b2c3 48%, #1ac0d2 100%);
    background: -o-linear-gradient(top, #18b2c3 0, #1ac0d2 48%, #18b2c3 48%, #1ac0d2 100%);
    background: -ms-linear-gradient(top, #18b2c3 0, #1ac0d2 48%, #18b2c3 48%, #1ac0d2 100%);
    background: linear-gradient(to bottom, #18b2c3 0, #1ac0d2 48%, #18b2c3 48%, #1ac0d2 100%)
}

.resp-leftspiralimg {
    position: absolute;
    top: -189px;
    right: -40px
}

.respdesign-btn {
    background: #222038
}

.joomla-arrow-icon.resp-arrow-right {
    background: url(../images/sprite-images.webp) no-repeat #1d1b31
}

.ecommBuisnes.visitorspay,
.multiGadgets-img {
    z-index: 1;
    position: relative
}

.simpleDesign-list li::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 35px;
    background: url(../images/sprite-images.webp) -354px -750px no-repeat;
    left: 0;
    top: 0
}

.simpleDesign-list {
    margin: 0;
    padding: 25px 15px 35px 35px;
    background: rgba(255, 255, 255, .2);
    border-radius: 10px
}

.oppurtunity-main-sec {
    background: url(../images/loosing-opprtunity-manbg.webp) center center/cover no-repeat fixed;
    display: block;
    position: relative
}

.oppurtunity-main-sec::before,
.vocsoBuild-sec::before {
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    color: #000;
    top: 0
}

.multidevices-list li {
    display: inline-block;
    margin-right: 15px;
    vertical-align: bottom
}

.tecnicallySpeak-sec {
    background: #666d7d;
    position: relative
}

.bouncerate {
    background-position: -637px -1472px
}

.bootstrap-css {
    background-position: -637px -1543px
}

.distraction {
    background-position: -718px -1541px
}

.searchEngine {
    background-position: -897px -1109px
}

.discussSkyblue-bar-sec,
.responsivetym-sec {
    background: #1ac0d2
}

.bigDeal-blue p,
.darkmode .whyuseVocsoTab h2,
.design-agency-sec h2 {
    color: var(--color-text);
    font-weight: 700
}

.responsivetym-sec {
    width: 100%;
    float: left
}

.mobileappsIcon-list {
    margin: 0;
    padding: 0;
    display: inline-block;
    position: absolute;
    right: -44px;
    bottom: 7px
}

.mobileappsIcon-list li {
    display: inline-block;
    margin-right: 5px
}

.mobileapps-roundlogo li img,
.mobileappsIcon-list li img {
    margin-top: 0 !important;
    padding-top: 0
}

.mobileapps-roundlogo {
    margin: 0;
    display: inline-block
}

.mobileapps-roundlogo li {
    display: inline-block;
    margin-right: 25px
}

.appbusiness-sec {
    background: #666d7d
}

.bluebtn {
    background: #62aae2 !important;
    box-shadow: none !important
}

.customizable-app {
    background: #c0d3e1;
    padding: 120px 0 80px
}

.greyborder {
    border-left: 1px solid #a2b3c5
}

.different-platforms h2 {
    font-size: 20px;
    margin: 0 0 25px;
    position: relative;
    padding-bottom: 25px;
    display: inline-block;
    color: #242424
}

.different-platforms h2::after {
    position: absolute;
    content: "";
    width: 160px;
    height: 1px;
    background: #d3d4d7;
    bottom: 0;
    left: 0
}

.platforms-readbtn {
    position: absolute;
    bottom: 0
}

.platforms-readbtn a {
    font-size: 15px;
    color: var(--color-white-fixed);
    background: #62aae2;
    padding: 13px 30px;
    border-radius: 8px 0;
    transition: all-ease-out .3s
}

.vocsoBuild-sec {
    background: url(../images/vocsobuild-manbg.webp) center center/cover no-repeat fixed;
    display: block;
    position: relative
}

.considerDesign-accordion .tc-accordion-content-inner p.greytxt,
.greytxt {
    color: #ededee !important
}

.vocsobuild-accordion .tc-accordion-item.active .tc-accordion-icon {
    background-color: var(--color-primary);
}

.vocsobuild-accordion .tc-accordion-item.active .tc-accordion-icon span {
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary)
}

.vocsobuild-accordion .tc-accordion-icon {
    background-color: #609aca
}

.vocsobuild-accordion .tc-accordion-icon span {
    background-color: #609aca;
    border: 1px solid #609aca
}

.vocsobuild-accordion .vocsobuild-accordion-title:before,
.vocsobuild-accordion-content:before {
    background-color: #62aae2
}

.bxslider-mobileApps-sec {
    background: url(../images/mobile-apps-left-img.png) no-repeat;
    background-position: center right !important;
    margin-top: 15px;
    position: relative;
    right: 0;
    z-index: 2
}

.bxslider-mobileApps-txt h2 {
    font-size: 40px;
    color: var(--color-text)
}

#abap_box p,
.androidBottm-list li {
    font-size: 18px !important
}

.mobileapps-portfolio-sec {
    background: #d7e0e8;
    position: relative;
    overflow: hidden
}

.vocsoBuild-sec::after {
    position: absolute;
    bottom: -18px;
    border-top: 20px solid #504f4d;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    z-index: 1
}

.ios-app-banner {
    background: url(../images/android-ios-bg.jpg) left center no-repeat #af1e2d;
    padding-top: 80px;
    min-height: 590px;
    position: relative
}

.avanthamobile-ios {
    left: 54px;
    z-index: 2
}

.ios-apple {
    right: 0;
    top: 190px;
    z-index: 1
}

.ios-leftspiralimg {
    top: -95px;
    right: -40px;
    zoom: 0.9;
    opacity: .5
}

.ios-app-dev-img img {
    margin: -130px 0 0 auto
}

.ios-smokybg {
    background: url(../images/ios-smoky-bg.png) center center no-repeat;
    position: absolute;
    width: 1198px;
    height: 630px;
    right: 0;
    top: 21px
}

.hybrid-leftspiralimg {
    position: absolute;
    top: -75px;
    right: 0
}

.develop-framework-sec {
    background: #f6f6f9;
    text-align: center
}

.hybridapp-development {
    width: 365px;
    padding: 0 90px 60px 0;
    display: inline-block;
    position: relative;
    vertical-align: top;
    background: url(../images/hybridInset-shadow.png) right center no-repeat;
    margin-left: 15px
}

.hybridapp-development ul {
    margin: 0;
    padding: 0 0 0 45px
}

.frameworks-dev-img {
    margin: 132px 0 0 auto
}

.hybridapp-development h2 {
    font-size: 26px;
    margin: 0 0 65px;
    padding: 0
}

.hybridapp-development ul li::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 35px;
    left: -8px
}

.hybridapp-developmentSpace {
    padding: 0 50px;
    border-right: 0;
    box-shadow: none;
    background: 0 0
}

.hybridapp-developmentSpace ul {
    margin: 0;
    padding: 0 0 0 40px
}

.hybridapp-developmentSpace ul li::before {
    left: 42px
}

.hybridapp-development-form {
    display: inline-block;
    width: 383px;
    padding: 60px;
    background: url(../images/form-left-line-img.png) right top no-repeat #d5dfe8;
    position: relative;
    border-radius: 8px;
    vertical-align: top;
    margin-top: -55px;
    -webkit-box-shadow: 0 68px 175px -74px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 68px 175px -74px rgba(0, 0, 0, .75);
    box-shadow: 0 68px 175px -74px rgba(0, 0, 0, .75)
}

#myModal-call .modal-body label,
.hybrid-form {
    width: 100%;
    position: relative
}

.hybridapp-development-form h3 {
    font-size: 22px;
    text-transform: uppercase;
    margin: 0;
    padding: 0
}

.hybrid-form {
    margin-top: 15px
}

.hybrid_thankyou-block {
    padding-bottom: 300px
}

.hybridapp-development-form .input_hybrid {
    width: 100%;
    padding: 15px 25px;
    border: 0;
    font-size: 14px !important;
    color: #000 !important;
    top: 0;
    background: var(--color-white-fixed);
    position: relative
}

.hybrid-form li label {
    left: 0;
    position: relative;
    top: 0
}

.input_hybrid::-webkit-input-placeholder {
    color: #000
}

.input_hybrid::-moz-placeholder {
    color: #000
}

.input_hybrid:-ms-input-placeholder {
    color: #000
}

.input_hybrid:-moz-placeholder {
    color: #000
}

.obligation_hybrid {
    font-size: 13px;
    display: block;
    text-align: right;
    margin-top: -8px
}

.buttonCircle-img,
.hybrid-formbtn {
    display: inline-block;
    vertical-align: middle
}

.arrowrgt-hybrid::after {
    top: 18px;
    right: 16px
}

.hybridapp-development-form h4 {
    font-size: 22px;
    margin: 4px 0 0
}

.buttonCircle-img {
    background: var(--color-white-fixed);
    width: 47px;
    height: 47px;
    border-radius: 100%
}

.hybrid-formbtn {
    background: var(--color-primary) !important;
    padding: 7px 22px;
    transition: .3s ease-in-out;
    font-weight: 400
}

.freebutton-cover button {
    border: none
}

.freebutton-cover {
    margin: 20px 0 10px
}

.hybridForm-btn {
    background: 0 0;
    border: none;
    color: var(--color-white-fixed);
    font-size: 18px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.hybrid-formbtn:hover {
    background: #000;
    transition: .3s ease-out
}

.arrowrgt-hybrid {
    padding: 8px 48px 8px 15px;
    font-size: 16px
}

.fivesteps-block,
.hybrid-to-banner {
    z-index: 1
}

#myModal-call .modal-title {
    font-size: 22px;
    text-transform: uppercase;
    color: #3a3a3a;
    text-align: center
}

#myModal-call .modal-body,
#myModal-call .modal-footer {
    background: #e0e0e0
}

#myModal-call .modal-footer {
    padding: 0 15px 15px 0
}

#myModal-call textarea {
    min-height: 100px;
    resize: none
}

.modal-footer .submit_btn {
    background: var(--color-primary) !important;
    cursor: pointer;
    border: none;
    padding: 10px 30px;
    color: var(--color-white-fixed);
    font-size: 18px;
    border-radius: 5px 0;
    transition: .3s ease-in-out
}

#myModal-call .modal-body {
    position: relative;
    padding: 15px 15px 2px
}

.req-new h1 {
    font-weight: 900
}

.req-new .handPadding {
    margin-top: 20px;
    text-align: center
}

.tab-heading:after,
.webmasters::after {
    margin: 0 auto;
    content: "";
    position: absolute
}

.req-new h4.handPadding {
    margin: 0;
    font-size: 45px;
    font-family: "Have Heart One";
    color: var(--color-primary) !important;
    padding: 0;
    text-align: center
}

.req-new.raq_top_part .input_check {
    font-weight: 400;
    font-size: 16px !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    border-radius: 0
}

.req-header-new a.back_website {
    float: right;
    font-size: 15px;
    text-transform: uppercase;
    color: #4f4f4f;
    font-weight: 700
}

.req-new.raq_top_part .left_part li {
    box-shadow: none;
    background: url(../images/radio_icon.png) 90% 21px no-repeat #eee
}

.req-new.raq_top_part .left_part li.active,
.req-new.raq_top_part .left_part li:hover {
    color: var(--color-white-fixed);
    background: url(../images/right_icon.png) 90% 26px no-repeat var(--color-secondary-dark) !important;
}

.req-new .select_range {
    font-weight: 500
}

.req-new .progressbar p {
    color: #9f9f9f;
    font-size: 14px !important;
    line-height: 22px;
    text-align: left
}

.req-new .example-val,
.req-new span#select_range_price {
    color: #9f9f9f
}

.req-new .budget-known span {
    font-size: 12px
}

#contact-new-btn {
    display: none;
    top: 50%;
    border-radius: 5px;
    left: 50%;
    width: 300px;
    height: 90px;
    padding: 10px;
    margin-left: -160px;
    margin-top: -94px
}

#mask-new-btn {
    background: #000;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999999
}

#contact-new-btn form {
    float: left;
    width: 319px;
    background: var(--color-white-fixed);
    padding: 10px;
    min-height: 188px
}

.accordion:hover,
.blogpage h3 a,
.darkmode .faqcircle p,
.darkmode .web-custom-main li.light-blue .bottom-sec-plateform p,
.darkmode .web-custom-main li.light-blue .top-sec-plateform h3,
.darkmode .web-custom-main li.light-yellow .bottom-sec-plateform p,
.darkmode .web-custom-main li.light-yellow .top-sec-plateform h3,
.hire-custom-mian .bottom-sec-hire .hire-multi-list li p,
.intro-main p,
.right-sidebarblck ul li a,
h3.entry-title a {
    color: #000
}

.tab-heading {
    color: #ffbf00;
    text-align: center;
    font-size: 35px;
    margin-top: 0;
    margin-bottom: 80px;
    position: relative;
    padding-bottom: 28px
}

.tab-heading:after {
    background: #ffbf00;
    width: 30%;
    height: 5px;
    left: 0;
    right: 0;
    bottom: 0
}

.leverage-txt ul,
.rate2 {
    margin-top: 20px
}

.portFolio-bg {
    background: inherit;
    width: 100%;
    display: block;
    min-height: 475px;
    z-index: 1;
    position: relative
}

.portNext,
.portPrevious {
    position: fixed;
    font-size: 30px;
    background: rgba(0, 0, 0, .2);
    padding: 10px 20px;
    top: 270px
}

.packages-tab {
    margin-top: -25em !important
}

.portNext {
    right: 18px
}

.portPrevious {
    left: 10px
}

.fullydownarrow,
.price-subscribe,
.webmasters {
    position: relative
}

.portNext .fa,
.portPrevious .fa {
    font-size: 40px;
    color: var(--color-white-fixed);
}

.checkPack {
    margin: 0px 0 0px !important
}

.checkPack::after {
    background: url(../images/tosmall-icon-white-down.png) no-repeat;
    color: var(--color-white-fixed);
    position: absolute;
    top: 17px;
    right: 40px;
    z-index: 99;
    width: 16px;
    height: 16px
}

.digital-strategy-text .startjust {
    display: block;
    font-size: 18px;
    font-style: italic;
    color: #9cb8cc
}

.webmasters {
    background: #181a25
}

.webmasters::after {
    border-top: 20px solid #181a25;
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    left: 0;
    right: 0;
    bottom: -20px;
    z-index: 1
}

.webmasters h2 {
    color: var(--color-white-fixed);
    font-size: 38px;
    margin-left: 15px;
    margin-bottom: 50px
}

.selectYour-package {
    background: #46b0c8;
    min-height: 700px
}

.ecommerce-list p {
    font-size: 16px;
    color: var(--color-text);
    line-height: 22px
}

.price-subscribe {
    margin: 0 0 70px
}

.price-subscribe:after {
    content: "";
    position: absolute;
    background: #dbe4e7;
    width: 238px;
    height: 1px;
    bottom: -27px;
    left: 0
}

.perMonth {
    font-size: 16px !important;
    color: #a9abac;
    display: block !important;
    vertical-align: top !important;
    font-style: italic;
    margin-top: 0;
    font-weight: 400 !important;
    margin-bottom: 10px
}

.subscribe-orderbtn {
    position: relative;
    padding-right: 40px
}

.subscribe-orderbtn:after {
    content: "f061";
    color: var(--color-white-fixed);
    font-size: 20px;
    padding-right: 0;
    position: absolute;
    top: 12px;
    right: 12px;
    font-style: normal;
    font-weight: 400
}

.ios-app-banner .ios-loveapps h1,
.subscribe-right {
    margin: 20px 0
}

.fullypacked h2 {
    font-weight: 600;
    padding-top: 50px;
    font-size: 40px
}

.fullypacked {
    background: url(../images/vocsobuild-manbg.jpg) center top/cover no-repeat;
    padding: 130px 0;
    margin-top: -213px
}

.fullypacked .schedule a {
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: center
}

.fullypacked .schedule a i {
    top: 13px
}

.packgesblue-txt {
    margin-right: 0;
    width: 420px;
    text-align: center;
    margin-top: 0;
    background: rgba(113, 174, 198, .5);
    padding: 50px
}

.packgesblue-txt p {
    text-align: left !important;
    margin-right: 0
}

.fullydownarrow {
    min-height: 100%;
    display: inline-block;
    width: 100%
}

.blog_div_r,
.site-content {
    width: 700px;
    padding-right: 20px;
    float: left
}

.blogpage h2,
h3.entry-title {
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 100%;
    font-weight: 400;
    padding-bottom: 10px
}

.blogpage h3 {
    font-size: 30px !important;
    font-weight: 500 !important
}

h3.widget-title {
    padding-bottom: 10px
}

.blog_category li a:hover,
.blogpage h3 a:hover,
h3.entry-title a:hover {
    color: #046ba5
}

.page-header h1.page-title {
    font-sise: 32px !important
}

.blogpage p {
    line-height: 20px !important
}

.blogright_section {
    background: inherit;
    padding: 8px;
    position: relative;
    margin-right: -4px;
    width: 265px
}

.blog-nwsletter {
    width: 234px;
    float: left;
    height: 18px;
    border: 1px solid #ddd !important;
    padding: 8px
}

.screen-reader-text {
    text-indent: -5000px;
    display: block
}

button.blog-nwsbtn,
input.blog-nwsbtn {
    background: #1c62a9;
    border: 0;
    color: var(--color-white-fixed);
    cursor: pointer;
    float: left;
    font-size: 12px;
    margin: 5px 0 0;
    padding: 6px 10px;
    text-transform: uppercase
}

.btm_color a,
.btm_color a.raq-tab-btn {
    font-size: 14px;
    padding: 5px 10px
}

.btm_color a.raq-tab-btn {
    background: #ee1c24;
    border-radius: 4px;
    color: var(--color-white-fixed);
    margin: 8px 0
}

.btm_color a.raq-tab-btn:hover {
    background: #f33239;
    color: var(--color-white-fixed)
}

.box_w1 .left_img {
    float: left !important
}

.wmp-tabs .ui-tabs .ui-tabs-nav li a {
    min-height: 35px !important;
    padding: 20px 0 !important
}

.recomd-ribbon {
    position: absolute;
    margin: -24px 0 0 87px
}

.orddernow-btn {
    width: 125px;
    height: 38px;
    float: left;
    background: url(../images/sprite-new-btn.png) -276px -224px no-repeat;
    margin: 0 0 0 35px;
    padding: 0 !important
}

.orddernow-btn:hover {
    background-position: -276px -263px
}

.payasugo {
    font-size: 20px;
    font-weight: 700
}

.payasugo_small {
    font-size: 15px !important;
    font-weight: 700;
    color: #1f70ae !important
}

.dollar-amt {
    color: #73ae0c;
    font-size: 30px
}

.seoform_txt {
    font-size: 12px !important;
    text-align: center;
    padding-top: 10px !important;
    float: left;
    width: 100%
}

.spacer_15 {
    height: 15px
}

.googlewhite-text {
    color: var(--color-white-fixed);
    margin-top: 20px
}

.googlewhite-text a {
    color: var(--color-white-fixed);
}

.perfect-team-middletxt-left .googlewhite-text {
    color: #bed8ef
}

label.qc_fixed,
label.raq_fixed {
    display: block;
    height: 30px;
    position: fixed;
    z-index: 10000000 !important;
    text-decoration: none;
    color: var(--color-white-fixed);
    font-family: US101;
    font-size: 16px;
    right: 0;
    width: 52px;
    text-align: left;
    cursor: pointer;
    padding-top: 12px;
    float: right
}

.audit-left-section h3,
.email-heading h2,
.haveheart {
    font-family: "Have Heart One"
}

label.qc_fixed span,
label.raq_fixed span {
    display: none;
    width: 100%;
    height: 100%
}

label.qc_fixed:hover span,
label.raq_fixed:hover span {
    display: block;
    float: left;
    padding-left: 52px
}

.maint-pack {
    font-size: 63px !important
}

.errornewImg {
    margin: 60px 0;
    display: block
}

.cust-joomla-development {
    background-position: -827px -1541px
}

.drop-main-menu:hover .cust-joomla-development {
    background-position: -827px -1576px
}

.cust-webdevpkg-development {
    background-position: -861px -1540px
}

.drop-main-menu:hover .cust-webdevpkg-development {
    background-position: -861px -1577px
}

.cust-webdegnpkg-service {
    background-position: -900px -1542px
}

.drop-main-menu:hover .cust-webdegnpkg-service {
    background-position: -900px -1577px
}

.cust-webMntPkg-service {
    background-position: -936px -1542px
}

.drop-main-menu:hover .cust-webMntPkg-service {
    background-position: -936px -1577px
}

.fixed .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000 !important
}

#contact-new-btn .table {
    margin-bottom: 0;
    text-align: center
}

#contact-new-btn .table>tbody>tr>td {
    padding: 4px;
    line-height: 1.42857143;
    border-top: 0
}

.opening_text span span {
    font-size: 30px;
    font-weight: 700
}

#myModal .modal-body,
#myModalmagill .modal-body {
    padding: 0 0 5px 10px;
    margin-top: -5px;
    display: inline-block
}

.perfectTeamList-Icon {
    background: url(../images/sprite-images.webp) no-repeat;
    width: 95px;
    height: 83px;
    display: block;
    text-align: center;
    margin: 0 auto
}

.perfectList-Icon1 {
    background-position: -218px -1628px
}

.perfectList-Icon2 {
    background-position: -325px -1628px
}

.perfectList-Icon3 {
    background-position: -420px -1628px
}

.perfectList-Icon4 {
    background-position: -517px -1628px
}

.perfectList-Icon5 {
    background-position: -610px -1628px
}

.perfectList-Icon6 {
    background-position: -718px -1628px
}

.perfectList-Icon7 {
    background-position: -820px -1628px
}

.perfectList-Icon8 {
    background-position: -933px -1635px
}

.perfectList-Icon9 {
    background-position: -202px -1714px
}

.perfectList-Icon10 {
    background-position: -310px -1714px
}

.perfectList-Icon11.div-center-auto {
    background-position: 9px -1728px
}

.perfectList-Icon12.div-center-auto {
    background-position: -66px -1728px
}

.perfectList-Icon13.div-center-auto {
    background-position: -402px -1729px
}

.perfectList-Icon14 {
    background-position: -500px -1718px
}

.perfectList-Icon15 {
    background-position: -594px -1706px
}

.perfectList-Icon16 {
    background-position: -695px -1704px
}

.perfectList-Icon17 {
    background-position: -799px -1704px
}

.perfectList-Icon18 {
    background-position: -877px -1711px
}

.perfectList-Icon19 {
    background-position: -971px -1710px
}

.ordertitle .fa-bars {
    float: right;
    display: none
}

.googlepad {
    margin-left: 35px;
    color: #7e7c7d
}

.ecomm-webblk {
    background: url(../images/ecommerce-website.webp) center center/cover no-repeat #f0efed;
    display: block
}

@font-face {
    font-display: swap;
    font-family: "Have Heart One";
    src: url(../fonts/HaveHeartOne.eot);
    src: url(../fonts/HaveHeartOne.eot?#iefix) format("embedded-opentype"), url(../fonts/HaveHeartOne.woff2) format("woff2"), url(../fonts/HaveHeartOne.woff) format("woff"), url(../fonts/HaveHeartOne.svg#HaveHeartOne) format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE
}

.haveheart {
    font-size: 82px;
    color: var(--color-secondary-dark);
    text-transform: initial;
    font-weight: 400
}

.ecommBuisnes {
    padding: 0 67px 0 0
}

.montesert {
    font-size: 20px;
    color: #232b41;
    font-weight: 300
}

.ecommBuisnes h2::after,
.webagency-right h2::after {
    position: absolute;
    content: "";
    width: 88px;
    height: 4px;
    background: var(--color-secondary-dark);
    bottom: 0;
    left: 0
}

.ecommBuisnes-right .thumbnail h3 {
    font-size: 22px;
    font-weight: 400;
    margin: 0 0 26px;
    color: #232b41;
    position: relative;
    padding-bottom: 30px;
    display: inline-block;
    min-height: 77px
}

.ecommBuisnes-right .thumbnail h3::after {
    position: absolute;
    content: "";
    width: 89px;
    height: 4px;
    background: var(--color-secondary-dark);
    bottom: 0;
    left: 0
}

.ecommBuisnes-right .thumbnail {
    border: none;
    padding: 40px 45px;
    box-shadow: none;
    margin-right: 0;
    background: 0;
    border-radius: 0;
    margin-bottom: 0
}

.thumbnail.thumbbg {
    background: var(--color-white-fixed);
    box-shadow: 13px 13px 0 rgba(255, 255, 255, .4)
}

.ecommBuisnes-right .thumbnail:hover {
    transform: translateY(-10px);
    transition: .5s
}

.ecommBuisnes-right .thumbnail .caption span {
    font-size: 100px;
    font-weight: 300;
    color: #382727;
    text-align: right;
    display: block
}

.bluecommon-txt {
    color: var(--color-secondary-dark) !important
}

.bluecommon-txtfade {
    opacity: .2 !important
}

.ecommBuisnes p::after {
    position: absolute;
    content: "";
    width: 289px;
    height: 63px;
    background: url(../images/ecomm-directionarrow.png) no-repeat;
    bottom: -50px;
    right: -55px
}

.tailorMade {
    background: url(../images/tailormadebg.webp) center center/cover no-repeat #d9d5d2;
    display: block;
    min-height: 618px;
    padding: 220px 0 120px;
    position: relative
}

.tailormade-right .thumbnail .caption span {
    float: none;
    text-align: left;
    font-size: 0;
    margin-bottom: 30px
}

.tailor-blk {
    padding-top: 68px;
    padding-right: 0
}

.tailormade-right {
    padding-left: 100px;
    margin-top: 0 !important
}

.discussbtn:hover {
    background: var(--color-secondary-dark) !important;
    box-shadow: none !important
}

.magento-Ecomrce-inn span {
    line-height: 18px;
    margin-bottom: 65px;
    display: block
}

.trusted-list {
    padding: 0;
    display: inline-block;
    width: 49%;
    vertical-align: top;
    font-size: 16px;
    margin-top: 40px;
    font-weight: 300
}

.trusted-list.trusted-list-pad {
    margin-left: 8px
}

.magento-Ecomrce-inn h1 {
    padding-right: 23px
}

.discuss-lrnbtn {
    background: #a9abaf !important;
    margin-left: 20px
}

.ecommStore {
    background: #232b41;
    color: var(--color-white-fixed);
    overflow: hidden
}

.trustedbtns .discussbtn-mg {
    background: #e12049 !important
}

.ecommStore-left h3,
.ecommStore-left h4 {
    font-size: 36px;
    font-weight: 400;
    margin: 0;
    line-height: 42px;
    padding-top: 12px;
    padding-right: 100px
}

.ecommStore-right h6 {
    border-top: 1px solid #da7c92;
    padding: 5px 0;
    margin: 7px 0 0;
    text-transform: none;
    font-size: 12px;
    font-weight: 300
}

.ecommStore-right span {
    font-size: 14px;
    border-right: 0;
    padding: 0;
    font-weight: 700
}

.ecommStore-right h5 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400
}

.ecommStore-left::after {
    content: "";
    position: absolute;
    background: url(../images/curlyarrow.png) center right no-repeat;
    width: 91px;
    height: 63px;
    right: 40px;
    top: 18px
}

.haveheart-yellow {
    color: #ffc41a
}

.darkmode .customtestmonial h2,
.darkmode .customtestmonial h3,
.darkmode .customtestmonial h4,
.darkmode .sitemap-listing a:hover,
.haveheart-pink,
.psd-tabs-list .resp-tab-active p,
.readmore_new:hover,
.right-sidebarblck ul li a:hover {
    color: var(--color-primary);
}

.customPaying {
    background: url(../images/customecomm-bg.webp) center center no-repeat #98989c;
    max-height: 592px;
    display: block;
    margin-top: 0;
    padding: 30px 0 165px;
    position: relative
}

.visitorspay p {
    padding: 0 71px 0 0;
    line-height: 23px;
    margin: 0 0 57px;
    font-weight: 400
}

.visitorspay h1::after {
    position: absolute;
    content: "";
    width: 353px;
    height: 185px;
    background: url(../images/legendafter.png) center right no-repeat;
    bottom: -33px;
    left: inherit;
    right: 41px
}

.yellowgirlimg {
    position: absolute;
    left: 36px;
    top: 60px;
    right: 0;
    text-align: center;
    display: inline-block
}

.shopremix-blk {
    background: #ffc41a;
    position: relative
}

.shopRemix-inn h4 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700
}

.shoppostion-one {
    width: 135px;
    height: 135px;
    background: var(--color-white-fixed);
    border-radius: 100%;
    position: absolute;
    display: table;
    -webkit-box-shadow: 11px 11px 36px -17px rgba(0, 0, 0, .75);
    -moz-box-shadow: 11px 11px 36px -17px rgba(0, 0, 0, .75);
    box-shadow: 11px 11px 36px -17px rgba(0, 0, 0, .75)
}

.shoppostion-three,
.shoppostion-two {
    background: var(--color-white-fixed);
    border-radius: 100%;
    position: absolute;
    display: table;
    -webkit-box-shadow: 11px 11px 36px -17px rgba(0, 0, 0, .75);
    -moz-box-shadow: 11px 11px 36px -17px rgba(0, 0, 0, .75)
}

.shoppostion-two {
    width: 115px;
    height: 115px;
    box-shadow: 11px 11px 36px -17px rgba(0, 0, 0, .75)
}

.shoppostion-three {
    width: 155px;
    height: 155px;
    box-shadow: 11px 11px 36px -17px rgba(0, 0, 0, .75)
}

.shoppostion-five,
.shoppostion-four {
    -webkit-box-shadow: 11px 11px 36px -17px rgba(0, 0, 0, .75);
    -moz-box-shadow: 11px 11px 36px -17px rgba(0, 0, 0, .75);
    background: var(--color-white-fixed);
    border-radius: 100%;
    position: absolute;
    display: table
}

.shoppostion-four {
    width: 178px;
    height: 178px;
    box-shadow: 11px 11px 36px -17px rgba(0, 0, 0, .75)
}

.shoppostion-five {
    width: 65px;
    height: 65px;
    box-shadow: 11px 11px 36px -17px rgba(0, 0, 0, .75)
}

.shoppostion-six {
    width: 84px;
    height: 84px;
    background: var(--color-white-fixed);
    border-radius: 100%;
    position: absolute;
    display: table;
    -webkit-box-shadow: 11px 11px 36px -17px rgba(0, 0, 0, .75);
    -moz-box-shadow: 11px 11px 36px -17px rgba(0, 0, 0, .75);
    box-shadow: 11px 11px 36px -17px rgba(0, 0, 0, .75)
}

.shopremix-second {
    top: 285px;
    left: -35px
}

.shopremix-third {
    top: 460px;
    left: 120px
}

.shopre-icons {
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.shopremixlogo {
    right: 160px
}

.shopremix-fourth {
    top: 386px;
    right: 0
}

.shopremix-fifth {
    right: 52px;
    top: 200px
}

.shopremix-sixth {
    right: 105px
}

.shoptext-secure {
    position: absolute !important;
    left: 155px !important;
    width: 100px;
    top: 88px
}

.shoptext-status {
    left: 97px !important;
    top: 6px !important
}

.ecommBuisnes.tailor-blk h1 {
    margin: 0;
    padding-bottom: 30px
}

.ecommStore .planbtn {
    line-height: 16px;
    background: var(--color-primary) !important;
    position: relative;
    padding: 17px 56px 14px 26px;
    box-shadow: inherit !important
}

.ecommStore .planbtn:hover {
    background: var(--color-secondary-dark) !important;
    transition: .3s linear
}

.ecommStore .planbtn:hover h6 {
    border-top: 1px solid rgba(255, 255, 255, .4)
}

.ecommStore .planbtn::after {
    top: 52px;
    right: 25px
}

.ecommStore .planbtn:hover::after {
    right: 13px;
    transition: .3s linear
}

.visitorspay span {
    text-transform: capitalize;
    margin-left: 65px
}

.visitorspay .consultnew-btn {
    background: var(--color-primary) !important;
    box-shadow: none !important;
    position: relative;
    transition: .3s linear;
    font-weight: 400
}

.consultnew-btn::after {
    top: 19px;
    right: 37px
}

.visitorspay .consultnew-btn:hover {
    background: var(--color-secondary-dark) !important;
    box-shadow: none !important;
    transition: .3s linear
}

.visitorspay .consultnew-btn:hover::after {
    right: 27px;
    transition: .3s linear
}

.trusted-list-width {
    width: 65%
}

.trusted-list-width li {
    border-bottom: 1px solid #d3a222 !important;
    width: 84%
}

.helpyou {
    background: #e4ebf0;
    min-height: 660px
}

.greylogos {
    background: #e4ebf0;
    border-top: 1px solid #d2d8de
}

.helpingman {
    position: absolute;
    bottom: -106px
}

.helpbuton {
    background: var(--color-primary);
    color: var(--color-white-fixed);
    padding: 17px 50px;
    border-radius: 35px;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    border: 0;
    width: auto
}

.helpbuton:hover {
    color: var(--color-white-fixed);
    background: var(--color-secondary-dark) !important;
    transition: .4s
}

.eccomerceport-slider {
    background: url(../images/lappy-img.webp) center left no-repeat;
    height: 528px;
    display: block;
    position: relative
}

.eccomerceport-slidertext {
    position: absolute;
    right: 35px;
    width: 39%;
    top: -20px
}

.eccomerceport {
    background: #232b41
}

.eccomerceport-sliderimg>img {
    position: absolute;
    top: 0;
    left: 0;
    transition: top 10s cubic-bezier(0, 0, .93, .76)
}

.eccomerceport-slider::after {
    content: "";
    background: url(../images/lappycircle-img.png) no-repeat;
    position: absolute;
    width: 412px;
    height: 423px;
    display: block;
    z-index: 1;
    bottom: -46px;
    left: 11px
}

.ecommBuisnes h2 {
    font-size: 38px !important;
    text-transform: uppercase;
    font-weight: 800 !important
}

.magento-Ecomrce-inn h2,
.shopRemix-inn h2 {
    text-align: left;
    position: relative;
    font-size: 48px;
    color: #232b41;
    margin: 0;
    text-transform: uppercase
}

.buildshadow {
    -webkit-box-shadow: 0 0 52px -22px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 52px -22px rgba(0, 0, 0, .75);
    box-shadow: 0 0 52px -22px rgba(0, 0, 0, .75)
}

.magento-Ecomrce-inn h2,
.shopRemix-inn h2 {
    font-weight: 700;
    padding-bottom: 0
}

.shopRemix-inn h2 {
    padding-bottom: 40px
}

.discuss-sliderbtn {
    background: var(--color-primary) !important;
}

.eccomerceport-slider .bx-wrapper .bx-controls-direction a {
    text-indent: inherit;
    color: var(--color-white-fixed);
    font-size: 12px;
    width: 70px;
    text-transform: uppercase;
    opacity: .9
}

.eccomerceport-slider .bx-wrapper .bx-prev {
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url(../images/tosmall-icon-prev.png) 23px 4px no-repeat;
    padding: 0 0 0 49px;
    width: 120px !important
}

.eccomerceport-slider .bx-wrapper .bx-prev:hover {
    background-position: 23px 4px
}

.eccomerceport-slider .bx-wrapper .bx-next {
    right: -210px;
    left: 0;
    margin: 0 auto;
    background: url(../images/tosmall-icon.png) 35px 4px no-repeat
}

.eccomerceport-slider .bx-wrapper .bx-next:hover {
    background-position: 35px 4px
}

.ecomm-webblk .bx-wrapper .bx-controls-direction a {
    width: 32px;
    height: 35px;
    text-indent: inherit;
    font-size: 0
}

.ecommBuisnes-right .bx-wrapper:hover .bx-prev {
    background: url(../images/black-Larrow.png) no-repeat;
    display: block
}

.ecommBuisnes-right .bx-wrapper:hover .bx-next {
    background: url(../images/black-Rarrow.png) no-repeat;
    display: block
}

.member-logo-footer {
    float: right;
    width: 527px;
    font-size: 0
}

.redboat-business-blk {
    background: url(../images/ecommerce-redboat-bg.jpg) center center/cover no-repeat;
    display: block;
    padding: 110px 0 0;
    position: relative;
    min-height: 642px
}

.kickstart span {
    margin-left: 0;
    display: inline-block;
    margin-bottom: 20px;
    text-transform: inherit
}

.angularFAQ h2,
.budget-centertext span,
.everytym-text span {
    text-transform: capitalize
}

.budget-friendlyblk {
    background: url(../images/budget-pricing-bg.webp) center center/cover no-repeat #800021;
    display: block;
    text-align: center;
    padding: 100px 0 120px;
    position: relative
}

.budget-centertext h2::after {
    right: 0;
    left: 0;
    margin: 0 auto
}

.budget-centertext p::after,
.darkmode .isotext-bg-sec,
.darkmode .seo_package .graph,
.hire-custom-mian .bottom-sec-hire .hire-multi-list li,
.survey-form input.error_span {
    background: 0 0
}

.pricing-maintbl .panel-danger>.panel-heading,
.pricing-maintbl .panel-info>.panel-heading,
.pricing-maintbl .panel-success>.panel-heading {
    color: #2a2f42;
    background-color: transparent;
    border-color: transparent
}

.pricing-maintbl .panel-heading h3 {
    color: var(--color-text);
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0
}

.pricing-maintbl .panel-heading p {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text);
    margin-top: 1rem;
}

.pricing-maintbl .panel-body {
    padding: 0 0 27px;
    margin-bottom: 27px;
    position: relative;
    display: inline-block
}

.pricing-maintbl .panel-body::after {
    position: absolute;
    content: "";
    width: 88px;
    height: 4px;
    background: var(--color-secondary-dark);
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block
}

.pricing-maintbl .lead {
    margin-bottom: 0;
    color: var(--color-text);
    position: relative;
    border-radius: 100px;
    font-weight: 700;
    padding: 0 50px;
    font-size: 70px;
}

.budget-friendlyblk .list-group {
    margin-bottom: 22px;
    padding: 0;
    width: auto;
    margin-top: 22px;
    text-align: left;
    min-height: 223px
}

.budget-friendlyblk .panel-footer {
    padding: 0;
    background: 0 0;
    display: inline-block
}

.expectaion-testimonial {
    background: #e4ebf0;
    display: block;
    position: relative
}

.everytym-text span {
    margin-top: 6px
}

.ecommBuisnes-right .bx-viewport {
    min-height: 523px
}

.ecommBuisnes.canteasier span {
    position: relative;
    line-height: 22px;
    margin-bottom: 110px;
    display: inline-block;
    text-transform: inherit
}

.canteasier span::after {
    position: absolute;
    content: "";
    width: 89px;
    height: 4px;
    background: #00cccd;
    bottom: -84px;
    left: 0
}

.topBlueTxt,
.topBlueTxt strong {
    font-weight: 500 !important
}

.canteasier-right .bx-viewport {
    min-height: 458px
}

.newtestmonial-img {
    background: #ccc;
    width: 400px;
    height: 400px;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.newtestmonialtxt-block {
    display: inline-block;
    vertical-align: middle;
    width: 580px;
    margin-left: 75px;
    color: #69737f;
    z-index: 10000000;
    position: relative
}

.newtestmonialtxt-block p {
    font-size: 24px;
    font-weight: 300;
    position: relative;
    padding-bottom: 48px;
    margin-bottom: 23px;
    color: #2a2f42
}

.newtestmonialtxt-block p::after {
    position: absolute;
    content: "";
    width: 88px;
    height: 4px;
    background: var(--color-secondary-dark);
    bottom: 0;
    left: 0;
    margin: 0 auto
}

.newtestmonialtxt-block h5 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.newtestmonialtxt-block h6 {
    font-size: 16px;
    font-weight: 400;
    margin: 3px 0 0;
    padding: 0;
    text-transform: capitalize
}

.everytym-text {
    margin-top: 100px
}

.testimonailblock-left {
    position: relative;
    z-index: 100000
}

.expectaion-testimonial::before {
    position: absolute;
    content: "";
    width: 629px;
    height: 463px;
    background: url(../images/expectaion-testimonialbg.png) no-repeat;
    top: 40px;
    right: 145px
}

.faqBlock {
    background: #e4ebf0;
    position: relative
}

.faqcircle {
    width: 183px;
    height: 183px;
    background: var(--color-white-fixed);
    border-radius: 100%;
    text-align: center;
    padding: inherit !important;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: 51px auto;
    display: flex !important;
    align-items: center;
    justify-content: center
}

.faqBlock .addui-Accordion .addui-Accordion-content,
.faqBlock .addui-Accordion .addui-Accordion-header {
    display: block;
    background: #e4ebf0;
    color: #2a2f42;
    text-align: left;
    font-size: 16px;
    border-bottom: 1px solid #bdc2cb
}

.faqBlock .addui-Accordion .addui-Accordion-header::after {
    color: #bdc2cb
}

.android-services-box,
.faqquest,
.ios-smartapps {
    margin-top: 65px
}

.packred-arrow,
.packred-arrow p::after {
    margin: 0 auto;
    left: 0;
    transition: .3s linear
}

.faqquest p {
    display: inline-block;
    margin-right: 24px;
    font-size: 24px;
    font-weight: 300;
    vertical-align: sub
}

.packred-arrow {
    background: var(--color-primary);
    width: 191px;
    height: 191px;
    position: absolute;
    right: 0;
    bottom: -20px;
    text-align: center;
    padding: 59px 40px 0;
    cursor: pointer;
    border-radius: 100%
}

.packred-animate,
.packred-animate-1 {
    background: rgba(225, 50, 82, .1);
    position: absolute;
    border-radius: 100%;
    right: 0
}

.packred-arrow:hover {
    background: var(--color-secondary-dark);
    transition: .3s linear
}

.packred-arrow p::after {
    background: url(../images/tosmall-icon-down.png) no-repeat;
    position: absolute;
    content: "";
    width: 10px;
    height: 16px;
    display: inline-block;
    top: 79px;
    right: 0;
    moz-animation: bounce 2s infinite;
    -webkit-animation: 2s infinite bounce;
    animation: 2s infinite bounce
}

.slider-btns a.bx-prev {
    overflow: hidden;
    z-index: 1 !important;
    width: 113px !important;
    height: 55px !important;
    text-align: center;
    padding: 21px 0 !important;
    left: -40px !important
}

.slider-btns a.bx-prev:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #a8a9ad;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    transform: skew(-45deg);
    z-index: -1
}

.slider-btns a.bx-next {
    right: -144px !important;
    width: 65px !important;
    background: url(../images/tosmall-icon.png) 73% center no-repeat var(--color-secondary-dark) !important;
    padding: 21px 0;
    height: 55px !important;
    text-align: left;
    z-index: 1 !important
}

.slider-btns a.bx-prev:before {
    background: url(../images/tosmall-icon-prev.png) center no-repeat;
    width: 16px;
    height: 10px;
    content: "";
    position: absolute;
    left: 15%;
    top: 45%
}

.slider-btns a.bx-next:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-secondary-dark);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    transform: skew(-45deg);
    z-index: -1
}

.tailormade-right:before {
    content: "";
    position: absolute;
    background: var(--color-white-fixed);
    height: 280px;
    width: 3px;
    left: -40px;
    top: 52px
}

.expectaion-testimonial::after,
.faqBlock::after {
    border-top: 21px solid #e4ebf0
}

.quotebtn h6 {
    padding-top: 7px
}

.quotebtn::after {
    top: 41px !important;
    right: 25px !important
}

.quotebtn:hover::after {
    right: 18px !important;
    transition: .3s linear
}

.currentopening-thankyou h2 {
    font-size: 3rem;
    font-weight: 700
}

.currentopening-thankyou {
    text-align: center;
    padding: 10rem 2rem
}

.currentopening-thankyou p {
    margin: 1rem 0;
    display: block
}

.myModal-ordernow .close {
    background: 0 0;
    width: 20px;
    height: 17px;
    margin: 0;
    top: 25px;
    right: 12px;
    opacity: inherit
}

.android-mainBanner .managedmain-text,
.angularFAQ,
.angularSlider-content ul li:first-child,
.managedmain-text,
.tailorMade .thumbnail {
    padding-top: 0
}

.ecom-discuss {
    margin-left: 15px;
    margin-top: -15px
}

.pakgebtn {
    padding: 17px 56px 14px 26px
}

.quotebtn {
    padding: 24px 54px 20px 24px !important
}

.thumbbg h3,
.thumbbg p,
.thumbbg span {
    color: var(--color-secondary-dark) !important;
    opacity: inherit
}

.thumbbg:after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    box-shadow: 0 11px 41px rgba(0, 0, 0, .2);
    top: 0;
    left: 0;
    z-index: -1
}

.ecommBuisnes-right .thumbnail {
    margin-top: 11px
}

.animated-new {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

@keyframes pulse {

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

    50% {
        transform: scale(1.1)
    }
}

.pulse {
    animation-name: pulse
}

.avantha-in-circle,
.avantha-out-circle,
path.left-blue,
path.left-red {
    animation: 5s ease-in-out my_animation
}

.packred-animate {
    width: 218px;
    height: 218px;
    left: 0;
    margin: 0 auto;
    bottom: -33px
}

.packerdbkl {
    cursor: pointer
}

.packerdbkl:hover .packred-animate,
.packerdbkl:hover .packred-animate-1 {
    background: rgba(90, 203, 204, .1)
}

.packred-animate-1 {
    width: 249px;
    height: 249px;
    left: 0;
    margin: 0 auto;
    bottom: -48px
}

.member-logo-comm {
    padding-left: 0;
    text-align: left;
    margin: 10px 0 0
}

.member-logo-comm li {
    display: inline-block;
    float: none;
    text-align: right;
    margin-right: 45px;
    vertical-align: middle
}

.hybrid-dev::before {
    background: rgba(116, 206, 239, .8)
}

.hybrid-dev .magento-Ecomrce-inn p {
    color: #68677f !important;
    font-size: 22px;
    padding-right: 332px
}

.hybrid-dev::after {
    border-top: 20px solid #88cfea
}

.hybridicon-development {
    background-position: -8px -1812px
}

.drop-main-menu:hover .hybridicon-development {
    background-position: -8px -1853px
}

.jobs-icon {
    background-position: -44px -1812px
}

.drop-main-menu:hover .jobs-icon {
    background-position: -44px -1853px
}

.hybrid-newbtn {
    text-align: center;
    margin-top: 25px
}

.hybrid-newbtn a {
    padding: 14px 30px !important
}

.errorfullmsg h2,
.succssfullmsg h2 {
    text-align: center;
    font-weight: 700;
    font-size: 28px
}

.errorfullmsg h3,
.succssfullmsg h3 {
    color: var(--color-text);
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px
}

.google-rankingfactor,
.jobBanner .bannerAlign {
    padding-top: 80px
}

.floatrequest {
    position: fixed;
    z-index: 15;
    bottom: 0
}

.faqBlock .addui-Accordion .addui-Accordion-header h4 {
    font-weight: 500;
    font-size: 20px;
    margin: 0;
    line-height: 30px;
    padding-right: 40px
}

.hire-dedicate-web {
    background-position: -130px -1813px
}

.drop-main-menu:hover .hire-dedicate-web {
    background-position: -130px -1854px
}

.ecommerce-web-des {
    background-position: -175px -1813px
}

.drop-main-menu:hover .ecommerce-web-des {
    background-position: -175px -1854px
}

.ecommerce-des-pack {
    background-position: -225px -1813px
}

.drop-main-menu:hover .ecommerce-des-pack {
    background-position: -225px -1854px
}

.ecommStore .pakgebtn::after {
    top: 63px
}

.req-header-new ul {
    padding: 0;
    position: relative;
    margin-bottom: 0
}

.minute,
.req-header-new ul li {
    display: inline-block;
    vertical-align: middle
}

.bannertext-portfolio .build_text,
.sitemap-listing:first-child,
.trustedbtns a {
    margin-top: 0
}

.form-logo-blockThankYou .form-whitebg,
.iosfaq-height,
.packages-listing-box .vocso-package-main {
    min-height: auto
}

.box,
.portdelails-blockpage .android_portfolio .phone-innerimg video,
.schedule-package-new a {
    height: auto !important
}

.manageWebsite-box .ecommerce-store {
    margin-top: -427px
}

.trustlogo-none {
    border-bottom: 0 !important
}

.android-app-dev {
    background-position: -720px -1812px
}

.drop-main-menu:hover .android-app-dev {
    background-position: -720px -1853px
}

.responsive tbody tr:nth-child(odd) {
    background-color: #f7f7f7 !important
}

.my_bluebox.fivesteps-Form .form-group {
    margin-bottom: 3rem;
    vertical-align: top;
    width: 48.5%;
    display: inline-block;
    margin-right: 10px;
    position: relative
}

.fivesteps-block-form {
    background: var(--color-white-fixed);
    z-index: 15;
    position: relative;
    display: inline-block;
    padding: 40px
}

.my_bluebox.fivesteps-Form .form-group-commentbox {
    width: 100% !important
}

.seoform-steps {
    margin-bottom: 0 !important
}

.my_bluebox.fivesteps-Form .form-group .error_span {
    position: relative;
    top: inherit;
    bottom: 0
}

.my_bluebox.fivesteps-Form .form-group label.error_span {
    position: relative;
    bottom: 0;
    border-radius: 0
}

.my_bluebox.fivesteps-Form .form-group select.form-control {
    font-size: 14px !important;
    padding-right: 32px !important
}

.my_bluebox.fivesteps-Form .form-group-commentbox label {
    font-weight: 400
}

.form-group.form-group-commentbox textarea {
    resize: none
}

.responsive tbody tr:hover {
    background: #deff93
}

.responsive tbody tr:nth-child(odd):hover {
    background: #deff93 !important
}

.questionBar .progress.center-block {
    width: 100% !important;
    height: 20px;
    border-radius: 5px;
    background: rgba(245, 246, 247, .9);
    box-shadow: none;
    margin-bottom: 40px
}

.questionBar .sv_qstn h5 {
    width: 100%;
    background: rgba(245, 246, 247, .9);
    border-radius: 7px;
    padding: 15px;
    color: #232a36;
    font-size: 24px;
    display: inline-block;
    text-align: left;
    margin-top: 0;
    vertical-align: middle;
    font-weight: 700;
    margin-bottom: 0
}

.questionBar #surveyElement .form-inline label span {
    display: inline-block;
    color: #232a36;
    font-size: 22px;
    margin: 0;
    vertical-align: middle;
    text-transform: capitalize
}

.questionBar .sv_qstn .radio {
    border-radius: 0 0 7px 7px;
    border-top: 0;
    font-size: 22px;
    margin: 0;
    vertical-align: middle;
    text-transform: capitalize
}

.questionBar .radio.active {
    background: var(--color-secondary-dark);
    border-radius: 7px 7px 0 0;
    margin-top: 0;
    color: var(--color-white-fixed)
}

.questionBar .radio input[type=radio] {
    width: 32px;
    height: 32px;
    margin-top: 0
}

.questionBar .main_div {
    border: 1px solid #bac0c7;
    border-radius: 7px
}

.questionBar .sv_qstn .radio:first-of-type {
    border-bottom: 1px solid #bac0c7
}

.questionBar #surveyElement h3 {
    font-size: 25px;
    color: #4caf50;
    padding: 0 19%;
    line-height: 30px;
    text-align: center
}

.questionBar div#surveyResult {
    text-align: center;
    color: #646c70;
    line-height: 26px;
    font-size: 16px
}

.survey-form {
    width: 35%;
    margin: 30px auto 0
}

body .agency-main-sec .survey-form input {
    width: 100%;
    color: #77779a !important;
    padding: 9px 15px !important;
    font-size: 16px !important;
    border: 1px solid #afafd6;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .05);
    resize: none;
    border-radius: 0;
    height: auto !important;
    margin-bottom: 10px
}

body .agency-main-sec .survey-form .submit_btn {
    width: auto;
    color: var(--color-white-fixed) !important;
    border: 0;
    display: block;
    margin-bottom: 0;
    margin-top: 2rem
}

.questionBar input.button.btn-lg {
    margin-bottom: 0;
    border: 0;
    line-height: normal;
    padding: 6px 15px !important;
    border-radius: 0;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    background: var(--color-primary);
    min-width: auto !important;
    height: auto !important
}

.redesign-survey .panel-body {
    padding: 15px 0
}

#redesign_questionaire_submit_success {
    text-align: center;
    font-size: 20px;
    color: #202020
}

.survey-form .error_span {
    position: relative;
    background: #000;
    color: var(--color-white-fixed) !important;
    top: 0;
    border-radius: 0
}

.questionBar .panel-footer {
    text-align: right;
    background-color: var(--color-white-fixed);
    border-top: 0;
    padding: 10px 0
}

.pkg-btn,
.questionBar input.button.btn-lg:hover {
    background: #242424
}

.seocompadding_right {
    padding-right: 30px !important
}

.searchengineBanner.seocompbanner {
    background: url(../images/seo-banner.webp) center top/cover no-repeat !important;
    padding-bottom: 0;
    padding-top: 80px;
    min-height: 523px
}

span.green_right {
    color: #54b600;
    font-size: 15px;
    height: 25px;
    width: 25px;
    text-align: center;
    padding-top: 3px;
    border-radius: 50%;
    border: 2px solid #54b600
}

span.question_sign,
span.red_cross {
    height: 25px;
    width: 25px;
    padding-top: 2px;
    text-align: center
}

span.red_cross {
    color: var(--color-primary) !important;
    font-size: 15px;
    border-radius: 50%;
    border: 2px solid var(--color-primary) !important
}

span.question_sign {
    font-size: 17px;
    border: 2px solid #585792;
    border-radius: 50%;
    color: #585792
}

.first_tab {
    width: 34%
}

.fifth_tab,
.fourth_tab,
.second_five,
.second_tab,
.third_tab {
    width: 16.5%
}

.headercommon-space {
    padding: 80px 0
}

.joomla-banner {
    padding: 80px 0 150px
}

.ios-smartapps a {
    color: #0775ea
}

.ios-app-banner .ios-loveapps {
    padding: 0;
    margin: -50px 0 0
}

.ios-app-banner .ios-loveapps span {
    margin-left: 0;
    text-transform: inherit;
    font-size: 82px !important
}

.ios-app-banner .ios-loveapps p {
    font-size: 24px;
    padding: 0;
    line-height: 28px
}

.ios-quote {
    font-size: 18px;
    color: #000;
    font-weight: 800;
    background: var(--color-white-fixed);
    padding: 19px 43px;
    border-radius: 40px
}

.ios-zindex {
    z-index: 13;
    position: relative
}

.iphonered-img {
    position: absolute;
    background: url(../images/iphone-img.png) center center no-repeat;
    content: "";
    width: 529px;
    height: 429px;
    right: 0;
    bottom: 0
}

.ios-essential {
    background: #ffd06a
}

.ios-essential .headiing_div {
    border-color: #ffde97 !important
}

.ios-quotebtn:after {
    top: 12px;
    right: 30px
}

.ios-quotebtn {
    letter-spacing: 1px;
    box-shadow: none !important;
    padding: 12px 65px 12px 28px !important;
    position: relative
}

.androidvocso-btn {
    position: absolute;
    right: -284px;
    top: 200px
}

.bxslider-portfolio-body .bxslider-iosapps-img {
    width: 238px;
    top: 54px;
    right: 437px
}

.bxslider-portfolio-body .bxslider-android-ios-apps-img {
    right: 155px;
    top: 69px
}

.ios-mobils-img {
    background: url(../images/mobile-white-black.png) 515px 0 no-repeat !important
}

.slash-vertical::before {
    content: "|";
    padding: 0 6px
}

.ios-app-dev {
    background-position: -743px -1812px
}

.drop-main-menu:hover .ios-app-dev {
    background-position: -743px -1853px
}

.freequote-logos {
    margin-top: 110px;
    margin-left: 30px
}

.freequote-logos li {
    margin: -1px 0 0 -5px;
    width: 48%;
    border: 1px solid #e4e4e4;
    min-height: 116px;
    text-align: center;
    padding-top: 31px
}

#succc_msg,
#succc_msg_exit {
    color: #4e5b67;
    font-size: 23px;
    padding-bottom: 0
}

.responsive-block h2 {
    position: relative;
    padding-bottom: 26px;
    margin-bottom: 23px
}

.freequote-logos li:last-child {
    width: 95.5%
}

.buildSuces-div h2 {
    margin-bottom: 26px
}

.rate1 {
    display: inline-block;
    margin-left: 35px;
    font-size: 14px
}

.glossary-banner h1 {
    margin: 0;
    line-height: 95px;
    font-weight: 800;
    color: #000;
    text-align: center;
    letter-spacing: 1px;
    font-size: 126px;
    text-transform: uppercase;
    padding: 0
}

.glossary-banner {
    background: 0 0/cover #fff;
    padding-top: 100px;
    text-align: center;
    padding-bottom: 30px
}

.searchglossry select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50px;
    background: var(--color-white-fixed);
    padding: 8px 116px 0 26px !important
}

ul.alphaberChart,
ul.numberingChart {
    padding: 13px;
    display: inline-block;
    margin: 0
}

.searchglossry select option::-ms-expand {
    background: var(--color-white-fixed);
    padding: 5px
}

.searchglossry .search-term::-webkit-input-placeholder {
    color: #000;
    font-size: 14px;
    text-transform: uppercase
}

.searchglossry .search-term::-moz-placeholder {
    color: #000;
    font-size: 14px;
    text-transform: uppercase
}

.searchglossry .search-term:-ms-input-placeholder {
    color: #000;
    font-size: 14px;
    text-transform: uppercase
}

.searchglossry .search-term:-moz-placeholder {
    color: #000;
    font-size: 14px;
    text-transform: uppercase
}

ul.alphaberChart {
    background: #ffc334;
    float: right !important
}

ul.alphaberChart li a,
ul.numberingChart li a {
    text-transform: uppercase;
    padding: 3px 7px 7px;
    font-size: 16px;
    margin-right: 0;
    display: inline-block;
    color: #000;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.letter-detailsdiv ul li a:hover,
.letter-detailsdiv ul li:hover {
    -webkit-transition: .5s;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s
}

.yellopart {
    float: left;
    background: #ffc334;
    width: 68%
}

.whitepart {
    float: left;
    width: 32%;
    background: var(--color-white-fixed)
}

.letterblock-glossary {
    text-align: left;
    position: relative;
    z-index: 0
}

.joomlabanner-btn:hover,
.shopping-btn:hover,
ul.alphaberChart li a.active,
ul.alphaberChart li a:hover,
ul.alphaberChart li.active,
ul.numberingChart li a:hover {
    background: var(--color-primary);
    color: var(--color-white-fixed)
}

.letter-detailsdiv ul li {
    color: #151010;
    font-size: 18px;
    display: inline-block;
    width: 30.8%;
    margin-right: 35px;
    position: relative;
    border-bottom: 1px solid #d4d4d4;
    text-transform: capitalize;
    margin-bottom: 0
}

.letter-detailsdiv ul li a {
    padding: 20px 15px;
    display: block;
    color: #5a5a5a;
    font-weight: 400
}

.letter-detailsdiv ul li a:hover {
    color: var(--color-primary);
    transition: .5s;
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.letter-detailsdiv ul li:hover {
    border-bottom: 1px solid var(--color-primary);
    transition: .5s
}

.letter-detailsdiv {
    background: #e6e6e6
}

.letter-detailsdiv h2 {
    text-align: center;
    background: url(../images/glossary-polygon-img.png) center center no-repeat;
    height: 69px;
    color: var(--color-white-fixed);
    text-transform: uppercase;
    line-height: 75px;
    margin: 0;
    font-size: 36px;
    position: relative
}

.letter-detailsdiv h2:hover {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.letter-detailsdiv ul {
    margin-top: 120px;
    padding: 0 60px;
    position: relative;
    margin-bottom: 0
}

.fixed-header {
    position: fixed;
    z-index: 999999;
    width: 100%;
    display: block;
    top: 0;
    -webkit-transition: .5s;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: .5s
}

.yellopart .nav-tabs>li.active>a,
.yellopart .nav-tabs>li.active>a:focus,
.yellopart .nav-tabs>li.active>a:hover {
    color: var(--color-white-fixed);
    cursor: default;
    background-color: var(--color-primary);
    border: none;
    border-bottom-color: inherit;
    border-radius: 0
}

.alphabet_details {
    position: relative;
    padding: 0 0 0 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #dde2e5
}

.alphabet_details p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 32px
}

.active {
    color: var(--color-secondary-dark);
}

.logoprice-btn {
    font-size: 48px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    padding: 44px 0;
    color: #242424;
    font-weight: 700;
    border-radius: 100%;
    width: 150px;
    height: 150px
}

.logohead_text {
    font-size: 20px;
    font-weight: 300;
    padding: 0 150px
}

.word-to-banner h1::after {
    position: absolute;
    width: 269px;
    height: 155px;
    content: "";
    background: url(../images/logoarrow23.png) center center no-repeat;
    right: 319px;
    top: 128px;
    zoom: 0.8
}

a.logopkg_btn {
    background: rgba(192, 37, 73, .8);
    padding: 12px 20px;
    font-size: 26px;
    margin: 20px 0;
    display: inline-block;
    color: var(--color-white-fixed);
    border-radius: 5px;
    transition: .3s linear
}

a.logopkg_btn:hover {
    background: rgba(0, 0, 0, .8);
    transition: .3s linear
}

.clear_button {
    border: none;
    background: 0 0;
    color: var(--color-white-fixed);
    position: relative;
    z-index: 99;
    padding-right: 20px
}

.alphabet_details h4 {
    display: inline-block !important;
    vertical-align: top;
    font-size: 36px !important;
    color: #3c4445 !important;
    font-weight: 500 !important;
    padding-bottom: 0 !important;
    text-transform: capitalize !important;
    width: 100%;
    margin: 0 0 25px !important;
    padding-top: 6px;
    font-style: inherit !important
}

.searchglossry .fa-times {
    position: absolute;
    right: 3px;
    top: 2px;
    color: var(--color-white-fixed)
}

.alphabet_details h1,
.alphabet_details h2,
.alphabet_details h3,
.alphabet_details h4,
.alphabet_details h5,
.alphabet_details h6 {
    font-size: 24px;
    color: #5d5c5c;
    font-weight: 700;
    padding-bottom: 5px;
    text-transform: capitalize;
    display: inline-block;
    margin-bottom: 12px;
    margin-top: 0
}

.subject-tags {
    margin-top: 50px;
    text-transform: capitalize;
    color: var(--color-primary);
    font-size: 16px !important;
    font-weight: 300 !important;
    margin-bottom: 108px !important
}

.subject-tags b {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    display: inline-block;
    vertical-align: top
}

.letter-detailsdiv .alphabet_details {
    padding-top: 15px
}

.logoprice-border {
    border: 4px dotted #242424;
    width: 160px;
    height: 160px;
    display: inline-block;
    border-radius: 50%;
    padding: 0;
    margin: 30px 0;
    transition: .3s linear;
    cursor: pointer
}

.alpha-disable a:hover {
    background: 0 0 !important;
    color: inherit !important
}

.right-sidebarblck h2 {
    color: #000;
    font-size: 24px;
    font-weight: 300;
    margin: 13px 0 25px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 23px
}

.right-sidebarblck ul li {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    margin-bottom: 14px
}

.fixed-header .searchblock-glossary {
    background: #00b7b9;
    padding: 0
}

.searchglossry .bootstrap-select .dropdown-toggle:hover {
    z-index: inherit
}

.searchglossry .dropdown-menu {
    left: 0;
    padding: 1px 0 18px !important;
    right: 0;
    margin: 0 auto !important;
    overflow: hidden;
    width: 89% !important;
    background: var(--color-white-fixed);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    animation: 1s forwards smoothScroll
}

.blackbck_bg {
    background: #000;
    color: var(--color-white-fixed);
    padding: 0 2px
}

.subject-tags span {
    display: inline-block;
    width: 88%
}

.searchglossry .bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important
}

.alpha-disable {
    opacity: .4
}

.alpha-enable,
.ellepise_quote1,
.ellepise_quote2 {
    opacity: 1
}

.orgBgBlk.blogright_section {
    padding: 34px 15px 15px;
    position: relative;
    margin-right: 0;
    width: 100%;
    color: var(--color-white-fixed);
    text-align: center;
    height: 100%
}

.orgBgBlk.blogright_section .blog-nwsletter {
    width: 90%;
    float: left;
    height: 40px;
    border: 1px solid #c43a0f !important;
    padding: 8px;
    background: var(--color-white-fixed);
    border-radius: 0;
    font-size: 14px;
    box-shadow: inset 0 -4px 0 #ad4120;
    color: #000
}

.orgBgBlk.blogright_section .error_span {
    position: absolute;
    bottom: 60px;
    top: inherit
}

.equalpadd-glossary .whitepart,
.fixed-header .equalpadd-glossary .yellopart {
    padding: 6px
}

.academydiv-whitepaper {
    background: #fcfcfc;
    padding: 80px 0
}

.academy-top-whitepprs p {
    display: block;
    color: #c2c7d2;
    text-align: center;
    padding: 0;
    margin-top: 46px;
    line-height: 38px
}

.download-inner-block {
    width: 350px;
    display: inline-block;
    -webkit-box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, .24);
    -moz-box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, .24);
    box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, .24);
    margin-left: 54px;
    vertical-align: top
}

.download-inner-bottom {
    padding: 24px 24px 0;
    text-align: center;
    background: var(--color-white-fixed);
    display: inline-block
}

.download-inner-bottom p {
    font-size: 23px;
    font-weight: 500;
    color: var(--color-text);
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 21px;
    line-height: 26px;
    min-height: 126px
}

.whteppr_dwld-btn {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    position: relative;
    background: var(--color-white-fixed);
    padding: 24px 24px 23px;
    display: block;
    text-align: center
}

.captcha_error,
.filetypes {
    text-transform: capitalize
}

.whteppr_dwld-btn::after {
    background: url(../images/whiteppr-download-icon.png);
    width: 18px;
    height: 24px;
    content: "";
    position: absolute;
    top: 22px;
    margin-left: 13px
}

.download-inner-block:hover .whteppr_dwld-btn {
    background: var(--color-secondary-dark);
    color: var(--color-white-fixed);
    transition: .3s
}

.download-inner-block:hover .download-inner-bottom p {
    border-bottom: 1px solid transparent
}

.download-inner-block:hover .whteppr_dwld-btn::after {
    background: url(../images/whiteppr-downloadwhite-icon.png)
}

.glossary_sec a {
    width: 100%;
    font-size: 18px;
    padding: 20px 15px;
    display: block;
    color: #5a5a5a;
    font-weight: 400;
    border-bottom: 1px solid #d4d4d4;
    text-align: left
}

.glossary_sec {
    margin-bottom: 50px
}

.glossary_sec a:hover {
    color: var(--color-primary);
    transition: .3s;
    border-bottom: 1px solid var(--color-primary);
}

.website_mnt_pkg {
    height: 970px !important
}

.form-whitebg {
    background: var(--color-white-fixed);
    padding: 71px 83px;
    border-radius: 5px;
    z-index: 1;
    -webkit-box-shadow: 5px 15px 70px 0 rgba(0, 0, 0, .23);
    -moz-box-shadow: 5px 15px 70px 0 rgba(0, 0, 0, .23);
    box-shadow: 5px 15px 70px 0 rgba(0, 0, 0, .23);
    min-height: 792px
}

.form-whitebg h2 {
    font-size: 48px;
    font-weight: 500;
    color: #2a2f42;
    margin: 0 0 15px
}

.form-whitebg p {
    font-size: 19px;
    font-weight: 400;
    color: #9f9f9f;
    margin: 0 0 40px
}

.form-right-sec .form-group .form-control {
    width: 100%;
    color: #000;
    padding: 9px 0;
    font-size: 20px !important;
    border-bottom: 2px solid #39375c;
    box-shadow: none;
    resize: none;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    font-weight: 300;
    touch-action: manipulation;
    transition: .2s;
    z-index: 1;
    background: 0 0;
    border-radius: 0
}

.form-right-sec .form-group label {
    color: #7e7f90;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    cursor: text;
    max-width: 66.66%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: left -10px;
    transform: translate(0, 2.125rem) scale(1.5);
    margin-bottom: 0;
    transition: .2s
}

.cntct-btn:hover::after {
    right: 65px;
    transition: .3s linear
}

.cntct-btn::after {
    background: url(../images/tosmall-icon.png) center center no-repeat;
    position: absolute;
    width: 16px;
    height: 10px;
    content: "";
    right: 70px;
    top: 21px;
    transition: .3s linear
}

.form-left-sec {
    background: #eeeef2;
    text-align: center;
    margin: 0 0 0 -3px;
    border-radius: 0 5px 5px 0;
    -webkit-box-shadow: 5px 15px 70px 0 rgba(0, 0, 0, .23);
    -moz-box-shadow: 5px 15px 70px 0 rgba(0, 0, 0, .23);
    box-shadow: 5px 15px 70px 0 rgba(0, 0, 0, .23)
}

.form-left-sec ul {
    padding: 263px 0 70px;
    margin: 0
}

.isoCertified-img {
    background: url(../images/iso-certified-round-logo.webp) no-repeat;
    position: absolute;
    content: "";
    width: 178px;
    height: 178px;
    z-index: 2;
    right: -141px;
    top: 50px
}

.raqbox_new .form-group.form-group-text textarea {
    resize: none !important;
    padding: 0 !important
}

.email-heading {
    text-align: center !important;
    margin-bottom: 47px
}

.email-boxes,
.left_part h3,
.textcopy {
    text-align: center
}

.email-boxes:hover {
    border: 2px solid var(--color-secondary-dark) !important;
    transition: .3s
}

.email-heading h2 {
    font-size: 82px;
    color: var(--color-secondary-dark);
    margin: 0 0 -4px
}

.email-heading span {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 48px;
    color: #2a2f42
}

.email-boxes {
    border: 2px solid #ebe8e5;
    min-height: 190px;
    padding: 27px;
    margin-bottom: 2.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
}

.email-boxes h2 {
    color: #3d3232;
    text-transform: uppercase;
    font-size: 19px !important;
    margin: 0;
    font-weight: 500
}

.email-boxes a {
    font-size: 15px;
    color: #262626;
    font-weight: 300
}

.ellepise_one {
    position: absolute;
    content: "";
    background: url(../images/ellepse-contact.png);
    width: 346px;
    height: 385px;
    top: 0
}

.ellepise_two {
    position: absolute;
    content: "";
    background: url(../images/ellepise-double-contact.png);
    width: 199px;
    height: 199px;
    top: 316px;
    left: 260px
}

.form-whitebg .raqbox_new .form-group span.error_span {
    top: inherit;
    bottom: -20px;
    width: 80%;
    position: absolute;
    background: 0 0;
    color: red !important;
    left: 6px;
    text-transform: uppercase;
    border-bottom: none !important;
    border-radius: 0 !important;
    font-size: 11px !important
}

.ebooksWhitepprs {
    background-position: -847px -1811px
}

.drop-main-menu:hover .ebooksWhitepprs {
    background-position: -847px -1852px
}

.glos-menu-main {
    background-position: -809px -1810px
}

.drop-main-menu:hover .glos-menu-main {
    background-position: -809px -1851px
}

.rfq-banner h2 {
    text-transform: inherit
}

.ecommBuisnes h1,
.ecommBuisnes h2,
.floatdiv-main ul li a,
.isotext-bg-sec .red-text,
.magento-Ecomrce-left h1,
.rfq-banner h1 {
    text-transform: uppercase
}

.newbtn-small-noarow,
.redbtn-small-noarow {
    background: #000;
    padding: 15px 25px 14px 22px
}

.rfq-banner p {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-white-fixed);
    margin: 8px 0 0;
    display: inline-block
}

.rfqd-form {
    margin-top: -14.6em
}

.left_part h3 {
    font-size: 25px;
    color: #2a2f42;
    font-weight: 500;
    margin: 20px 0 4px
}

.form-whitebg .clickselect-rfq {
    font-size: 16px;
    font-weight: 400;
    color: #9f9f9f;
    margin: 0 0 30px !important
}

.rfq-botomform-margin {
    margin-bottom: 10px !important;
    margin-top: 20px
}

.rmwidget.widget-picture img {
    opacity: .7;
    width: 100%;
    height: 100%
}

.congo-rfq {
    position: relative;
    z-index: 999
}

.rfqd-form .req_input .error .error_span {
    background: 0 0 !important;
    color: red !important;
    top: -20px;
    padding: 0;
    font-size: 10px !important;
    text-transform: uppercase;
    position: relative
}

.audit-middle-section .form-Input:focus+label,
.audit-middle-section .form-Input:not(:placeholder-shown)+label,
.form-control:focus+label,
.form-right-sec .form-group .form-control:not(:placeholder-shown)+label {
    transform: translate(0, 0) scale(1.3);
    cursor: pointer
}

.form-right-sec .form-group .form-control::-webkit-input-placeholder {
    opacity: 0;
    transition: inherit
}

.form-right-sec .form-group .form-control::-moz-placeholder {
    opacity: 0;
    transition: inherit
}

.form-right-sec .form-group .form-control:focus::-webkit-input-placeholder {
    opacity: 1
}

.form-right-sec .form-group .form-control:focus::-moz-placeholder {
    opacity: 1
}

.filetypes {
    font-size: 12px;
    color: #9f9f9f;
    margin-bottom: 30px;
    display: inline-block
}

.cover {
    display: flex;
    flex-flow: column-reverse
}

.payment-popup {
    z-index: 999999
}

#paymentEnquiryForm,
.floatdiv-main {
    z-index: 99999999
}

.raq_top_part textarea::-webkit-scrollbar {
    display: none
}

.raqbox_new .form-group.form-group-text textarea::-webkit-scrollbar {
    display: none
}

.form-left-sec ul li:nth-child(4) {
    margin-bottom: 35px
}

.form-left-sec ul li:nth-child(5) {
    margin-bottom: 32px
}

.payment-newPopup .paymentform-bottom {
    margin-bottom: 15px !important;
    margin-top: 15px
}

.rfqd-form .form-right-sec .form-group .error_span {
    border-bottom: 2px solid red !important;
    position: relative
}

.form-right-sec .form-group .valid,
.rfqd-form .form-right-sec .form-group .valid {
    border-bottom: 2px solid var(--color-secondary-dark) !important
}

.logo-main-left .logoheader-pad {
    padding: 18px 0 0 !important
}

.submit_btn::after {
    right: 70px
}

.submit_btn:hover::after {
    right: 60px
}

.captcha_error {
    color: red;
    margin-top: 7px
}

.floatdiv-main ul li img {
    float: right;
    display: inline-block;
    padding: 18px 14px;
    cursor: pointer
}

.floatdiv-main {
    margin-top: 120px;
    position: fixed;
    right: 18px
}

.floatdiv-main ul li a,
.textcopy p {
    position: relative
}

.floatdiv-main ul {
    right: 0;
    left: 0;
    text-align: right;
    padding: 0
}

.floatdiv-main ul li {
    overflow: hidden;
    background: #58cdcd;
    list-style: none;
    white-space: nowrap;
    border-radius: 100px;
    margin: 5px 0;
    display: inline-block;
    transform: translatey(0);
    animation: 6s ease-in-out infinite float
}

.floatdiv-main ul li a span {
    display: block;
    padding: 0 18px 0 40px;
    line-height: 60px
}

.floatdiv-main ul li a {
    font-size: 18px;
    font-weight: 500;
    color: var(--color-white-fixed);
    background: #58cdcd;
    vertical-align: middle;
    opacity: 0;
    max-width: 0;
    display: inline-block;
    text-decoration: none;
    transition: max-width 1s ease-out .1s, opacity 1s ease-out .1s, color
}

.floatdiv-main ul li:hover {
    animation-play-state: paused
}

.floatdiv-main ul li:hover a span:after,
.stopfade {
    opacity: .5
}

.floatdiv-main ul li:hover a {
    opacity: 1;
    max-width: 220px;
    transition: max-width 1s ease-out .1s, opacity 1s ease-out .1s, color .2s
}

.floatdiv-main ul li a span:after {
    position: absolute;
    right: 0;
    opacity: 0;
    content: "";
    border-right: 1px solid var(--color-white-fixed);
    height: 23px;
    top: 19px
}

.speatExprt {
    font-size: 15px;
    margin-top: 23px !important
}

.greyarrow::after {
    top: 17px;
    right: 25px
}

.greyarrow:hover::after {
    right: 15px
}

.explore-btn::after {
    top: 20px !important;
    right: 30px
}

.bot_banner_div .req_btn:hover::after,
.company-botDiv .transBtnB:hover::after,
.explore-btn:hover::after,
.iso-button-sec .arrowrgt:hover::after,
.light-yellow.yellow-btn-sec .newbtn:hover::after,
.package_speakdiv-new .transBtnB:hover::after {
    right: 20px
}

.schedule-package-new .arrowrgt::after {
    top: 33px !important
}

.checkPack:hover::after,
.checkPlans:hover::after {
    right: 40px
}

.hybrid-formbtn::after {
    right: 63px;
    top: 16px
}

.hybrid-formbtn:hover::after {
    right: 53px
}

.transbtn-new {
    padding: 13px 80px 12px 40px
}

.transBtn::after,
.transBtnB::after {
    right: 53px;
    top: 22px
}

.transBtn:hover::after,
.transBtnB:hover::after {
    background: url(../images/tosmall-icon-youtube.png) no-repeat;
    right: 43px
}

.seoBtn::after {
    right: 25px;
    top: 21px
}

.seoaffdle::after {
    top: 42px;
    right: 34px
}

.android-services-box .thumbnail h3::after,
.bitcoinpop-btn::after,
.book-meet .ecommBuisnes p::after,
.d-none-desktop,
.darkmode .affored-package:before,
.darkmode .countless-reason:after,
.darkmode .design-agency-sec:before,
.darkmode .iso-quality-sec:before,
.darkmode .psd-quality-sec:before,
.darkmode .source-development-sec:before,
.darkmode .vocso-other-package:before,
.darkmode .web-platform-sec:before,
.darkmode .websiteRedesign-sec:before,
.darkmode .white-snow-shadow,
.darkmode .word-benefits-sec:after,
.dwnld-arrow::after,
.hireangular-main::before,
.logo_supportnone .web-logo-curle img,
.menu-link,
.nodejs-devloper h2,
.res-services-company h2::after {
    display: none
}

.payment-popup .timerpayment_bit {
    background: #ababab
}

.form-right-sec .form-group .error_span {
    border-bottom: 2px solid red !important
}

.dwnld-arrow:hover::after {
    background: url(../images/tosmall-icon.png) no-repeat !important;
    right: 63px
}

.schedule-stepbtn .arrowrgt::after {
    right: 38px;
    background: url(../images/tosmall-icon-youtube.png) no-repeat;
    top: 34px
}

.schedule-stepbtn .arrowrgt:hover::after {
    right: 28px;
    background: url(../images/tosmall-icon.png) no-repeat
}

.package_speakdiv-new .transBtnB {
    margin-top: 0;
    padding: 10px 55px 10px 20px
}

.bot_banner_div .req_btn::after,
.company-botDiv .transBtnB::after,
.light-yellow.yellow-btn-sec .newbtn:after,
.package_speakdiv-new .transBtnB::after {
    right: 30px
}

.iso-questinbtn {
    padding: 18px 35px
}

.iso-button-sec .arrowrgt::after {
    right: 30px;
    top: 19px
}

.see_portd::after {
    top: 17px;
    right: 14px
}

.see_portd:hover::after {
    right: 4px
}

.bot_banner_div .req_btn::after {
    top: 21px;
    right: 34px
}

.categroy-arrowdown::after {
    background: url(../images/tosmall-icon-red-down.png) no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    width: 16px;
    height: 16px;
    content: "";
    margin: 0 auto
}

.portfolio_left .transBtn::after {
    right: 12px;
    top: 17px
}

.portfolio_left .transBtn:hover::after {
    right: 2px
}

.discussorange-bar-sec a {
    padding: 22px 51px 22px 50px
}

.hybrid-form .cover .error_span {
    border-radius: 0 !important
}

.androidIos-newlanding {
    right: 0;
    top: 244px;
    transform: rotate(90deg);
    position: absolute;
    left: inherit
}

.ios-app-banner_landing {
    min-height: 920px
}

.android-banner>.newbtn {
    margin: 40px 0 0
}

header.mobie-app-banner-landing {
    padding-bottom: 50px
}

.mobile_portfolio .phone-innerimg video {
    width: 269px !important;
    height: 473px !important
}

.android_portfolio .phone-innerimg video {
    width: 276px !important;
    height: 494px !important
}

.pkg-btn:after,
.subscribe-right::after {
    top: 19px
}

.manage-afterarrow::after {
    top: 21px
}

.cwdd-btn::after {
    right: 48px
}

.cwdd-btn:hover::after {
    right: 34px !important
}

path.left-red {
    fill: #e02048;
    stroke: #e02048;
    stroke-width: 5
}

path.left-blue {
    fill: #00cccd;
    stroke: #00cccd;
    stroke-width: 5
}

path.left-bottomred {
    fill: #c91d42;
    stroke: #c91d42;
    stroke-width: 5;
    animation: 3s ease-in-out my_animation
}

path.left-bottomblue {
    fill: #00b7b8;
    stroke: #00b7b8;
    stroke-width: 5;
    animation: 3s ease-in-out my_animation
}

@keyframes my_animation {
    0% {
        fill: none;
        stroke-dashoffset: 876;
        opacity: 0
    }

    30% {
        fill: none;
        stroke-dashoffset: 876;
        opacity: 10
    }

    90% {
        fill: none;
        stroke-dashoffset: 0
    }

    100% {
        fill: none;
        opacity: 10
    }
}

path.avantha {
    fill: #a4261a;
    stroke-dasharray: 1800;
    opacity: 10;
    animation: 5s ease-in-out my_animation-2
}

@keyframes my_animation-2 {
    0% {
        fill: none;
        stroke-dashoffset: 1800;
        opacity: 0
    }

    30% {
        fill: none;
        stroke-dashoffset: 1800;
        opacity: 10
    }

    90% {
        fill: none;
        stroke-dashoffset: 0
    }

    100% {
        fill: none;
        opacity: 10
    }
}

.avantha-in-circle {
    fill: #ebebeb !important;
    stroke: #a4261a;
    stroke-width: 5
}

.avantha-out-circle {
    stroke: #a4261a;
    stroke-width: 5
}

.logo-main-right .bx-wrapper {
    margin: 0 92px !important
}

.logo-design-banner {
    background: #ebebeb;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 141px 0 87px
}

.author_box,
.logo-request-btn {
    background: var(--color-white-fixed);
    display: inline-block
}

.logovideo {
    position: absolute;
    width: 100%;
    height: 580px;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: -1
}

video {
    top: 0;
    left: 0;
    min-width: 100%;
    width: auto
}

.header-banner {
    padding: 81px 0 0 !important
}

.header-banner .have-color {
    color: var(--color-primary) !important;
    font-size: 100px !important
}

.header-banner .header-text {
    color: #000 !important;
    font-size: 80px !important;
    line-height: 75px;
    margin-top: 26px;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: right
}

.header-banner span {
    text-transform: none !important;
    z-index: 1;
    position: relative
}

.logo-request-btn {
    color: #000;
    font-weight: 700;
    font-size: 18px;
    padding: 18px 61px 17px 50px;
    border-radius: 50px;
    margin-top: 32px
}

.logo-main-left {
    width: 52%;
    display: inline-block;
    text-align: right;
    position: relative;
    vertical-align: top;
    z-index: 1
}

.logo-main-right {
    width: 47%;
    display: inline-block
}

.logo-design-banner h1.header-text {
    color: #2f3446 !important;
    font-size: 63px !important;
    line-height: 57px;
    margin-top: 17px;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    text-align: right
}

.logo-request-btn:hover {
    background: #000;
    color: var(--color-white-fixed);
    transition: .3s linear
}

.author_box {
    margin-top: 50px;
    padding: 37px 42px;
    width: 100%;
    -webkit-box-shadow: 0 9px 26px 0 rgba(90, 90, 90, .3);
    -moz-box-shadow: 0 9px 26px 0 rgba(90, 90, 90, .3);
    box-shadow: 0 9px 26px 0 rgba(90, 90, 90, .3)
}

.author_box .author_photo {
    width: 104px;
    height: 104px;
    margin: 0 25px 20px 0 !important;
    float: left;
    border: 1px solid #ddd;
    border-radius: 100% !important;
    background: #ccc
}

.author_box .author_photo img {
    width: 104px;
    height: 104px;
    border-radius: 100%
}

.author_box strong {
    font-size: 20px;
    float: left;
    padding-bottom: 10px
}

.logo-designicon {
    background-position: -777px -1812px
}

.drop-main-menu:hover .logo-designicon {
    background-position: -777px -1851px
}

.addthis_tool path,
.darkmode .faqs .panel-group .panel-heading a svg {
    fill: var(--color-white-fixed)
}

.budget-friendlyblk .logo-pricetable-new .list-group {
    min-height: 605px
}

.jobshead-bg {
    background: #ebe7e4
}

.play-button-eccommerce {
    top: 100px
}

ul.about-company {
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    text-align: center
}

.about-company figure {
    width: 100%;
    height: 350px;
    background: #f5f5f5;
    border-radius: 4px 4px 0 0;
    text-align: center;
    margin: 0
}

.bottomprofile-details {
    display: inline-block;
    background: #58cdcd;
    width: 100%;
    color: var(--color-white-fixed);
    padding: 16px 0;
    text-align: center;
    border-radius: 0 0 4px 4px
}

.about-company {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px
}

.about-company figure img {
    width: 100%;
    border-radius: 4px 4px 0 0;
    display: inline-block
}

.about-company .col-md-3:hover,
.manageblueboxs:hover {
    transform: translateY(-5px);
    transition: .3s linear
}

.bottomprofile-details h5 {
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 8px
}

.darkmode .seo-planspackargenew-banner-block {
    background-size: cover !important;
    background: url(../images/seo-plannewbanner-bg.png) center center no-repeat #000
}

.seo-planspackargenew-banner-block {
    background: url(../images/seo-plannewbanner-bg.png) center center/cover no-repeat #232b40;
    width: 100%;
    display: inline-block;
    position: relative;
    min-height: 600px
}

.seo-plan-bannerright-man-image {
    position: absolute;
    right: 0;
    content: "";
    zoom: 0.755;
    bottom: 0
}

.seo-planspackargenew-leftcontent h1 {
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 38px
}

.seo-planbanner-testimonial-block h6,
.seo-planbanner-testimonial-block p {
    font-size: 16px;
    font-weight: 500;
    position: relative
}

.seo-planbanner-testimonial-block p {
    font-size: 18px;
    margin: 0;
    line-height: 22px;
    max-width: 500px
}

.seo-planbanner-testimonial-block span {
    margin-bottom: 10px;
    display: inline-block
}

.seo-planbanner-testimonial-block h6 {
    margin: 22px 0 0
}

ul.seo-plannew-details {
    padding: 0;
    color: var(--color-white-fixed);
    margin: 0;
    position: absolute;
    bottom: 0
}

sub.quotation-icon-first {
    position: absolute;
    left: -38px;
    top: 0;
    content: ""
}

sub.quotation-icon-last {
    position: absolute;
    transform: rotate(180deg);
    right: -3px
}

ul.seo-plannew-details li figure {
    display: inline-block;
    zoom: 0.7;
    vertical-align: top
}

ul.seo-plannew-details li span {
    font-size: 50px;
    font-weight: 700;
    display: block;
    line-height: 48px;
    text-transform: uppercase
}

ul.seo-plannew-details li h6 {
    display: inline-block;
    margin: 0;
    font-size: 15px;
    font-weight: 500
}

ul.seo-plannew-details li:hover h6 {
    overflow: visible;
    transition: .5s linear 0
}

ul.seo-plannew-details li:hover {
    background: #58cdcd;
    transition: .5s linear 0;
    height: 162px
}

ul.seo-plannew-details li:hover .ourPlanBannerBox {
    overflow: visible;
    height: 133px;
    transition: .5s linear 0
}

.congo-rfq .congratulations_div {
    top: -240px;
    right: 15%
}

.#abap_box .author_photo img {
    width: 100px;
    height: 100px;
    border-radius: 100% !important
}

#abap_box .author_photo {
    width: 260px !important;
    height: 260px !important;
    border: 0 !important
}

#abap_box p {
    line-height: 25px !important;
    font-weight: 300;
    margin: 5px 0 0;
    color: #000
}

#abap_box strong {
    font-size: 21px;
    display: block;
    padding-bottom: 10px;
    width: 100%;
    text-transform: uppercase
}

#abap_box h3,
.android-icon-block,
.audit-report,
.imagineall-right ul li span,
.manageblueboxs,
.manageboxtext,
.managedcheckPack-btn,
.onlypriceleft,
.respdevelop {
    display: inline-block
}

#abap_box strong a {
    color: #000;
    text-decoration: none
}

#abap_box h3 {
    font-size: 40px;
    margin: 20px 0 0;
    font-weight: 400;
    color: #000
}

.audit-report {
    background-color: #2a2f42;
    position: relative;
    padding: 80px 70px;
    width: 100%
}

.website-audit-image {
    position: absolute;
    background-image: url(../images/website-report-image.webp);
    background-repeat: no-repeat;
    top: 170px;
    right: 0;
    bottom: 0;
    background-position: right bottom;
    width: 428px;
    zoom: 0.8
}

.audit-left-section {
    float: left;
    width: 42%
}

.audit-left-section h3 {
    color: var(--color-white-fixed);
    font-size: 74px;
    margin: 0;
    font-weight: 500
}

.companyBanner .build_top,
.intro-main h2,
.whychoose-onlinepartner h4 {
    font-family: "Have Heart One" !important
}

.audit-left-section h2 {
    font-size: 64px;
    color: var(--color-white-fixed);
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 60px
}

.audit-left-section p {
    font-size: 24px;
    color: var(--color-white-fixed);
    margin: 15px 0 10px;
    font-weight: 500;
    padding-right: 20px
}

.audit-middle-section {
    width: 32%;
    float: left;
    margin: 0 0 0 50px
}

.audit-middle-section .formLabel {
    display: inline-block;
    width: 100%;
    position: relative
}

.audit-middle-section .form-Input {
    width: 100%;
    color: #b7b4b4;
    padding: 9px 0;
    font-size: 20px !important;
    border-bottom: 2px solid #555968;
    box-shadow: none;
    resize: none;
    height: auto;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    font-weight: 300;
    touch-action: manipulation;
    transition: .2s;
    z-index: 1;
    background: 0 0;
    border-radius: 0;
    margin: 10px 0;
    position: relative;
    top: 0
}

.audit-middle-section .blog-formLabel {
    color: rgba(255, 255, 255, .55);
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: text;
    max-width: 66.66%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: 0 0;
    transform: translate(0, 2.125rem) scale(1.5);
    margin-bottom: 0;
    transition: .2s
}

.audit-middle-section .form-Input::-webkit-input-placeholder {
    color: #b7b4b4
}

.audit-middle-section .form-Input:focus::-webkit-input-placeholder {
    color: #b7b4b4
}

.audit-middle-section .form-Input::-moz-placeholder {
    color: #b7b4b4
}

.audit-middle-section .form-Input:focus::-moz-placeholder {
    color: #b7b4b4
}

.audit-middle-section .form-Input::-ms-input-placeholder {
    color: #b7b4b4
}

.audit-middle-section .form-Input:focus::-ms-input-placeholder {
    color: #b7b4b4
}

.blog-formbtn:hover::after {
    right: 80px
}

.blog-formbtn::after {
    background: url(../images/tosmall-icon.png) center center no-repeat;
    position: absolute;
    width: 16px;
    height: 10px;
    content: "";
    right: 90px;
    top: 21px;
    transition: .3s linear
}

.blog-formbtn:hover {
    background: #000;
    transition: .3s linear
}

.audit-middle-section .formLabel label.error_span {
    top: inherit;
    border-radius: 0;
    bottom: 0;
    margin-bottom: 0
}

.audit-report-padding {
    padding: 80px 0 !important;
    margin-bottom: -6px
}

.errorCont {
    margin-top: 70px
}

.errorCont h1 {
    color: var(--color-text);
    font-size: 9rem;
    text-transform: uppercase;
    font-weight: 700
}

.errorCont h2 {
    font-size: 3rem;
    font-style: italic
}

.errorCont p {
    color: #6d6d6d;
    font-size: 2rem;
    margin: 20px
}

.errorCont p .redbtn {
    line-height: .8
}

.manageblueboxs {
    background: #2e4bce;
    color: var(--color-white-fixed);
    padding: 53px 18px;
    border-radius: 6px;
    width: 32%;
    margin-right: 20px;
    margin-bottom: 20px;
    transition: .3s linear;
    vertical-align: top
}

.manageboxtext {
    vertical-align: top;
    max-width: 78%
}

.manageboxtext h2,
.manageboxtext h3 {
    color: var(--color-white-fixed);
    margin: 0 0 7px;
    font-weight: 500;
    font-size: 24px
}

.manageblueboxs:last-child {
    margin-right: 0;
    margin-bottom: 0
}

.imagineall-mainblock {
    background: #181818;
    color: var(--color-white-fixed);
}

.imagineall-right p {
    font-size: 26px;
    font-weight: 400;
    padding-right: 120px;
    border-bottom: 2px solid #565656;
    margin-bottom: 34px;
    padding-bottom: 30px
}

.imagineall-right ul li span del small {
    font-size: 14px;
    font-weight: 400
}

.imagineall-right ul li {
    background: url(../images/bluetick.jpg) no-repeat;
    display: block;
    padding-left: 38px;
    padding-bottom: 20px;
    font-weight: 400;
    font-size: 20px
}

.onlypriceleft small {
    font-size: 14px;
    display: block;
    font-weight: 500
}

.imagineall-right ul li span {
    width: 200px;
    vertical-align: top;
    float: right
}

.chekpkg-block {
    margin-top: 64px
}

.onlypriceleft {
    font-size: 28px;
    font-weight: 600;
    vertical-align: middle
}

.managedcheckPack-btn {
    background: #2e4bce;
    color: var(--color-white-fixed);
    padding: 17px 54px;
    font-size: 16px;
    border-radius: 5px;
    margin-left: 45px !important;
    font-weight: 500;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    transition: .3s linear
}

.managedwebsite-right-block p {
    margin-bottom: 35px;
    font-weight: 400;
    font-size: 18px;
    color: #1e1d28;
    line-height: 28px
}

.whyandroid-leftblock h2,
.whyandroid-leftblock h3 {
    letter-spacing: 0;
    line-height: 67px;
    text-transform: capitalize
}

.managedcheckPack-btn:hover {
    background: var(--color-primary);
    transition: .3s linear;
    color: var(--color-white-fixed);
}

.respdevelop {
    margin-top: -224px !important;
    position: relative;
    top: -160px;
    margin-right: 0;
    float: none !important
}

.android-icon-block {
    background: url(../images/android-logo.webp);
    width: 480px;
    height: 270px;
    position: absolute;
    bottom: -150px;
    right: 64px
}

.android-secondblock {
    background: #212121;
    position: relative;
    padding-bottom: 300px
}

.android-services-box .thumbnail {
    box-shadow: 0 6px 50px 0 rgba(0, 0, 0, .09);
    border: none;
    border-radius: 8px;
    text-align: left;
    padding: 50px !important;
    min-height: 316px;
    transition: .3s;
    overflow: hidden
}

.android-services-box .col-xs-12 {
    margin-bottom: 15px
}

.android-services-box .thumbnail h3 {
    font-weight: 400;
    padding: 0;
    position: relative;
    margin: 0;
    color: var(--color-text);
    font-size: 24px;
    min-height: 120px;
    line-height: 30px
}

.android-mainBanner p {
    padding-right: 250px;
    margin-bottom: 0
}

.android-secondblock .imagineall-left p {
    font-size: 48px !important;
    font-weight: 500 !important;
    line-height: 52px !important;
    padding-right: 110px !important
}

.stopDestination-block p:last-child {
    border-bottom: 1px solid #292929;
    padding-bottom: 50px
}

.androidMarketServe,
.marketWeserve-block,
.whyandroid-app {
    background: #f2f2f2
}

.whyandroid-leftblock h2 {
    font-size: 55px;
    color: #1e1d28 !important;
    font-weight: 600;
    padding-right: 30px;
    margin: 0 0 65px
}

.whyandroid-whitebox {
    padding: 91px;
    background: var(--color-white-fixed);
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .03);
    border-radius: 8px;
    min-height: 690px
}

.tecnology-slack-block .whyandroid-leftblock h2 {
    margin: 0 0 30px
}

.tecnology-slack-block .technology-icons {
    margin-bottom: 80px;
    text-align: center
}

.success-android-appsblock .suces-android-blackbox h4 {
    font-size: 32px !important;
    font-weight: 400 !important;
    margin: 45px 0 25px;
    color: var(--color-white-fixed) !important
}

.popular-appblockgreen {
    background: #00e281
}

.popular-appblockgreen .perfect-icons-block,
.popular-appblockorange .perfect-icons-block {
    text-align: right;
    width: 80px;
    float: right;
    height: 80px
}

.popular-appblockgreen .whyandroid-leftblock h2 {
    margin: 0 0 60px
}

.android-services-box .thumbnail:hover {
    -webkit-box-shadow: 0 18px 87px -16px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 18px 87px -16px rgba(0, 0, 0, .75);
    box-shadow: 0 0 16px 0 rgba(197, 197, 197, .75);
    transform: translateY(-5px)
}

.popular-appblockgreen .android-services-box .thumbnail h3 {
    font-weight: 500;
    color: #3d3d3d;
    font-size: 22px
}

.popular-appblockgreen .android-services-box .thumbnail {
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .03);
    text-align: left
}

.wrap {
    display: flex;
    flex-direction: column;
    width: 100%
}

.main {
    flex: 1 0 auto;
    padding-top: 50px
}

.tabs {
    --df-width: 1570px;
    --transition: 0.35s cubic-bezier(0, 0, 0.2, 1);
    max-width: var(--df-width);
    margin: auto auto 0;
    overflow: hidden
}

.tabs__bar {
    position: relative;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    max-width: 1170px;
    margin: 0 auto
}

.tabs__line {
    position: absolute;
    bottom: 0;
    height: 3px;
    background-color: #00e281;
    transition: all var(--transition)
}

.tabs__controls {
    flex: 1;
    padding: 20px 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 400;
    color: var(--color-white-fixed);
    font-size: 18px
}

.tabs__controls:hover {
    background-color: rgba(0, 0, 0, .03)
}

.tabs__controls:active {
    user-select: none
}

.tabs__content {
    position: relative;
    width: calc(var(--df-width) * 5);
    overflow: hidden;
    background-color: #212121;
    transition: transform var(--transition), height .3s ease
}

.tabs__section {
    padding: 0;
    float: left;
    width: var(--df-width);
    background: #212121;
    color: var(--color-white-fixed)
}

.ourandroid-app {
    background: #212121;
    text-align: center;
    margin: 0 auto;
    border-top: 0
}

.ourandroid-app .managedmain-text h2 {
    color: #00e281;
    text-align: center;
    margin: 0 auto;
    max-width: 900px;
    text-transform: capitalize
}

.oueandroid-left {
    text-align: left;
    padding-top: 80px
}

.ourandroid-app .oueandroid-left h4,
.ourios-app .oueandroid-left h4 {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 40px;
    color: var(--color-white-fixed) !important
}

.angularSlider-content ul li img,
.success-android-appsblock .owl-carousel .owl-item img {
    width: auto
}

.oueandroid-left .imagineall-right ul li {
    background: url(../images/android-app-features-white-check-mark-icon.png) no-repeat
}

.ios-icon-block {
    background: url(../images/ios-apple-logo.webp);
    width: 420px;
    height: 512px;
    position: absolute;
    bottom: -152px;
    display: inline-block;
    right: 64px;
    z-index: 1
}

.iphoneappservice-block {
    background: #000;
    color: var(--color-white-fixed);
    border-top: 0
}

.ourios-app h2 {
    color: #ff8402 !important
}

.ourios-app .tabs__line {
    background-color: #fe8402
}

.success-ios-appsblock,
.whyiphone-app .whyandroid-whitebox {
    background: #212121
}

.android-roundbigcircle {
    background: url(../images/android-green-circle.png);
    width: 500px;
    height: 588px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    animation: 3s ease-in-out infinite float2
}

.ios-roundbigcircle {
    background: url(../images/ios-orange-circle.png);
    width: 596px;
    height: 733px;
    position: absolute;
    right: 0;
    animation: 6s ease-in-out infinite float2
}

.androidappdev-services,
.another-phara-div .psd-bottom-btn,
.hire-custom-mian .web-tab-list {
    border-top: 0
}

.success-android-appsblock .owl-carousel .owl-nav.disabled {
    display: inline-block;
    line-height: 0;
    text-align: left;
    position: relative;
    top: 35px;
    left: 18px
}

.success-android-appsblock .owl-carousel .owl-nav button span {
    font-size: 0;
    margin: 0
}

.contentbox-choose-ios:hover,
.popular-appblockorange {
    background: #fe8402
}

.android-faq {
    padding: 110px 0
}

.success-android-appsblock .owl-carousel .owl-nav button.owl-prev span {
    background: url(../images/owl-arrow-left.png);
    width: 32px;
    height: 32px;
    display: inline-block
}

.success-android-appsblock .owl-carousel .owl-nav button.owl-next span {
    background: url(../images/owl-arrow-right.png);
    width: 32px;
    height: 32px;
    display: inline-block
}

@keyframes float2 {

    0%,
    100% {
        box-shadow: 0 0 0 0 transparent;
        transform: translatey(0)
    }

    50% {
        box-shadow: 0 0 0 0 transparent;
        transform: translatey(-9px)
    }
}

.popular-appblockgreen .perfect-icons-block img {
    width: 80px
}

.popular-appblockgreen .android-services-box .thumbnail,
.popular-appblockorange .android-services-box .thumbnail {
    min-height: 285px;
    display: inline-block;
    width: 100%
}

.ios-mobileblock {
    position: relative;
    bottom: 0;
    right: -50px !important;
    display: inline-block;
    padding-top: 80px
}

.ios-mobileblock .oueandroid-right {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: url(../images/android-phone-screen.png) no-repeat;
    width: 310px;
    height: 637px;
    vertical-align: top
}

.ios-mobileblock .rightside-phone {
    right: -45px
}

#port-section .wrap {
    display: inherit;
    flex-direction: inherit
}

.paymentEnquiryFormPopup .modal-body h4 {
    color: var(--color-text);
    font-size: 25px;
    margin: 0
}

.section-nav::-webkit-scrollbar {
    width: 1px;
    background-color: #2e2e2e;
    border-radius: 10px
}

.section-nav::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #000
}

.section-nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: var(--color-white-fixed)
}

.containerglossary_new {
    display: table
}

#menu {
    position: sticky;
    display: contents
}

.glossary-banner .glossary-banner-category {
    font-size: 100px
}

.home-member-btn a {
    margin-top: 10px
}

.box-a h3,
.box-a p {
    margin: 0;
    padding: 0
}

.androidfaq-height {
    min-height: 315px
}

.androidService-hovertext {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 25px;
    background: var(--color-white-fixed);
    border-radius: 8px;
    transition: .3s;
    width: 100%;
    height: 100%
}

.android-services-box .thumbnail:hover .androidService-hovertext {
    opacity: 1;
    transition: .3s
}

.android-services-box .thumbnail:hover .androidService-hovertext p {
    font-size: 16px !important;
    color: var(--color-text);
    display: block
}

.content-box-choose {
    background-color: #fafafb;
    box-shadow: 1px 4px 8px rgba(0, 0, 0, .15);
    transition: .3s ease-in-out;
    padding: 30px;
    margin-bottom: 30px;
    height: 290px;
    border-radius: 8px
}

.box-a,
.box-b {
    background: #d40000;
    color: #ddd;
    padding: 20px;
    position: relative;
    margin-bottom: 25px;
    align-items: center;
    float: right;
    width: 100%;
    display: flex
}

.content-box-choose:hover {
    color: var(--color-white-fixed);
    background: #00e07c
}

.box-a {
    min-height: 120px;
    border-radius: 5px
}

.box-a:hover {
    background: #ccc
}

.box-a.rounded,
.box-b.rounded {
    -moz-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px
}

.box-a.rounded:before,
.box-b.rounded:before {
    border-width: 8px;
    border-color: #323232 #323232 transparent transparent;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px
}

.box-a i {
    font-size: 45px;
    text-align: center;
    color: #323232
}

.box-a:hover .fa {
    color: #00df7c;
    transform: scale(1.1);
    transition: .3s
}

.box-a h3 {
    position: relative;
    display: inline-block;
    color: #000;
    font-size: 24px;
    font-weight: 400
}

.box-a p {
    float: left;
    text-align: left;
    font-size: 14px
}

.box-b i {
    font-size: 60px;
    background: #323232;
    float: right;
    padding: 25px;
    border-radius: 150px
}

.box-b h3,
.box-b p {
    float: right;
    padding: 0;
    text-align: right;
    margin: 0
}

.box-b h3 {
    display: inline-block;
    color: #000
}

.box-b p {
    font-size: 14px
}

.content-box-title {
    font-size: 22px;
    font-weight: 400
}

.ios-industry-box .thumbnail .caption .indstryVrtcl-div {
    bottom: 0;
    display: none;
    position: absolute;
    background: var(--color-white-fixed);
    width: 100%;
    height: 100%;
    left: 0;
    padding: 33px
}

.ios-industry-box .android-services-box .thumbnail {
    min-height: inherit !important;
    position: relative
}

.ios-industry-box .android-services-box .thumbnail:hover .indstryVrtcl-div {
    display: block;
    text-align: left
}

.marketWeserve-block h2 {
    color: var(--color-text);
    margin-bottom: 30px !important
}

.perfect-icons-block .fa {
    font-size: 80px;
    color: #00e281
}

.androidwhychoose .perfect-team-middletxt-right .thumbnail {
    min-height: 350px !important;
    text-align: left
}

.androidwhychoose .perfect-team-middletxt-right .thumbnail h3 {
    min-height: 70px;
    color: var(--color-text)
}

.webdesignServices {
    background: #f1f1f1
}

.buildvocso-apps h2,
.consider-webRedesign-sec h2,
.custom-faq-block h2,
.custom-recu-sec h2,
.customizable-app h2,
.develop-framework-sec h2,
.development-portfolio-sec h2,
.hire-programmer-sec h2,
.iso-banner h2,
.iso-whatmean-sec h2,
.our-recent-logo h2,
.pattern_div_new h2,
.psd-quality-sec h2,
.source-plateform-sec h2,
.vocsoapproach h2,
.web-app-custom h2,
.web-case-study-sec h2,
.web-service-sec h2 {
    font-weight: 700
}

.listing_div_new h3 {
    min-height: inherit
}

.whyandroid-app.webdesignServices .perfect-team-middletxt-right .thumbnail {
    min-height: 450px !important;
    position: relative
}

.readmore_new {
    margin-top: 20px;
    display: inline-block;
    color: #58cdcd;
    position: absolute;
    bottom: 35px
}

.whyandroid-leftblock h3 {
    font-size: 48px;
    color: #1e1d28;
    font-weight: 600;
    padding-right: 30px;
    margin: 0 0 20px
}

.success-android-appsblock .whyandroid-leftblock h3 {
    color: var(--color-white-fixed);
    margin-bottom: 45px
}

.android-faq .project-common-cont h3 {
    font-weight: 600;
    font-size: 24px;
    text-align: left;
    text-transform: inherit;
    margin: 0 0 30px
}

.androidService-hovertext h5 {
    color: var(--color-text);
    font-weight: 600;
    font-size: 18px;
    margin-top: 0
}

.android-services-box .thumbnail:hover .appdevlopmentServices {
    z-index: 99
}

.success-android-appsblock .owl-nav {
    padding-left: 15px
}

.iosmobile-frame .ios-mobileslider img {
    border-radius: 30px
}

.oueandroid-right .bx-viewport {
    top: 44px;
    left: 15px;
    width: 279px !important;
    overflow: hidden !important
}

.indstryVrtcl-div h5 {
    font-weight: 600;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 30px
}

.ios-mobileblock .iosmobile-frame {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: url(../images/iphone-screen.png) no-repeat;
    width: 310px;
    height: 597px;
    vertical-align: top
}

.iosmobile-frame .bx-viewport {
    top: 15px;
    left: 22px;
    width: 258px !important;
    border-radius: 30px
}

.android-badge-block img {
    max-width: 14rem;
    transition: transform .3s cubic-bezier(.455, .03, 0, 1)
}

.android-badge-block img:hover {
    transform: translateY(-10px);
    transition: transform .3s cubic-bezier(.455, .03, 0, 1)
}

.box h1 {
    position: absolute;
    top: 15px;
    text-align: center;
    color: var(--color-white-fixed);
    text-shadow: 0 0 5px red;
    width: 100%;
    text-transform: uppercase;
    font-size: 100px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 5px;
    z-index: 9;
    transition: .3s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (max-width:1024px) {
    .box {
        width: 80%;
        left: 10%;
        top: 75px
    }
}

.ecommerce-home .photo_div .graphic-position,
.lgBlueBg_new .photo_div .graphic-position,
.lgRedBg .graphic-position,
.lgskyBlueBg .graphic-position {
    width: 70%;
    margin: 0 auto
}

.mobileapp-blog-block h3 {
    font-size: 48px;
    color: #1e1d28;
    letter-spacing: 0;
    font-weight: 600;
    padding-left: 15px;
    margin: 0 0 51px;
    line-height: 67px;
    text-transform: capitalize
}

.mobileapp-blog-block h2 {
    color: #000;
    font-size: 50px;
    text-transform: uppercase;
    padding-left: 15px;
    margin-bottom: 50px
}

.topappcalifornia {
    max-width: 184px !important
}

.addui-Accordion .addui-Accordion-content ol,
.addui-Accordion .addui-Accordion-content ul {
    padding-left: 14px;
    margin: 10px 0
}

.addui-Accordion .addui-Accordion-content ol li,
.addui-Accordion .addui-Accordion-content ul li {
    margin-bottom: 18px
}

.addui-Accordion .addui-Accordion-content ul li {
    list-style-type: disc
}

.speatExprt:after {
    top: 24px
}

.android-faq .container_new {
    padding: 0 50px
}

happylinks {
    padding: 0;
    margin: 0;
    text-align: center
}

.happylinks li:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    opacity: 1
}

.payment-newPopup label {
    font-size: 13px !important;
    color: #b6b6b6 !important;
    font-weight: 400;
    text-transform: capitalize !important;
    transform-origin: left -4px !important;
    transform: translate(0, 2.125rem) scale(1.5)
}

.happycustomers-blk {
    background: #f7f8fa
}

.brightblue-text {
    color: #00cccd
}

.Readmore-orm {
    text-align: center;
    display: block
}

.wordpress-faq li {
    display: inline-block;
    width: 49%
}

.varioustec-main {
    overflow-x: scroll
}

.sitmaps-links {
    background: var(--color-white-fixed);
    padding: 71px 83px;
    border-radius: 5px;
    z-index: 1;
    -webkit-box-shadow: 5px 15px 34px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 5px 15px 34px 0 rgb(0 0 0 / 6%);
    box-shadow: 5px 15px 34px 0 rgb(0 0 0 / 6%);
    margin-top: -40rem;
    display: inline-block;
    position: relative;
    width: 100%
}

.sitmaps-links h2 {
    font-weight: 500;
    margin: 0 0 40px;
    font-size: 30px;
    display: inline-block
}

.sitmaps-links h3 {
    color: var(--color-text);
    margin: 0 0 31px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 27px
}

.sitemap-listing a {
    color: var(--color-primary);
    margin-bottom: 30px;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    transition: .3s;
    display: flex
}

.sitemap-listing a:hover {
    color: var(--color-secondary-dark);
    transition: .3s
}

.sitemap-listing {
    display: inline-block;
    width: 100%;
    margin-top: 50px
}

.sitemap-listing a .fa {
    align-items: center;
    margin-right: 9px;
    display: flex;
    justify-content: center
}

.topmobileappDevlopers {
    max-width: 150px !important
}

.visitorspay h1 {
    position: relative;
    font-size: 56px !important;
    font-weight: 700;
    line-height: 60px;
    margin: 0 !important;
    padding: 0 !important
}

.digitalMrktg-btn {
    font-size: 18px;
    font-weight: 400;
    border: 2px solid var(--color-white-fixed);
    border-radius: 100px;
    padding: 11px 57px 11px 33px;
    color: var(--color-white-fixed);
    position: relative;
    display: inline-block
}

a.digitalMrktg-btn:hover {
    background: var(--color-white-fixed);
    color: var(--color-black);
    transition: .3s linear
}

a.digitalMrktg-btn:hover::after {
    background: url(../images/tosmall-icon-youtube.png) no-repeat;
    right: 22px
}

a.digitalMrktg-btn::after {
    background: url(../images/tosmall-icon.png) no-repeat;
    position: absolute;
    content: "";
    width: 16px;
    height: 10px;
    display: inline-block;
    top: 16px;
    right: 32px;
    transition: .3s linear
}

.digitaltop-content p {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 35px;
    color: var(--color-white-fixed);
    line-height: 30px
}

.digitaltab-mainblock .digitaltabs-inner-cont-left p {
    font-size: 18px;
    color: #393939;
    font-weight: 500;
    padding: 0;
    margin-bottom: 32px;
    line-height: 30px !important
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.our-sec-block .bx-wrapper .bx-pager.bx-default-pager a:hover {
    border: 0 !important;
    background: #fbfbfb !important
}

.clientslogos-centerblock {
    text-align: center;
    margin: 60px auto 0;
    width: 1600px
}

.ourPlanBannerBox {
    display: inline-block;
    width: 73%;
    padding-left: 8px;
    height: 85px;
    overflow: hidden;
    transition: .5s linear
}

.seo_pacakge_div .prise-list {
    font-weight: 700;
    font-size: 45px;
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 1.5rem;
    color: var(--color-text);
}

.fivesteps-Form .form-group label,
.fivesteps-Form .form-group span,
.section-nav a {
    font-size: 14px;
    color: var(--color-text)
}

.fivesteps-block-form p {
    border-bottom: 1px solid #f5eded;
    font-size: 14px !important;
    margin-bottom: 20px;
    padding-bottom: 16px !important;
    color: var(--color-text)
}

.whychoose-onlinepartner h4 {
    margin: 0;
    font-size: 60px;
    color: var(--color-text);
    text-align: center;
    font-weight: 300
}

.whychoose-onlinepartner h3 {
    color: var(--color-text);
    padding-left: 0;
    padding-right: 0;
    line-height: 1;
    max-width: 700px;
    width: 100%;
    margin: 10px auto 115px;
    text-transform: uppercase;
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    position: relative
}

.benfit-reputation-container .resp-tab-content p {
    text-align: left;
    font-size: 18px;
    color: #151515;
    font-weight: 500;
    padding: 28px 0 0 53px;
    border-top: 1px solid #d0d0d0;
    margin: 0 -53px;
    position: relative;
    line-height: 28px
}

.onlinefaq h4 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 300
}

.reputationyellow-box h4 {
    font-size: 80px;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
    background: url(../images/vocso-reputation-manwoman-bg.jpg) no-repeat;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent
}

.onlinefaq h5 {
    font-size: 20px;
    color: var(--color-white-fixed);
    padding-right: 15px;
    font-weight: 500
}

.bxslider-androidapps-img {
    position: absolute;
    width: 223px;
    height: 395px;
    right: 20px;
    top: 85px
}

.bxslider-iphoneapps-img {
    position: absolute;
    width: 252px;
    height: 447px;
    right: 293px;
    top: 59px
}

.bxslider-mobileApps-txt {
    width: 60%;
    top: 8px;
    left: inherit
}

.source-top-cont h3 {
    line-height: 40px
}

.fancybox {
    position: relative;
    display: flex;
    align-items: center
}

.testimonial-peoples-img .fancybox {
    display: initial;
    position: initial;
    width: 100%;
    height: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center
}

.web-app-video a {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 0;
    height: 100%;
    padding: 0;
    position: absolute
}

.reputation-need-pkg h4 {
    font-size: 17px;
    font-weight: 500;
    color: #262626;
    margin: 0
}

.reputationprice-block h5 {
    color: var(--color-text);
    font-size: 32px;
    font-weight: 700;
    margin: 0
}

.web-custom-main li .bottom-sec-plateform p {
    color: var(--color-text);
    line-height: 30px !important
}

.companyBanner .build_top {
    color: #eeff5e;
    display: inline-block;
    font-size: 42px;
    padding: 0 0 10px;
    text-align: center;
    width: 100%
}

.company_briefDiv h2 {
    font-size: 22px;
    color: var(--color-primary);
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
    font-weight: 700
}

.darkmode .getquote-dropdown .dropdown-item {
    background: var(--color-bg);
    color: var(--color-white-fixed);
}

.tailor-blk h2 {
    padding-right: 50px;
    color: var(--color-white-fixed) !important
}

.customtestmonial li,
.cwd-tips-cont h3,
.cwd-tips-cont h4,
.cwd-tips-cont p {
    color: var(--color-text);
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.pricing-maintbl .panel {
    border-radius: 0;
    padding: 75px 75px 75px;
    background: #e4ebf0;
    margin-bottom: 0;
    border: none;
    min-height: 763px;
    display: block;
    justify-content: inherit;
    align-items: inherit
}

.budget-friendlyblk .list-group-item {
    border: 0;
    border-bottom: 1px solid #ceced1 !important;
    width: 100%;
    padding: 18px 25px 18px 0;
    text-align: left;
    font-size: 18px;
    color: #000 !important;
    line-height: 25px !important
}

.recent-logo-inner {
    padding: 0;
    display: inline-block
}

.comon-logo-process:after {
    background: #82b3e4;
    height: 4px;
    width: 431px;
    position: absolute;
    left: 16px;
    top: 40px;
    content: "";
    z-index: 0
}

.logo-step-comon {
    height: 80px;
    width: 80px;
    text-align: center;
    padding: 19px 10px;
    z-index: 1;
    position: relative
}

.what-inner-boxs {
    margin-bottom: 20px;
    padding: 40px;
    text-align: left;
    margin-right: 20px;
    width: 32%;
    background: var(--color-white-fixed) !important;
    flex: 32%
}

.cwd-tips-cont ul li:before {
    content: "\f14a";
    font-style: normal;
    font-weight: 400;
    color: #454545;
    font-size: 25px;
    padding-right: 1.5em;
    position: absolute;
    top: 0;
    left: 0
}

.customtestmonial li {
    width: 88%;
    display: inline-block;
    font-size: 18px;
    padding-left: 45px;
    margin-bottom: 16px;
    background: url(../images/right_custom_arrow.png) left 3px no-repeat;
    padding-bottom: 15px;
    line-height: 30px
}

.cwd-tips h2,
.cwdBlock h2,
.cwdBlock p,
.cwdd-btn {
    margin-bottom: 0 !important
}

.cwd-tips-cont h3,
.cwd-tips-cont h4 {
    padding-top: 0;
    font-weight: 700;
    margin-left: 35px
}

.cwd-tips-cont ul li {
    position: relative;
    margin-bottom: 30px
}

.cwd-tips-cont p {
    padding-left: 35px;
    line-height: 30px;
    font-size: 18px
}

.chooseCatgres .wdds-center h3,
.chooseCatgres .wdds-center p,
.chooseCatgres h2,
.cwd-tips h2,
.darkmode .headiing_div h3,
.darkmode .headiing_div_1 h3,
.develop-framework-sec h2,
.develop-framework-sec p,
.development-approach-sec .development-approach h2,
.development-portfolio-sec h2,
.intro-main-digital h3,
.managedpackg li,
.onlinerepu-intro h2,
.rate2 p,
.responsive-webdevlp-portfolio-sec .dev-por-left p {
    color: var(--color-text) !important
}

.psdToXhtml-btn {
    background: var(--color-primary) !important;
    margin-left: 440px;
    margin-top: 53px;
    font-size: 18px;
    padding: 0 0 0 25px
}

.cwdBlock p {
    font-size: 18px;
    color: var(--color-white-fixed);
    padding: 0 70px;
    line-height: 30px
}

.cwd-tips h2,
.cwdBlock h2 {
    font-size: 30px;
    font-weight: 600;
    color: var(--color-white-fixed);
    padding-bottom: 30px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.abcCustomBlock .thumbnail {
    border-radius: 0;
    min-height: 380px;
    margin: 0;
    padding: 25px;
    transform: translateZ(0);
    transition-duration: .3s;
    -webkit-transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-property: transform;
    border: 1px solid #ddd
}

.abcCustomBlock .thumbnail p {
    line-height: 30px;
    font-size: 18px;
    margin-bottom: 0;
    color: var(--color-text)
}

.darkmode .abcCustomBlock span {
    color: var(--color-text);
    border-bottom: 5px solid var(--color-white-fixed)
}

.abcCustomBlock h4 {
    font-size: 22px;
    min-height: 80px;
    text-transform: uppercase;
    align-items: center;
    display: flex;
    justify-content: center;
    color: var(--color-text)
}

.cwdd-btn {
    margin-top: 15px !important;
    display: inline-block;
    padding: 10px 75px 10px 30px;
    font-size: 21px
}

.cntct-btn:hover {
    background: var(--color-secondary-dark);
    transition: .3s linear;
    color: var(--color-white-fixed)
}

.project-common-cont p {
    font-size: 18px;
    color: var(--color-text);
    font-weight: 300;
    position: relative;
    padding-bottom: 20px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
    line-height: 30px
}

.abcCustomBlock h2,
.custom-bot-div p {
    padding-bottom: 30px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.customBanner .build_top,
.responsive-web-Banner .build_top {
    font-family: "Have Heart One", sans-serif;
    color: #eeff5e;
    font-size: 42px;
    display: inline-block;
    text-align: left;
    width: 100%;
    padding: 0 0 10px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
    letter-spacing: 3px
}

.custom-bot-div p {
    font-size: 18px;
    color: var(--color-white-fixed);
    line-height: 30px
}

.abcCustomBlock h2 {
    font-size: 36px;
    font-weight: 600
}

.customtopdiv p {
    font-size: 18px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
    padding-right: 60px;
    line-height: 30px;
    color: var(--color-text)
}

.multidevices-list {
    z-index: 1;
    position: relative;
    margin-bottom: 0;
    margin-top: 50px
}

.discussBlue-bar-sec h3 {
    color: var(--color-white-fixed);
    font-size: 26px;
    text-align: right;
    padding: 0;
    margin: 10px 0 0;
    font-weight: 400
}

.margin_top_80 {
    margin-top: 80px;
    display: inline-block;
    width: 100%
}

.benefit-right-sec {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: inherit
}

.devlopt-numeric span {
    font-size: 100px;
    vertical-align: top;
    font-weight: 700;
    position: absolute;
    left: 12px;
    bottom: 0
}

.dvlpmnt-bluebottom-content {
    float: left;
    background: #1f65a8;
    padding: 20px;
    color: var(--color-white-fixed);
    min-height: 215px !important;
    width: 100%
}

.col-md-offset-2 {
    margin-left: 16.66666667%
}

.conversion-left-sec .solutionTxt {
    margin-left: 50px;
    text-align: left;
    display: block;
    line-height: 56px
}

.conversion-left-sec h4 {
    color: var(--color-white-fixed);
    font-size: 25px;
    margin-top: 30px;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 30px !important
}

.conversion-left-sec p,
.forbiddine_div li {
    font-size: 18px !important;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.conversion-left-sec p {
    color: var(--color-white-fixed);
    font-weight: 300;
    line-height: 30px !important
}

.vocsoaproch_para {
    padding: 0 30px;
    margin-bottom: 0 !important
}

.custom-web-text .cntct-btn {
    font-size: 21px;
    padding: 14px 75px 13px 30px !important;
    margin-top: 0
}

.psd-bottom-btn {
    border-top: 1px solid #6b6382;
    margin-top: 70px;
    padding-top: 35px;
    text-align: center
}

.tc-accordion .panel {
    border: 0;
    box-shadow: none;
    background: 0 0;
    min-height: auto;
    display: block;
    justify-content: initial;
    align-items: initial
}

.considerDesign-accordion .consideraccordion-title:before,
.consideraccordion-content:before {
    right: 27px;
    width: 3px !important;
    background-color: #bcc8ce !important;
    left: inherit;
    top: 26px
}

.manageWebsite-box {
    background: #e3dbd8;
    margin-top: 40px;
    padding-bottom: 20px !important
}

.vocso-package-main .source-yellow-btn {
    width: 37px;
    height: 35px;
    display: flex
}

.seo_text {
    line-height: 32px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
    font-size: 16px;
    color: var(--color-text) !important
}

.forbiddine_div li {
    width: 100%;
    display: inline-block;
    padding-left: 50px;
    margin-top: 35px;
    background: url(../images/right_custom_arrow.png) left top no-repeat;
    padding-top: 8px;
    padding-bottom: 8px
}

.seoBtn input {
    background: 0 0;
    border: none;
    padding: 13px 10px 13px 16px !important;
    color: var(--color-white-fixed)
}

.seo-planspackargenew-leftcontent h2 {
    font-size: 50px;
    font-weight: 500;
    margin: 0 0 14px;
    line-height: 52px;
    max-width: 750px;
    color: var(--color-white-fixed)
}

ul.seo-plannew-details li {
    display: inline-block;
    width: 25%;
    background: var(--color-primary);
    color: var(--color-white-fixed);
    padding: 15px;
    margin: 0 -3px;
    vertical-align: bottom;
    height: 122px;
    transition: .5s linear
}

.seo_pacakge_div .col-lg-3 {
    padding: 0;
    margin-left: 16px;
    width: 269px;
    flex: auto
}

.my_bluebox.fivesteps-Form .form-group .form-control {
    border-radius: 0;
    background: var(--color-white-fixed);
    font-size: 14px !important;
    color: #000 !important;
    text-align: left !important;
    box-shadow: none !important;
    border: 1px solid #e2dfdf;
    font-weight: 300;
    height: 46px
}

.discussbtn {
    padding: 17px 38px;
    font-size: 14px;
    font-weight: 400;
    box-shadow: none !important;
    line-height: .8em;
    background: rgba(192, 37, 73, .8) !important;
    border: 0;
    margin-top: 42px
}

.my_bluebox .form-group-commentbox textarea {
    height: 100px !important
}

.padding_top_40 {
    padding-top: 40px;
    display: block;
    width: 100%
}

.iso-quality-left .solutionTxt {
    margin-right: 39px;
    line-height: 44px;
    text-align: right
}

.form-group.form-arrow-down select,
.raqbox_new .form-group.form-group-text select {
    background: url(../images/contact-selectdownarrow.png) center right no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: auto
}

.contact-top {
    text-align: center;
    padding: 72px 0 0;
    z-index: 1;
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 180px
}

.chooseCatgres h2 {
    line-height: 50px
}

.listing_div h3 {
    font-size: 25px;
    color: #272425;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 10px;
    line-height: 28px;
    text-transform: uppercase;
    min-height: 60px;
    font-weight: 500
}

.academy-top-whitepprs h1 {
    font-size: 84px !important;
    color: #2a2f42 !important;
    padding: 0 280px;
    text-align: center;
    line-height: 78px;
    margin: 30px auto !important
}

.ebooks-block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.benefitsList-txt {
    display: table-cell;
    width: 260px;
    vertical-align: middle
}

.managedpackg h2 {
    padding-top: 120px !important
}

.iso-inner-list h3,
.iso-inner-list h4 {
    margin: 0;
    text-align: left;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #000;
    padding: 0;
    font-size: 2rem
}

.job_opening_div p {
    color: var(--color-white-fixed);
    font-size: 18px;
    font-weight: 400;
    max-width: 800px;
    line-height: 26px
}

.email-boxes p {
    color: #262626;
    margin: 0;
    padding: 9px 0;
    font-size: 17px;
    font-weight: 300;
    line-height: 24px
}

.cntct-btn,
.customBanner p {
    color: var(--color-white-fixed);
}

.customBanner p,
.customWebBlock p,
.perfect-team-middletxt-right .thumbnail p {
    line-height: 30px !important
}

.form-logo-block {
    z-index: 108;
    position: relative;
    min-height: 850px;
    padding-bottom: 13rem !important
}

.budget-known {
    padding: 15px 0;
    display: flex;
    width: 100%
}

.req_input_full label {
    background: #ebe7e4;
    border-right: 1px solid #afafd6;
    margin: 0;
    padding: 14px 25px;
    font-weight: 500;
    font-size: 14px
}

.customBanner p,
.customWebBlock p,
.headiing_div p,
.headiing_div_1 p {
    font-size: 18px !important;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.req-new .req_input_full .cover {
    padding-left: 15px;
    font-size: 14px
}

.cntct-btn {
    font-size: 2rem !important;
    font-weight: 500;
    border: none;
    background: var(--color-primary);
    padding: 1.5rem 9.9rem 1.4rem 6.3rem;
    position: relative;
    transition: .3s linear;
    margin: 3rem 0 2rem;
    border-radius: 1rem !important
}

.affored-package-list,
.clients-digital-logos,
.custom-recu-sec,
.custom-recu-section,
.development-portfolio-sec,
.eccomerceport-whitebg,
.magento-Ecomrce,
.managedwebsite-owner-block,
.web-app-custom {
    background: var(--color-bg) !important
}

.customWebBlock p {
    color: var(--color-text);
    margin-bottom: 0 !important
}

.headiing_div p,
.headiing_div_1 p {
    color: var(--color-text) !important;
    line-height: 28px;
    padding-top: 5px;
    font-weight: 300
}

.custom-web-text,
.customtestmonial,
.customtopdiv {
    width: 100%;
    float: left;
    background: var(--color-bg) !important;
    padding: 80px 0
}

.customtestmonial h5 {
    font-size: 18px;
    padding-top: 8px;
    padding-left: 15px;
    color: var(--color-text)
}

.font-black-trans,
.project-common-cont h3 {
    color: var(--color-text) !important;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
}

.project-common-cont h3 {
    font-size: 24px;
    margin-bottom: 15px;
    padding-bottom: 20px;
    margin-top: 0;
    position: relative
}

.abcCustomBlock h3 {
    font-size: 45px;
    color: var(--color-white-fixed);
    display: inline-block;
    text-align: center;
    width: 80px;
    height: 80px;
    background: var(--color-primary);
    border-radius: 50px;
    padding-top: 13px !important;
    text-shadow: 0 6px 0 #e48674;
    text-transform: uppercase
}

.bottom-sec-plateform p,
.raking_div li,
.raking_div p,
.top-sec-plateform p {
    font-size: 18px !important
}

.affored-package-list {
    margin-top: -22.9em
}

.custom-recu-section {
    padding: 50px 0
}

.custom-rec-inner>div {
    display: block;
    line-height: 35px;
    color: var(--color-text) !important
}

.darkmode .happylinks li img,
.darkmode .happylinks li:hover img,
.darkmode .member-logo-comm li img,
.darkmode .whatdoforu-digitalmrktg .what-inner-boxs img {
    filter: grayscale(100%) brightness(.9) invert(1)
}

.top-sec-plateform p {
    color: var(--color-text);
    text-align: left;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.raking_div li {
    padding-top: 30px;
    background: url(../images/right_custom_arrow.png) left 30px no-repeat;
    padding-left: 40px;
    width: 70%;
    display: inline-block;
    color: #000;
    line-height: 30px !important
}

.bottom-sec-plateform p {
    color: var(--color-text);
    text-align: left;
    width: 80%;
    margin-right: 0;
    vertical-align: top;
    display: inline-block;
    line-height: 26px
}

.raking_div p {
    padding: 5px 0 0
}

.leverage-txt li {
    padding-top: 0 !important;
    background-position: left top !important;
    padding-bottom: 23px !important
}

.managedmain-text h1,
.managedmain-text h2 {
    font-size: 72px;
    font-weight: 600;
    display: inline-block;
    margin: 0;
    line-height: 76px;
    z-index: 1;
    position: relative;
    color: var(--color-text)
}

.managedmain-text p {
    font-size: 22px;
    font-weight: 400;
    margin-top: 22px;
    margin-bottom: 72px;
    color: #1e1d28;
    line-height: 31px;
    color: var(--color-text)
}

.managedwebsite-owner-block {
    color: #000
}

.managedwebsite-owner-block .imagineall-left p {
    font-size: 36px;
    font-weight: 600;
    margin: 0;
    line-height: 51px;
    padding-right: 30px;
    color: var(--color-text)
}

.ecommerce-store h2 {
    font-size: 28px;
    font-weight: 700;
    position: relative;
    margin: 0 0 22px;
    padding: 0 0 22px;
    background: -webkit-linear-gradient(330deg, #2ebdce, #415a7f);
    -webkit-background-clip: text
}

.priceBottom-text p {
    font-size: 15px;
    font-style: italic;
    color: gray;
    line-height: 22px
}

.fullypacked li {
    background: url(../images/greenicon.png) left 30px no-repeat;
    padding-left: 30px;
    width: 94% !important;
    font-size: 18px
}

.packgesblue-txt p {
    font-size: 14px !important
}

.darkmode .ecomm-devlop p {
    color: #949191 !important
}

.manageboxnumber {
    margin-top: -15px !important;
    display: inline-block;
    vertical-align: top;
    font-size: 100px;
    color: #6479da;
    font-weight: 500;
    margin-right: 10px
}

.managed-web-packageBanner {
    border-top: 0 !important;
    position: relative
}

.ecommBuisnes p {
    position: relative;
    line-height: 30px;
    color: var(--color-text)
}

.ecommBuisnes-right .thumbnail .caption p {
    font-size: 16px;
    font-weight: 300;
    color: #232b41;
    line-height: 22px
}

.darkmode .ecommBuisnes p::after,
.darkmode .tabs-browser,
.darkmode .tabs-coding,
.darkmode .tabs-optimized {
    filter: contrast(.5)
}

.budget-centertext h2 {
    text-align: center !important
}

.eccomerceport-sliderimg {
    height: 456px;
    width: 642px;
    position: relative;
    left: 115px !important;
    bottom: 0;
    top: 49px;
    overflow: hidden
}

.darkmode .faqBlock,
.darkmode .faqBlock .addui-Accordion .addui-Accordion-content,
.darkmode .faqBlock .addui-Accordion .addui-Accordion-header {
    background: var(--color-neutral-dark);
    border-bottom: 1px solid #48494a;
    color: var(--color-white-fixed)
}

.darkmode .faqBlock,
.darkmode .magento-banner {
    border-bottom: none !important
}

.faqcircle p {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 0 !important
}

.panelmid-text {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px
}

.pricing-bottom span {
    float: right;
    border-left: 1px solid #e1e2e5;
    min-height: 76px !important;
    padding-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
    display: block;
    text-align: center
}

.recent-logo-inner li {
    float: left;
    overflow: hidden;
    width: auto
}

.darkmode #AboutUs .what-inner-boxs,
.darkmode .chooseCatgres,
.darkmode .deploy_div,
.darkmode .disscussPlan,
.darkmode .logo-design-banner,
.darkmode .managedpackg,
.darkmode .processwork_div,
.darkmode .psd-to-xhtml-banner,
.darkmode .whychoose-onlinepartner,
.digital-bottom-btn .redbtn {
    background: #000 !important
}

.intromain-btnblock-center .cntct-btn.cwdd-btn {
    font-weight: 500;
    margin-top: 35px !important
}

ul.thirdtab-bullets li {
    margin-bottom: 18px;
    font-size: 18px;
    color: #393939;
    font-weight: 500;
    background: url(../images/timeline-bluecheckarrow.png) 0 11% no-repeat;
    padding-left: 30px;
    line-height: 25px !important
}

.darkmode .faqBlock::after,
.darkmode .logo-design-process:after {
    border-top: 22px solid var(--color-neutral-dark)
}

.vocsoaproch_para p {
    line-height: 26px;
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 0 !important
}

.seo_pacakge_div h3 {
    margin-bottom: 0;
    font-size: 30px;
    text-align: center;
    padding: 0 0 0px;
    text-transform: uppercase;
    color: var(--color-text) !important
}

.seo_package p {
    font-size: 22px;
    color: #1b1b1b;
    text-align: right;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
    line-height: 30px !important
}

.box_1 p {
    font-size: 16px !important;
    color: var(--color-white-fixed);
    min-height: 60px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
    max-width: 270px !important;
    margin: 0 auto;
    line-height: 23px !important
}

.addui-Accordion .addui-Accordion-content p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 30px
}

.addui-Accordion .addui-Accordion-content ol li p {
    margin-top: 5px
}

.iso-mean-phara p {
    font-size: 18px;
    color: var(--color-text) !important;
    margin-bottom: 18px;
    line-height: 30px
}

.right-div-iso p {
    font-size: 37px !important;
    font-weight: 100;
    text-align: left;
    line-height: normal;
    color: var(--color-white-fixed) !important;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.top-sec-iso h3,
.top-sec-iso p {
    color: var(--color-text) !important
}

.iso-mean-phara {
    padding: 30px;
    margin-bottom: 60px
}

.top-sec-iso h3 {
    padding-left: 80px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 18px
}

.top-sec-iso p {
    font-size: 16px;
    padding-right: 45px;
    line-height: 24px
}

.web-video-bottom p {
    font-size: 16px;
    text-align: center;
    padding: 0 40px;
    margin: 0;
    color: #000
}

.darkmode #Home .what-inner-boxs,
.darkmode .android-services-box .thumbnail,
.darkmode .androidService-hovertext,
.darkmode .customweb-new,
.darkmode .design_div,
.darkmode .iso-banner,
.darkmode .measure_div,
.darkmode .tecnology-slack-block,
.darkmode .vocsobyNumbers-block::after,
.darkmode .what-inner-boxs {
    background: var(--color-neutral-dark) !important
}

.banner-iso-top p {
    margin-top: 15px;
    font-size: 18px;
    color: var(--color-text) !important;
    line-height: 27px
}

.different-platforms p {
    padding-right: 126px;
    font-size: 16px !important;
    color: #242424;
    line-height: 23px
}

.mobie-app-banner p {
    font-size: 20px;
    color: var(--color-white-fixed);
    font-weight: 300;
    margin-top: 25px;
    margin-bottom: 0;
    line-height: 27px
}

.bxslider-portfolio-txt a,
.bxslider-redesign-txt a {
    display: inline-block;
    font-size: 20px !important;
    background: var(--color-primary);
    padding: 10px 20px;
    color: var(--color-white-fixed);
    margin-top: 20px;
    transition: .3s linear
}

.darkmode .different-platforms {
    background: url(../images/android-devlopemnt-img.png) right center no-repeat var(--color-neutral-dark)
}

.darkmode .different-platforms-b {
    background: url(../images/iphonedevlopment-img.png) right center no-repeat var(--color-neutral-dark) !important
}

.darkmode .different-platforms-c {
    background: url(../images/hybrid-devlopement-img.png) right center no-repeat var(--color-neutral-dark) !important
}

.engagementmodel-btn,
.hybridnativeform,
ul.happylinks {
    display: flex;
    align-items: center;
    justify-content: center
}

.easemanagement-tabright p,
.happylinks li {
    display: inline-block;
    vertical-align: middle
}

.freedownload h2 {
    font-weight: 700;
    max-width: 80%;
    margin: 0 auto 47px
}

.freedownload .left-part p {
    color: var(--color-text);
    padding: 0;
    font-size: 16px;
    line-height: 21px
}

.benefits-bottomtexts h3,
.benefits-bottomtexts p,
.forbiddine_div.my_list li,
.processwork_div li h4 {
    color: var(--color-text) !important
}

.forbiddine_div.my_list li {
    margin-top: 15px;
    padding-right: 70px
}

.darkmode .forbiddine_div {
    border-top: 1px solid var(--color-neutral-dark)
}

.processwork_div li h4 {
    font-size: 20px !important;
    margin-top: 25px;
    font-weight: 700;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.processwork_div li p {
    color: #1b1b1b;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
    line-height: 30px;
    font-size: 18px
}

.seopkgaffordable {
    padding-left: 0 !important;
    max-width: 70%;
    float: right;
    text-align: right
}

.seoaffdle {
    margin-top: 0 !important
}

.benefits-bottomtexts p {
    font-size: 18px;
    margin-top: 26px;
    line-height: 30px
}

.benefits-bottomtexts h3 {
    font-size: 24px;
    margin: 0;
    line-height: 30px;
    font-weight: 400
}

.dvlpmnt-bluebottom-content p {
    padding-left: 65px;
    font-size: 18px;
    line-height: 26px !important
}

.happycustomers-blk h2 {
    font-size: 30px;
    font-weight: 300;
    margin: 0 0 36px;
    text-align: center;
    color: var(--color-text)
}

.happylinks li {
    list-style: none;
    margin-right: 44px;
    filter: none !important;
    -webkit-filter: none !important;
    -webkit-transition: .6s;
    -webkit-backface-visibility: hidden;
    -moz-transition: .6s;
    opacity: inherit !important
}

.darkmode .trusted-list li,
.psd-tabs-list .resp-tab-active .tabs-browser,
.psd-tabs-list .resp-tab-active .tabs-coding,
.psd-tabs-list .resp-tab-active .tabs-optimized,
.trusted-list li {
    filter: contrast(1)
}

.happylinks li img {
    transition: transform .3s cubic-bezier(.21, .6, .44, 2.18);
    -webkit-transition: transform .3s cubic-bezier(.21, .6, .44, 2.18);
    -moz-transition: transform .3s cubic-bezier(.21, .6, .44, 2.18);
    filter: grayscale(100%);
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transition: transform .3s cubic-bezier(.21, .6, .44, 2.18);
    -o-transition: transform .3s cubic-bezier(.21, .6, .44, 2.18)
}

.happylinks li:hover img {
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    -o-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    filter: grayscale(0)
}

.package_speakdiv .looking_btn {
    color: var(--color-white-fixed);
    font-size: 16px !important
}

.reputation-services h3 {
    margin-bottom: 95px;
    color: var(--color-text) !important
}

.darkmode .reputationService-box {
    background: var(--color-neutral-dark);
    box-shadow: 0 0 30px 5px rgb(30 30 30)
}

.seo_five-steps p {
    font-size: 18px;
    padding: 5px 0 0;
    line-height: 24px !important
}

.seo_top_part h6 {
    font-size: 20px;
    margin: 0;
    color: var(--color-text)
}

.intro-main p,
.onlinerepu-intro h3 {
    color: var(--color-text) !important
}

.intro-main p {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    padding: 0 196px;
    line-height: 28px
}

.onlinerepu-intro h3 {
    padding: 20px 20% 45px
}

.tabs-inner-cont-left p {
    font-size: 18px;
    color: #363636;
    font-weight: 300;
    margin-top: 40px;
    margin-bottom: 40px;
    line-height: 30px
}

.psd-coded-front.margin_top_76 .twentytwenty-container {
    width: 67%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 38px;
    min-height: auto
}

.tabbing-main-sec {
    text-align: center;
    padding-bottom: 0 !important
}

.psd-coded-sec h2 {
    font-weight: 700;
    color: var(--color-text)
}

.source-delep-cont p {
    color: var(--color-white-fixed);
    font-size: 18px !important;
    font-weight: 400;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
    line-height: 30px
}

.easeopen-source p {
    margin-top: 60px;
    font-size: 20px;
    line-height: 30px
}

.easemanagement-tabright p {
    font-size: 18px;
    margin-bottom: 20px;
    color: #000;
    line-height: 30px
}

.resp-vtabs .ease_manage_tabs li.resp-tab-active {
    background: #e0004a;
    border: 0 !important;
    position: relative;
    line-height: 25px !important
}

.ease_manage_tabs li {
    margin-bottom: 1px !important;
    padding: 12px 0 5px !important;
    line-height: 25px
}

.resp-vtabs .ease_manage_tabs li.resp-tab-active::before {
    content: "\f004";
    position: absolute;
    font-family: FontAwesome;
    font-size: 30px;
    left: 52px;
    top: 20px !important
}

.right_div_source p {
    font-size: 20px !important;
    line-height: 30px !important;
    padding-top: 5px;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.app-name {
    min-height: 151px;
    width: 1025px;
    margin: 0 auto;
    display: block;
    padding-top: 5.8em;
    text-align: center;
    position: relative
}

.androidtextbig,
.app-name:before,
.app-text,
.freecms-first,
.freecms-fourth,
.freecms-second,
.freecms-third,
.shoptext {
    position: absolute
}

.app-name:before {
    background: url(../images/source-index-curcle.png) bottom center no-repeat;
    height: 112px;
    width: 15px;
    left: 21.9em !important;
    bottom: -5.8em !important;
    content: ""
}

.source-banner-btn {
    margin-top: -18.4em;
    padding-left: 32em
}

.app-text {
    margin-top: 125px;
    text-align: right;
    left: 17rem
}

.what-inner-boxs p {
    font-size: 17px;
    font-weight: 400;
    color: #393939;
    padding: 0;
    min-height: 265px;
    line-height: 1.7 !important
}

.digital-mrktg-tabslist li h4,
.digital-mrktg-tabslist li h5 {
    font-size: 17px !important;
    margin: 0;
    font-weight: 500;
    color: var(--color-white-fixed);
    line-height: 20px
}

.what-inner-tab-boxes p {
    color: #000;
    padding: 0 0 0 30px;
    margin-bottom: 20px;
    min-height: auto !important;
    font-size: 16px !important;
    font-weight: 400;
    background: url(../images/timeline-bluecheckarrow.png) 0 5% no-repeat
}

.our-sec-block p {
    color: var(--color-white-fixed);
    font-size: 18px;
    padding: 0 40rem 30px;
    position: relative;
    margin-bottom: 160px;
    line-height: 30px !important
}

.intro-main h2 {
    margin: 0 0 28px;
    font-size: 60px;
    color: var(--color-text) !important;
    text-align: center;
    line-height: 0
}

.intro-main-digital p {
    padding: 0 100px;
    line-height: 28px;
    color: var(--color-text) !important
}

.scrollspy {
    border: none;
    border-bottom: 0;
    width: 100%;
    margin: 0 auto;
    padding: 80px 0;
    background: var(--color-white-fixed)
}

.redesign-bottom-cont p {
    font-size: 18px !important;
    line-height: normal;
    color: #000;
    margin: 0
}

.considerDesign-accordion .tc-accordion-content-inner p {
    line-height: 25px !important;
    text-align: right;
    font-size: 16px;
    color: #646c70 !important
}

.redesign-text>h2 {
    font-size: 50px;
    margin: 0;
    color: #000
}

.oppurtunity-main-sec p.white-text {
    color: var(--color-white-fixed) !important;
    line-height: 26px
}

.simpleDesign-list li {
    color: var(--color-white-fixed);
    font-size: 18px !important;
    font-weight: 400;
    line-height: 30px;
    position: relative;
    padding-left: 40px
}

.web-cus-left {
    float: right;
    width: 560px
}

.web-app-text p {
    color: var(--color-primary) !important;
    font-size: 18px !important;
    text-align: left;
    padding: 0;
    margin-top: 4em !important;
    margin-bottom: 35px;
    line-height: 25px
}

.hybridapp-development ul li {
    margin: 0 0 18px;
    padding: 0;
    font-size: 18px;
    line-height: 28px;
    color: var(--color-text) !important
}

.company_whiteDiv li h6,
.hire-tab-list li p {
    font-size: 16px !important;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.hybridapp-development-form p {
    font-size: 14px;
    font-weight: 700
}

.hybrid-dev .trusted-list li {
    border-bottom: 1px solid rgba(6, 7, 8, .2);
    font-size: 18px !important
}

.magento-to-banner h1 {
    position: relative;
    text-align: left;
    font-weight: 700;
    color: var(--color-text) !important
}

.freecms-first {
    left: 260px;
    top: 25px
}

.freecms-second {
    left: 130px;
    top: 170px
}

.freecms-third {
    left: 130px;
    top: 300px
}

.freecms-fourth {
    left: 260px;
    top: 430px
}

.joomlaCore h5 {
    color: #646464;
    font-size: 15px;
    line-height: 23px;
    font-weight: 400 !important
}

.ecommerce-list li {
    list-style: none;
    display: block;
    font-size: 16px;
    color: #202020;
    position: relative;
    margin-bottom: 11px
}

.ecomm-devlop {
    width: 230px;
    float: right;
    margin-top: 62px
}

.development-team p {
    margin-top: 0;
    color: var(--color-white-fixed);
    margin-bottom: 0
}

.iostext-big {
    color: #ff8402 !important;
    bottom: -373px;
    left: 0;
    right: inherit
}

.managedmain-text h2 {
    font-size: 55px;
    color: var(--color-white-fixed)
}

.perfect-team-middletxt-right .thumbnail {
    text-align: center;
    border-radius: 0;
    padding: 40px 14px 28px;
    min-height: 345px;
    background: var(--color-white-fixed);
    margin-bottom: 30px
}

.whyiphone-app .whyandroid-whitebox h3,
.whyiphone-app .whyandroid-whitebox p {
    color: var(--color-white-fixed);
    line-height: 28px;
    font-weight: 300
}

.tecnology-slack-block .whyandroid-leftblock p {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 65px;
    line-height: 28px;
    color: var(--color-text) !important
}

.whyandroid-whitebox h3 {
    font-size: 48px;
    color: #3d3d3d;
    margin: 0 0 30px;
    line-height: 65px !important;
    font-weight: 500 !important
}

.whyandroid-whitebox.whyios-whitebox h3 {
    font-size: 32px;
    line-height: 45px !important
}

.technology-icons h4 {
    font-size: 18px;
    color: #1e1d28;
    margin-top: 10px;
    font-weight: 400
}

.suces-android-blackbox p {
    font-size: 18px;
    color: var(--color-white-fixed);
    font-weight: 400;
    padding-right: 42px;
    line-height: 28px
}

.perfect-team-middletxt-right .thumbnail p {
    font-size: 18px !important;
    color: #000;
    margin: 0;
    min-height: 86px
}

.joomla-banner-left p {
    font-size: 20px;
    color: var(--color-white-fixed);
    margin: 22px 0 70px;
    line-height: 30px;
    width: 61%
}

.joomla-to-banner h1 {
    text-transform: uppercase;
    text-align: left;
    position: relative;
    padding-bottom: 15px;
    width: 62%;
    color: var(--color-white-fixed);
}

.webapp-botomtext p {
    text-align: center;
    text-transform: uppercase;
    padding: 10px 40px 0;
    font-size: 14px;
    color: var(--color-text) !important
}

.perfect-team-middletxt-left p {
    padding: 20px 0;
    color: #000;
    font-size: 18px;
    line-height: 28px
}

.androidtextbig {
    font-weight: 600;
    font-size: 330px;
    color: #00e07c;
    bottom: -375px;
    left: 0;
    margin: 0 auto
}

.marketWeserve-block p {
    color: var(--color-text);
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 65px;
    line-height: 30px
}

.oueandroid-left p {
    font-size: 18px;
    color: var(--color-white-fixed);
    font-weight: 400;
    line-height: 28px
}

.whyandroid-whitebox p {
    font-size: 18px;
    color: #3d3d3d;
    font-weight: 300;
    line-height: 30px
}

.magento-Ecomrce-inn p {
    color: #69737f !important;
    line-height: 30px
}

.trusted-list li {
    border-bottom: 1px solid #ceced1;
    display: inline-block;
    padding-bottom: 2rem;
    background: url(https://vocso.com/images/active-plan-icon.svg) right center no-repeat;
    width: 80%;
    padding-right: 30px;
    padding-top: 2rem;
    font-size: 18px;
    color: var(--color-text) !important
}

.shopRemix-inn p {
    padding-right: 80px;
    font-weight: 400;
    margin-top: -35px;
    line-height: 30px
}

.custom-bot-div {
    background: #3c3b7f;
    padding: 80px 0
}

.manageboxtext p {
    margin: 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 23px
}

.company_briefDiv p,
.company_whiteDiv p {
    font-size: 18px !important;
    line-height: 30px !important;
    color: #1b1b1b
}

.hire-tab-list li p {
    padding-left: 10px;
    width: 88% !important
}

.company_whiteDiv p {
    max-width: 881px;
    margin: 0 auto
}

.company_briefDiv p {
    padding-bottom: 15px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.company_whiteDiv li h6 {
    color: var(--color-primary);
}

.company_photo p {
    text-align: center;
    font-size: 18px;
    color: #1b1b1b;
    line-height: 30px;
    max-width: 800px;
    margin: 0 auto
}

.team_company p {
    color: #1b1b1b;
    text-align: center;
    font-size: 18px !important;
    line-height: 30px !important;
    max-width: 900px;
    margin: 0 auto 80px
}

.bottomprofile-details h6 {
    font-size: 14px !important;
    font-weight: 500;
    margin: 0
}

.joing_div p {
    font-size: 16px;
    font-weight: 400;
    padding-top: 6px;
    line-height: 23px !important
}

.shoptext {
    text-align: center;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -62px;
    font-size: 14px;
    font-weight: 400
}

.responsive-web-Banner p {
    color: var(--color-white-fixed);
    font-size: 18px !important;
    padding-top: 10px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.imagineall-mainblock .imagineall-left p {
    font-size: 36px;
    font-weight: 600;
    margin: 0;
    line-height: 51px;
    padding-right: 30px
}

.managedpackg {
    margin-top: -229px !important;
    background: #e3dbd8 !important
}

.managedpackg .packgesblue-txt {
    margin-right: 0;
    width: 100%;
    text-align: center;
    margin-top: 0;
    background: rgba(113, 174, 198, .5);
    padding: 50px;
    position: absolute;
    bottom: 0
}

.myModal-ordernow .modal-dialog {
    width: 1549px;
    margin: 0 auto;
    max-width: 1549px !important
}

.increased-box p {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: var(--color-white-fixed);
    text-align: center !important;
    margin: 0;
    line-height: 21px !important
}

.another-phara-div p,
.digital-quality-left p {
    line-height: 30px !important;
    font-size: 18px
}

.another-phara-div p {
    color: var(--color-white-fixed);
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.acc-content td {
    border-bottom: 1px solid #cdcde5;
    border-left: 1px solid #cdcde5;
    font-size: 16px !important;
    padding: 20px !important;
    font-weight: 700
}

ul.reputation-servicebox-content li {
    width: auto;
    display: block;
    text-align: left;
    padding-left: 0;
    font-size: 18px;
    color: #50b6b7;
    line-height: 28px;
    font-weight: 500 !important
}

.onlinefaq .addui-Accordion .addui-Accordion-content p {
    color: #939393 !important;
    font-size: 18px;
    text-align: left;
    padding: 0;
    margin-top: 15px
}

ul.reputation-abouttext li {
    background: url(../images/reputation-about-icon.png) 0 7% no-repeat;
    display: block;
    width: auto;
    text-align: left;
    font-size: 14px;
    color: #707d8b;
    font-weight: 500;
    margin-bottom: 20px;
    padding-left: 30px;
    line-height: 18px !important
}

.testmonail_div .test_box_1 h4,
.textmonialText h5 span {
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.reputation-need-pkg p {
    padding: 0;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    color: #949da8;
    margin-bottom: 0;
    line-height: normal
}

.reputation-footer-text p {
    padding: 0 !important;
    margin-bottom: 0;
    color: #717171 !important;
    font-size: 15px !important;
    text-align: left !important;
    line-height: normal !important
}

.reputation-box1 {
    width: 34% !important;
    margin-right: 25px !important;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out
}

.reputation-gurantee-block p {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: var(--color-white-fixed) !important;
    line-height: normal !important
}

.company_photo .whtie_bg ul {
    border: 1px solid #abaad0;
    float: left;
    width: 100% !important;
    padding: 0;
    margin-top: 50px
}

.webapp-video {
    max-width: 960px !important;
    width: 960px !important;
    height: 540px !important;
    margin-top: 70px !important
}

.web-top-tab p {
    font-size: 18px !important;
    margin-bottom: 25px;
    color: var(--color-text);
    font-weight: 500;
    word-wrap: break-word;
    line-height: 30px
}

.web-similar-btn h2 {
    font-size: 22px;
    margin-top: 0;
    text-transform: none;
    color: var(--color-white-fixed);
}

.meghodologyBanner p,
.methodology_div p {
    font-size: 18px !important;
    line-height: 30px !important
}

.company-botDiv .transBtnB {
    font-size: 21px;
    margin-top: 0 !important;
    padding: 10px 55px 10px 20px
}

#carousel h3 {
    font-size: 26px;
    padding-left: 25px;
    line-height: 22px;
    padding-top: 20px;
    font-weight: 700 !important
}

.testmonail_div .test_box_1 h4 {
    font-size: 1.8rem;
    color: #605d7d;
    line-height: 30px !important;
    min-height: 70px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

.textmonialText h5 span {
    color: #695f8e;
    font-size: 1.6rem !important
}

.meghodologyBanner p {
    color: var(--color-white-fixed);
    text-align: right;
    padding-top: 8px;
    max-width: 900px;
    margin: 10px auto
}

.methodology_div p {
    color: #000 !important
}

.iso-quality-left p {
    font-size: 3.7rem !important;
    font-weight: 100;
    text-align: right;
    margin-top: 44px;
    line-height: normal !important
}

.hire-left-sec h4,
.verticalTxt p {
    line-height: 30px !important;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.iso-button-sec h3,
.iso-button-sec h4 {
    font-weight: 400;
    text-align: right;
    color: #000;
    font-size: 18px !important;
    padding: 9px 0;
    margin-bottom: 0 !important
}

.verticalTxt p {
    font-size: 18px !important;
    font-weight: 300
}

.readmore_new {
    font-size: 14px !important;
    font-weight: 500
}

.hire-left-sec h4,
.pinkvs {
    font-size: 20px;
    color: var(--color-white-fixed);
}

.raq_top_part .left_part li label {
    font-size: 14px;
    font-weight: 400;
    color: #9f9f9f;
    line-height: 20px
}

.different-platforms {
    background: url(../images/android-devlopemnt-img.png) right center no-repeat var(--color-white-fixed);
    position: relative;
    width: 372px;
    padding: 50px 0 50px 50px;
    min-height: 373px;
    border-radius: 8px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: top
}

.different-platforms-b {
    background: url(../images/iphonedevlopment-img.png) right center no-repeat var(--color-white-fixed)
}

.different-platforms-c {
    background: url(../images/hybrid-devlopement-img.png) right center no-repeat var(--color-white-fixed)
}

.web-custom-main li .bottom-sec-plateform p {
    width: 100% !important;
    font-size: 16px
}

.hybrid-app-banner {
    background: #d5dfe8;
    padding-top: 80px;
    min-height: 650px;
    position: relative;
    padding-bottom: 80px
}

.company_briefDiv,
.company_whiteDiv,
.seo_table {
    padding: 70px 0;
    width: 100%
}

.hire-left-sec h4 {
    margin-top: 0 !important;
    margin-bottom: 30px;
    font-weight: 400;
    text-align: right
}

.freecms-joomlalogo {
    position: absolute;
    right: 94px;
    top: 41px
}

.ios-industry-box .thumbnail .caption ul li {
    font-size: 18px !important;
    background: url(https://vocso.com/images/ios-app-feature-check-icon.png) center left no-repeat;
    padding-left: 30px;
    display: block;
    margin: 15px 0
}

.benefit-left-sec p {
    color: var(--color-text);
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0
}

.seo_table h3,
.seo_table p,
h3.heading_testmonail {
    color: var(--color-text) !important
}

.seo_table {
    background: var(--color-bg) !important;
    float: left
}

.seo_table h3 {
    font-size: 36px;
    text-align: center;
    padding: 0 12% 10px;
    text-transform: uppercase
}

.seo_table p {
    font-size: 16px;
    line-height: 25px !important;
    text-align: center;
    padding: 0 12%
}

.whychoose-onlinepartner {
    background: #daf4f4 !important
}

.whychoose-onlinepartner .blue-cont-sec h2 {
    margin-left: 0;
    width: 90% !important;
    min-height: 80px;
    font-weight: 400;
    line-height: 29px;
    color: var(--color-text) !important;
    text-transform: capitalize
}

.mobile-blue-div p {
    margin-bottom: 28px;
    font-size: 18px !important;
    line-height: 30px !important
}

.mobile-blue-div .mobile-app-list li p {
    text-transform: none !important;
    font-size: 18px !important;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent
}

.company_whiteDiv {
    background: var(--color-bg) !important;
    float: left;
    text-align: center
}

.company_briefDiv {
    background: #eee9e3;
    text-align: left;
    display: inline-block
}

.team_company {
    background: var(--color-bg) !important;
    padding: 70px 0 0;
    float: left;
    width: 100%;
    position: relative
}

h3.heading_testmonail {
    font-size: 40px;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 40px
}

.darkmode .testmonail_div .test_box_1:after {
    filter: brightness(.2)
}

.discuss_div {
    width: 100%;
    float: left;
    padding: 120px 0 80px;
    background: #ebe7e4
}

.deploy_div {
    padding: 85px 0 40px;
    background: #ebe7e4 !important
}

.darkmode .job_list .listing_div,
.darkmode .listing_div {
    background: var(--color-neutral-dark);
    box-shadow: 7px 7px 0 var(--color-neutral-dark)
}

.darkmode .job_list .div_list p {
    color: var(--color-white-fixed);
    border-bottom: 1px solid #35383c
}

.academy-middlelinks {
    padding: 53px 0;
    background: var(--color-bg) !important;
    display: block;
    width: 100%;
    box-shadow: 0 -5px 20px rgb(0 0 0 / 70%);
    z-index: 1;
    position: relative
}

.darkmode .whitepaper-ebookbg {
    background: var(--color-neutral-dark);
    box-shadow: 0 5px 5px var(--color-neutral-dark)
}

.easeopen-source h2 {
    font-weight: 700;
    position: relative;
    color: #000 !important;
    line-height: 50px
}

.easemanagement-tabright h2 {
    font-size: 36px;
    margin: 0 0 32px;
    padding: 0;
    font-weight: 700;
    color: #000
}

.pinkvs {
    position: absolute;
    background: rgba(231, 78, 110, .8);
    width: 75px;
    height: 75px;
    text-align: center;
    padding-top: 0 !important;
    border-radius: 100%;
    top: 0;
    right: -37px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.affrdble-Magento-whitediv,
.development-approach-sec,
.magento-banner {
    background: var(--color-bg) !important
}

.magento-banner {
    padding: 80px 0 150px;
    border-bottom: 1px solid #eaeaea
}

.magento-banner-left p {
    margin: 48px 0 70px;
    color: #626262
}

.affrdble-Magento-whitediv {
    padding-bottom: 70px
}

.development-approach-sec {
    width: 100%;
    float: left;
    padding-bottom: 80px
}

.android-faq h3 {
    font-size: 55px;
    font-weight: 600;
    max-width: 700px;
    margin: 0 auto 60px;
    text-align: center;
    text-transform: capitalize;
    color: var(--color-text) !important
}

.android-faq li {
    margin-top: 7px;
    color: var(--color-text)
}

.darkmode .android-badge-block {
    text-align: center;
    background: var(--color-neutral-dark)
}

.word-banner-cont h3 {
    font-size: 18px;
    color: var(--color-text) !important;
    line-height: 22px
}

.word-banner-cont span {
    background: #ede864;
    border-radius: 8px;
    padding: 1px 5px 1px 9px;
    height: 22px;
    display: inline-block
}

.bxslider-redesign-txt h4 {
    font-size: 18px;
    font-weight: 700;
    color: #272727;
    margin-bottom: 18px !important
}

.bxslider-portfolio-sec .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 50px !important;
    height: 50px !important;
    text-indent: -9999px;
    z-index: 9999
}

.darkmode .bxslider-portfolio-sec .bx-wrapper .bx-controls-direction a {
    filter: contrast(.1)
}

.psd-comment-code {
    position: absolute;
    left: 330px;
    margin: 0 auto;
    top: 150px;
    z-index: 10;
    display: block
}

.psd-comment-code img {
    right: 60px !important;
    position: absolute;
    left: 0;
    margin: 0 auto;
    bottom: -11px
}

.psd-bottom-btn .newbtn {
    background: #000;
    padding: 22px 63px 22px 35px !important
}

.bxslider-portfolio-txt h3 {
    font-size: 16px !important;
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: #858d94
}

.multiple-btn {
    background: #000;
    padding: 14px 27px 12px 29px;
    display: inline-block;
    color: var(--color-white-fixed);
    font-size: 14px !important;
    line-height: 15px;
    cursor: default
}

.bxslider-portfolio-txt {
    width: 37%;
    display: inline-block;
    text-align: right;
    margin-top: 55px;
    position: absolute;
    left: 0
}

.bxslider-portfolio-txt p {
    font-size: 18px !important;
    color: #858d94;
    margin-bottom: 42px;
    line-height: 23px !important;
    -webkit-font-smoothing: antialiased
}

.bxslider-portfolio-txt h2 {
    font-size: 25px;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-top: 12px
}

.google-main-imgblock h3,
.intro-main h3 {
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase
}

.intro-main h3 {
    color: #000;
    margin: 0 0 45px;
    padding-top: 20px;
    line-height: 47px;
    position: relative;
    text-align: center;
    padding-bottom: 45px
}

.clients-digital-logos h2,
.clients-digital-logos h3,
.google-main-imgblock h3,
.what-inner-boxs h4,
.whatdoforu-digitalmrktg h2,
.whatdoforu-digitalmrktg h3 {
    color: var(--color-text) !important
}

.clientslogos-centerblock img,
.google-main-imgblock-trustlogo img {
    display: inline-block;
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: .3s;
    opacity: .5
}

.darkmode .clientslogos-centerblock img,
.darkmode .google-main-imgblock-trustlogo img {
    filter: grayscale(100%) brightness(.9) invert(1) !important;
    opacity: 1 !important
}

.google-main-imgblock h3 {
    margin: 0 0 60px
}

.darkmode span.horizontal-line {
    background: #333436
}

.whatdoforu-digitalmrktg h2 {
    line-height: 0;
    text-transform: lowercase
}

.whatdoforu-digitalmrktg h3 {
    margin-bottom: 100px;
    line-height: 46px;
    padding: 0;
    margin-top: 38px;
    text-transform: uppercase
}

#digiFixTabs .scrollspy .what-inner-boxs {
    background: var(--color-white-fixed) !important
}

.what-inner-boxs h4 {
    font-size: 20px;
    font-weight: 500;
    margin: 25px 0
}

.clients-digital-logos h2 {
    line-height: 0
}

.clients-digital-logos h3 {
    text-transform: uppercase;
    padding: 0 455px;
    margin-top: 46px
}

.ecomm-devlop h3 {
    color: var(--color-white-fixed);
    font-size: 18px;
    font-style: italic
}

.respboxBlue p,
.respdevelop p {
    color: #306b84 !important
}

.packred-arrow p {
    font-size: 16px;
    color: var(--color-white-fixed);
    text-transform: uppercase;
    position: relative;
    letter-spacing: 1px;
    margin-bottom: 0;
    line-height: 23px
}

.redbtn {
    background: var(--color-primary) !important;
    line-height: normal !important
}

.reputationService-box h4 {
    margin: 0 0 20px;
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 400;
    color: var(--color-text) !important
}

.company_whiteDiv h1 {
    font-size: 40px;
    color: var(--color-primary);
    padding-bottom: 15px !important;
    text-transform: uppercase;
    margin-top: 0
}

.method-right-part p {
    color: var(--color-white-fixed);
    display: inline-block;
    vertical-align: middle;
    font-size: 18px !important;
    margin-top: 10px
}

.hire-programmer-sec {
    background: url(../images/hire-programe-bg.webp) 0 0/cover no-repeat;
    background-position: 0 0 !important
}

.benefits-list-sec h4 {
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: var(--color-text) !important
}

.darkmode .benefits-list-sec,
.darkmode .benefits-list-sec li {
    border: 1px solid var(--color-neutral-dark)
}

.bxslider-mobileApps-sec .bxslider-mobileApps-txt h4 {
    font-size: 22px;
    color: var(--color-text) !important
}

.redesignBottm-list li {
    font-size: 12px;
    color: #272727;
    position: relative;
    padding-right: 31px;
    padding-bottom: 10px;
    line-height: 26px
}

.schedulemain_div {
    background: #9fa5ab;
    float: left;
    width: 100%;
    padding: 0 10px 10px;
    min-height: 212px !important
}

.hiredevlpr-logo {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex: 100%
}

.hire-custom-mian li {
    min-height: 470px
}

.boxes-mainsec {
    display: block;
    width: 100%;
    float: left;
    padding-top: 0 !important;
    margin-top: 80px;
    background: var(--color-white-fixed);
}

.questionBar {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    flex-wrap: wrap
}

.questionBar div#surveyElement {
    margin: 26px auto;
    width: 100% !important
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.redesign-survey .radio label {
    width: 100%;
    padding: 16px 50px !important
}

.questionBar .radio span {
    margin-left: 13px;
    display: block !important;
    padding-left: 25px !important;
    line-height: 30px !important
}

.questionBar .progress-bar {
    background: var(--color-secondary-dark);
    box-shadow: none;
    font-size: 12px;
    font-weight: 500
}

.marketingResultBlock-slider-left p {
    text-align: left;
    padding: 0;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 45px
}

.customweb-new {
    background: #f2ebe9 !important
}

.solutionTxt {
    font-size: 75px;
    font-weight: 400;
    text-transform: none
}

.manageWebsite-box .respdevelop {
    float: none
}

.gray_box_div .box_1 {
    background: rgba(0, 66, 153, .9);
    min-height: auto;
    margin-right: 6px;
    margin-bottom: 6px;
    width: 100%;
    display: inline-block;
    padding: 38px 0;
    transition: transform .3s;
    transform: translateZ(0);
    -webkit-transition: background-color .3s;
    -webkit-transform: translateZ(0)
}

.webdesignServices .thumbnail {
    text-align: left;
    padding: 50px
}

.web-service-sec .web-app-video {
    margin: 0 auto;
    text-align: center;
    position: relative
}

.cta-btn-mobile {
    position: relative;
    background: var(--color-primary);
    color: var(--color-white-fixed);
    padding: 0 0 0 22px;
    line-height: normal;
    width: 144px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 2rem;
    font-size: 16px;
    font-weight: 500
}

.custom-faq-block h2 span {
    display: block;
    font-weight: 400
}

.digital-quality-left p {
    margin-top: 16px
}

.schedule-package-new a,
.seo_five-steps a {
    margin-right: 20px
}

.pkg-congratulations .succssfullmsg {
    display: block;
    width: 100%
}

.jennaFntsm {
    font-family: "Have Heart One", sans-serif;
    font-size: 55px;
    font-weight: 400
}

.hire-programmer-sec h2 span,
.opensource-banner h3,
.web-service-sec h2 span {
    color: #ff9700 !important
}

.company_whiteDiv h2 {
    font-size: 40px;
    color: var(--color-primary);
    padding-bottom: 15px !important;
    text-transform: uppercase;
    margin-top: 0;
    font-weight: 700
}

.ecommBuisnes h1,
.ecommBuisnes h2,
.magento-Ecomrce-left h1 {
    text-transform: uppercase;
    text-align: left;
    position: relative;
    padding-bottom: 29px;
    font-size: 48px;
    color: #232b41;
    margin: 0 0 26px
}

.affored-package h2 {
    margin-bottom: 42px;
    text-align: center
}

.seo_five-steps .schedule-stepbtn {
    width: 100%;
    display: flex;
    margin-top: 50px
}

.mobileapps-portfolio-sec .bxslider-mobileApps-sec .bx-wrapper .bx-prev {
    left: 101% !important
}

.mobileapps-portfolio-sec .bxslider-mobileApps-sec .bx-wrapper .bx-next {
    right: -69px !important
}

.alphabet_details,
.glossary-categories {
    border-bottom: .1rem solid var(--grey-to-dark-grey-color) !important
}

.alphabet_details h2 strong {
    font-weight: inherit
}

.darkmode .section-nav::-webkit-scrollbar-thumb {
    background-color: var(--color-neutral-dark)
}

.darkmode .after-text:before,
.darkmode .angular-footer .man-laughing-img::before,
.darkmode .before-text:after,
.darkmode .casestudy-slider li .pc-image img,
.darkmode .continuous_div:after,
.darkmode .engagemodalbox ul li svg,
.darkmode .measuring_div:after,
.darkmode .measuring_div:before,
.darkmode .plan_text:after,
.darkmode .port-ecommercs-icon,
.darkmode .port-mobileapps-icon,
.darkmode .projetnext-prev-block-test ul li a img,
.darkmode .webapp-port-icon,
.darkmode .whteppr_dwld-btn::after,
.darkmode .whychoose-onlinepartner .web-tab-list li span,
.darkmode .wordpress-darkmode img {
    filter: invert(1)
}

.projetnext-prev-block-test ul li a {
    border: 1px solid var(--color-text);
    margin-left: -1px;
    vertical-align: top;
    padding: 25px 50px;
    float: left;
    color: var(--color-text);
    font-size: 14px;
    font-weight: 500;
    min-height: 92px;
    text-transform: capitalize;
    display: flex;
    justify-content: center;
    align-items: center
}

.projetnext-prev-block-test ul {
    padding: 0;
    display: inline-block;
    margin-bottom: 0
}

.darkmode .projetnext-prev-block-test {
    padding: 100px 0;
    background: var(--color-neutral-dark);
    margin-top: 13rem;
}

.casestudy-slider li .pc-image img,
.darkmode .port-listing-blocktop #myBtnContainer a.btn.active .port-ecommercs-icon,
.darkmode .port-listing-blocktop #myBtnContainer a.btn.active .port-mobileapps-icon,
.port-listing-blocktop #myBtnContainer a.btn.active .webapp-port-icon {
    filter: invert(0)
}

.darkmode .port-listing-blocktop #myBtnContainer a.btn.active {
    font-size: 16px;
    text-transform: capitalize;
    color: var(--color-white-fixed);
    padding: 10px;
    background: #006967;
    box-shadow: none;
    height: 130px;
    width: 130px;
    margin-left: 30px;
    border: 0;
    font-weight: 500;
    -webkit-box-shadow: 0 3px 0 0 #f5f5f5;
    -moz-box-shadow: 0 3px 0 0 #f5f5f5;
    box-shadow: 0 3px 0 0 #f5f5f5;
    word-break: break-all;
    word-wrap: break-word
}

.darkmode .port-listing-blocktop #myBtnContainer a.btn {
    color: var(--color-white-fixed);
    background: var(--color-neutral-dark);
    border: 1px solid var(--color-neutral-dark);
    box-shadow: 0 3px 0 0 rgb(61 64 68)
}

.portfolio-details-Banner p {
    color: var(--color-white-fixed);
    font-size: 18px;
    margin-bottom: 0 !important;
    padding: 0 261px;
    margin-top: 13px !important;
    position: relative;
    padding-bottom: 55px !important;
    line-height: 26px
}

.projetnext-prev-block-test {
    text-align: center;
    margin: 0 auto;
    padding: 130px 0 0
}

.darkmode .digital-mrktg-tabslist {
    background: var(--color-neutral-dark);
    border-top: 1px solid #404040
}

.darkmode .digital-mrktg-tabslist::after {
    background: #404040
}

.darkmode .digital-mrktg-tabslist .active::after {
    background: url(../images/digital-tab-roungarrow-darkmode.png) no-repeat
}

.darkmode .digital-mrktg-tabslist .active {
    background-color: var(--color-secondary-dark);
}

.darkmode .digital-mrktg-tabslist li {
    border-right: 1px solid rgb(64 64 64)
}

.darkmode .processwork_div li .gray_bg {
    filter: grayscale(1);
    background: #161616
}

.darkmode .acc-container h4 {
    background: #2e2e2e
}

.darkmode .responsive tbody tr:nth-child(odd) {
    background-color: #2e2e2e !important
}

.darkmode .acc-content td {
    border-bottom: 1px solid #4a4a4a;
    border-left: 1px solid #4a4a4a;
    color: var(--color-white-fixed);
}

.darkmode .company_photo .whtie_bg,
.darkmode .fivesteps-block-form {
    background: rgb(37 40 44 / 90%)
}

.darkmode .download-inner-bottom p,
.darkmode .engagemodalbox h3,
.darkmode .fivesteps-block-form p,
.darkmode .listing_div p,
.darkmode .sitmaps-links h3,
.darkmode .web-top-tab h3 {
    border-bottom: 1px solid #35383c
}

.darkmode .glossary_sec a,
.darkmode .trusted-list li {
    border-bottom: 1px solid #35383c;
}

.darkmode .my_bluebox.fivesteps-Form .form-group .form-control {
    background: var(--color-neutral-dark);
    color: var(--color-white-fixed) !important;
    border: 1px solid #35383c
}

.darkmode .my_bluebox.fivesteps-Form .form-group .form-control::placeholder {
    color: var(--color-white-fixed);
}

.benfit-reputation-container .resp-tab-content h3 {
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    line-height: 27px;
    margin-bottom: 0;
    padding: 0 0 28px;
    color: var(--color-text)
}

.tableft.pull-left li {
    display: block !important;
    float: none !important;
    background: var(--color-bg);
    margin-bottom: 20px
}

.darkmode .tableft.pull-left li {
    box-shadow: 0 0 25px 4px rgb(57 57 57)
}

.darkmode .benfit-reputation-container .resp-tab-content {
    background: var(--color-neutral-dark) !important;
    border-left: 1px solid #4e4e4e;
}

.darkmode .benfit-reputation-container .resp-tab-content p {
    color: var(--color-white-fixed);
    border-top: 1px solid #4e4e4e
}

.angularPortfolioSlider h2,
.benfit-reputation-tabslist li.resp-tab-active h5,
.benfit-reputation-tabslist li.resp-tab-active span,
.customPaying .visitorspay h1,
.customPaying .visitorspay p,
.darkmode #paymentEnquiryForm .modal-content .raq_top_part p,
.darkmode #redesign_questionaire_submit_success,
.darkmode .alphabet_details h1,
.darkmode .alphabet_details h2,
.darkmode .alphabet_details h3,
.darkmode .alphabet_details h4,
.darkmode .alphabet_details h5,
.darkmode .alphabet_details h6,
.darkmode .benfit-reputation-tabslist li.resp-tab-active h5,
.darkmode .company_briefDiv h4,
.darkmode .company_briefDiv p,
.darkmode .contact-formwhitebox h2,
.darkmode .ecommBuisnes-right .thumbnail .caption span,
.darkmode .errorCont p,
.darkmode .faqpanel p,
.darkmode .form-whitebg h2,
.darkmode .left_part h3,
.darkmode .listing_div h3,
.darkmode .listing_div p,
.darkmode .onlinefaq .addui-Accordion-open h5,
.darkmode .popular-appblockgreen .android-services-box .thumbnail h3,
.darkmode .psd-coded-sec .right_div_common h3,
.darkmode .raq_top_part .left_part li label,
.darkmode .resource-digital-main .resourceyellow-div p,
.darkmode .resource-digital-main .resourceyellow-divbottom h4,
.darkmode .tabs-inner-cont-left p,
.darkmode .whyandroid-app .whyandroid-leftblock h2,
.darkmode .whydevlpvocso .whyandroid-whitebox h3,
.darkmode .whydevlpvocso .whyandroid-whitebox p,
.ecoom-wordpress-development .ecommBuisnes h2,
.ecoom-wordpress-development .ecommBuisnes p,
.getquote-btn:hover,
.tailor-blk span {
    color: var(--color-white-fixed);
}

.darkmode .benfit-reputation-tabslist li h5 {
    color: #aaa
}

.darkmode .benfit-reputation-container .resp-tab-content::after,
.darkmode .benfit-reputation-container .resp-tab-content::before {
    background: #4e4e4e
}

.darkmode .responsive-tab-inner .resp-tab-content {
    border: 1px solid #35383c;
    border-bottom: 0;
    background: var(--color-neutral-dark)
}

.darkmode .psd-tabs-list .resp-tab-active {
    border-top: 1px solid #35383c !important;
    background: var(--color-neutral-dark)
}

.darkmode .psd-tabs-list li {
    border-left: 1px solid #35383c
}

.psd-tabs-list p {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 17px;
    color: var(--color-text)
}

.darkmode .psd-tabs-list li:last-child {
    border-right: 1px solid #35383c
}

.darkmode .questionBar .sv_qstn h5 {
    background: rgb(37 40 44)
}

.darkmode .faqs .panel-group .panel.panel-colorchange,
.darkmode .questionBar .panel-footer,
.darkmode .ui-slider-tabs-content-container {
    background-color: var(--color-neutral-dark)
}

.darkmode .agency-main-sec .survey-form input {
    border: 1px solid #35383c;
    background: var(--color-neutral-dark);
    color: var(--color-white-fixed) !important
}

.agency-bottom-btn {
    border-top: 1px solid #35383c !important
}

.darkmode .bottom-sec-plateform,
.web-tab-list {
    border-top: 1px solid #35383c
}

.darkmode .develop-framework-sec {
    background: #006967
}

.darkmode .marketWeserve-block .android-services-box .thumbnail h3 {
    color: var(--color-white-fixed);
    text-align: left
}

.morewhites:hover {
    background: var(--color-primary);
    transition: .3s;
    color: var(--color-white-fixed)
}

.glossary-stop {
    padding-top: 100px
}

.darkmode .glossary_sec a {
    color: var(--color-white-fixed);
}

.darkmode .glossary_sec a:hover {
    border-bottom: 1px solid var(--color-primary);
    color: var(--color-primary);
}

.blog-academybottom a {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    color: var(--color-text);
    top: 0 !important
}

.darkmode .whteppr_dwld-btn {
    color: var(--color-white-fixed);
    background: var(--color-neutral-dark)
}

.blog-academybottom {
    padding: 25px 20px 50px;
    display: block;
    border: 1px solid #e1e1e1;
    border-radius: 0 0 4px 4px;
    background: var(--color-white-fixed);
    min-height: 129px
}

.darkmode .blog-academybottom {
    background: var(--color-neutral-dark);
    border: 1px solid var(--color-neutral-dark)
}

.darkmode .blog-academy .bottom-li {
    box-shadow: 0 0 2px 1px var(--color-neutral-dark);
    background: var(--color-neutral-dark)
}

.darkmode .form-right-sec .form-group .form-control {
    border-bottom: 2px solid #35383c;
    background: var(--color-neutral-dark);
}

.yourdream h2 {
    padding-bottom: 0;
    margin-bottom: 0
}

.pkgaesfeatures ul li {
    font-size: 16px;
    font-weight: 300;
    text-transform: capitalize;
    color: #2a2f42;
    border-bottom: 1px solid #ccc;
    padding-bottom: 14px;
    width: 78%;
    margin-bottom: 14px;
    vertical-align: top;
    line-height: 24px
}

.weOrchestrate-tab h2 {
    text-align: center;
    max-width: 65%;
    margin: 0 auto 30px !important
}

.navbar-landing {
    display: flex;
    justify-content: center;
    align-item: center
}

.darkmode .plateform-main {
    box-shadow: var(--color-neutral-dark) 6px 6px 0;
    background: var(--color-neutral-dark)
}

.darkmode .company_photo .whtie_bg li {
    border-left: 1px solid #35383c;
    border-bottom: 1px solid #35383c
}

.darkmode .company_photo .whtie_bg ul,
.req_input_full {
    border: 1px solid #35383c
}

.fancybox-overlay {
    background: #0e0c0ced !important
}

.reputationService-box {
    display: inline-block;
    background: var(--color-white-fixed);
    padding: 60px;
    text-align: center;
    width: 450px;
    vertical-align: top;
    margin-right: 34px;
    -webkit-box-shadow: 0 0 30px 5px #e9e9e9;
    -moz-box-shadow: 0 0 30px 5px #e9e9e9;
    box-shadow: 0 0 30px 5px #e9e9e9;
    transition: .3s;
    transform: translateX(0) translateY(0) translateZ(1px) scaleX(1) scaleY(1) scaleZ(1);
    transform-style: preserve-3d;
    will-change: transform;
    margin-bottom: 36px;
    min-height: 670px
}

.digital-bottom-btn .redbtn.arrowrgt::after {
    top: 27px
}

.darkmode .affrdble-Magento-whitediv .price-order:after {
    background: #35383c
}

.reputation-package-main h4 {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text);
    margin: 0 0 37px;
    position: relative;
    padding-bottom: 22px;
    text-align: left
}

.reputation-package-main h4::after {
    position: absolute;
    content: "";
    width: 86px;
    height: 5px;
    background: var(--color-text);
    left: 0;
    bottom: 0
}

.darkmode .port-imgframe-area {
    box-shadow: 0 0 12px 0 rgb(255 255 255 / 24%)
}

.darkmode .budget-friendlyblk .list-group-item {
    border-bottom: 1px solid #35383c !important;
}

.darkmode .req-new.raq_top_part .left_part li {
    box-shadow: none;
    background: url(../images/radio_icon-darkmode.png) 90% 21px no-repeat #000
}

.darkmode .benefit-left-sec:before {
    background: url(../images/word-slide-top-darkmode.png) top left no-repeat
}

.port-ecommercs-icon {
    background: url(../images/ecomm-website-icon-grey.png) center center no-repeat
}

.port-listing-blocktop #myBtnContainer a.btn.active .port-ecommercs-icon,
a.btn:hover .port-ecommercs-icon {
    background: url(../images/ecomm-website-icon-white.png) center center no-repeat !important
}

.hire-banner .web-app-text h1 span {
    display: block;
    line-height: 3px !important
}

.darkmode .email-boxes {
    border: 2px solid var(--color-neutral-dark)
}

.box-with-text {
    position: relative;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase
}

.aboutclient h3,
.aboutclient h4,
.badgecontent strong,
.boxbtn,
.engagemodalbox h3,
.engagemodalbox ul li,
.faqs .panel-group .panel-heading a,
.howitworks-blocks h3,
.howitworks-blocks ul li,
.nodelogo-column li p,
.ordertowork h2,
.replacementgurantee-angular h2 {
    text-transform: capitalize
}

.text {
    position: relative;
    display: block;
    background: linear-gradient(91deg, var(--color-primary), #00cccd);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-animation: 3s infinite AnimationName;
    -moz-animation: 3s infinite AnimationName;
    animation: 3s infinite AnimationName
}

@-webkit-keyframes AnimationName {

    0%,
    100% {
        background-position: 0 48%
    }

    50% {
        background-position: 100% 53%
    }
}

@-moz-keyframes AnimationName {

    0%,
    100% {
        background-position: 0 48%
    }

    50% {
        background-position: 100% 53%
    }
}

@keyframes AnimationName {

    0%,
    100% {
        background-position: 0 48%
    }

    50% {
        background-position: 100% 53%
    }
}

.portfolio-listing-block-cat {
    padding: 110px 0 45px
}

.port-listing-blocktop #myBtnContainer {
    text-align: center;
    padding-bottom: 100px
}

.webapp-port-icon {
    background: url(../images/web-app-icon-grey.png) center center no-repeat
}

.port-listing-blocktop #myBtnContainer a.btn.active {
    font-size: 16px;
    text-transform: capitalize;
    color: var(--color-white-fixed);
    padding: 10px;
    background: var(--color-secondary-dark);
    box-shadow: none;
    height: 130px;
    width: 130px;
    margin-left: 30px;
    border: 0;
    font-weight: 500;
    -webkit-box-shadow: 0 3px 0 0 rgb(245 245 245);
    -moz-box-shadow: 0 3px 0 0 #f5f5f5;
    box-shadow: 0 3px 0 0 rgb(245 245 245);
    word-break: break-all;
    word-wrap: break-word
}

.port-listing-blocktop #myBtnContainer a.btn.active .uiux-icon {
    background: url(../images/ui-ux-icon-white.png) center center no-repeat !important
}

.port-website-icon {
    background: url(../images/port-websites-icon-grey.png) center center no-repeat
}

.port-listing-blocktop #myBtnContainer a.btn.active .port-website-icon,
a.btn:hover .port-website-icon {
    background: url(../images/port-websites-icon-white.png) center center no-repeat !important
}

.port-listing-blocktop #myBtnContainer a.btn.active .webapp-port-icon,
a.btn:hover .webapp-port-icon {
    background: url(../images/web-app-icon-white.png) center center no-repeat !important
}

.port-mobileapps-icon {
    background: url(../images/mobile-apps-icon-grey.png) center center no-repeat
}

.port-listing-blocktop #myBtnContainer a.btn.active .port-mobileapps-icon,
a.btn:hover .port-mobileapps-icon {
    background: url(../images/mobile-apps-icon-white.png) center center no-repeat !important
}

.port-logo-icon {
    background: url(../images/logo-port-icon-grey.png) center center no-repeat
}

.port-listing-blocktop #myBtnContainer a.btn.active .port-logo-icon {
    background: url(../images/logo-port-icon-white.png) center center no-repeat
}

.port-redesign-icon {
    background: url(../images/port-redesign-grey.png) center center no-repeat
}

.port-listing-blocktop #myBtnContainer a.btn.active .port-redesign-icon,
a.btn:hover .port-redesign-icon {
    background: url(../images/port-redesign-white.png) center center no-repeat !important
}

a.btn:hover .port-logo-icon {
    background: url(../images/logo-port-icon-white.png) center center no-repeat !important
}

.darkmode .tabbing-main-sec #horizontalTab h2 {
    background: var(--color-neutral-dark);
    border: 1px solid var(--color-neutral-dark);
    border-top: 1px solid var(--color-neutral-dark) !important
}

#payment_form_new .form-right-sec .form-control {
    height: 50px !important
}

.increased-box h5,
.increased-box h6 {
    font-size: 20px;
    color: var(--color-white-fixed);
    font-weight: 600;
    margin: 7px 0 10px
}

.customweb-new p {
    width: 100%;
    font-weight: 700;
    color: var(--color-text)
}

.congrats_contacts span svg {
    fill: var(--color-secondary-dark);
}

.darkmode a.btn:hover .port-ecommercs-icon,
.darkmode a.btn:hover .port-mobileapps-icon,
.darkmode a.btn:hover .webapp-port-icon {
    filter: revert
}

.owndedicated span {
    font-weight: 600
}

.form-logo-blockThankYou .form-bottom-sec {
    justify-content: center;
    align-items: center;
    display: flex
}

p.raq_congrats_subheading {
    margin: 0 auto !important;
    font-size: 2rem;
    line-height: 3rem;
    max-width: 80%;
    color: var(--color-text)
}

.moretraffic-btn {
    position: fixed;
    background: var(--color-primary);
    bottom: 2rem;
    color: var(--color-white-fixed);
    z-index: 11;
    padding: 1rem;
    display: none;
    border: 0;
    left: 4rem;
    border-radius: .5rem
}

.opensource-banner h3 {
    letter-spacing: .4rem;
    color: var(--color-white-fixed) !important
}

.faqs a,
.howitworks-blocks h3 {
    color: var(--color-text)
}

.darkmode .errornewImg svg {
    fill: #c8deda
}

.getquote-btn {
    margin-left: 0 !important
}

.workorderCircle {
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 60rem;
    max-height: 60rem;
    min-height: 60rem;
    min-width: 60rem
}

.workordercircle-content span {
    font-size: 10rem;
    font-weight: 700
}

.workordercircle-content strong {
    font-size: 18rem;
    font-weight: 700
}

.faqs a,
.howitworks-blocks h3 {
    font-size: 2rem;
    font-weight: 600
}

.workordercircle-content p {
    font-size: 2rem;
    line-height: 3rem
}

.workordercircle-content {
    width: 55%;
    color: var(--color-white-fixed);
}

.workorderCircle:nth-last-of-type(2) {
    margin-left: -8rem;
    background-image: linear-gradient(#00a2a0, #4263fb)
}

.workorderCircle:last-of-type {
    margin-left: -8rem;
    background-image: linear-gradient(#4c5157, #25282c)
}

.orderCircle-main {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%
}

.slide-track,
.slide-track2 {
    justify-content: space-between
}

.workorderCircle-animation1 {
    background-image: linear-gradient(#92e6e7, #4263fb)
}

.slider {
    position: relative;
    width: 100%;
    display: grid;
    overflow: hidden;
    padding: 3rem 0
}

.slide-track {
    display: flex;
    animation: 60s linear infinite scroll
}

.slide-track2 {
    display: flex;
    animation: 90s linear infinite scroll2
}

.slide-track-logo {
    width: 100%;
    display: flex;
    animation: 90s linear infinite scroll;
    justify-content: space-between;
    margin-top: 4rem;
    margin-bottom: 4rem
}

.slide {
    display: grid;
    transition: .5s
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(calc(-280px * 10))
    }
}

@keyframes scroll2 {
    0% {
        transform: translateX(calc(-150px * 5))
    }

    100% {
        transform: translateX(0)
    }
}

@media screen and (max-width:768px) {
    .ppc-stats-counter .slider:last-of-type {
        margin-top: 0 !important;
    }

    .slider:last-of-type {
        margin-top: -4rem !important
    }

    .slide {
        width: 115px;
        height: auto !important
    }
}

.slider .slide-track-logo .slide {
    background: var(--color-white-fixed);
    border-radius: .8rem;
    padding: 4rem 2rem;
    width: 190px;
    height: 190px;
    margin: 0 5rem;
}

.dedicatedresources-main .slider .slide-track .slide,
.dedicatedresources-main .slider .slide-track2 .slide {
    background: var(--color-white-fixed);
    border-radius: .5rem;
    padding: 5rem 7rem;
    box-shadow: 0 0 40px 10px rgb(0 0 0 / 8%);
    width: 235px;
    height: 235px;
    margin: 0 11px;
}

.slider:last-of-type {
    margin-top: -3.6rem
}

.faqs .panel-default>.panel-heading {
    padding: 0;
    border-radius: 0
}

.faqs .panel-group .panel-heading a {
    display: flex;
    padding: 2rem;
    text-decoration: none;
    position: relative;
    align-items: center;
    line-height: 3rem
}

.faqs .panel-group .panel.panel-colorchange .panel-heading a,
.faqs a:hover {
    color: #006967
}

.faqs .panel-default>.panel-heading:hover svg {
    fill: #006967
}

.faqs .panel-group .panel {
    border-radius: 0;
    border-bottom: .1rem solid #cdcdcd;
    margin: 0;
    display: block;
    min-height: auto
}

.faqs .panel-group .panel.panel-colorchange {
    box-shadow: 0 35px 79px -1px rgb(0 0 0 / 16%);
    border-bottom: 0 transparent;
    position: relative;
    z-index: 1;
    margin-top: -2px;
    background-color: var(--color-white-fixed);
    border-radius: .5rem
}

.faqs .panel-group .panel.panel-colorchange svg {
    fill: #006967 !important
}

.darkmode .faqs .panel-group .panel.panel-colorchange svg {
    fill: var(--color-secondary-dark) !important
}

.faqs .collapse.in {
    display: block;
    background: #e0f1f5
}

.faqs .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: 0;
    background: var(--color-white-fixed);
    padding: 0 4rem 4rem 9rem;
    line-height: 2.8rem;
    text-align: left
}

.faqs .panel-body {
    font-size: 1.8rem;
    color: #1b1b1b
}

.faqs h2 {
    max-width: 45% !important;
    margin: initial !important;
    text-align: left !important;
}

.faqs .panel-group .panel-heading a svg {
    margin-right: 2.5rem
}

.faqs .panel-default>.panel-heading h4.panel-title {
    margin: 0;
    text-align: left
}

.faqs .inner_block {
    padding-right: 14rem;
    margin-top: 6rem
}

.darkmode .faqs .panel-group .panel {
    border-bottom: .1rem solid var(--color-neutral-dark)
}

.angularSchedule-btn {
    background: var(--color-primary);
    color: var(--color-white-fixed) !important;
    font-weight: 400 !important
}

.dedicatedresources-main h2 {
    max-width: 58% !important;
    margin-bottom: 5rem !important;
}

.hiringangular-vocso {
    background: linear-gradient(90deg, #fff 20%, rgb(253 58 48 / 7%) 73%, rgb(89 201 203 / 10%) 100%);
    z-index: 1;
    position: relative
}

.howitworks-blocks img {
    transition: .3s linear;
}

.howitworks-blocks h3 {
    margin-top: 2rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
    min-height: 5rem;
    font-size: 1.8rem !important;
}

.howitworks-blocks p,
.howitworks-blocks ul li {
    font-size: 1.6rem;
    font-weight: 500;
    color: rgb(0 0 0 / 54%)
}

.websiteAdvantage .howitworks-blocks p {
    margin-bottom: 0;
    padding-right: 4.9rem
}

.howitworks-blocks p {
    max-width: 100% !important;
    line-height: 2.3rem;
    padding-bottom: 3rem;
    min-height: 10rem;
}

.howitworks p {
    margin: 2rem auto 8rem;
    font-weight: 500;
    line-height: 2.8rem
}

.howitworks-blocks {
    border-radius: 2rem;
    box-shadow: 33px 1px 44px 8px rgb(0 0 0 / 2%);
    display: block;
    text-align: center;
    padding: 4rem;
    background: var(--color-white-fixed);
    transition: .4s linear;
}

.howitworks-blocks:hover {
    box-shadow: 0 1px 44px 8px rgb(0 0 0 / 9%);
    transition: .4s linear;
    transform: scale(1.05)
}

.howitworks-blocks figure {
    border: 2px solid #000;
    max-width: 12rem;
    max-height: 12rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
    min-width: 12rem;
    min-height: 12rem;
}

.howitworks-blocks ul {
    margin-bottom: 0;
    padding-top: 3rem;
    border-top: .2rem solid;
    margin-top: 3rem
}

.howitworks-blocks ul li {
    list-style: none;
    text-align: left;
    margin-bottom: 1rem;
    line-height: 2.2rem
}

.howitworks-blocks figure.resourcealign-angular img {
    filter: inherit
}

@keyframes rotate-animation {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

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

.angularloading-icon-track {
    transform: translateY(3rem);
    width: 100%;
    height: 15px;
    background: url(../images/angularloader-trackbar.webp) center center no-repeat;
    position: absolute;
    z-index: -1;
    left: 0;
    content: "";
    right: 0;
    margin: 0 auto;
    top: 7rem;
}

.angularbox-space {
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: start;
    position: relative;
}

.success-icon img {
    filter: inherit !important
}

.successicon-block .success-icon {
    position: absolute;
    right: 12%;
    top: 5%
}

.letsfindResources {
    text-align: center;
    margin-top: 6rem
}

.letsfindResources p {
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 3rem;
    color: var(--color-text)
}

.darkmode .engagementModals,
.darkmode .hiringangular-vocso {
    background: #000;
    padding-bottom: 0
}

.darkmode .howitworks-blocks p,
.darkmode .howitworks-blocks ul li {
    color: rgb(255 255 255 / 54%)
}

figure.trustpilot-banner {
    text-align: left !important;
    margin-top: 5rem !important
}

.angularPortfolioSlider {
    overflow: hidden;
    background: var(--color-neutral-dark)
}

.darkmode .angularPortfolioSlider .slider .slide {
    background: inherit
}

.angularPortfolioSlider .slider .slide {
    background: inherit;
    filter: grayscale(100%) brightness(.9) invert(1)
}

.angularPortfolioSlider .swiper-slide-active {
    opacity: 1 !important
}

.angularPortfolioSlider .swiper-slide {
    align-items: center;
    justify-content: center;
    transition: .2s linear;
    opacity: .2
}

.casestudy-btn-anglr,
.client-avatar {
    align-items: center;
    display: flex
}

.angularPortfolioSlider .swiper-container {
    position: relative;
    width: 100%
}

.angularSlider-content {
    color: var(--color-bg);
    margin-top: 5rem
}

.angularSlider-content ul li {
    list-style: none;
    border-bottom: 1px solid #ccc;
    padding: 2.8rem 0;
    font-size: 1.8rem
}

.threecircle h2 {
    max-width: 49% !important;
}

.client-avatar img {
    width: 20% !important;
    margin-right: 2rem;
    border-radius: 100%
}

.aboutclient h3 {
    font-weight: 500;
    font-size: 2rem
}

.aboutclient h4 {
    font-size: 1.8rem;
    font-weight: 400
}

.siteclient-tesitmonial p {
    line-height: 3rem;
    font-size: 2rem;
    max-width: 100%;
}

.angularSlider-content ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.angularPortfolioSlider .swiper-slide .angularSlider-content {
    opacity: 0;
    transition: .3s linear
}

.angularPortfolioSlider .swiper-slide-active .angularSlider-content {
    opacity: 1;
    transition: .3s linear;
    color: var(--color-white-fixed);
    padding: 0
}

.angularSlider-content ul {
    padding-right: 4rem;
    margin-bottom: 0
}

.angularslider .swiper-button-next,
.angularslider .swiper-container-rtl .swiper-button-next {
    background: url(../images/angular-next-icon.webp) center center no-repeat #dbdcdd;
    right: 20rem !important;
    width: 8.5rem;
    height: 8.5rem;
    margin: 0;
    bottom: 0;
    top: 25%;
    border-radius: 100%;
    filter: inherit !important
}

.angularslider .swiper-button-prev,
.angularslider .swiper-container-rtl .swiper-button-prev {
    background: url(../images/angular-previous-icon.webp) center center no-repeat #dbdcdd;
    left: 20rem !important;
    width: 8.5rem;
    height: 8.5rem;
    margin: 0;
    bottom: 0;
    top: 25%;
    border-radius: 100%;
    filter: inherit !important
}

.container-faq {
    /*max-width:80%;*/
    margin: 0 auto
}

.faqpanel h3 {
    font-weight: 400;
    line-height: 3.2rem;
    display: flex;
    color: #006967;
    font-size: 2.2rem;
    padding-right: 9rem
}

.faqpanel h3 span {
    margin-right: 3rem
}

.faqpanel p {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 300;
    color: rgb(0 0 0)
}

.faqpanel {
    border-top: .1rem solid #d0d0d0;
    border-bottom: .1rem solid #d0d0d0;
    padding: 5rem 0;
    margin-bottom: -.1rem
}

.angular-footer .man-laughing-img img {
    position: absolute;
    bottom: 8rem
}

.angular-footer .man-laughing-img::before {
    background: url(../images/angular-footer-arrow.webp) no-repeat;
    width: 148px;
    height: 86px;
    position: absolute;
    content: "";
    top: 25%;
    left: 10%
}

.planselector-main.selected {
    background: url(../images/checkedbox-angular.svg) 6% center no-repeat #006967 !important;
    color: var(--color-white-fixed);
}

.planselector-main {
    color: #000;
    margin-bottom: 1rem;
    border-radius: .4rem;
    background: url(../images/uncheckbox-angular.svg) 6% center no-repeat #f3f3f3;
    cursor: pointer
}

.planselector-main label {
    display: block;
    padding: 2rem 3rem;
    font-size: 1.8rem;
    font-weight: 300;
    cursor: pointer
}

.planselector-main input[type=checkbox] {
    margin-right: 2rem;
    visibility: hidden
}

.angular-footer .contact-form-footer {
    margin-top: 5rem
}

.clientinfo {
    display: flex;
    margin-top: 3rem;
    justify-content: space-between
}

.casestudy-btn-anglr {
    color: var(--color-white-fixed) !important;
    font-size: 2rem !important;
    font-weight: 500 !important;
    transition: .3s;
    background-position: 97% center !important;
    background-repeat: no-repeat !important;
    background: url(../images/white-next-arrow.svg);
    padding-right: 3rem
}

.casestudy-btn-anglr:hover {
    background: url(../images/white-next-arrow.svg);
    background-position: 99% center !important;
    color: var(--color-primary) !important;
}

.angularslider .swiper-button-next.swiper-button-disabled,
.angularslider .swiper-button-prev.swiper-button-disabled {
    opacity: .15;
    cursor: auto;
    pointer-events: none
}

.dedicatedresources-main .slider .slide h3 {
    text-transform: capitalize;
    font-weight: 300;
    font-size: 1.8rem;
    margin-top: 1rem;
    color: var(--color-text);
    text-align: center;
}

.angular-footer .footer-contact-heading {
    max-width: 82%
}

.hiringangular-vocso h2 {
    margin-bottom: 10rem !important;
    max-width: 59% !important;
}

.darkmode .faqs .panel-default>.panel-heading+.panel-collapse>.panel-body {
    background: var(--color-neutral-dark);
    color: var(--color-white-fixed);
}

.darkmode .faqpanel {
    border-top: 1px solid var(--color-neutral-dark);
    border-bottom: 1px solid var(--color-neutral-dark)
}

.darkmode .planselector-main {
    color: var(--color-white-fixed);
    background: url(../images/uncheckbox-angular-darkmode.svg) 6% center no-repeat var(--color-neutral-dark)
}

.boxbtn:hover,
.engagemodalbox:hover a {
    background: url(../images/white-next-arrow.svg) 64% center no-repeat var(--color-primary);
}

.darkmode .howitworks-blocks figure {
    border: 2px solid var(--color-secondary-dark);
}

.darkmode .howitworks-blocks img {
    filter: brightness(0) saturate(100%) invert(56%) sepia(19%) saturate(706%) hue-rotate(101deg) brightness(100%) contrast(89%);
}

.engagementModals {
    background: #ececec
}

.engagemodalbox h3 {
    font-size: 3.5rem;
    font-weight: 500;
    padding-right: 35%;
    line-height: 4.5rem;
    border-bottom: 1px solid #979797;
    padding-bottom: 4rem;
    margin-bottom: 4rem;
    color: var(--color-text);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.engagemodalbox p,
.engagemodalbox ul li {
    color: var(--color-text);
    line-height: 3rem
}

.engagemodalbox p {
    font-size: 1.8rem
}

.badgecontent p,
.nodejs-devloper-content p {
    line-height: 3rem;
    font-size: 1.8rem
}

.engagemodalbox ul {
    margin-top: 5rem;
    list-style: none
}

.engagemodalbox ul li {
    padding-bottom: 1.3rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    padding-left: 5rem;
}

.engagemodalbox {
    background: var(--color-white-fixed);
    padding: 8rem 8rem 12rem;
    box-shadow: 0 0 31px 5px rgb(0 0 0 / 3%);
    position: relative
}

.engagemodalbox ul li svg {
    margin-right: 2rem;
    position: absolute;
    left: 0;
}

.engagementmodel-btn p {
    width: 25%;
    text-align: left;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 2.8rem
}

.guranteebadge-block {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.trustlogo-angular {
    background: inherit;
    padding: 0;
    width: 51.7%
}

.badgecontent {
    width: 34%;
    display: inline-block;
    margin-left: 5rem;
    color: var(--color-white-fixed);
}

.badgecontent strong {
    font-size: 3.2rem;
    font-weight: 500;
    margin-bottom: 1.3rem;
    color: var(--color-white-fixed);
    display: inline-block
}

.replacementgurantee-angular {
    background-image: linear-gradient(352deg, #006967, #25282c, #25282c);
    padding: 8rem 0
}

.trustlogo-angular .gem-logo-lightmode {
    width: 15% !important;
    display: none !important
}

.trustlogo-angular .gem-logo-darkmode {
    width: 15% !important;
    display: inline-block !important
}

.trustlogo-angular .gem-logo {
    width: 13% !important
}

.trustlogo-angular .goodfirm-logo {
    width: 12% !important
}

.replacementgurantee-angular h2 {
    line-height: 6rem;
    color: var(--color-white-fixed);
    margin-top: 6rem
}

.nodejs-devloper-content p {
    margin: 0 0 4rem;
    color: var(--color-text)
}

.nodejs-devloper-logos {
    display: flex;
    align-items: center;
    margin-top: -18rem;
    justify-content: flex-end
}

.nodelogo-column li {
    background: var(--color-white-fixed);
    border-radius: .5rem;
    padding: 4rem 3rem;
    box-shadow: 0 0 40px 10px rgb(0 0 0 / 8%) !important;
    margin-bottom: 5rem;
    text-align: center;
    width: 24.4rem;
    height: 24.4rem;
    display: grid;
    justify-content: center;
    align-items: center
}

.nodelogo-column li p {
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: var(--color-text)
}

.nodelogo-column {
    z-index: 1;
    list-style: none;
    margin-right: 5%;
    will-change: transform;
    transform-style: preserve-3d
}

.nodelogo-column li img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(13%) saturate(5975%) hue-rotate(146deg) brightness(101%) contrast(102%);
    margin: 0 auto
}

.nodelogo-column:first-of-type {
    top: 0 !important;
    position: relative
}

.nodelogo-column:nth-last-of-type(2n) {
    top: -14rem;
    position: relative
}

.nodelogo-column:last-of-type {
    top: -6rem;
    position: relative
}

.darkmode .nodelogo-column li img {
    transition: .3s linear;
    filter: brightness(0) saturate(100%) invert(71%) sepia(59%) saturate(338%) hue-rotate(132deg) brightness(88%) contrast(93%)
}

.angularslider .swiper-button-next,
.angularslider .swiper-button-prev {
    opacity: .3;
    transition: opacity .5s
}

.boxbtn,
.boxbtn:hover {
    color: var(--color-white-fixed);
    transition: .3s
}

.angularslider .swiper-button-next:hover,
.angularslider .swiper-button-prev:hover {
    opacity: 1
}

.boxbtn {
    position: absolute;
    background: url(../images/white-next-arrow.svg) 62% center no-repeat var(--color-secondary-dark);
    width: 100%;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 0;
    font-size: 2rem;
    font-weight: 600
}

.dedicatedresources-main .slider .slide-track .slide img,
.dedicatedresources-main .slider .slide-track2 .slide img {
    width: 82%
}

.angularloading-icon-track:before {
    position: absolute;
    width: 44%;
    background: #dad7d7;
    height: 1px;
    content: "";
    left: 0;
    top: 7px
}

.darkmode .angularloading-icon-track:before {
    background: #5a5a5a
}

.angular-hiringgroup-bg img {
    margin-left: 1rem
}

.logo-left-block {
    display: flex;
    justify-content: center;
    align-items: center
}

.navbarcustom h1 {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
    margin-left: 40px
}

.navbarcustom {
    position: relative;
    z-index: 99999;
    width: 100%;
    height: 81px;
    box-shadow: rgb(0 0 0 / 11%) 0 1px;
    top: 0;
    align-items: center;
    padding: .5rem 1rem
}

footer h4 {
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

footer h4 span {
    font-weight: 700;
    font-size: 34px
}

.darkmode .boxbtn {
    background: url(../images/white-next-arrow.svg) 62% center no-repeat #006967
}

.darkmode .slider .slide-track .slide,
.darkmode .slider .slide-track2 .slide {
    background: var(--color-neutral-dark);
}

.darkmode .website_mnt_pkg .headiing_div {
    border-left: 0 !important;
}

.darkmode #digiFixTabs .scrollspy .what-inner-boxs {
    background: var(--color-neutral-dark) !important;
}

.darkmode .source-plateform-sec .right_div_source p {
    color: #000 !important;
}

.plansandpricing-reputation-block h2 {
    color: #000 !important;
}

.ormfaq h2 {
    color: var(--color-white-fixed) !important;
}

.darkmode .onlinefaq.faqBlock .addui-Accordion .addui-Accordion-content {
    background: url(../images/callout-icon.png) top left no-repeat var(--color-neutral-dark);
}

.darkmode .onlinefaq .addui-Accordion-open h5 {
    color: var(--color-white-fixed)
}

.darkmode .onlinefaq .addui-Accordion .addui-Accordion-content p {
    color: var(--color-white-fixed) !important
}

.platform-section h2 {
    color: #000 !important
}

.darkmode .questionBar .main_div {
    border: 1px solid #35383c
}

.darkmode .questionBar .sv_qstn .radio:first-of-type {
    border-bottom: 1px solid #35383c
}

.darkmode .company_whiteDiv li {
    border-left: 1px solid var(--color-neutral-dark)
}

.darkmode .current-opening-form li input,
.darkmode .current-opening-form li select {
    border: 0;
    color: var(--color-white-fixed) !important;
    background: #000
}

.contentblurhide,
.saff,
.saff p,
.tinder--buttons,
.topicgenerator-block,
.topicshowdiv,
.userdummyimg {
    text-align: center
}

.topicgenerator-block {
    width: 103rem;
    margin: 0 auto
}

.topicGenerator {
    display: flex;
    width: 100%;
    margin: 0 auto
}

.topicgenerator-block h1 {
    font-size: 6.2rem !important;
    margin: 0;
    font-weight: 600;
    color: var(--color-text);
}

.topicGenerator .form-control {
    font-size: 2.4rem;
    padding: 2.5rem 6rem;
    border: 2px solid #cbc6c6;
    border-right: 0;
    border-radius: .5rem 0 0 .5rem;
    background: var(--color-bg)
}

.darkmode .topicGenerator .form-control {
    border: 2px solid var(--color-neutral-dark);
    color: var(--color-white-fixed);
}

.darkmode .cards:after,
.darkmode .userdummyimg {
    background: var(--color-neutral-dark)
}

.topicGenerator .form-control::placeholder {
    color: #a7a7a7
}

.topicGenerator button {
    border: 0;
    background: var(--color-primary);
    color: var(--color-white-fixed);
    padding: 0 5.3rem;
    font-size: 2rem;
    box-shadow: 0 8px 15px rgb(0 0 0 / 18%);
    transition: .3s linear;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.topicGenerator button:hover {
    background: var(--color-secondary-dark);
    transition: .3s linear
}

.stableblock {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative
}

.topicgenerator-result h2 {
    font-size: 5.5rem;
    margin: 0;
    font-weight: 600;
    text-align: center;
    position: relative;
    align-self: center;
    display: flex;
    flex-direction: column
}

.topicgenerator-result h2 span {
    color: #006967;
    text-transform: capitalize
}

.startagain-btn {
    display: inline-block;
    align-items: center;
    justify-content: center;
    color: var(--color-text);
    margin: 0 0 0 1rem;
    transition: .3s linear;
    font-size: 2rem
}

.cardsbundle,
.cardsbundle_template {
    display: none
}

.startagain-btn:hover svg {
    transform: translateX(-8px);
    transition: .3s linear
}

.darkmode .startagain-btn svg {
    filter: invert(100%) sepia(7%) saturate(7488%) hue-rotate(248deg) brightness(107%) contrast(115%)
}

.darkmode .contentblurhide p {
    color: var(--color-white-fixed);
}

.startagain-btn svg {
    margin-right: 1rem;
    transition: .3s linear;
    position: relative;
    top: .6rem
}

.topicshowdiv h3 {
    font-size: 4.5rem;
    line-height: 5rem;
    margin: 0;
    color: #000;
    font-weight: 600
}

.cardsbundle {
    width: 100%;
    position: relative;
    border-radius: .5rem;
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 0%);
    will-change: transform;
    z-index: 1;
    transition: .3s ease-in-out;
    top: 0;
    pointer-events: none
}

.cards,
.cards:after {
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%)
}

.topicshowdiv {
    background: #9afdff;
    font-size: 3.2rem;
    padding: 7rem 15rem 10rem;
    border-top-left-radius: .8rem;
    border-top-right-radius: .8rem;
    color: #000;
    font-weight: 600;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 4rem
}

.userdummyimg {
    background: var(--color-white-fixed);
    display: flex;
    border-radius: 100rem;
    width: 11rem;
    height: 11rem;
    position: absolute;
    left: 50%;
    margin: 0 auto;
    top: 0;
    transform: translate(-50%, -50%);
    align-items: center;
    justify-content: center
}

.contentblurhide {
    position: relative;
    padding: 5.5rem 3rem;
    background: var(--color-white-fixed);
    border-bottom-left-radius: .8rem;
    border-bottom-right-radius: .8rem
}

.contentblurhide p {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3rem;
    filter: blur(8px);
    opacity: .7;
    margin: 0;
    color: #000
}

.cards:after {
    width: 100%;
    height: 100%;
    content: '';
    background: var(--color-white-fixed);
    position: absolute;
    bottom: -1rem;
    z-index: -1;
    left: 1rem;
    border-radius: .8rem
}

.tinder--buttons {
    position: relative;
    top: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 1.5rem
}

.tinder--buttons button:hover {
    transition: .3s linear;
    transform: scale(1.1)
}

.tinder--buttons button {
    border-radius: 50%;
    width: 5rem;
    border: 0;
    background: #58c9ca;
    margin: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5rem;
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 32%);
    transition: .3s linear
}

.tinder--buttons button:focus {
    outline: 0
}

.topicgenerator-result {
    position: relative;
    width: 75rem;
    flex-direction: column;
    justify-content: center;
    display: none
}

.cards {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    background: var(--color-white-fixed);
    border-radius: .8rem
}

.darkmode .login-box:after {
    background: #2b2f33
}

.saff {
    margin-bottom: 3.5rem
}

.contentgenerator-btn {
    background: var(--color-primary);
    color: var(--color-white-fixed);
    font-size: 1.8rem;
    font-weight: 400;
    padding: 1rem 4rem;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 32%);
    border: 0;
    display: none
}

.saff p {
    font-size: 2.2rem;
    margin: 3rem 0 4rem;
    color: var(--color-text)
}

.contentgenerator-btn:hover {
    background: var(--color-secondary-dark);
    color: var(--color-white-fixed);
}

.darkmode .abc:after {
    background: #2d3034
}

.button-area {
    display: flex;
    justify-content: space-between;
    justify-content: space-between;
    margin-top: 3rem;
    align-items: center
}

.contentgenerator-btn svg {
    margin-right: 1rem
}

/*---------signup-step-------------*/
.step-head,
span.round-tab {
    text-align: center;
    font-weight: 500
}

.bg-color {
    background-color: #333
}

.signup-step-container {
    padding: 6rem 0
}

.wizard .nav-tabs>li {
    width: 25%
}

.wizard .nav-tabs {
    position: relative;
    margin-bottom: 0;
    border-bottom-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center
}

.wizard>div.wizard-inner {
    position: relative;
    margin-bottom: 50px;
    text-align: center
}

.wizard .nav-tabs>li.active>a,
.wizard .nav-tabs>li.active>a:focus,
.wizard .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent
}

span.round-tab {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border-radius: 50%;
    background: var(--color-secondary-dark);
    z-index: 2;
    font-size: 16px;
    color: var(--color-white-fixed);
}

.custom-file,
.custom-file-input,
.list-content a {
    width: 100%;
    position: relative
}

span.round-tab i {
    color: #555
}

.wizard li.active span.round-tab {
    background: #006967;
    color: var(--color-white-fixed);
    border-color: #006967
}

.wizard li.active span.round-tab i {
    color: #5bc0de
}

.wizard .nav-tabs>li.active>a i {
    color: #006967
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0;
    border: 5px solid transparent;
    border-bottom-color: red;
    transition: .1s ease-in-out
}

.wizard .nav-tabs>li a {
    width: 30px;
    height: 30px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    background-color: transparent;
    position: relative;
    top: 0
}

.wizard .nav-tabs>li a i {
    font-style: normal;
    white-space: nowrap;
    font-size: 1.6rem;
    font-weight: 500;
    color: #a5a0a0;
    margin-left: 1rem
}

.wizard .nav-tabs>li a:hover {
    background: 0 0
}

.wizard .tab-pane {
    position: relative;
    padding-top: 20px
}

.custom-file-label,
.custom-file-label::after {
    top: 0;
    right: 0;
    padding: .375rem .75rem;
    line-height: 2;
    color: #495057
}

.wizard h3 {
    margin-top: 0
}

.step-head {
    font-size: 20px;
    margin-bottom: 20px
}

.term-check {
    font-size: 14px;
    font-weight: 400
}

.custom-file {
    display: inline-block;
    height: 40px;
    margin-bottom: 0
}

.custom-file-input {
    z-index: 2;
    height: 40px;
    margin: 0;
    opacity: 0
}

.custom-file-label {
    position: absolute;
    left: 0;
    z-index: 1;
    height: 40px;
    font-weight: 400;
    background-color: var(--color-white-fixed);
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 38px;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.footer-link {
    margin-top: 30px
}

.list-content {
    margin-bottom: 10px
}

.list-content a {
    padding: 10px 15px;
    display: inline-flex;
    color: #565656;
    font-weight: 600;
    border-radius: 4px;
    align-items: center;
    font-size: 1.8rem
}

.list-content a[aria-expanded=true] i {
    transform: rotate(180deg)
}

.list-content a i {
    text-align: right;
    position: absolute;
    top: 15px;
    right: 10px;
    transition: .5s
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #fdfdfd
}

.list-box {
    padding: 10px
}

.signup-logo-header .logo_area {
    width: 200px
}

.signup-logo-header .nav>li {
    padding: 0
}

.signup-logo-header .header-flex {
    display: flex;
    justify-content: center;
    align-items: center
}

.list-inline li {
    display: inline-block
}

.pull-right {
    float: right
}

/*----------Custom-Checkbox---------*/
input[type=checkbox] {
    position: relative;
    display: inline-block;
    margin-right: 5px
}

.actions a svg,
.exportpdf img {
    margin-right: 1rem
}

input[type=checkbox]::after,
input[type=checkbox]::before {
    position: absolute;
    content: "";
    display: inline-block
}

input[type=checkbox]::before {
    height: 16px;
    width: 16px;
    border: 1px solid #999;
    left: 0;
    top: 0;
    background-color: var(--color-white-fixed);
    border-radius: 2px
}

.login-box,
.login-box:after {
    background: var(--color-white-fixed);
    border-radius: .8rem
}

input[type=checkbox]::after {
    height: 5px;
    width: 9px;
    left: 4px;
    top: 4px
}

input[type=checkbox]:checked::after {
    content: "";
    border-left: 1px solid var(--color-white-fixed);
    border-bottom: 1px solid var(--color-white-fixed);
    transform: rotate(-45deg)
}

input[type=checkbox]:checked::before {
    background-color: #18ba60;
    border-color: #18ba60
}

@media (max-width:767px) {
    .sign-content h3 {
        font-size: 40px
    }

    .wizard .nav-tabs>li a i {
        display: none
    }

    .signup-logo-header .navbar-toggle {
        margin: 8px 0 0
    }

    .signup-logo-header .logo_area {
        margin-top: 0
    }

    .signup-logo-header .header-flex {
        display: block
    }
}

.login-box {
    box-shadow: 0 0 44px 8px rgb(0 0 0 / 9%);
    padding: 6.5rem;
    position: relative
}

.login-box:after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    bottom: -1rem;
    z-index: -1;
    left: 1rem;
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%)
}

.login-box .form-group label {
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--color-text)
}

.darkmode .login-box .form-group input,
.darkmode .login-box .form-group select {
    background: var(--color-neutral-dark);
    border-bottom: .2rem solid #35383c
}

.darkmode .login-box .form-group select {
    border-bottom: .2rem solid #35383c
}

.darkmode .all-info-container .panel-heading a svg,
.darkmode .exportpdf img {
    filter: invert(100%) sepia(7%) saturate(7488%) hue-rotate(248deg) brightness(107%) contrast(115%)
}

.login-box .form-group input,
.login-box .form-group select {
    border: 0;
    border-bottom: .2rem solid #e7e7e7;
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-text) !important;
    padding: 1.5rem 0 1.9rem;
    line-height: 1.5
}

.login-box .form-group select {
    padding: 0 0 1rem;
    height: 6rem !important
}

.login-box .form-group input:focus,
.login-box .form-group select:focus {
    box-shadow: none
}

.login-box .form-group {
    margin-bottom: 4.5rem
}

.contentgenerator-btn.next-step {
    padding: 1.7rem 4rem
}

button:focus {
    outline: 0
}

.generatecontent-block h3 {
    font-size: 4.2rem;
    color: var(--color-text);
    line-height: 5.5rem
}

.exportpdf {
    text-align: right;
    color: var(--color-text);
    margin-bottom: 3rem
}

.remaining-data ul {
    list-style: none;
    border: .1rem solid #c7c7c7;
    border-radius: .8rem;
    width: 20rem;
    float: right;
    margin: 0
}

.remaining-data ul li p {
    font-size: 1.4rem;
    margin-bottom: .8rem;
    color: var(--color-text)
}

.remaining-data ul li:last-child {
    border-top: 1px solid #c7c7c7
}

.remaining-data ul li {
    padding: 2rem 3rem
}

.remaining-data ul li h4 {
    font-size: 2.4rem;
    margin: 0;
    color: var(--color-text)
}

.all-info-container .panel-heading a svg {
    margin-right: 2rem
}

.all-info-container .panel-heading .panel-title a {
    font-size: 1.8rem;
    margin-bottom: 0;
    font-weight: 500;
    display: flex;
    align-items: center;
    color: var(--color-text);
    justify-content: space-between;
    padding: 2rem
}

.all-info-container .panel,
.all-info-container .panel .panel-body ul li:last-child {
    margin-bottom: 0
}

.all-info-container .panel .panel-body ul {
    list-style: none;
    position: relative
}

.all-info-container .panel .panel-body ul li {
    font-size: 1.8rem;
    margin-bottom: 2rem;
    padding-left: 3rem;
    position: relative;
    font-weight: 500;
    color: var(--color-text)
}

.all-info-container .panel .panel-body {
    padding: 0 6rem 0 6.2rem
}

.all-info-container .panel .panel-body ul li:before {
    position: absolute;
    content: "";
    width: .8rem;
    height: .8rem;
    background: var(--color-text);
    border-radius: 100rem;
    left: 0;
    top: .6rem
}

.darkmode .all-info-container .panel-colorchange,
.darkmode .remaining-data ul {
    border: .1rem solid #35383c
}

.darkmode .actions {
    border-top: 1px solid #35383c
}

.darkmode .remaining-data ul li:last-child {
    border-top: .1rem solid #35383c
}

.all-info-container {
    margin-top: 7rem
}

.all-info-container .panel-colorchange {
    border: .1rem solid #c3c3c3;
    border-radius: .5rem
}

.all-info-container .panel-heading a p {
    flex: auto;
    font-weight: 600
}

.all-info-container .panel-heading a svg.addtopic-icon {
    visibility: hidden
}

.all-info-container .panel.panel-colorchange .panel-heading a svg.addtopic-icon {
    visibility: visible
}

.all-info-container .panel .panel-body p {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
    color: var(--color-text)
}

.actions {
    margin: 3rem -61px 0;
    border-top: 1px solid #c3c3c3;
    padding: 1.6rem 6.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.actions a {
    color: #006967;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: capitalize
}

.actions a:hover {
    color: #097876
}

.actions a svg {
    margin-left: 1rem;
    transition: .3s linear
}

.actions a:hover svg {
    transform: scale(1.1);
    transition: .3s linear
}

.darkmode .contentblurhide,
.darkmode .login-box {
    background: var(--color-neutral-dark)
}

.startagain-btn:hover {
    color: var(--color-primary);
}

#total-count {
    font-size: 1.8rem;
    margin: 0 1rem;
    color: var(--color-text)
}

.userdummyimg svg {
    width: 50%
}

.loadingspinner p {
    margin: 0;
    font-size: 3rem;
    transform: translateY(-2rem);
    color: var(--color-text)
}

/*blog topic generator css end*/
/*new section topic blog start*/
.angularFAQ h2,
.ordertowork h2 {
    text-transform: capitalize
}

.darkmode .cards,
.increase-conversion-bloggenerator .content-blockscroll h3 .bluenumbers {
    background: var(--color-neutral-dark)
}

.budget-friendlyblk .ecommBuisnes .brwnstdCmn,
.budget-friendlyblk .ecommBuisnes .montesert,
.ceo-message-blogtopic .ceomsg-content h3,
.ceo-message-blogtopic .ceomsg-content h4 {
    color: var(--color-white-fixed);
}

.ceo-message-blogtopic .ceomsg-content p {
    margin: 2rem 0 3rem 0;
    color: var(--color-white-fixed);
    max-width: 77rem
}

.ceo-message-blogtopic #trafficConversion {
    top: 0
}

.angularFAQ {
    padding-top: 0
}

.ordertowork h2 {
    font-weight: 600;
    max-width: 45%;
    margin: 0 auto 10rem;
    text-align: center;
    line-height: 6rem
}

.faqpanel {
    border-top: .1rem solid #d0d0d0;
    border-bottom: .1rem solid #d0d0d0;
    padding: 5rem 0;
    margin-bottom: -.1rem
}

.faqpanel h3 {
    font-weight: 400;
    line-height: 3.2rem;
    display: flex;
    color: #006967;
    font-size: 2.2rem;
    padding-right: 9rem
}

.faqpanel h3 span {
    margin-right: 3rem
}

.topicgenerator-result h1 {
    text-align: center;
    color: var(--color-text)
}

.ceomsg-content .quote-red p {
    line-height: 0;
    margin-top: 0
}

.topicGenerator button:focus {
    outline: 0
}

#error_page {
    text-align: center;
    display: none
}

.ceo-message-blogtopic {
    padding-top: 13rem;
    background: #24272b;
    position: relative;
}

.ceo-message-blogtopic .ceoimg {
    text-align: right
}

.ceo-message-blogtopic .ceoimg img {
    margin-top: 8rem
}

.increase-conversion-bloggenerator #trafficConversion {
    top: 0;
    padding-left: 8rem
}

.increase-conversion-bloggenerator ul li .orches-left h3 a:before {
    position: absolute;
    content: "";
    left: 0;
    transition: .4s;
    background: url(../images/checkbox-blogtopic-red.svg) center left no-repeat;
    width: 36px;
    height: 36px;
    border-left: none !important;
    opacity: .3
}

.increase-conversion-bloggenerator ul li .orches-left h3 a.active:before {
    background: url(../images/checkbox-blogtopic-green.svg) center left no-repeat;
    width: 36px;
    height: 36px;
    opacity: 1
}

.increase-conversion-bloggenerator .nav li h3 a {
    padding-left: 5rem
}

.cards .active {
    display: block
}

.darkmode .cards {
    box-shadow: 0 4px 24px 0 rgb(0 0 0 / 74%)
}

.err_again_start {
    display: inline-block;
    outline: 0;
    text-align: center;
    cursor: pointer;
    padding: 10px 50px;
    border: 2px solid transparent;
    color: var(--color-white-fixed);
    font-size: 17.5px;
    border-radius: 50px;
    border-color: var(--color-text);
    color: var(--color-text);
    background: 0 0;
    font-weight: 800;
    line-height: 30px;
    transition: background, color .1s ease-in-out
}

.err_again_start:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.increase-conversion-bloggenerator #section2 .content-blockscroll p img {
    border: none
}

.increase-conversion-bloggenerator #section0 img {
    border-radius: 1rem
}

.darkmode .increase-conversion-bloggenerator ul li .orches-left h3 a:before {
    opacity: .6
}

.darkmode .increase-conversion-bloggenerator .nav li h3 a.active,
.darkmode .increase-conversion-bloggenerator ul li .orches-left h3 a.active:before {
    opacity: 1
}

.darkmode .increase-conversion-bloggenerator .content-blockscroll h3 .bluenumbers {
    background: #006967
}

.darkmode .increase-conversion-bloggenerator .nav li h3 a {
    opacity: .4
}

.darkmode .increase-conversion-bloggenerator .content-blockscroll a {
    color: var(--color-secondary-dark);
}

.increase-conversion-bloggenerator .content-blockscroll img {
    box-shadow: 0 0 50px 2px rgb(0 0 0 / 8%)
}

.experience-list li p {
    min-height: auto !important;
    border: 0;
    margin: 0 !important;
    padding: 0
}

.experience-list li {
    padding-left: 3rem;
    position: relative
}

.experience-list {
    list-style: circle
}

.experice {
    text-align: left;
    font-size: 1.6rem;
    color: var(--color-text);
    margin-bottom: 3rem;
    margin-top: .5rem
}

.darkmode .experience-list li p {
    border: 0 !important
}

.profileDetail h3 {
    margin-bottom: 0;
    min-height: auto;
    padding: 0 !important
}

.experice small {
    background: var(--color-primary);
    padding: .3rem .9rem;
    display: inline-block;
    color: var(--color-white-fixed);
    border-radius: 1rem;
    font-weight: 700
}

ul.experience-list li:after {
    width: 1rem;
    height: 1rem;
    position: absolute;
    content: "";
    top: 12%;
    left: 0;
    border-radius: 100rem;
    border: 1px solid var(--color-text)
}

/*new section topic blog end*/
.detail h5 b,
.site-score-before {
    margin-right: 1rem
}

.writeforus-block .topicgenerator-block p {
    margin-bottom: 1rem;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 400
}

ul.blog-scrollcontent li::marker {
    color: #42c9cb
}

.footerLocation h4 span {
    font-size: inherit;
    font-weight: inherit
}

.footerLocation h4 {
    margin-bottom: .5rem
}

.react-webdevlopment .panel-group .panel-body a {
    color: var(--color-primary);
    font-weight: 400
}

.reactjs-main {
    background: var(--color-bg);
    padding-bottom: 13rem;
    overflow: hidden
}

.reactjs-main .banner-women-bg {
    bottom: -16.7% !important;
    width: 60%
}

.reactjs-main p {
    font-size: 2rem !important;
    max-width: 62rem !important
}

.weboptimize-priceSec {
    padding: 13rem 0;
    background: #35383c !important
}

.darkmode .weboptimize-priceSec .pricinghovers .pricing-bottom {
    background: #006967
}

.darkmode .collateral-content .detail p,
.darkmode .weboptimize-priceSec .pricinghovers .pricing-bottom p,
.weboptimize-priceSec .pricinghovers .pricing-bottom span i {
    color: var(--color-white-fixed);
}

.darkmode .weboptimize-priceSec .pricinghovers .pricing-bottom span {
    border-left: 1px solid
}

.weboptimize-priceSec .pricinghovers .pricing-bottom {
    background: var(--color-secondary-dark);
}

.weboptimize-priceSec .pricinghovers .pricing-bottom p {
    font-size: 2rem;
    color: var(--color-white-fixed);
    padding: 27px
}

.realtime-card:hover .realtympage-speed,
.weboptimize-priceSec .pricinghovers:hover .pricing-bottom {
    background: var(--color-primary);
}

.weboptimize-priceSec h2 {
    color: var(--color-white-fixed);
    text-transform: capitalize;
    font-weight: 600 !important;
    font-size: 4.8rem !important;
    line-height: 6rem;
    padding-bottom: 0;
    text-align: center;
    margin-bottom: 2rem
}

.timeline-content>ul>li:last-child:after,
.weboptimize-priceSec .budget-centertext h2::after {
    display: none
}

.weboptimize-priceSec .pricing-maintbl {
    margin-top: 0rem
}

.speedCaseStudies-main {
    background: #24282c
}

.speedCaseStudies-main h2 {
    max-width: 65%;
    color: var(--color-white-fixed);
}

.needmoreproof-block {
    margin-top: 10rem
}

.needmoreproof-block h3 {
    color: var(--color-white-fixed);
    font-weight: 500;
    margin-bottom: 5rem
}

.darkmode .realtime-card {
    background: var(--color-neutral-dark);
}

.realtime-card {
    background: var(--color-white-fixed);
    display: block;
    border-radius: 1rem;
    padding: 4rem 4rem 5rem;
    position: relative;
    transition: .3s linear;
    cursor: pointer
}

.realtime-card:hover {
    transform: translateY(-8px);
    transition: .3s linear
}

.site-score {
    display: flex;
    align-items: center;
    justify-content: center
}

.site-score .site-score-after h4,
.site-score .site-score-before h4 {
    color: var(--color-text);
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 1.5rem
}

.site-score-after {
    margin-left: 1rem
}

.site-image {
    margin: 3rem 0
}

.site-image figure {
    margin: 0
}

.site-url {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 2.5rem;
    color: var(--color-text);
}

.realtympage-speed {
    position: absolute;
    bottom: 0;
    background: #006967;
    left: 0;
    width: 100%;
    padding: 1.3rem 2rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    text-align: center
}

.realtympage-speed a {
    font-weight: 500;
    font-size: 1.6rem;
    width: 100%;
    display: inline-block;
    color: var(--color-white-fixed);
}

.how-we-work-custom .workproceess-in {
    margin: 0 auto
}

.timeline-content {
    margin-top: 6rem
}

.timeline-content ul {
    list-style: none
}

.timeline-content>ul>li {
    position: relative;
    margin-bottom: 10rem
}

.collateral-content {
    display: flex;
    height: 100%;
    position: relative;
    z-index: 1;
    flex-direction: row-reverse;
    padding: 3rem 8rem
}

.closed-process>li::after,
.timeline-content>ul>li:after {
    content: "";
    background: url(../images/arrows-down.png) center no-repeat;
    width: 12px;
    height: 89px;
    position: absolute;
    bottom: -62px;
    right: 15rem
}

.collateral-content .media-side {
    padding-top: 1.2rem
}

.collateral-content .media-side,
.media-side {
    margin-left: 7rem
}

.circles {
    width: 15rem;
    height: 15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border-radius: 50%;
    padding: 1rem;
    margin: 0 auto
}

.collateral-content .detail {
    padding-top: 1rem
}

.detail h5 strong {
    font-weight: 500
}

.detail h5 {
    font-size: 2.2rem;
    margin-bottom: 3rem;
    color: var(--color-text);
    position: relative
}

.detail h5 b {
    position: absolute;
    left: -4rem;
    font-size: 3rem;
    font-weight: 700;
    color: #006967;
    top: 0
}

.timeline-content>ul>li:last-child {
    margin-bottom: 0
}

.collateral-content .detail p {
    font-size: 1.8rem;
    line-height: 3.3rem;
    max-width: 100%;
    text-align: left;
    color: rgb(0 0 0 / 59%)
}

.darkmode .timeline-content>ul>li:hover {
    box-shadow: 0 35px 79px -1px rgb(0 105 103 / 25%)
}

.timeline-content>ul>li:hover {
    box-shadow: 0 35px 79px -1px rgb(0 0 0 / 16%)
}

.timeline-content>ul>li:hover .media-side img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(47%) saturate(1271%) hue-rotate(138deg) brightness(101%) contrast(101%) !important
}

.how-we-work-custom h2 {
    text-align: center;
    margin: 0 0 3rem
}

.how-we-work-custom p {
    max-width: 64%;
    margin: 0 auto;
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: var(--color-text)
}

/*-- Happy customers testimonials start--*/
.testimonial_box p,
.testimonial_box-job {
    color: var(--color-text);
    font-size: 1.8rem
}

.testimonial_box {
    background: var(--color-white-fixed);
    box-shadow: 2px 2px 20px 2px #cccccc9c;
    border-radius: 1rem;
    min-height: 430px;
    overflow: hidden;
    position: relative
}

.HappyCustomers h2 {
    text-align: center;
    max-width: 520px;
    margin: 0 auto;
    line-height: 60px
}

.HappyCustomers .swiper-container {
    padding: 10rem 0 8rem
}

.testimonial_box p {
    line-height: 3.2rem;
    font-weight: 500;
    padding: 4rem
}

.testimonial_box-img {
    float: left;
    margin: 0;
    width: 55px;
    height: 55px;
}

.testimonial_box-img img {
    border-radius: 100%
}

.testimonial_box-name {
    margin: 0;
    padding: 30px 40px 30px;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    width: 100%;
}

.testimonial_box-name2 {
    margin: -5px 0 0;
    background: var(--color-neutral-dark);
    padding: 3rem 4rem;
    position: absolute;
    bottom: 0;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.testimonial_box-job {
    font-weight: 700;
    margin: 0 0 0 3rem;
    line-height: 2.6rem;
    vertical-align: middle
}

.testimonial_box-job span {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1.6rem;
    display: block;
}

.testimonial_box-job22 {
    font-size: 1.8rem;
    font-weight: 500;
    margin: 0;
    line-height: 2.5rem;
    color: var(--color-white-fixed);
}

.playpause {
    background: url(../images/play.png) center/contain no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 6%;
    top: 0;
    bottom: 5%;
    margin: auto;
    cursor: pointer
}

.HappyCustomers,
.speedCaseStudies-main figure {
    position: relative
}

.HappyCustomers {
    overflow: hidden;
    padding-bottom: 0
}

.darkmode .HappyCustomers:before {
    background: var(--color-secondary);
}

.darkmode .testimonial_box {
    background: var(--color-neutral-dark);
    box-shadow: none
}

.HappyCustomers:before {
    width: 70rem;
    height: 70rem;
    background: #e6f4f9;
    border-radius: 100%;
    position: absolute;
    content: "";
    right: -170px;
    bottom: 0;
    top: 7rem;
    animation: 10s linear infinite alternate circle;
    -webkit-animation: 10s linear infinite alternate circle;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out
}

.redquoteimg {
    margin: 0 auto 20px;
    text-align: center
}

.HappyCustomers .redquoteimg img {
    width: 53px
}

.customVStemplates-main h2 {
    max-width: 52%
}

.whycustomWebdesign-block li.traffic-content p {
    margin-bottom: .5rem;
    padding-right: 8rem;
}

.speedSolutions-block {
    padding-bottom: 13rem
}

.darkmode .circles {
    background: var(--color-neutral-dark)
}

.darkmode .collateral-content .media-side .circles img {
    filter: invert(1)
}

.speedCaseStudies-main figure h2 {
    max-width: 65%;
    color: var(--color-white-fixed);
    position: absolute;
    left: 0;
    text-align: left
}

.how-we-work-custom {
    padding-bottom: 0
}

.weboptimize-priceSec .ecommBuisnes {
    padding: 0 0px 0 0;
}

/*-- Happy customers testimonials end--*/
/*steps css start*/
.darkmode .selectoption-block {
    background: #000
}

.darkmode .estimation-bar {
    border-top: 1px solid #35383c;
    box-shadow: 0 26px 47px 0 #000;
    background: var(--color-neutral-dark)
}

.darkmode .pagespeed-cost-main .topicGenerator .form-control {
    background: var(--color-neutral-dark);
    border: 2px solid #35383c
}

.darkmode .checkbox-tile {
    border: 1px solid #4e4e4e;
    background-color: #24272b
}

.estimate-content {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center
}

.estimate-content p {
    color: var(--color-text);
    font-size: 2rem;
    margin-right: 4rem;
    font-weight: 500
}

.estimate-content strong {
    font-size: 5rem;
    font-weight: 500
}

.next-btn {
    padding: 2rem 2em;
    border-radius: .5rem;
    font-weight: 500
}

.prev-btn {
    background: url(../images/black-previous-arrow.svg) no-repeat !important;
    color: var(--color-text) !important;
    align-self: center;
    margin: 0 auto;
    display: none;
    padding: 0 !important;
    background-position: 7% center !important;
    padding-left: 3rem !important;
    text-transform: capitalize;
    transition: all linear .3s
}

.prev-btn:hover {
    background: url(../images/black-previous-arrow.svg) no-repeat !important;
    background-position: 5% center !important;
    transition: all linear .3s;
    color: var(--color-secondary-dark) !important
}

.darkmode .prev-btn {
    filter: invert(1) contrast(0.5) brightness(3.5)
}

.selectoption-block {
    display: flex;
    align-items: center;
    min-height: calc(100vh - 270px);
    background: var(--color-white-fixed);
}

.pagespeed-cost-main .topicGenerator .form-control {
    background: var(--color-white-fixed);
    font-size: 2.2rem;
    padding: 1.2rem 4rem;
    border: 2px solid #000;
    border-radius: .5rem;
    font-weight: 600
}

.estimation-bar {
    border-top: 1px solid #9c9c9c;
    box-shadow: 0 26px 47px 0 #dfdfdf;
    display: inline-block;
    width: 100%;
    float: left;
    position: relative
}

.padding-40 {
    padding: 4rem 0
}

.pagespeed-cost-main h2 {
    margin: 0 !important;
    font-size: 4rem;
    line-height: 5rem;
    font-weight: 600;
    color: var(--color-text)
}

.speedcost-genrator-block {
    width: auto
}

.checkSpeed-btn {
    border: 0;
    color: var(--color-white-fixed);
    background: url(../images/white-next-arrow.svg) 86% center no-repeat var(--color-secondary-dark);
    padding: 2rem 6rem 2rem 3rem;
    transition: .3s linear;
    border-radius: .5rem
}

.checkSpeed-btn.checkSpeed-btn-ppc {
    width: 100%;
    background: url(../images/white-next-arrow.svg) 56% center no-repeat var(--color-secondary-dark);
}

.checkSpeed-btn.checkSpeed-btn-ppc:hover {
    background: url(../images/white-next-arrow.svg) 60% center no-repeat var(--color-primary);
}

.checkSpeed-btn:hover {
    background: url(../images/white-next-arrow.svg) 88% center no-repeat var(--color-primary);
    transition: .3s linear
}

.speedEstimation-bar .estimate-content {
    justify-content: center
}

.speedcost-genrator-block form {
    width: 44%;
    margin: 0 auto
}

.step-two .realtime-card h2 {
    font-size: 2rem;
    text-transform: capitalize;
    line-height: inherit;
    margin-bottom: 3rem
}

.step-two .site-score-after img,
.step-two .site-score-before img {
    width: 50%
}

.step-two .realtympage-speed {
    background: var(--color-primary);
    padding: 1.5rem 2rem
}

.step-two .realtympage-speed a {
    font-size: 1.8rem;
    width: 100%;
    text-transform: uppercase;
    font-weight: 500
}

.step-two .realtime-card {
    padding: 4rem 4rem;
    border: 1px solid #000;
    background: url(../images/uncheck.png) 85% 88% no-repeat var(--color-white-fixed)
}

.realtime-card.active {
    background: url(../images/checked.png) 85% 88% no-repeat #006967;
    color: var(--color-white-fixed);
    border: 0
}

.site-score .score_div {
    margin: 0 .8rem
}

.step-two .site-score h4 {
    margin-bottom: 0;
    margin-top: 1.5rem;
    color: var(--color-text);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.6rem
}

.realtime-card.poor-card {
    border: 1px solid var(--color-primary);
    padding: 4rem 4rem 9rem;
    background: var(--color-white-fixed) !important;
    display: block;
    width: 100%;
    text-align: center;
    cursor: inherit
}

.step-two .sitespeed-content p {
    font-size: 1.8rem;
    margin: 1.5rem 0 0;
    line-height: 2.4rem
}

.sitespeed-content {
    margin-bottom: 4rem
}

.speedprice-list {
    display: flex
}

.speedprice-list h4 {
    font-size: 3.5rem;
    font-weight: 600;
    margin: 0;
    color: #000;
}

.realtime-card.active h2,
.step-two .realtime-card.active .site-score h4,
.step-two .realtime-card.active .sitespeed-content p {
    color: var(--color-white-fixed);
}

.realtime-card.poor-card.active h2,
.step-two .realtime-card.poor-card.active .site-score h4,
.step-two .realtime-card.poor-card.active .sitespeed-content p {
    color: var(--color-text);
}

.poorcard-main {
    display: flex;
    align-items: end
}

.speedEstimation-bar .estimate-content p {
    margin-right: 20rem
}

/********************* page-speed css ******************/
.spinner-large {
    width: 5rem;
    height: 5rem;
    border-width: 3px
}

.spinner-slow {
    animation: 1s linear infinite spinner
}

.spinner-blue {
    animation: .4s linear infinite spinner;
    border-color: #09d transparent transparent #09d;
    border-style: solid;
    border-width: 4px;
    border-radius: 50%;
    box-sizing: border-box;
    vertical-align: middle;
    margin-left: 35%;
    display: none
}

@keyframes spinner {
    0% {
        transform: rotate(0)
    }

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

#score,
#score_mobile {
    border-radus: 50px;
    border-radius: 50%;
    color: red;
    font-weight: 700;
    font-size: 26px
}

.step-two {
    display: none
}

.speedcost-genrator-block p {
    line-height: 2.5rem;
    margin: 2rem 0 6rem;
    color: var(--color-text);
    font-size: 1.8rem;
}

.setup_optimzeblock {
    text-align: center
}

/*--setup optimize start--*/
.checkbox-label,
.linkdicont_section,
.nmberpgs_steps,
.setup_optimzeblock {
    text-align: center
}

.setup_optimzeblock h2 {
    font-weight: 600;
    margin-bottom: 2.4rem
}

.setup_optimzeblock p {
    margin: 20px auto 30px;
    font-size: 17px;
    line-height: 24px;
    font-weight: 500
}

.cachingsolution {
    margin: 0 auto 20px;
    max-width: 30%;
    background: #e6f3f9;
    font-size: 1.8rem;
    display: inline-block;
    padding: 1.5rem 1rem;
    font-weight: 500;
    border-radius: 1rem
}

.nmberpgs_steps h2 {
    margin: 0 0 60px;
    font-size: 4.8rem;
    line-height: 6rem;
    font-weight: 600;
    color: var(--color-text)
}

.checkbox-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    user-select: none;
    margin: 40px 0 0
}

.checkbox-group .checkbox {
    margin: 1.2rem;
}

.checkbox-group-legend {
    font-size: 1.5rem;
    font-weight: 700;
    color: #9c9c9c;
    text-align: center;
    line-height: 1.125;
    margin-bottom: 1.25rem
}

.checkbox-input {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.step-three .checkbox-input:checked+.checkbox-tile {
    border-color: #006967;
    background: #006967;
}

.step-three .checkbox label {
    margin: 0
}

.step-three .checkbox-input:checked+.checkbox-tile:before {
    transform: scale(1);
    opacity: 1;
    background-color: rgb(255 255 255 / 30%);
    border-color: transparent
}

.step-three .checkbox-input:checked+.checkbox-tile .checkbox-icon,
.step-three .checkbox-input:checked+.checkbox-tile .checkbox-label {
    color: var(--color-white-fixed);
}

.checkbox-tile:hover:before,
.step-three .checkbox-input:focus+.checkbox-tile:before {
    transform: scale(1);
    opacity: 1
}

.step-three .checkbox-input:checked+.checkbox-tile .priceDays-totalpage {
    color: var(--color-white-fixed);
}

.checkbox-tile {
    display: block;
    width: 18rem;
    min-height: 22rem;
    border-radius: .9rem;
    border: 1px solid #000;
    background-color: var(--color-white-fixed);
    box-shadow: 0 5px 10px rgb(0 0 0 / 11%);
    transition: .15s;
    cursor: pointer;
    position: relative;
    color: var(--color-text);
    padding: 40px 0
}

.checkbox-tile:before {
    content: "";
    position: absolute;
    display: block;
    width: 3.25rem;
    height: 3.25rem;
    border: 2px solid #aba8a8;
    background-color: var(--color-white-fixed);
    border-radius: 50%;
    opacity: inherit;
    transition: .25s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.checkbox-tile:hover {
    border-color: #28ab88
}

.checkbox-icon {
    transition: 375ms;
    font-size: 18px;
    font-weight: 600;
    LINE-HEIGHT: 23PX
}

.checkbox-icon svg {
    width: 3rem;
    height: 3rem
}

.checkbox-label {
    color: #707070;
    transition: 375ms
}

.checkbox-icon span {
    display: block;
    font-size: 16px;
    font-weight: 500;
}

.switch {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 35px
}

#next_btn_3,
.switch input,
.switch input:checked+.slider .fa-times {
    display: none
}

.switch .slider .fa-check {
    color: var(--color-white-fixed);
    position: absolute;
    left: 15px;
    font-size: 16px;
    display: none
}

.switch .slider .fa-times {
    color: var(--color-white-fixed);
    position: absolute;
    font-size: 16px;
    right: 15px
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #db3a34;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50px
}

.allowlinks .toggle-btn,
.step-four .toggle-btn {
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    margin: 1.5rem auto 1.5rem
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 27px;
    width: 27px;
    left: 4px;
    bottom: 4px;
    border-radius: 50%;
    background-color: var(--color-white-fixed);
    -webkit-transition: .4s;
    transition: .4s
}

.switch input:checked+.slider .fa-check {
    display: block
}

.switch input:checked+.slider {
    background-color: #52b69a
}

.switch input:focus+.slider {
    box-shadow: 0 0 1px #52b69a
}

.switch input:checked+.slider:before {
    -webkit-transform: translateX(35px);
    -ms-transform: translateX(35px);
    transform: translateX(35px)
}

.linkdicont_section p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400
}

.step-four .toggle-btn {
    width: 100px;
    height: 40px;
    display: block;
    background: url(../images/toggle-close-arrow.png) 70px center no-repeat #969696;
    -webkit-transition: background-color .4s ease-in-out;
    -moz-transition: background-color .4s ease-in-out;
    -o-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out
}

.allowlinks .toggle-btn.active,
.step-four .toggle-btn.active {
    background: url(../images/toogle-check-arrow.png) 16px center no-repeat #006967;
}

.allowlinks .toggle-btn .round-btn,
.step-four .toggle-btn .round-btn {
    background-color: var(--color-white-fixed);
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -15px
}

.step-four .toggle-btn.active .round-btn {
    left: 65px
}

.step-four .toggle-btn .round-btn {
    width: 30px;
    height: 30px;
    left: 5px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.allowlinks .toggle-btn .cb-value,
.step-four .toggle-btn .cb-value {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9;
    cursor: pointer
}

.allowlinks .toggle-btn {
    width: 100px;
    height: 40px;
    display: block;
    background: url(../images/toggle-close-arrow.png) 72px center no-repeat #969696;
    -webkit-transition: background-color .4s ease-in-out;
    -moz-transition: background-color .4s ease-in-out;
    -o-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out
}

.allowlinks .toggle-btn.active .round-btn {
    left: 67px
}

.allowlinks .toggle-btn .round-btn {
    width: 30px;
    height: 30px;
    left: 3px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.allowlinks p {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 500
}

#score-inner-box {
    visibility: hidden
}

/*--setup optimize end--*/
.writeforus-block .topicgenerator-block p:last-child {
    margin-bottom: 0
}

.fullservice-box h2,
.fullservice-box h3 {
    font-weight: 500;
    color: var(--color-text);
    font-size: 2.2rem !important;
    margin-bottom: 2rem !important;
    line-height: 3rem !important;
}

.fullservice-box:hover {
    transition: all linear .3s;
    background: var(--color-white-fixed);
    box-shadow: 0 0 20px #e7e7e7;
}

.fullservice-box {
    background: #f1f2f6;
    color: var(--color-white-fixed);
    padding: 4rem;
    border-radius: 1rem;
    text-align: left;
    min-height: 47rem;
    margin-bottom: 3rem
}

.fullservice-box p {
    color: var(--color-text);
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 1.5rem;
    max-width: 100% !important;
    font-weight: 400
}

.full-seoservices-main h2 {
    margin-bottom: 6rem
}

.full-seoservices-main {
    text-align: center;
    display: inline-block;
    width: 100%;
}

html.darkmode .realtime-card.poor-card {
    background: var(--color-neutral-dark) !important
}

.darkmode .realtime-card.active {
    background: url(../images/checked.png) 85% 88% no-repeat #006967 !important
}

.darkmode .realtime-card {
    background: var(--color-neutral-dark) url(../images/uncheck.png) 85% 88% no-repeat !important
}

.cachingsolution {
    color: var(--color-text)
}

.darkmode .linkdicont_section {
    background: #000
}

.darkmode .speedCaseStudies-main .realtime-card {
    background: #000 !important
}

.smallbussiness-main .nodelogo-column li p {
    font-size: 1.6rem
}

.testimonial_box video {
    width: 100%
}

.testimonials_swipers .swiper-slide:hover {
    cursor: url(https://www.vocso.com//images/cursor.png) 35 35, auto
}

.collateral-content .detail ul li p {
    line-height: 2.8rem
}

.collateral-content .detail ul li {
    margin-bottom: 2rem
}

.collateral-content .detail ul {
    padding-left: 0;
    margin-top: 1rem
}

.collateral-content .detail ul li p b {
    font-weight: 600
}

.speedWhychoosevocso h2 {
    margin-bottom: 1.5rem
}

.speedWhychoosevocso p {
    line-height: 2.8rem;
    max-width: 80%;
    margin: 0 auto 6rem;
    color: var(--color-text)
}

.speedWhychoosevocso .fullservice-box {
    min-height: 28rem
}

.speedWhychoosevocso .fullservice-box p {
    margin-bottom: 0 !important
}

.speedWhychoosevocso .fullservice-box:hover h2 {
    color: #006967
}

.darkmode .fullservice-box {
    background: var(--color-neutral-dark);
    box-shadow: none;
}

.darkmode .speedWhychoosevocso .fullservice-box:hover h2 {
    color: var(--color-secondary-dark);
}

.speedWhychoosevocso {
    padding-bottom: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0 !important
}

.observedmetrics-main .content-blockscroll p {
    font-size: 1.8rem;
    font-weight: 400;
}

.observedmetrics-main .traffic-content p {
    font-size: 1.8rem;
    font-weight: 400
}

.checkbox-icon .pages {
    font-size: 20px;
    font-weight: 600
}

.priceDays {
    margin-top: 0;
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 2rem;
    display: inline-flex;
    flex-direction: column;
    color: #000
}

.priceDays-totalpage {
    margin-top: 1rem;
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 4rem;
    display: inline-flex;
    flex-direction: column;
    color: var(--color-text)
}

.ordersummary-mainblock {
    max-width: 80%;
    margin: 12rem auto 0
}

.lead-form-main form {
    width: 100% !important;
    position: relative
}

.speedcost-genrator-block form {
    width: 44%;
    margin: 0 auto
}

.lead-form-main .form-group {
    margin-bottom: 5rem;
    text-align: left
}

.lead-form-main .form-group label {
    color: var(--color-text);
    font-size: 1.8rem;
    font-weight: 500;
    transition: all .3s linear;
    margin-bottom: 0;
    text-transform: capitalize
}

.lead-form-main.lead-form-main-ppc .form-group label {
    color: var(--color-bg);
}

.darkmode .lead-form-main.lead-form-main-ppc .form-group label {
    color: var(--color-text);
}

.lead-form-main .form-control {
    border-bottom: .1rem solid #979797 !important;
    color: #000;
    border: 0;
    padding: 0;
    min-height: 4rem;
    font-size: 1.8rem;
    border-radius: 0;
    background: inherit;
    transition: all .2s
}

.lead-form-main.lead-form-main-ppc .form-control {
    color: var(--color-white-fixed);
}

.darkmode .stepOrder-summary-main {
    background: #006967
}

.stepOrder-summary-main {
    background: #e4ebef;
    display: inline-block;
    padding: 6rem 5rem;
    width: 100%;
    color: var(--color-text);
    text-align: left;
}

#plan,
#final_page_count {
    font-size: 1.6rem;
}

.lead-form-main {
    padding-right: 10rem;
    margin-top: 2rem
}

.lead-form-main.lead-form-main-ppc {
    padding-left: 20rem;
    margin-top: 2rem;
    padding-right: 0;
}

.stepOrder-summary-main h3 {
    font-size: 2.2rem;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 2rem
}

.orderlisting {
    border-bottom: 1px solid #b7c2c9;
    padding: 2rem 0
}

.orderlisting .orderPlan {
    text-transform: capitalize;
    font-size: 1.8rem;
    font-weight: 500;
    display: flex;
    align-items: center
}

.orderlisting .row {
    display: flex;
    align-items: center
}

.chooseplan-speed,
.choose-pages-speed {
    margin-left: 1rem
}

.orderResult {
    font-weight: 500;
    text-align: right;
    word-break: break-word
}

.darkmode .orderlisting .orderPlan img {
    filter: invert(1)
}

.orderResult b {
    text-transform: capitalize;
    font-size: 2rem;
    font-weight: 500
}

.optimize-planprice {
    font-weight: 700 !important;
    margin-top: 1rem !important;
    display: inline-block
}

#pre,
#next,
#submit {
    display: none
}

#score-inner-box h3 {
    color: red;
    font-weight: 500;
    margin-top: 2rem
}

.realtime-card.active .speedprice-list h4 {
    color: var(--color-white-fixed);
}

.lead-form-main textarea {
    resize: none;
    min-height: 10rem !important
}

.step-four.wrapper h6,
.step-five.wrapper h6,
.step-six.wrapper h6 {
    color: var(--color-text);
    text-transform: capitalize;
    font-size: 1.8rem;
    font-weight: 500
}

.lead-form-main .form-group.error {
    position: relative
}

.lead-form-main .form-group.error small {
    font-size: 1.4rem;
    text-transform: lowercase;
    margin-top: .3rem;
    display: inline-flex
}

.lead-form-main .form-control:focus {
    box-shadow: none
}

.darkmode .lead-form-main .form-control {
    border-bottom: .1rem solid var(--color-neutral-dark) !important;
    color: var(--color-white-fixed);
}

.darkmode .lead-form-main.lead-form-main-ppc .form-control {
    border-bottom: .1rem solid #646464 !important;
    color: var(--color-white-fixed);
}

.weboptimize-priceSec .budget-centertext p {
    color: var(--color-white-fixed);
}

.whychooseVocso-speed .fullservice-box {
    min-height: auto
}

.whychooseVocso-speed #section1,
.whychooseVocso-speed #section2,
.whychooseVocso-speed #section3,
.whychooseVocso-speed #section4,
.whychooseVocso-speed #section5,
.whychooseVocso-speed #section6 {
    padding-top: 0
}

.speedhowwework {
    padding-bottom: 13rem;
    padding-top: 0
}

.whychooseVocso-speed .fullservice-box:hover h2 {
    color: #006967
}

.webOptimiz-faq h2 {
    margin: 0 auto 4rem !important
}

.webOptimiz-faq .panel-group .panel-body {
    padding: 0 !important
}

.webOptimiz-faq .panel-group .panel-heading a {
    padding: 0;
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 3rem
}

.webOptimiz-faq .panel-default {
    padding: 5rem;
    border-bottom: 1px solid #ececec
}

.webOptimiz-faq .panel-default.panel-bgchange {
    background: #ecedf0;
    border-radius: 2rem
}

.webOptimiz-faq .panel-default.panel-bgchange .panel-collapse .panel-body {
    background: transparent
}

#main {
    margin: 5rem 0;
    width: 100%;
}

#main #faq .card {
    border-bottom: 1px solid #ececec !important;
    border: 0;
    border-radius: 2rem
}

#main #faq .card .card-header {
    border: 0;
    padding: 0;
    background: var(--color-white-fixed);
}

#main #faq .card .card-header .btn-header-link {
    color: var(--color-white-fixed);
    display: block;
    text-align: left;
    background: var(--color-secondary-light);
    color: var(--color-text);
    padding: 4rem;
    font-size: 2.5rem;
    display: flex;
    justify-content: space-between;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    line-height: 3.6rem
}

.darkmode #main #faq .card .card-header {
    background: #000
}

.darkmode #main #faq .card .card-header .btn-header-link {
    background: var(--color-secondary);
}

#main #faq .card .card-header .btn-header-link:after {
    content: "\f106";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    width: 20%;
    flex: auto;
    justify-content: end
}

#main #faq .card .card-header .btn-header-link.collapsed {
    background: var(--color-bg)
}

/*#main #faq .card .card-header .btn-header-link.collapsed:after{content:"\f107"}*/
#main #faq .card .collapsing {
    background: var(--color-secondary-light);
    line-height: 30px
}

#main #faq .card .collapse {
    border: 0
}

#main #faq .card .collapse.show {
    background: var(--color-secondary-light);
    line-height: 30px;
    color: #222;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem
}

#main #faq .card-body {
    padding: 4rem;
    padding-top: 0
}

.darkmode #main #faq .card {
    border-bottom: 1px solid var(--color-neutral-dark) !important;
    background: #000
}

.darkmode #main #faq .card .collapsing {
    background: var(--color-secondary);
    color: var(--color-white-fixed);
}

.darkmode #main #faq .card .collapse.show {
    background: var(--color-secondary);
    color: var(--color-white-fixed);
}

#main #faq .card .card-header .btn-header-link:hover {
    color: var(--color-secondary-dark);
}

.darkmode #main #faq .card .card-header .btn-header-link:hover {
    color: var(--color-white-fixed);
}

#main #faq .card-body p {
    line-height: 3rem;
    font-size: 1.8rem;
    font-weight: 500
}

.webOptimiz-faq {
    padding-top: 0;
    padding-bottom: 0
}

.darkmode .whychooseVocso-speed .fullservice-box:hover h2 {
    color: var(--color-secondary-dark);
}

.whychooseVocso-speed .fullservice-box img {
    margin-bottom: 2rem
}

.darkmode .whychooseVocso-speed .fullservice-box img {
    filter: invert(1)
}

.hirephpdeveloper-main {
    padding-top: 13rem
}

.observedmetrics-main .content-blockscroll ul li::before {
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
    width: 20px;
    height: 20px;
    background: url(../images/sprite-images.webp) -366px -570px no-repeat
}

.observedmetrics-main .content-blockscroll ul li {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    margin-left: 10rem;
}

.observedmetrics-main .content-blockscroll ul li p {
    margin: 0;
    padding-left: 3.5rem;
}

#section7,
#section8 {
    padding-top: 120px
}

.fullservice-box ul li {
    padding-right: 0;
    margin-bottom: 1rem;
    position: relative;
    padding-left: 30px
}

.fullservice-box ul {
    margin-top: 1rem
}

.fullservice-box ul li p {
    margin-bottom: 0
}

.fullservice-box li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
    width: 20px;
    height: 20px;
    background: url(../images/sprite-images.webp) -366px -570px no-repeat
}

.priceDays {
    display: none
}

.padding-60 {
    padding: 6rem 0
}

.observedmetrics-main #section2 .content-blockscroll p img {
    border: none
}

.observedmetrics-main #section7 .content-blockscroll img {
    z-index: 1;
    position: relative;
    max-width: initial;
    top: inherit;
    right: inherit
}

.observedmetrics-main .content-blockscroll p img {
    border-radius: 1.2rem
}

.massonary-container {
    list-style: none;
    column-count: 2;
    column-gap: 3rem;
    margin-bottom: 0
}

.massonary-container li {
    margin-bottom: 3.2rem !important;
    padding-right: inherit !important;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

.massonary-container li .fullservice-box {
    margin-bottom: 0
}

#plan4,
#plan5,
#plan6,
#final_total_price {
    font-weight: 700
}

.orderlisting:last-child {
    border-bottom: 0
}

.orderlisting .orderPlan img {
    display: inline-block;
    height: 100%;
    float: left;
    margin-right: 1.2rem
}

.lead-form-main form:after {
    background: url(../images/angular-footer-arrow.webp) no-repeat;
    width: 148px;
    height: 86px;
    position: absolute;
    content: "";
    bottom: -8%;
    right: -8%;
    transform: rotate(190deg)
}

.pagespeed-Plans-btn {
    background-position: 82% center !important;
    background: transparent url(../images/arrowSVG.svg);
    color: var(--color-text);
    border: 2px solid var(--color-text) !important;
    background-repeat: no-repeat
}

.darkmode .pagespeed-Plans-btn {
    background: transparent url(../images/white-next-arrow.svg);
    background-repeat: no-repeat;
    background-position: 82% center !important
}

.darkmode .pagespeed-Plans-btn:hover {
    background: var(--color-secondary-dark) url(../images/white-next-arrow.svg);
    background-position: 84% center !important;
    background-repeat: no-repeat
}

.pagespeed-Plans-btn:hover {
    background-position: 84% center !important;
}

.darkmode .lead-form-main form:after {
    filter: invert(1)
}

.weboptimize-priceSec .pricing-maintbl .panel {
    min-height: 69rem !important;
}

.weboptimize-priceSec .list-group {
    margin-bottom: 0 !important;
    display: block;
    width: 100%;
    margin-top: 2rem
}

.weboptimize-priceSec .trusted-list li {
    width: 100%;
    padding-right: 0
}

.seo_pacakge_div .first_div button {
    width: 100%
}

.weboptimize-priceSec .pricing-maintbl button {
    background: var(--color-secondary) !important;
    font-size: 1.8rem;
    font-weight: 500;
    padding: 18px 0 18px 0;
}

.darkmode .weboptimize-priceSec .pricing-maintbl button {
    background: #006967 !important
}

.weboptimize-priceSec .pricing-maintbl button:hover {
    background: var(--color-primary) !important
}

.weboptimize-priceSec .trusted-list li:last-child {
    border-bottom: 0
}

.weboptimize-priceSec .first_div {
    margin-top: 0
}

.seo-plan-pkg-main {
    padding: 13rem 0
}

.weboptimize-priceSec .trusted-list li p {
    padding-top: 0 !important;
    margin-bottom: 0;
    font-weight: 400;
}

.testimonial_box iframe {
    width: 100%;
    height: 100%;
}

.weboptimize-priceSec .panel-body p.lead del {
    display: block;
    font-size: 4rem;
    color: #bbb;
    font-weight: 600;
}

.client-videobox {
    height: 320px;
}

.speedppc-modal .paymentstep-one_new .modal-header {
    position: absolute;
    right: 0;
    top: 0
}

.speedppc-modal .modal-body h4 {
    line-height: 1.5rem;
    text-align: center
}

.speedppc-modal .modal-body h4 span {
    font-family: 'Foltta', sans-serif;
    font-size: 8rem;
    font-weight: 400;
    align-items: center;
    justify-content: center;
    line-height: 50px;
    top: 7px;
    position: relative
}

.speedppc-modal .raq_top_part {
    padding-top: 24px
}

.speedppc-modal .modal-body {
    padding: 30px 45px !important
}

#errName,
#errEmail,
#errPhone,
#errWebsiteurl {
    position: absolute;
    bottom: 0;
    content: '';
    width: 100%
}

.form-right-sec .form-group label.error_span {
    border-bottom: 0 !important;
    color: #f00 !important;
    background: transparent;
    padding: 0;
    bottom: inherit;
    position: relative;
    transform: initial;
}

.submit-speedform-btn {
    background: url(../images/white-next-arrow.svg) 90% center no-repeat var(--color-secondary-dark);
}

.darkmode .submit-speedform-btn {
    background: url(../images/white-next-arrow.svg) 92% center no-repeat var(--color-secondary-dark);
}

.darkmode .trusted-list li {
    background: url(https://vocso.com/images/darkmode-active-plan-icon.svg) right center no-repeat;
}

.logo-inner-block {
    border-radius: 1rem;
    background: rgb(0 0 0 / 27%);
    display: inline-block;
    padding: 3rem;
}

#kmc {
    display: none;
}

.darkmode .logo-inner-block {
    background: rgb(255 255 255 / 27%);
}

.wordpress-devl-whyhire {
    background: #ececec;
    text-align: center
}

.darkmode .wordpress-devl-whyhire {
    background: var(--color-neutral-dark);
}

.darkmode .wordpress-devl-whyhire .easemanagement-tabright p,
.darkmode .wordpress-devl-whyhire .easeopen-source p,
.darkmode .wordpress-devl-whyhire .jennaFntsm-smallblack,
.darkmode .wordpress-devl-whyhire h2 {
    color: var(--color-white-fixed) !important
}

.wordpress-logo-img img {
    filter: brightness(0) saturate(100%) invert(79%) sepia(17%) saturate(1193%) hue-rotate(130deg) brightness(91%) contrast(83%)
}

.wordpress-devl-whyhire .resp-vtabs .ease_manage_tabs li.resp-tab-active {
    background: #24282c;
    border-radius: .5rem
}

.wordpress-logo-img {
    text-align: right
}

.darkmode .wordpress-devl-whyhire .management-lefttab,
.wordpress-devl-whyhire .resp-tab-active .management-lefttab,
.wordpress-devl-whyhire .resp-tab-active .management-lefttab span {
    color: var(--color-white-fixed);
}

.wordpress-devl-whyhire .resp-vtabs .cost-blue.fastest-black,
.wordpress-devl-whyhire .resp-vtabs .ease-blue.ease-black,
.wordpress-devl-whyhire .resp-vtabs .faster-blue.google-black,
.wordpress-devl-whyhire .resp-vtabs .support-black,
.wordpress-devl-whyhire .resp-vtabs .wide-blue.plugins-black {
    width: 100% !important;
    background: #ececec;
    border-bottom: 1px solid #0000001a
}

.darkmode .wordpress-devl-whyhire .resp-vtabs .cost-blue.fastest-black,
.darkmode .wordpress-devl-whyhire .resp-vtabs .ease-blue.ease-black,
.darkmode .wordpress-devl-whyhire .resp-vtabs .faster-blue.google-black,
.darkmode .wordpress-devl-whyhire .resp-vtabs .support-black,
.darkmode .wordpress-devl-whyhire .resp-vtabs .wide-blue.plugins-black {
    background: var(--color-neutral-dark);
    border-bottom: 1px solid #1b1e22
}

.darkmode .wordpress-devl-whyhire .resp-vtabs .ease_manage_tabs li.resp-tab-active {
    background: #000 !important
}

.darkmode #verticalTab ul::before {
    filter: invert(1)
}

.wordpress-devl-whyhire .easemanagement-tabright .resp-tab-content {
    text-align: left
}

.wordpress-devl-whyhire .ease_manage_tabs li {
    padding: 30px 10px !important;
    text-align: left
}

.wordpress-devl-whyhire .easeopen-source p {
    max-width: 80%;
    margin: 2rem auto 7rem
}

.wordpress-devl-whyhire #verticalTab {
    display: inline-flex !important;
    align-items: center
}

.wordpress-devl-whyhire .easeopen-source h2 {
    font-weight: 600;
    line-height: 6rem
}

.wordpress-devl-whyhire .ease_manage_tabs li p {
    margin-bottom: 0
}

.wordpress-devl-whyhire .management-lefttab {
    margin-left: 0;
    color: #000
}

.wordpress-devl-whyhire .management-lefttab p {
    font-size: 22px !important;
    font-weight: 700
}

.iframe-cover embed,
.loadertrack {
    position: absolute;
    right: 0;
    left: 0
}

.portfolio-home-icon,
.wordpress-devl-whyhire .easeopen-source h2::after,
.wordpress-devl-whyhire .resp-vtabs .ease_manage_tabs li.resp-tab-active::before {
    display: none
}

#verticalTab ul {
    position: relative
}

#verticalTab ul::before {
    position: absolute;
    content: "";
    right: -137px;
    top: -5rem;
    bottom: inherit;
    transform: rotate(49deg);
    background: url(../images/arrow-new.png) no-repeat;
    width: 148px;
    height: 104px;
    filter: initial
}

.wordpress-devl-whyhire .ease_manage_tabs li span {
    color: #999;
    font-weight: 700;
    font-size: 3rem
}

.wordpress-devl-whyhire .easemanagement-tabright {
    min-height: auto
}

.angularSlider-content ul li img {
    filter: grayscale(100%) brightness(.9) invert(1)
}

.projetnext-prev-block-test ul li a img {
    width: 60%
}

.iframe-cover embed {
    max-width: 100%;
    content: "";
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: none
}

.portfolio-technology-block .portfolio-overview-img .slider {
    display: flex
}

.darkmode .portfolio-home-icon {
    fill: var(--color-white-fixed);
}

.wordpress-steps-block .howitworks-blocks {
    padding: 3rem
}

#payment_form_new .form-right-sec .form-group {
    width: 100% !important
}

.web-maintenance-pkgs-block {
    padding-bottom: 0 !important
}

.loadertrack {
    background: url(../images/angular-loading-icon.webp) center center;
    width: 58px;
    height: 58px;
    z-index: 99999;
    margin: 0 auto;
    animation: 10s linear infinite rotate-animation;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 8rem;
}

.hiringangular-vocso {
    display: flex;
    align-items: center;
    justify-content: center
}

.ppc-stats-counter .slider:last-of-type {
    margin-top: 0
}

.ppc-stats-counter .slide-track-logo {
    margin-top: 0;
    margin-bottom: 0
}

.ourbackend-services-box,
.ppc-stats-counter .angularPortfolioSlider {
    background: #000
}

.whychooseVocso-speed .btn-proposal {
    margin-left: 0
}

.lead-form-main-ppc figure img {
    border-radius: 1rem
}

.backendServices-box-tile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #35383c;
    margin-bottom: 2rem;
    padding-bottom: 2rem
}

.backendServices-box-tile h2 {
    text-transform: capitalize;
    margin-bottom: 0 !important
}

.ourbackend-services-box h2,
.ourbackend-services-box p {
    color: var(--color-white-fixed);
}

.ourbackend-services-box .fullservice-box img {
    margin-bottom: 0;
    filter: brightness(0) saturate(100%) invert(56%) sepia(19%) saturate(706%) hue-rotate(101deg) brightness(100%) contrast(89%) !important;
}

.ourbackend-services-box .fullservice-box {
    background: var(--color-neutral-dark);
}

.ourbackend-services-box .fullservice-box:hover {
    box-shadow: 0 0 20px var(--color-secondary-dark)91
}

.ourbackend-services-box .massonary-container li {
    position: relative;
    overflow: hidden;
    transition: .3s linear;
    background-image: linear-gradient(#35383c, #0000cd00);
    padding: 1px !important;
    border-radius: 1rem
}

.seedetails-backendservice {
    position: absolute !important;
    background: #006967;
    width: 100%;
    left: 0;
    bottom: -50px;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 0;
    text-align: right;
    transition: .3s linear
}

.ourbackend-services-box .massonary-container li:hover .seedetails-backendservice {
    bottom: 0;
    transition: .3s linear
}

.seedetails-backendservice a {
    color: var(--color-white-fixed);
    display: block;
    padding: 1rem 6rem 1rem 3rem;
    font-size: 2rem;
    font-weight: 500;
    transition: .3s;
    background: url(../images/white-next-arrow.svg) no-repeat;
    background-position: 92% center !important;
    background-repeat: no-repeat !important
}

.seedetails-backendservice a:hover {
    background: url(../images/white-next-arrow.svg) no-repeat;
    background-position: 94% center !important
}

.ourbackend-services-box .fullservice-box:hover h2 {
    color: var(--color-secondary-dark);
}

.allcategories-block ul {
    padding: 0;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    margin-top: 7rem;
    flex-wrap: wrap;
    display: grid;
    grid-gap: 19px;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    grid-auto-flow: dense
}

.allcategories-block ul li {
    list-style: none;
    background: var(--color-white-fixed);
    width: 100%;
    height: 100%;
    padding: 1.5rem 2.5rem;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    border: 1px solid #e1dcdc;
    -webkit-transition: .2s;
    -moz-transition: .2s
}

.allcategories-block ul li:hover {
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transform: scale(.99);
    box-shadow: 0 10px 24px hsla(0, 0%, 0%, .11);
    border: 1px solid transparent
}

.allcategories-block ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.allcategories-block ul li img {
    margin-right: 2rem
}

.darkmode .allcategories-block ul li img {
    filter: brightness(0) saturate(100%) invert(95%) sepia(89%) saturate(6596%) hue-rotate(148deg) brightness(85%) contrast(83%)
}

.allcategories-block ul li h3 {
    color: var(--color-text);
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0
}

.darkmode .allcategories-block ul li {
    background: #24282c;
    border: 1px solid var(--color-neutral-dark);
}

.backend-services-faq h2 {
    text-align: center !important;
    margin: 0 auto !important
}

.ourbackendService-mainBanner:after {
    display: none
}

.ourbackend-services-box .massonary-container li:hover {
    transform: translateY(-5px);
    transition: .3s linear
}

.weboptimize-priceSec ul li.disable-plan {
    background: url(/images/disable-plan-close-icon.svg) right center no-repeat;
    color: #9d9d9d !important
}

.darkmode .weboptimize-priceSec ul li.disable-plan {
    color: #525050 !important
}

.engage-vocso-backend-projects {
    text-align: center;
    padding-top: 0;
    padding-bottom: 0
}

.engage-vocso-backend-projects p {
    max-width: 50%;
    margin: 2rem auto 0;
    line-height: 3rem;
    font-weight: 500;
    color: var(--color-text)
}

.engageVocso-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2.5rem 0
}

.engageVocso-logo li {
    margin-right: 3rem
}

.engageVocso-logo li:last-child {
    margin-right: 0
}

.darkmode .gem-government-daymode-logo,
.gem-government-darkmode-logo {
    display: none
}

.darkmode .gem-government-darkmode-logo {
    display: block
}

.vocso-stats-block {
    background: #ececec;
    position: relative;
    overflow: hidden;
    border-radius: 4rem 4rem 0 0;
    /* clip-path: ellipse(145% 100% at 50% 100%) */
}

.vocso-stats-block-right li svg {
    margin-right: 2rem;
    position: absolute;
    left: 0
}

.vocso-stats-block-right li {
    padding-bottom: 1.3rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    padding-left: 5rem;
    font-weight: 600;
    margin-bottom: 2rem;
    color: var(--color-text);
    text-align: left
}

.vocso-stats-block-left .counter-main {
    padding: 0 4rem 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    width: 100%;
    position: relative
}

.vocso-stats-block-left .counter-main::before {
    position: absolute;
    content: '';
    width: 500px;
    height: 500px;
    background: var(--color-white-fixed);
    right: 19rem;
    filter: blur(80px);
    bottom: -15rem
}

.backend-services-faq {
    padding-bottom: 0
}

.vocso-stats-block-left .counter-main .counter-section h4 {
    font-size: 5rem;
    color: var(--color-text)
}

.vocso-stats-block-left .counter-main .counter-section .counter-title {
    margin-top: 0;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--color-text)
}

.vocso-stats-block-left .counter-main .counter-mg {
    background: var(--color-white-fixed);
    box-shadow: 0 0 11px 4px rgb(0 0 0 / 4%) !important;
    margin-right: 4rem;
    padding: 3.8rem 2rem;
    text-align: center;
    border-radius: 1rem;
    width: 32%;
    margin-bottom: 4rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.vocso-stats-block-left .counter-main .counter-mg:last-child {
    margin-right: 0 !important
}

.vocso-stats-block-left .counter-main:after {
    display: none
}

.star-black-icon {
    top: -2.4rem;
    left: 0;
    right: 0
}

.confetti-icon {
    top: -2.5rem
}

.star-red-small {
    left: -1.2rem;
    bottom: -1rem
}

.cheers-icon {
    position: absolute
}

.vocso-stats-block-left {
    display: flex;
    justify-content: end
}

.black-strip-cta {
    background: #35383c;
    text-align: center
}

.black-strip-cta h2 {
    font-size: 3rem;
    color: var(--color-white-fixed);
    margin-bottom: 3.5rem
}

.multiple-stars-icon {
    position: absolute;
    right: 6rem;
    bottom: 2rem
}

.blackCTA-wrap {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.blackCTA-wrap .btn-proposal {
    margin-left: 0
}

.darkmode .vocso-stats-block-left .counter-main .counter-mg {
    background: var(--color-secondary);
}

.darkmode .vocso-stats-block {
    background: var(--color-neutral-dark)
}

.darkmode .light-blue-gradient,
.darkmode .vocso-stats-block-left .counter-main::before {
    display: none
}

.darkmode .vocso-stats-block-right li svg {
    fill: var(--color-white-fixed);
}

.darkmode .bottomprofile-details {
    background: #006967;
}

.logo-area {
    background: rgb(0 0 0 / 27%);
    display: inline-flex;
    padding: 2rem;
    border-radius: 1rem;
}

.darkmode .logo-area {
    background: rgb(255 255 255 / 27%);
}

#main #faq .card .card-header .btn-header-link:after {
    background: url(../images/accordion-arrow-headup-icon.svg) center right no-repeat;
    content: '';
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    width: 20%;
    flex: auto;
    justify-content: end;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
    background: url(../images/accordion-arrow-icon.svg) center right no-repeat;
}

.backendServices-box-tile h3 {
    color: var(--color-white-fixed);
}