.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(--accent-orange) !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: #fff;
	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: #fff;
	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: #fff !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: #25282c
}

#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(--black-color)
}

.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: #59c9cb !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 #59c9cb !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 #fff;
	-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.html) 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 #fff;
	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: #fff
}

.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: #fff;
	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: #fd3a30;
	font-size: 17px;
	padding: 12px 20px;
	width: 100%;
	display: inline-block;
	margin-top: 6px;
	color: #fff;
	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(https://www.vocso.com/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: #fff;
	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: #fff;
	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: #fff;
	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: #fff;
	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: #fd3a30;
	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: #fff;
	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: #fd3a30;
	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: #fff;
	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: #fd3a30;
	color: #fff;
	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: #59c9cb;
	box-shadow: 0 -3px 0 #59c9cb 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: #fff;
	float: left;
	width: 100%;
	padding: 70px 0
}

.processwork_div h3 {
	color: #fd3a30;
	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: #fd3a30;
	color: #fff;
	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: #fd3a30;
	font-size: 32px;
	text-align: right
}

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

.seo_bottom_div h2,
.seo_graph h3 {
	color: #fff;
	font-size: 36px;
	text-align: center;
	padding: 0 5%
}

.seo_bottom_div p,
.seo_graph p {
	font-size: 14px;
	color: #fff;
	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: #fff;
	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 #fff;
	color: #fff;
	float: right
}

.seo_graph .transBtnB:hover {
	background: #fff;
	color: #3e3d7d;
	border: 1px solid #fff
}

.seo_bottom_div {
	background: #f8f6f4
}

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

.seo_bottom_div .left-part {
	background: #fff;
	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(--black-color);
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 15px
}

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

.explore-text {
	color: var(--black-color);
	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: #fff;
	background: #fd3a30;
	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: #fd3a30;
	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(--black-color);
	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: #25282c
}

.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(--black-color);
	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: #fff;
	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: #fff;
	box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .4)
}

.features_text a i,
.features_text a:hover i {
	border: 2px solid #fff
}

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

.seo_pacakge_div .buynow-btn:hover {
	background: #59c9cb;
	box-shadow: 0 -3px 0 #59c9cb inset;
	color: #fff
}

.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: #59c9cb;
	padding: 30px 30px 23px
}

.col-md-3.col-sm-3.col-xs-12.col-lg-3:hover .bottomprofile-details,
.features_text a:hover {
	background: #fd3a30;
	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: #fff
}

.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: #fd3a30;
	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: #fff !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: #fff
}

.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: #fff;
	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: #fd3a30;
	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: #fd3a30
}

.package_speakdiv h3 {
	font-size: 20px;
	margin: 0;
	color: #fff
}

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

.package_speakdiv .looking_btn i {
	border: 2px solid #fff;
	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 #fff;
	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: #fd3a30;
	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: #fff;
	max-width: 710px;
	margin: 0 auto;
	float: right
}

.team_company h2 {
	font-weight: 700;
	font-size: 40px;
	color: #fd3a30;
	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: #fff;
	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: #fff
}

.business-box {
	background: #4972bd
}

.multibox_1 h4 {
	color: #fff;
	font-size: 30px;
	transition: .5s
}

.multibox_1 p {
	font-size: 14px;
	color: #fff
}

.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(--accent-orange) !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(--accent-orange) !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(--black-color);
	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: #fff;
	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: #fff;
	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(--black-color);
	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: #fd3a30 !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: #fff !important;
	z-index: 1;
}

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

.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: #fff;
	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(--accent-orange) !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: #fff;
	padding: 0 106px;
	margin-top: 0;
	margin-bottom: 40px
}

.redesign-inner li {
	background: #00c650;
	padding: 15px;
	width: 100%;
	list-style: none;
	color: #fff;
	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: #fff
}

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

.design-agency-sec,
.iso-whatmean-sec {
	background: #fff;
	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: #fff;
	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: #fff;
	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: #fff;
	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(--accent-orange) !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: #59c9cb
}

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

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

.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: #fff;
	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: #fff;
	padding: 12px 20px
}

.web-custom-main li {
	width: 50%;
	float: left;
	padding: 40px;
	background: #fff;
	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: #fff;
	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: #fff;
	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: #fff;
	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: #fff;
	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: #fff;
	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: #fff;
	margin-bottom: 40px;
	font-weight: 700
}

.package-common h2.webMainPrice {
	font-size: 35px;
	color: #fff;
	margin-bottom: 20px
}

.package-common h4 {
	font-size: 22px;
	color: #fff;
	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: #000
}

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

.form-toptext-main p {
	font-size: 18px;
	line-height: 20px;
	padding: 15px 0;
	color: #000
}

.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(--accent-orange) !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: #fff;
	padding: 0 40px 40px;
	position: relative
}

.benefit-left-sec h3 {
	font-size: 40px;
	color: var(--black-color);
	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: #fff;
	-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(--black-color);
	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: #fff;
	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: #fff !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(--accent-orange) !important;
	color: #fff !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: #fff;
	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: #fff;
	color: #000
}

.terms-banner h1 {
	color: #fff;
	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 #00b7b9;
	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: #fff;
	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(--accent-orange) !important !important;
	box-shadow: inset 0 -3px 0 #b80a20 !important;
	color: #fff
}

.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(--accent-orange) !important;
	color: var(--accent-orange) !important;
	margin-top: 15px;
	margin-left: 0;
	vertical-align: top;
	padding: 13px 50px 10px 25px
}

.ecoomerce-to-banner .viewbtn-arrow:after {
	color: var(--accent-orange) !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: #fff !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: #fff;
	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(--black-color);
	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.html) 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 #fff;
	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: #fff;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 15px
}

.comon-logo-process p {
	color: #fff;
	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: #fff;
	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: #fff;
	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: #fff;
	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: #fff;
	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: #fff;
	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: #fff;
	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: #fff !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: #fff !important;
	box-shadow: inset 0 -2px 0 #f2f2f2 !important
}

.white-btn:hover {
	background: #ff7200 !important;
	box-shadow: inset 0 -2px 0 #f06e04 !important;
	color: #fff !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(--black-color)
}

.current-opening-content p {
	color: var(--black-color);
	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(--black-color);
	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: #fff;
	padding: 0;
	width: 95%
}

.resp-vtabs li.faster-blue {
	background: rgba(64, 144, 196, .9);
	border: none;
	color: #fff;
	padding: 0;
	width: 90%
}

.resp-vtabs li.wide-blue {
	background: rgba(64, 144, 196, .8);
	border: none;
	color: #fff;
	padding: 0;
	width: 95%
}

.resp-vtabs li.cost-blue {
	background: rgba(64, 144, 196, .6);
	border: none;
	color: #fff;
	padding: 0;
	width: 100%
}

.opensource li p {
	color: #fff;
	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: #fff;
	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: #fff
}

.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 #fff
}

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

.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: #fff;
	padding-bottom: 262px;
	padding-top: 70px
}

#horizontalTab,
.joomla-customc:hover,
.joomla-themeMulti:hover,
.whyuseVocsoTab,
.word-whitebg:hover {
	background: var(--white-color)
}

.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: #fff;
	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: #fff;
	-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: #fff;
	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: #59c9cb
}

.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(--black-color);
	font-size: 32px;
	font-weight: 700;
	margin-right: 13px
}

.ecommerce-order-btn {
	font-size: 16px;
	color: #fff;
	background: #fd3a30;
	padding: 16px 20px;
	text-transform: uppercase;
	transition: .3s linear
}

.ecommerce-order-btn:hover,
.modal-footer .submit_btn:hover,
.moretraffic-btn:hover {
	background: #000;
	color: #fff
}

.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 #59c9cb
}

.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 #59c9cb
}

.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 #fd3a30
}

.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(--black-color);
	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: #fd3a30
}

.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: #fff
}

.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(--accent-orange) !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: #fff;
	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: #fff;
	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: #fff;
	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: #fff;
	margin: 0 0 2px;
	padding: 0
}

.clients-feedback-area .sitename-founder,
.clients-feedback-area h5 {
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	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(--black-color);
	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: #fff;
	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: #fd3a30
}

.vocsobuild-accordion .tc-accordion-item.active .tc-accordion-icon span {
	background-color: #fd3a30;
	border: 1px solid #fd3a30
}

.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(--black-color)
}

#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: #fff;
	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: #fff;
	width: 47px;
	height: 47px;
	border-radius: 100%
}

.hybrid-formbtn {
	background: var(--accent-orange) !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: #fff;
	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(--accent-orange) !important;
	cursor: pointer;
	border: none;
	padding: 10px 30px;
	color: #fff;
	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(--accent-orange) !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: #fff;
	background: url(../images/right_icon.png) 90% 26px no-repeat #59c9cb !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: #fff;
	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: #fff
}

.checkPack {
	margin: 0px 0 0px !important
}

.checkPack::after {
	background: url(../images/tosmall-icon-white-down.png) no-repeat;
	color: #fff;
	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: #fff;
	font-size: 38px;
	margin-left: 15px;
	margin-bottom: 50px
}

.selectYour-package {
	background: #46b0c8;
	min-height: 700px
}

.ecommerce-list p {
	font-size: 16px;
	color: var(--black-color);
	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: #fff;
	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: #fff;
	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: #fff;
	margin: 8px 0
}

.btm_color a.raq-tab-btn:hover {
	background: #f33239;
	color: #fff
}

.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.html) -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: #fff;
	margin-top: 20px
}

.googlewhite-text a {
	color: #fff
}

.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: #fff;
	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/HaveHeartOned41d.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: #59c9cb;
	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: #59c9cb;
	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: #59c9cb;
	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: #fff;
	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:goldenrod !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: #59c9cb !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: #fff;
	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: #fd3a30
}

.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: #fff;
	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: #fff;
	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: #fff;
	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: #fff;
	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: #fd3a30 !important;
	position: relative;
	padding: 17px 56px 14px 26px;
	box-shadow: inherit !important
}

.ecommStore .planbtn:hover {
	background: #59c9cb !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: #fd3a30e3 !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: #59c9cb !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: #fd3a30;
	color: #fff;
	padding: 17px 50px;
	border-radius: 35px;
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
	border: 0;
	width: auto
}

.helpbuton:hover {
	color: #fff;
	background: #59c9cb !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: #fd3a30 !important
}

.eccomerceport-slider .bx-wrapper .bx-controls-direction a {
	text-indent: inherit;
	color: #fff;
	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(--black-color);
	font-size: 36px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0
}

.pricing-maintbl .panel-heading p {
	font-size: 18px;
	font-weight: 400;
	color: var(--black-color);
	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: #00cccd;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block
}

.pricing-maintbl .lead {
	margin-bottom: 0;
	color: var(--black-color);
	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: #59c9cb;
	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: #fff;
	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: #fd3a30;
	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: #59c9cb;
	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 #59c9cb !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: #59cbcc;
	-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: #fff;
	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: #59c9cb !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(--black-color);
	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: #fff;
	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: #59c9cb;
	border-radius: 7px 7px 0 0;
	margin-top: 0;
	color: #fff
}

.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: #fff !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: #fd3a30;
	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: #fff !important;
	top: 0;
	border-radius: 0
}

.questionBar .panel-footer {
	text-align: right;
	background-color: #fff;
	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(--accent-orange) !important;
	font-size: 15px;
	border-radius: 50%;
	border: 2px solid var(--accent-orange) !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: #fff;
	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: #fff;
	padding: 8px 116px 0 26px !important
}

ul.alphaberChart,
ul.numberingChart {
	padding: 13px;
	display: inline-block;
	margin: 0
}

.searchglossry select option::-ms-expand {
	background: #fff;
	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: #fff
}

.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: #fd3a30;
	color: #fff
}

.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: #fd3a30;
	transition: .5s;
	-webkit-animation-name: pulse;
	animation-name: pulse
}

.letter-detailsdiv ul li:hover {
	border-bottom: 1px solid #fd3a30;
	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: #fff;
	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: #fff;
	cursor: default;
	background-color: #fd3a30;
	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: #59cbcc
}

.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.html) 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: #fff;
	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: #fff;
	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: #fff
}

.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: #fd3a30;
	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: #fff;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	animation: 1s forwards smoothScroll
}

.blackbck_bg {
	background: #000;
	color: #fff;
	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: #fff;
	text-align: center;
	height: 100%
}

.orgBgBlk.blogright_section .blog-nwsletter {
	width: 90%;
	float: left;
	height: 40px;
	border: 1px solid #c43a0f !important;
	padding: 8px;
	background: #fff;
	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: #fff;
	display: inline-block
}

.download-inner-bottom p {
	font-size: 23px;
	font-weight: 500;
	color: var(--black-color);
	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: #fff;
	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: #59cbcc;
	color: #fff;
	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: #fd3a30;
	transition: .3s;
	border-bottom: 1px solid #fd3a30
}

.website_mnt_pkg {
	height: 970px !important
}

.form-whitebg {
	background: #fff;
	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 #59cbcc !important;
	transition: .3s
}

.email-heading h2 {
	font-size: 82px;
	color: #59cbcc;
	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;
}

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

.rfq-banner {
	background: #00b7b9
}

.newbtn-small-noarow,
.redbtn-small-noarow {
	background: #000;
	padding: 15px 25px 14px 22px
}

.rfq-banner p {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	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 #59c9cb !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: #fff;
	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 #fff;
	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: #fff;
	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: #fd3a30 !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: #fff;
	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: #fff
}

.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: #fff;
	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: #fff;
	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: #fff;
	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: #fff;
	margin: 0;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 60px
}

.audit-left-section p {
	font-size: 24px;
	color: #fff;
	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(--black-color);
	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: #fff;
	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: #fff;
	margin: 0 0 7px;
	font-weight: 500;
	font-size: 24px
}

.manageblueboxs:last-child {
	margin-right: 0;
	margin-bottom: 0
}

.imagineall-mainblock {
	background: #181818;
	color: #fff
}

.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: #fff;
	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: #fd3a30;
	transition: .3s linear;
	color: #fff
}

.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(--black-color);
	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: #fff;
	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: #fff !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: #fff;
	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: #fff
}

.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: #fff !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: #fff;
	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(--black-color);
	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: #fff
}

.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: #fff;
	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(--black-color);
	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: #fff;
	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: #fff;
	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(--black-color);
	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(--black-color)
}

.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: #fff;
	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(--black-color);
	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: #fff;
	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: #fff;
	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(--black-color);
	margin: 0 0 31px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 27px
}

.sitemap-listing a {
	color: #fd3a30;
	margin-bottom: 30px;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	transition: .3s;
	display: flex
}

.sitemap-listing a:hover {
	color: #59c9cb;
	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 #fff;
	border-radius: 100px;
	padding: 11px 57px 11px 33px;
	color: #fff;
	position: relative;
	display: inline-block
}

a.digitalMrktg-btn:hover {
	background: #fff;
	color: #000;
	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: #fff;
	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(--black-color);
}

.fivesteps-Form .form-group label,
.fivesteps-Form .form-group span,
.section-nav a {
	font-size: 14px;
	color: var(--black-color)
}

.fivesteps-block-form p {
	border-bottom: 1px solid #f5eded;
	font-size: 14px !important;
	margin-bottom: 20px;
	padding-bottom: 16px !important;
	color: var(--black-color)
}

.whychoose-onlinepartner h4 {
	margin: 0;
	font-size: 60px;
	color: var(--black-color);
	text-align: center;
	font-weight: 300
}

.whychoose-onlinepartner h3 {
	color: var(--black-color);
	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: #fff;
	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(--black-color);
	font-size: 32px;
	font-weight: 700;
	margin: 0
}

.web-custom-main li .bottom-sec-plateform p {
	color: var(--black-color);
	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: #fd3a30;
	padding-bottom: 10px;
	text-transform: uppercase;
	width: 100%;
	font-weight: 700
}

.darkmode .getquote-dropdown .dropdown-item {
	background: var(--white-color);
	color: #fff
}

.tailor-blk h2 {
	padding-right: 50px;
	color: #fff !important
}

.customtestmonial li,
.cwd-tips-cont h3,
.cwd-tips-cont h4,
.cwd-tips-cont p {
	color: var(--black-color);
	-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: #fff !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(--black-color) !important
}

.psdToXhtml-btn {
	background: #fd3a30 !important;
	margin-left: 440px;
	margin-top: 53px;
	font-size: 18px;
	padding: 0 0 0 25px
}

.cwdBlock p {
	font-size: 18px;
	color: #fff;
	padding: 0 70px;
	line-height: 30px
}

.cwd-tips h2,
.cwdBlock h2 {
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	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(--black-color)
}

.darkmode .abcCustomBlock span {
	color: var(--black-color);
	border-bottom: 5px solid #fff
}

.abcCustomBlock h4 {
	font-size: 22px;
	min-height: 80px;
	text-transform: uppercase;
	align-items: center;
	display: flex;
	justify-content: center;
	color: var(--black-color)
}

.cwdd-btn {
	margin-top: 15px !important;
	display: inline-block;
	padding: 10px 75px 10px 30px;
	font-size: 21px
}

.cntct-btn:hover {
	background: #59c9cb;
	transition: .3s linear;
	color: #fff
}

.project-common-cont p {
	font-size: 18px;
	color: var(--black-color);
	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: #fff;
	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(--black-color)
}

.multidevices-list {
	z-index: 1;
	position: relative;
	margin-bottom: 0;
	margin-top: 50px
}

.discussBlue-bar-sec h3 {
	color: #fff;
	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: #fff;
	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: #fff;
	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: #fff;
	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(--black-color) !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: #fff
}

.seo-planspackargenew-leftcontent h2 {
	font-size: 50px;
	font-weight: 500;
	margin: 0 0 14px;
	line-height: 52px;
	max-width: 750px;
	color: #fff
}

ul.seo-plannew-details li {
	display: inline-block;
	width: 25%;
	background: #fd3a30;
	color: #fff;
	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: #fff;
	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: #fff;
	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: #fff
}

.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: #fd3a30;
	padding: 1.5rem 9.9rem 1.4rem 6.3rem;
	position: relative;
	transition: .3s linear;
	margin: 3rem 0 2rem;
	border-radius: 0 !important
}

.affored-package-list,
.clients-digital-logos,
.custom-recu-sec,
.custom-recu-section,
.development-portfolio-sec,
.eccomerceport-whitebg,
.managedwebsite-owner-block,
.web-app-custom {
	background: var(--white-color) !important
}

.customWebBlock p {
	color: var(--black-color);
	margin-bottom: 0 !important
}

.headiing_div p,
.headiing_div_1 p {
	color: var(--black-color) !important;
	line-height: 28px;
	padding-top: 5px;
	font-weight: 300
}

.custom-web-text,
.customtestmonial,
.customtopdiv {
	width: 100%;
	float: left;
	background: var(--white-color) !important;
	padding: 80px 0
}

.customtestmonial h5 {
	font-size: 18px;
	padding-top: 8px;
	padding-left: 15px;
	color: var(--black-color)
}

.font-black-trans,
.project-common-cont h3 {
	color: var(--black-color) !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: #fff;
	display: inline-block;
	text-align: center;
	width: 80px;
	height: 80px;
	background: #fd3a30;
	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(--black-color) !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(--black-color);
	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(--black-color);
	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(--black-color)
}

.managedmain-text p {
	font-size: 22px;
	font-weight: 400;
	margin-top: 22px;
	margin-bottom: 72px;
	color: #1e1d28;
	line-height: 31px;
	color: var(--black-color)
}

.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(--black-color)
}

.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(--black-color)
}

.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: #25282c;
	border-bottom: 1px solid #48494a;
	color: #fff
}

.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 #25282c
}

.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(--black-color) !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: #fff;
	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(--black-color) !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: #fff !important;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-stroke: 1px transparent
}

.top-sec-iso h3,
.top-sec-iso p {
	color: var(--black-color) !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: #25282c !important
}

.banner-iso-top p {
	margin-top: 15px;
	font-size: 18px;
	color: var(--black-color) !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: #fff;
	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: #fd3a30;
	padding: 10px 20px;
	color: #fff;
	margin-top: 20px;
	transition: .3s linear
}

.darkmode .different-platforms {
	background: url(../images/android-devlopemnt-img.png) right center no-repeat #25282c
}

.darkmode .different-platforms-b {
	background: url(../images/iphonedevlopment-img.png) right center no-repeat #25282c !important
}

.darkmode .different-platforms-c {
	background: url(../images/hybrid-devlopement-img.png) right center no-repeat #25282c !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(--black-color);
	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(--black-color) !important
}

.forbiddine_div.my_list li {
	margin-top: 15px;
	padding-right: 70px
}

.darkmode .forbiddine_div {
	border-top: 1px solid #25282c
}

.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(--black-color)
}

.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: #fff;
	font-size: 16px !important
}

.reputation-services h3 {
	margin-bottom: 95px;
	color: var(--black-color) !important
}

.darkmode .reputationService-box {
	background: #25282c;
	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(--black-color)
}

.intro-main p,
.onlinerepu-intro h3 {
	color: var(--black-color) !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(--black-color)
}

.source-delep-cont p {
	color: #fff;
	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: #fff;
	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: #fff;
	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(--black-color) !important;
	text-align: center;
	line-height: 0
}

.intro-main-digital p {
	padding: 0 100px;
	line-height: 28px;
	color: var(--black-color) !important
}

.scrollspy {
	border: none;
	border-bottom: 0;
	width: 100%;
	margin: 0 auto;
	padding: 80px 0;
	background: #fff
}

.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: #fff !important;
	line-height: 26px
}

.simpleDesign-list li {
	color: #fff;
	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(--accent-orange) !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(--black-color) !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(--black-color) !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: #fff;
	margin-bottom: 0
}

.iostext-big {
	color: #ff8402 !important;
	bottom: -373px;
	left: 0;
	right: inherit
}

.managedmain-text h2 {
	font-size: 55px;
	color: #fff
}

.perfect-team-middletxt-right .thumbnail {
	text-align: center;
	border-radius: 0;
	padding: 40px 14px 28px;
	min-height: 345px;
	background: #fff;
	margin-bottom: 30px
}

.whyiphone-app .whyandroid-whitebox h3,
.whyiphone-app .whyandroid-whitebox p {
	color: #fff;
	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(--black-color) !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: #fff;
	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: #fff;
	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: #fff
}

.webapp-botomtext p {
	text-align: center;
	text-transform: uppercase;
	padding: 10px 40px 0;
	font-size: 14px;
	color: var(--black-color) !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(--black-color);
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 65px;
	line-height: 30px
}

.oueandroid-left p {
	font-size: 18px;
	color: #fff;
	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) left center no-repeat;
	width: 80%;
	padding-left: 40px;
	padding-top: 2rem;
	font-size: 18px;
	color: var(--black-color) !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: #fd3a30
}

.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: #fff;
	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: #fff;
	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: #fff;
	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: #fff !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(--black-color);
	font-weight: 500;
	word-wrap: break-word;
	line-height: 30px
}

.web-similar-btn h2 {
	font-size: 22px;
	margin-top: 0;
	text-transform: none;
	color: #fff
}

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

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

.different-platforms-c {
	background: url(../images/hybrid-devlopement-img.png) right center no-repeat #fff
}

.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(--black-color);
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 0
}

.seo_table h3,
.seo_table p,
h3.heading_testmonail {
	color: var(--black-color) !important
}

.seo_table {
	background: var(--white-color) !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(--black-color) !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(--white-color) !important;
	float: left;
	text-align: center
}

.company_briefDiv {
	background: #eee9e3;
	text-align: left;
	display: inline-block
}

.team_company {
	background: var(--white-color) !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: #25282c;
	box-shadow: 7px 7px 0 #25282c
}

.darkmode .job_list .div_list p {
	color: #fff;
	border-bottom: 1px solid #35383c
}

.academy-middlelinks {
	padding: 53px 0;
	background: var(--white-color) !important;
	display: block;
	width: 100%;
	box-shadow: 0 -5px 20px rgb(0 0 0 / 70%);
	z-index: 1;
	position: relative
}

.darkmode .whitepaper-ebookbg {
	background: #25282c;
	box-shadow: 0 5px 5px #25282c
}

.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(--white-color) !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(--black-color) !important
}

.android-faq li {
	margin-top: 7px;
	color: var(--black-color)
}

.darkmode .android-badge-block {
	text-align: center;
	background: #25282c
}

.word-banner-cont h3 {
	font-size: 18px;
	color: var(--black-color) !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: #fff;
	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(--black-color) !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: #fff !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: #fff;
	font-size: 18px;
	font-style: italic
}

.respboxBlue p,
.respdevelop p {
	color: #306b84 !important
}

.packred-arrow p {
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 1px;
	margin-bottom: 0;
	line-height: 23px
}

.redbtn {
	background:  linear-gradient(
    145deg,
    #f5d27a 0%,
    #e0b95c 25%,
    #cfa24a 50%,
    #b8892f 75%,
    #a8741f 100%
)!important;color: black;
    font-weight: 600;
	line-height: normal !important
}

.reputationService-box h4 {
	margin: 0 0 20px;
	font-size: 30px;
	text-transform: capitalize;
	font-weight: 400;
	color: var(--black-color) !important
}

.company_whiteDiv h1 {
	font-size: 40px;
	color: #fd3a30;
	padding-bottom: 15px !important;
	text-transform: uppercase;
	margin-top: 0
}

.method-right-part p {
	color: #fff;
	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(--black-color) !important
}

.darkmode .benefits-list-sec,
.darkmode .benefits-list-sec li {
	border: 1px solid #25282c
}

.bxslider-mobileApps-sec .bxslider-mobileApps-txt h4 {
	font-size: 22px;
	color: var(--black-color) !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: #fff
}

.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: #59c9cb;
	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: #fd3a30;
	color: #fff;
	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: #fd3a30;
	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: #25282c
}

.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(--black-color);
	margin-left: -1px;
	vertical-align: top;
	padding: 25px 50px;
	float: left;
	color: var(--black-color);
	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: #25282c;
	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: #fff;
	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: #fff;
	background: #25282c;
	border: 1px solid #25282c;
	box-shadow: 0 3px 0 0 rgb(61 64 68)
}

.portfolio-details-Banner p {
	color: #fff;
	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: #25282c;
	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: #59c9cb
}

.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: #fff
}

.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: #25282c;
	color: #fff !important;
	border: 1px solid #35383c
}

.darkmode .my_bluebox.fivesteps-Form .form-group .form-control::placeholder {
	color: #fff
}

.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(--black-color)
}

.tableft.pull-left li {
	display: block !important;
	float: none !important;
	background: var(--white-color);
	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: #25282c !important;
	border-left: 1px solid #4e4e4e;
}

.darkmode .benfit-reputation-container .resp-tab-content p {
	color: #fff;
	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: #fff
}

.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: #25282c
}

.darkmode .psd-tabs-list .resp-tab-active {
	border-top: 1px solid #35383c !important;
	background: #25282c
}

.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(--black-color)
}

.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: #25282c
}

.darkmode .agency-main-sec .survey-form input {
	border: 1px solid #35383c;
	background: #25282c;
	color: #fff !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: #fff;
	text-align: left
}

.morewhites:hover {
	background: #fd3a30;
	transition: .3s;
	color: #fff
}

.glossary-stop {
	padding-top: 100px
}

.darkmode .glossary_sec a {
	color: #fff
}

.darkmode .glossary_sec a:hover {
	border-bottom: 1px solid #fd3a30;
	color: #fd3a30
}

.blog-academybottom a {
	position: relative;
	font-size: 24px;
	font-weight: 500;
	color: var(--black-color);
	top: 0 !important
}

.darkmode .whteppr_dwld-btn {
	color: #fff;
	background: #25282c
}

.blog-academybottom {
	padding: 25px 20px 50px;
	display: block;
	border: 1px solid #e1e1e1;
	border-radius: 0 0 4px 4px;
	background: #fff;
	min-height: 129px
}

.darkmode .blog-academybottom {
	background: #25282c;
	border: 1px solid #25282c
}

.darkmode .blog-academy .bottom-li {
	box-shadow: 0 0 2px 1px #25282c;
	background: #25282c
}

.darkmode .form-right-sec .form-group .form-control {
	border-bottom: 2px solid #35383c;
	background: #25282c;
}

.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: #25282c 6px 6px 0;
	background: #25282c
}

.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: #fff;
	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(--black-color);
	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(--black-color);
	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 #25282c
}

.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, #fd3a30, #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: #fff;
	padding: 10px;
	background: #59cbcc;
	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: #25282c;
	border: 1px solid #25282c;
	border-top: 1px solid #25282c !important
}

#payment_form_new .form-right-sec .form-control {
	height: 50px !important
}

.increased-box h5,
.increased-box h6 {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	margin: 7px 0 10px
}

.customweb-new p {
	width: 100%;
	font-weight: 700;
	color: var(--black-color)
}

.congrats_contacts span svg {
	fill: #59c9cb
}

.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(--black-color)
}

.moretraffic-btn {
	position: fixed;
	background: #fd3a30;
	bottom: 2rem;
	color: #fff;
	z-index: 11;
	padding: 1rem;
	display: none;
	border: 0;
	left: 4rem;
	border-radius: .5rem
}

.opensource-banner h3 {
	letter-spacing: .4rem;
	color: #fff !important
}

.faqs a,
.howitworks-blocks h3 {
	color: var(--black-color)
}

.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: #fff
}

.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: 100%;
		height: auto !important
	}
}

.slider .slide-track-logo .slide {
	background: #fff;
	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: #fff;
	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: #fff;
	border-radius: .5rem
}

.faqs .panel-group .panel.panel-colorchange svg {
	fill: #006967 !important
}

.darkmode .faqs .panel-group .panel.panel-colorchange svg {
	fill: #59c9cb !important
}

.faqs .collapse.in {
	display: block;
	background: #e0f1f5
}

.faqs .panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top: 0;
	background: #fff;
	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 #25282c
}

.angularSchedule-btn {
	background: #fd3a30;
	color: #fff !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: #fff;
	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(--black-color)
}

.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: #25282c
}

.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(--white-color);
	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: #fff;
	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: #fff
}

.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: #fff !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: #fd3a30 !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(--black-color);
	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: #25282c;
	color: #fff
}

.darkmode .faqpanel {
	border-top: 1px solid #25282c;
	border-bottom: 1px solid #25282c
}

.darkmode .planselector-main {
	color: #fff;
	background: url(../images/uncheckbox-angular-darkmode.svg) 6% center no-repeat #25282c
}

.boxbtn:hover,
.engagemodalbox:hover a {
	background: url(../images/white-next-arrow.svg) 64% center no-repeat #fd3a30
}

.darkmode .howitworks-blocks figure {
	border: 2px solid #59c9cb
}

.darkmode .howitworks-blocks img {
	filter: brightness(0) saturate(100%) invert(84%) sepia(29%) saturate(762%) hue-rotate(126deg) brightness(84%) contrast(87%)
}

/*.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(--black-color);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.engagemodalbox p,
.engagemodalbox ul li {
	color: var(--black-color);
	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: #fff;
	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: #fff
}

.badgecontent strong {
	font-size: 3.2rem;
	font-weight: 500;
	margin-bottom: 1.3rem;
	color: #fff;
	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: #fff;
	margin-top: 6rem
}

.nodejs-devloper-content p {
	margin: 0 0 4rem;
	color: var(--black-color)
}

.nodejs-devloper-logos {
	display: flex;
	align-items: center;
	margin-top: -18rem;
	justify-content: flex-end
}

.nodelogo-column li {
	background: #fff;
	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(--black-color)
}

.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: #fff;
	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 #59c9cb;
	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: #25282c;
}

.darkmode .website_mnt_pkg .headiing_div {
	border-left: 0 !important;
}

.darkmode #digiFixTabs .scrollspy .what-inner-boxs {
	background: #25282c !important;
}

.darkmode .source-plateform-sec .right_div_source p {
	color: #000 !important;
}

.plansandpricing-reputation-block h2 {
	color: #000 !important;
}

.ormfaq h2 {
	color: #fff !important;
}

.darkmode .onlinefaq.faqBlock .addui-Accordion .addui-Accordion-content {
	background: url(../images/callout-icon.png) top left no-repeat #25282c;
}

.darkmode .onlinefaq .addui-Accordion-open h5 {
	color: #fff
}

.darkmode .onlinefaq .addui-Accordion .addui-Accordion-content p {
	color: #fff !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 #25282c
}

.darkmode .current-opening-form li input,
.darkmode .current-opening-form li select {
	border: 0;
	color: #fff !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(--black-color)
}

.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(--white-color)
}

.darkmode .topicGenerator .form-control {
	border: 2px solid #25282c;
	color: #fff
}

.darkmode .cards:after,
.darkmode .userdummyimg {
	background: #25282c
}

.topicGenerator .form-control::placeholder {
	color: #a7a7a7
}

.topicGenerator button {
	border: 0;
	background: #fd3a30;
	color: #fff;
	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: #59c9cb;
	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(--black-color);
	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: #fff
}

.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: #fff;
	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: #fff;
	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: #fff;
	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: #fff;
	border-radius: .8rem
}

.darkmode .login-box:after {
	background: #2b2f33
}

.saff {
	margin-bottom: 3.5rem
}

.contentgenerator-btn {
	background: #fd3a30;
	color: #fff;
	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(--black-color)
}

.contentgenerator-btn:hover {
	background: #59c9cb;
	color: #fff
}

.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: #59c9cb;
	z-index: 2;
	font-size: 16px;
	color: #fff
}

.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: #fff;
	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: #fff;
	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: #fff;
	border-radius: 2px
}

.login-box,
.login-box:after {
	background: #fff;
	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 #fff;
	border-bottom: 1px solid #fff;
	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(--black-color)
}

.darkmode .login-box .form-group input,
.darkmode .login-box .form-group select {
	background: #25282c;
	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(--black-color) !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(--black-color);
	line-height: 5.5rem
}

.exportpdf {
	text-align: right;
	color: var(--black-color);
	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(--black-color)
}

.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(--black-color)
}

.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(--black-color);
	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(--black-color)
}

.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(--black-color);
	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(--black-color)
}

.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: #25282c
}

.startagain-btn:hover {
	color: #fd3a30
}

#total-count {
	font-size: 1.8rem;
	margin: 0 1rem;
	color: var(--black-color)
}

.userdummyimg svg {
	width: 50%
}

.loadingspinner p {
	margin: 0;
	font-size: 3rem;
	transform: translateY(-2rem);
	color: var(--black-color)
}

/*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: #25282c
}

.budget-friendlyblk .ecommBuisnes .brwnstdCmn,
.budget-friendlyblk .ecommBuisnes .montesert,
.ceo-message-blogtopic .ceomsg-content h3,
.ceo-message-blogtopic .ceomsg-content h4 {
	color: #fff
}

.ceo-message-blogtopic .ceomsg-content p {
	margin: 2rem 0 3rem 0;
	color: #fff;
	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(--black-color)
}

.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: #fff;
	font-size: 17.5px;
	border-radius: 50px;
	border-color: var(--black-color);
	color: var(--black-color);
	background: 0 0;
	font-weight: 800;
	line-height: 30px;
	transition: background, color .1s ease-in-out
}

.err_again_start:hover {
	border-color: #fd3a30;
	color: #fd3a30
}

.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: #59c9cb
}

.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(--black-color);
	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: #fd3a30;
	padding: .3rem .9rem;
	display: inline-block;
	color: #fff;
	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(--black-color)
}

/*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: #fd3a30;
	font-weight: 400
}

.reactjs-main {
	background: var(--white-color);
	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: #fff
}

.darkmode .weboptimize-priceSec .pricinghovers .pricing-bottom span {
	border-left: 1px solid
}

.weboptimize-priceSec .pricinghovers .pricing-bottom {
	background: #59c9cb
}

.weboptimize-priceSec .pricinghovers .pricing-bottom p {
	font-size: 2rem;
	color: #fff;
	padding: 27px
}

.realtime-card:hover .realtympage-speed,
.weboptimize-priceSec .pricinghovers:hover .pricing-bottom {
	background: #fd3a30
}

.weboptimize-priceSec h2 {
	color: #fff;
	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: #fff
}

.needmoreproof-block {
	margin-top: 10rem
}

.needmoreproof-block h3 {
	color: #fff;
	font-weight: 500;
	margin-bottom: 5rem
}

.darkmode .realtime-card {
	background: #25282c;
}

.realtime-card {
	background: #fff;
	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(--black-color);
	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(--black-color);
}

.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: #fff
}

.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(--black-color);
	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(--black-color)
}

/*-- Happy customers testimonials start--*/
.testimonial_box p,
.testimonial_box-job {
	color: var(--black-color);
	font-size: 1.8rem
}

.testimonial_box {
	background: #fff;
	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: #25282c;
	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: #fff
}

.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: #006967
}

.darkmode .testimonial_box {
	background: #25282c;
	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: #25282c
}

.darkmode .collateral-content .media-side .circles img {
	filter: invert(1)
}

.speedCaseStudies-main figure h2 {
	max-width: 65%;
	color: #fff;
	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: #25282c
}

.darkmode .pagespeed-cost-main .topicGenerator .form-control {
	background: #25282c;
	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(--black-color);
	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(--black-color) !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: #59c9cb !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: #fff
}

.pagespeed-cost-main .topicGenerator .form-control {
	background: #fff;
	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(--black-color)
}

.speedcost-genrator-block {
	width: auto
}

.checkSpeed-btn {
	border: 0;
	color: #fff;
	background: url(../images/white-next-arrow.svg) 86% center no-repeat #59c9cb;
	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 #59c9cb;
}

.checkSpeed-btn.checkSpeed-btn-ppc:hover {
	background: url(../images/white-next-arrow.svg) 60% center no-repeat #fd3a30;
}

.checkSpeed-btn:hover {
	background: url(../images/white-next-arrow.svg) 88% center no-repeat #fd3a30;
	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: #fd3a30;
	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 #fff
}

.realtime-card.active {
	background: url(../images/checked.png) 85% 88% no-repeat #006967;
	color: #fff;
	border: 0
}

.site-score .score_div {
	margin: 0 .8rem
}

.step-two .site-score h4 {
	margin-bottom: 0;
	margin-top: 1.5rem;
	color: var(--black-color);
	font-weight: 400;
	text-transform: uppercase;
	font-size: 1.6rem
}

.realtime-card.poor-card {
	border: 1px solid #fd3a30;
	padding: 4rem 4rem 9rem;
	background: #fff !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: #fff
}

.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(--black-color);
}

.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(--black-color);
	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(--black-color)
}

.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: #fff
}

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

.checkbox-tile {
	display: block;
	width: 18rem;
	min-height: 22rem;
	border-radius: .9rem;
	border: 1px solid #000;
	background-color: #fff;
	box-shadow: 0 5px 10px rgb(0 0 0 / 11%);
	transition: .15s;
	cursor: pointer;
	position: relative;
	color: var(--black-color);
	padding: 40px 0
}

.checkbox-tile:before {
	content: "";
	position: absolute;
	display: block;
	width: 3.25rem;
	height: 3.25rem;
	border: 2px solid #aba8a8;
	background-color: #fff;
	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: #fff;
	position: absolute;
	left: 15px;
	font-size: 16px;
	display: none
}

.switch .slider .fa-times {
	color: #fff;
	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: #fff;
	-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: #fff;
	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 {
	color: var(--black-color);
	font-size: 2.2rem !important;
	margin-bottom: 2rem !important;
	line-height: 3rem !important;
}

.fullservice-box:hover {
	transition: all linear .3s;
	background: #fff;
	box-shadow: 0 0 20px #e7e7e7;
}

.fullservice-box {
	background: #f1f2f6;
	color: #fff;
	padding: 4rem;
	border-radius: 1rem;
	text-align: left;
	min-height: 47rem;
	margin-bottom: 3rem
}

.fullservice-box p {
	color: var(--black-color);
	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: #25282c !important
}

.darkmode .realtime-card.active {
	background: url(../images/checked.png) 85% 88% no-repeat #006967 !important
}

.darkmode .realtime-card {
	background: #25282c url(../images/uncheck.png) 85% 88% no-repeat !important
}

.cachingsolution {
	color: var(--black-color)
}

.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(../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(--black-color)
}

.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: #25282c;
	box-shadow: none;
}

.darkmode .speedWhychoosevocso .fullservice-box:hover h2 {
	color: #59c9cb
}

.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(--black-color)
}

.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(--black-color);
	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(--white-color);
}

.darkmode .lead-form-main.lead-form-main-ppc .form-group label {
	color: var(--black-color);
}

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

.darkmode .stepOrder-summary-main {
	background: #006967
}

.stepOrder-summary-main {
	background: #e4ebef;
	display: inline-block;
	padding: 6rem 5rem;
	width: 100%;
	color: var(--black-color);
	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: #fff
}

.lead-form-main textarea {
	resize: none;
	min-height: 10rem !important
}

.step-four.wrapper h6,
.step-five.wrapper h6,
.step-six.wrapper h6 {
	color: var(--black-color);
	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 #25282c !important;
	color: #fff
}

.darkmode .lead-form-main.lead-form-main-ppc .form-control {
	border-bottom: .1rem solid #646464 !important;
	color: #fff
}

.weboptimize-priceSec .budget-centertext p {
	color: #fff
}

.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: #fff
}

#main #faq .card .card-header .btn-header-link {
	color: #fff;
	display: block;
	text-align: left;
	background: #fff;
	color: var(--black-color);
	padding: 4rem;
	font-size: 2.5rem;
	display: flex;
	justify-content: space-between;
	border-top-left-radius: 2rem;
	border-top-right-radius: 2rem;
	background: #e6f4f9;
	line-height: 3.6rem
}

.darkmode #main #faq .card .card-header {
	background: #000
}

.darkmode #main #faq .card .card-header .btn-header-link {
	background: #006967
}

#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(--white-color)
}

/*#main #faq .card .card-header .btn-header-link.collapsed:after{content:"\f107"}*/
#main #faq .card .collapsing {
	background: #e6f4f9;
	line-height: 30px
}

#main #faq .card .collapse {
	border: 0
}

#main #faq .card .collapse.show {
	background: #e6f4f9;
	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 #25282c !important;
	background: #000
}

.darkmode #main #faq .card .collapsing {
	background: #006967;
	color: #fff
}

.darkmode #main #faq .card .collapse.show {
	background: #006967;
	color: #fff
}

#main #faq .card .card-header .btn-header-link:hover {
	color: #006967
}

.darkmode #main #faq .card .card-header .btn-header-link:hover {
	color: #fff
}

#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: #59c9cb
}

.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(../wp-media/Check-Circle-blue.svg) }
.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(--black-color);
	border: 2px solid var(--black-color) !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: #59c9cb 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: #59c9cb !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: #fd3a30 !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 #59c9cb;
}

.darkmode .submit-speedform-btn {
	background: url(../images/white-next-arrow.svg) 92% center no-repeat #59c9cb;
}

.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: #25282c
}

.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: #fff !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: #fff
}

.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: #25282c;
	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: #fff
}

.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: #fff
}

.ourbackend-services-box .fullservice-box img {
	margin-bottom: 0;
/*	filter: brightness(0) saturate(100%) invert(95%) sepia(89%) saturate(6596%) hue-rotate(148deg) brightness(85%) contrast(83%) !important*/
}

.ourbackend-services-box .fullservice-box {
	background: #25282c
}

.ourbackend-services-box .fullservice-box:hover {
	box-shadow: 0 0 20px #160d3a;
}

.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: #fff;
	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: #59c9cb
}

.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: #fff;
	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(--black-color);
	font-size: 1.8rem;
	font-weight: 600;
	margin: 0
}

.darkmode .allcategories-block ul li {
	background: #24282c;
	border: 1px solid #25282c
}

.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(--black-color)
}

.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;
	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(--black-color);
	text-align: left
}

span.light-blue-gradient {
	background: #e6f4f9;
	width: 500px;
	height: 300px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	filter: blur(68px)
}

.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: #fff;
	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(--black-color)
}

.vocso-stats-block-left .counter-main .counter-section .counter-title {
	margin-top: 0;
	font-size: 1.8rem;
	font-weight: 500;
	color: var(--black-color)
}

.vocso-stats-block-left .counter-main .counter-mg {
	background: #fff;
	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: #fff;
	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: #006967
}

.darkmode .vocso-stats-block {
	background: #25282c
}

.darkmode .light-blue-gradient,
.darkmode .vocso-stats-block-left .counter-main::before {
	display: none
}

.darkmode .vocso-stats-block-right li svg {
	fill: #fff
}

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