.mobAppDevTop {background:var(--black) url(../images/lucenta-solutions-mobile-app-01.webp) no-repeat bottom center; overflow: hidden; position: relative; padding-top: 110px;}
.mobAppDevTop:before {content: ""; background:#05060c; position: absolute;right: 0px; top: 0px;height: 100%; width: 100%; opacity: 0.85;}
.mobAppDevTopText {margin: 0px auto 0px 0px; padding: 90px 0px 160px 0px;}
.mobAppDevTopText .h1 {font-size: 64px; color: #ffffff; margin: 0px 0px 40px 0px; font-family: 'proxima_novaextrabold';}
.mobAppDevTopText .desc {font-size: 18px; color: #ffffff; margin: 0px 0px 60px 0px;}


.mobAppDevSecB {background:var(--blue); padding: 48px 20px; position: relative; top: -95px;}
.mobAppDevSecC {padding: 0px 0px 100px 0px;}
.mobAppDevSecCText h2 {font-size:56px; margin: 0px 0px 20px 0px; font-family: 'proxima_novaextrabold';}
.mobAppDevSecCText .desc {font-size: 18px;margin: 0px 0px 40px 0px;}
.mobAppDevSecC .img {transition: transform 0.3s linear;}
.mobAppDevSecC .img:hover {transform:scale(0.95);}

.workExpertiseBlock h3 {font-size: 20px; margin: 0px 0px 25px 0px; line-height: 1; border-bottom: solid 1px #b0b0b0; display: inline-block;}
.workExpertiseBlock .crume {font-family: 'proxima_novaextrabold'; color: var(--blue); font-size: 18px;}
.workExpertiseBlock h4 {font-size: 18px; margin: 5px 0px 30px 0px; font-family: "proxima_novasemibold"; }


.heading-vison {font-size: 20px;}
.mobAppDevSecD {background:#1c252e; padding: 80px 0px;}
.mobAppDevSecD h2 {font-size:46px; margin: 0px 0px 20px 0px; font-family: 'proxima_novaextrabold'; color: #ffffff; max-width: 700px;}
.nativeTabIcons {width: 280px; margin:100px 35px; height: 1px; position: relative; background:#d9d9d9;}
.nativeTabIcons span {width:70px; height:70px; background:#ffffff url(../images/lucenta-solutions-mobile-app-09.webp) no-repeat 16px 11px;border-radius: 50%; position: absolute; left: -35px; top: -35px; border:solid 2px #fff; cursor: pointer;}
.nativeTabIcons span:nth-child(2) {left: calc(50% - 35px); background-position: -125px 9px;}
.nativeTabIcons span:nth-child(3) {left: calc(100% - 35px); background-position:-266px 13px;}
.nativeTabIcons span.active {border-color: var(--blue);}
.nativeTabText {list-style: none; padding: 5px 20px 5px 0px; margin: 0px 25px 0px 0px; border-right:solid 1px #ffffff;}
.nativeTabText li a {font-size:20px; color: #ffffff;font-family: "proxima_novasemibold"; padding: 15px 0px; display: block;}
.nativeTabText li a:hover {color:var(--blue);text-decoration: none;}
.nativeTabText li.active a {color: var(--blue); position: relative;}
.nativeTabText li.active a:before {content: "";width: 3px; height: 100%; top: 0px; right: -22px; background:var(--blue); position: absolute;}
.nativeTabBlock .textA {margin: 20px 0px 20px 0px; font-size: 18px; color: #ffffff;}
.nativeTabBlock .textB {margin: 0px 0px 20px 0px; }

.mobAppDevSecE {padding: 100px 0px;}
/*.mobAppDevSecE .container {max-width: 1700px;}*/
.mobAppDevSecE h2 {font-size:56px; margin: 0px 0px 50px 0px; font-family: 'proxima_novaextrabold'; text-align: center; }

.mobAppDevSecF {padding: 30px 0px 100px 0px;}
.mobAppDevSecF h2 {font-size:56px; margin: 0px 0px 15px 0px; font-family: 'proxima_novaextrabold';  }
.mobAppDevSecF .desc {font-size: 18px;margin: 0px 0px 30px 0px; max-width:730px;}
.mobAppDevSecF .agile {font-size: 20px;margin: 0px 0px 30px 10px; max-width:100%;}
.mobAppGetReqTextBlock { position: relative; padding-left:100px; padding-top: 30px;}
.mobAppGetReqTextBlock:before {content: ""; width: 76px; height: 76px; background: url(../images/lucenta-solutions-mobile-app-discussion.webp) no-repeat 0px 0px;    position: absolute; left: 0px; top: 30px;}
.mobAppGetReqTextBlock h3 {font-size:36px; margin: 0px 0px 10px 0px; font-family: 'proxima_novaextrabold'; }
.mobAppGetReqTextBlock h4 {font-size:22px; margin: 0px 0px 20px 0px;  }
.mobAppGetReqTextBlock .text {font-size: 18px; margin: 0px 0px 50px 0px;  }
.mobAppDevSecF .img {transition: transform 0.3s linear;}
.mobAppDevSecF .img:hover {transform:scale(0.96);}
.mobAppDevSecF .owl-dots {padding: 20px 0px 10px 0px; text-align: center;}

.mobAppGetReqTextBlock.bb:before { background: url(../images/lucenta-solutions-mobile-app-division.webp) no-repeat 0px 0px;}
.mobAppGetReqTextBlock.cc:before { background: url(../images/lucenta-solutions-mobile-app-development.webp) no-repeat 0px 0px;}
.mobAppGetReqTextBlock.dd:before { background: url(../images/lucenta-solutions-mobile-app-deployement.webp) no-repeat 0px 0px;}


.mobAppDevSecG {background: var(--blue); color: #ffffff; padding: 100px 0px 50px 0px; position: relative;}
.mobAppDevSecG .mobFrameBg {display: none;}
.mobAppDevSecG h2 {font-size:56px; margin: 0px 0px 15px 0px; font-family: 'proxima_novaextrabold';  }
.mobAppDevSecG .desc {font-size: 18px;margin: 0px 0px 60px 0px; max-width:860px;}
.mobAppDevBenefitBox {position: relative;margin: 0px 10px 60px 0px;}
.mobAppDevBenefitBox h3 {padding-left:60px; font-size: 26px; margin: 0px 0px 20px 0px;}
.mobAppDevBenefitBox .text { font-size:18px; }
.mobAppDevBenefitBox .crume {background: #ffffff; border-radius: 50%; height: 46px; width: 46px;font-family: 'proxima_novaextrabold'; font-size: 20px; color: var(--sky); position: absolute; left: 0px; top: -5px; display: inline-block; text-align: center; line-height: 46px;}

.mobAppDevSecH {position: relative; padding: 100px 0px;}
.mobAppDevSecH h2 {font-size:56px; margin: 0px 0px 50px 0px; font-family: 'proxima_novaextrabold'; text-align: center;}
.industryGrayBoxRow .col-auto { margin-bottom: 30px;}
.industryGrayBoxRow .bg {width: 170px; height: 170px; background: #f9f9f9; text-align: center;display: flex; flex-direction: column; justify-content: center; align-items: center;}
.industryGrayBoxRow .icon {height: 65px; width: 65px; display: inline-block; background: url(../images/lucenta-solutions-mobile-app-07.webp) no-repeat -4px 2px;}
.industryGrayBoxRow .title {font-size: 14px; text-transform: uppercase;font-weight: normal; display: block; margin: 15px 0px 0px 0px;}
.industryGrayBoxRow .lastBox {background: var(--sky); padding: 27px; text-align: center;height: 100%;}
.industryGrayBoxRow .lastBox h3 {color: #ffffff; font-size:24px; margin: 0px auto 10px auto; max-width: 250px;}
.industryGrayBoxRow .col-auto:nth-child(2) .icon {background-position:-147px 2px;width: 70px;}
.industryGrayBoxRow .col-auto:nth-child(3) .icon {background-position:-307px -2px;}
.industryGrayBoxRow .col-auto:nth-child(4) .icon {background-position:-450px 0px;}
.industryGrayBoxRow .col-auto:nth-child(5) .icon {background-position:-573px 0px;}
.industryGrayBoxRow .col-auto:nth-child(6) .icon {background-position:-686px -4px;}
.industryGrayBoxRow .col-auto:nth-child(7) .icon {background-position:-1px -109px;}
.industryGrayBoxRow .col-auto:nth-child(8) .icon {background-position:-148px -109px;width:83px;}
.industryGrayBoxRow .col-auto:nth-child(9) .icon {background-position:-307px -110px;}
.industryGrayBoxRow .col-auto:nth-child(10) .icon {background-position:-451px -104px;}
.industryGrayBoxRow .bg:hover {background-color:#efefef;}


.mobileAppDevTopRightBlock {background: #ffffff; padding:30px 20px;margin-bottom: 130px;}
.mobileAppDevTopRightBlock h2 {font-size: 36px; font-family: "proxima_novaextrabold";margin:0px 0px 5px 0px;}
.mobileAppDevTopRightBlock .desc {font-size:18px; margin:0px 0px 20px 0px;}

/*Added CSS for Hire Laravel Developer Page*/
.mobAppDevTopText .h2 {font-size: 54px; color: #ffffff; margin: 0px 0px 40px 0px; font-family: 'proxima_novaextrabold';}







@media(min-width: 1400px) {
  .mobAppDevSecD h2 {font-size: 42px;}
  .mobAppDevTopText .h1 {font-size: 50px;}
  .mobAppDevSecCText h2 {font-size: 36px;}
  .mobAppDevSecD .container {position: relative;}
  .mobAppDevSecD .container:after {content: ""; width: 690px; height: 512px; position: absolute; right: -100px; top: -180px; background: url(../images/lucenta-solutions-mobile-app-03.webp) no-repeat top right;}
  .mobAppDevSecG:before {content: ""; width: 270px; height: 505px; position: absolute; right:calc(50% - 1030px); top: -70px; background: url(../images/lucenta-solutions-mobile-app-06.webp) 0px 0px; transform: rotate(45deg);}
  .mobAppDevSecG .mobFrameBg {display: block;}
  .mobFrameBg:before {content: ""; width: 270px; height: 505px; position: absolute; left:calc(50% - 1030px); top: -70px; background: url(../images/lucenta-solutions-mobile-app-06.webp) 0px 0px; transform: rotate(45deg);}
  .mobFrameBg:after {content: ""; width: 270px; height: 505px; position: absolute; left:calc(50% - 1030px); top: 310px; background: url(../images/lucenta-solutions-mobile-app-06.webp) 0px 0px; transform: rotate(45deg);}

  .mobAppDevSecH:after {content: ""; width:200px; height:400px; background:url(../images/lucenta-solutions-home-3.webp) no-repeat top right; position: absolute; bottom:80px;right: -5px;}

  .mobAppDevSecE {position: relative;}
  .mobAppDevSecE:before {content: ""; width: 280px; height: 280px; border-radius: 50%;background-color: var(--blue); position: absolute; top:20px; right: -140px; z-index: 1;}
  .mobAppDevSecE:after {content: ""; width: 240px; height: 240px; border-radius: 50%; position: absolute; top:-15px; right: -130px; border:solid 4px var(--sky); border-top-color:transparent;transform: rotate(20deg);z-index: 1;}

  .mobAppDevSecF {position: relative;}
  .mobAppDevSecF:before {content: ""; width: 280px; height: 280px; border-radius: 50%;background-color: var(--blue); position: absolute; top:70px; left: -150px; z-index: 1;}
  .mobAppDevSecF:after {content: ""; width: 240px; height: 240px; border-radius: 50%; position: absolute; top:15px; left: -90px; border:solid 4px var(--sky); border-top-color:transparent;transform: rotate(-20deg);z-index: 1;}
  /*Added CSS for Hire Laravel Developer Page*/
  .mobAppDevTopText .h2 {font-size: 40px;}
}
@media(min-width: 1300px) {
	.mobAppDevSecF {overflow: hidden;}
  .mobAppDevSecF .img {max-width: initial;}
  
}
@media (min-width: 1025px) {
  .mobAppEleA {height:1700px; position: relative;}
  .mobAppEleA:after {content:""; display: inline-block; width: 1px; height: 2500px;}
  .mobAppEleB {position: sticky; top:67px; width:calc(100% - 6px);min-height: calc(100vh - 70px);align-items: center; display: flex;}
  .nativeTabText {pointer-events: none;}

  .webAppEleA {height:3200px; position: relative;}
  .webAppEleA:after {content:""; display: inline-block; width: 1px; height: 2500px;}
  .webAppEleA .nativeTabText li a {font-size: 20px;padding:10px 0px;}

  .mobAppEleX {position: relative;  width:calc(100% - 6px);min-height: calc(100vh - 70px);align-items: center; display: flex;}

  .webAppEleD {height:600px; position: relative;}
  .webAppEleD:after {content:""; display: inline-block; width: 1px; height: 2500px;}
  .webAppEleD .nativeTabText li a {font-size: 20px;padding:10px 0px;}

}
@media (max-width: 1300px) {
  .mobAppDevSecD h2 {font-size:36px; margin: 0px 0px 0px 0px;}
  .nativeTabIcons {margin: 70px 35px;}
}

@media (max-width:1024px) {
  .mobAppDevTop {padding-top: 0px;}
  .mobAppDevTopText {padding:40px 0px;}
  .mobAppDevTopText .h1 {margin: 0px 0px 30px 0px; font-size: 44px;}
  .mobAppDevTopText .desc {margin: 0px 0px 30px 0px;}
  .mobAppDevSecCText h2 {font-size: 36px;}
  .mobAppDevSecC {padding-bottom: 50px;}

  .nativeTabText li a {font-size: 20px;}
  .mobAppDevSecE {padding:50px 0px 20px 0px; }
  .mobAppDevSecE .appImg {margin: 0px 0px 20px 0px;}
  .mobAppDevSecE h2 {font-size:36px; margin: 0px 0px 30px 0px;}
  .mobAppDevSecF h2 {font-size: 46px;}
  .mobAppGetReqTextBlock h3 {font-size: 30px;}
  .mobAppDevSecG {padding:50px 0px 10px 0px;}
  .mobAppDevSecH {padding:50px 0px 10px 0px; }
  .mobAppDevSecH h2 {font-size:46px;}
  /*Added CSS for Hire Laravel Developer Page*/
  .mobAppDevTopheading {padding:120px 0px;}
  .mobAppDevTopText .h2 {margin: 0px 0px 30px 0px; font-size: 34px;}

}
@media (max-width:992px) {
  .row.manage-row .mobAppDevTopText .h1 {
    font-size: 1.5rem;
  }
  .row.manage-row .mobAppDevTopText .desc {
    font-size: 1rem;
  }
  .row.manage-row .col-md-7 {
    max-width: 100%;
    text-align: center;
  }
  .row.manage-row .mobileAppDevTopRightBlock h2 {
    font-size: 1.5rem;
  }
  .row.manage-row {
    display: block !important;
  }
  .col-md-5 {
    max-width: 100%;
  }
  .crm-page .counterBlock .count {
    font-size: 2rem;
  }
  .counterBlock .desc {
    font-size: 14px;
  }
  .crm-page .mobAppDevSecCText h2 {
    font-size: 22px;
  }
  .crm-page .mobAppDevSecCText .desc {
    font-size: 15px;
  }
  .crm-page  .mobAppDevSecD h2 {
    font-size: 22px;
  }
  .crm-page .mobAppDevSecD h2 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .crm-page .mobAppDevSecD {
    padding: 46px 0px;
  }
  .crm-page .nativeTabBlock .textA {
    font-size: 15px;
  }
  .crm-page .nativeTabText li a {
    font-size: 16px;
  }
  .crm-page .portoflioItemText h2 {
    font-size: 22px;
    margin: 0px 0px 17px 0px;
  }
  .crm-page .portoflioItemText .textA {
    margin: 0px 0px 30px 0px;
    font-size: 15px;
  }
  .crm-page .mobAppDevSecF h2 {
    font-size: 26px;
  }
  .crm-page .mobAppDevSecF .desc {
    font-size: 15px;
  }
  .crm-page .mobAppGetReqTextBlock h3 {
    font-size: 19px;
  }
  .crm-page .mobAppGetReqTextBlock .text {
    font-size: 14px;
  }
  .crm-page.crm-page .mobAppDevSecG h2 {
    font-size: 1.5rem;
  }
  .crm-page .mobAppDevSecG .desc {
    font-size: 15px;
  }
  .crm-page .mobAppDevBenefitBox h3 {
    font-size: 15px;
  }
  .crm-page .mobAppDevBenefitBox .text {
    font-size: 14px;
  }
  .crm-page .mobAppDevSecH h2 {
    font-size: 27px;
  }
  .crm-page .industryGrayBoxRow .lastBox h3 {
    max-width: 100%;
  }
  .crm-page .footerContactLeft h2 {
    font-size: 20px;
  }
  .crm-page .customFormOnWhite .inputfield label.active {
    font-size: 15px;
  }
  .crm-page .footerContactBlueBg .textB {
    font-size: 19px;
  }
  .crm-page .footerContactLeft .desc {
    font-size: 15px;
  }
  .crm-page .mobAppDevSecCText h2 {
    font-size: 20px;
  }
  .salesforce-page h2 {
    font-size: 1.3rem !important;
  }
  .salesforce-page .lucena-row {
    display: block;
  }
  .salesforce-page .lucena-row .col-md-6 {
    max-width: 100%;
    text-align: center;
  }
  .salesforce-page .solutionsSectionE {
    padding: 0px 0px;
  }
  .salesforce-page .arrowTextLink {
    font-size: 11px;
    font-family: 'proxima_novabold';
    display: inline-block;
    padding: 0 22px 0 0;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    align-items: center;
  }
  .salesforce-page .solutionsIndustryBox h3 {
    font-size: 15px;
  }
  .salesforce-page .solutionsIndustryText h3 {
    font-size: 20px;
  }
  .salesforce-page .mobAppDevSecE {
    margin-top: 30px;
    padding-top: 0px !important;
    padding-bottom: 0px;
  }
  .salesforce-page .solutionsIndustryBox .desc {
    font-size: 15px;
  }
  .salesforce-page .industryGrayBoxRow .col-auto {
    margin-bottom: 30px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 22px;
  }
  .podio-page h2 {
    font-size: 27px !important;
  }
  .podio-page .workExpertiseBlock h3 {
    font-size: 20px;
    padding-bottom: 15px !important;
  }
  .podio-page .workExpertiseBlock.animation.ani {
    text-align: center;
  }
  .podio-page .workExpertiseBlock h4 {
    font-size: 16px;
  }
  .podio-page .lucena-row {
    display: block;
  }
  .podio-page .lucena-row {
    display: block;
  }

  .podio-page .lucena-row .col-md-6 {
    max-width: 100%;
    text-align: center;
  }
  .salesforce-page .workExpertiseBlock h3 {
    font-size: 20px;
    padding-bottom: 12px !important;
  }
  .podio-page .solutionsSectionE {
    padding: 0px 0px;
  }
  .podio-page .solutionsSectionE h2 {
    margin: 0px 0px 20px 0px;
  }
  .podio-page .solutionsIndustryBox h3 {
    font-size: 16px;
  }
  .podio-page .solutionsIndustryBox .desc {
    font-size: 15px;
  }
  .podio-page .portoflioItemText .visitWeb {
    margin-left: 5px;
  }
  .podio-page .arrowTextLink {
    font-size: 13px;
    padding: 0 22px 0 0;
  }
  .faqs-title h2 {
    margin: 0px !important;
  }
  .podio-page h2 {
    font-size: 20px !important;
  }
  .crm-page .mobAppDevSecC br {
    padding-bottom: 50px;
    display: none;
  }
  .podio-page .mobAppDevSecH {
    padding: 1px 0px 10px 0px;
  }
  .podio-page .industryGrayBoxRow .col-auto {
    margin-bottom: 30px;
    margin: 0 auto;
    margin-bottom: 26px;
  }
  .e-commerce-page .workExpertiseBlock h4 {
    font-size: 13px;
  
}
.web-development-page .mobAppGetReqTextBlock h3 {
	font-size: 22px;
}
.web-development-page .mobAppGetReqTextBlock .text {
	font-size: 15px;
}
.faqs-title {
	font-size: 2rem !important;
}
.h4 {
	font-size: 21px !important;
}
.web-development-page .mobAppDevSecE {
	padding-bottom: 0px !important;
}
.reactjs-development-page .workExpertiseBlock h3 {
	font-size: 20px;
	margin: 0px 0px 25px 0px;
	display: inline-block;
	padding-bottom: 14px;
	display: block;
	text-align: center;
}
.reactjs-development-page .workExpertiseBlock h4 {
	font-size: 15px;
	margin: 5px 0px 30px 0px;
	font-family: "proxima_novasemibold";
}
.reactjs-development-page .solutionsSectionE h2 {
	font-size: 2rem;
	margin: 0px 0px 25px 0px;
	font-family: 'proxima_novaextrabold';
}
.reactjs-development-page .solutionsIndustryBox h3 {
	margin: 0px 0px 15px 0px;
	font-size: 19px;
	font-family: "proxima_novaextrabold";
}
.reactjs-development-page .solutionsIndustryBox .desc {
	font-size: 16px;
}
.reactjs-development-page .portoflioItemText h2 {
	margin: 0px 0px 15px 0px;
	font-size: 27px;
}
.vuejs-development-page .arrowTextLink {
	font-size: 12px;
	padding: 0 20px 0 0;
}
.vuejs-development-page  .mobAppDevSecF {
	padding: 0px 0px 49px 0px;
}
.vuejs-development-page .mobAppDevSecE {
	padding: 0px 0px 20px 0px;
}
.vuejs-development-page .solutionsSectionE {
	padding: 29px 0px;
}
.vuejs-development-page .aboutSectionE {
	padding: 22px 0px;
}
.vuejs-development-page .mobAppGetReqTextBlock h3 {
	font-size: 14px !important;
}
.vuejs-development-page .animation.ani {
	font-size: 1.1rem !important;
}
.vuejs-development-page .portfolioImgBlock {
	padding: 0px 0px 0px 0px;
}
.vuejs-development-page .workExpertiseBlock h3 {
	font-size: 17px;
	margin: 0px 0px 27px 0px;
	padding-bottom: 13px;
	text-align: center;
	display: block;
}
.emerging-technologies-page .animation.ani {
	padding-top: 17px;
}
.emerging-technologies-page .mobAppDevSecCText .desc {
	font-size: 17px !important;
	padding-top: 0 !important;
}
.emerging-technologies-page .mobAppDevSecF {
	padding: 0px 0px 49px 0px;
}
.emerging-technologies-page .mobAppDevSecE h2 {
	font-size: 30px;
	margin: 0px 0px 0px 0px;
}
.emerging-technologies-page .industryGrayBoxRow .lastBox h3 {
	color: #ffffff;
	font-size: 18px;
	margin: 0px auto 10px auto;
	max-width: 250px;
}
.emerging-technologies-page .footerContactBlueBg .textB {
  font-size: 21px;
  font-family: "proxima_novabold";
  color: #fff;
  margin: 0 0 25px 0;
  padding-bottom: 15px;
  position: relative;
}
.mobAppDevSecF {
	padding: 30px 0px 62px 0px;
}

}

@media (max-width: 767px) {
  .porfolioImgFrame {
    max-width: 100%;
    margin-top: 18px;
  }
  .mobile-app-page .portoflioItemText h2 {
    font-size: 18px !important;
    margin: 0px 0px 17px 0px;
    font-family: 'proxima_novaextrabold';
    text-align: center;
  }
 
  .emerging-technologies-page .animation.ani {
    font-size: 1.2rem !important;
  }
  .reactjs-development-page #maincontent {
    margin-bottom: 0px !important;
  }
  .emerging-technologies-page .mobAppGetReqTextBlock::before {
    content: "";
    width: 40px;
    height: 40px;
    background: url(../images/lucenta-solutions-mobile-app-10.webp) no-repeat 0px 0px /auto 40px;
    top: 10px;
    width: 100%;
    height: 100%;
  }
  .emerging-technologies-page .desc.animation.ani {
    font-size: 15px !important;
  }
  
  .reactjs-development-page .faqs-title { font-size: 1.3rem !important;}
  .reactjs-development-page .solutionsSectionE h2 {
    font-size: 1.2rem !important;
    margin: 0px 0px 25px 0px;
    font-family: 'proxima_novaextrabold';
  }
  .reactjs-development-page .animation.ani {
    font-size: 1.2rem !important;
  }
  .reactjs-development-page .workExpertiseBlock h3 {
    font-size: 17px;
    margin: 0px 0px 25px 0px;
  }
  .reactjs-development-page .portoflioItemText h2 {
    font-size: 21px !important;
  }
  .salesforce-page .solutionsIndustryText h3 {
    font-size: 19px;
  }
  .e-commerce-page .counterBlock .desc {
    font-size: 13px !important;
  }
  .podio-page .row.recognize-row h4 {
    font-size: 13px;
  }
  .position-relative h2 {
    font-size: 16px !important;
  }
  .podio-page h2 {
    font-size: 18px !important;
  }
  .salesforce-page .mt-5 {
    margin-top: 0rem !important;
  }
  
  .salesforce-page .solutionsIndustryText .number {
    position: absolute;
    left: 25px;
    top: 35px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .salesforce-page .vision-menu li {
    font-size: 15px;
  }
  .analyzed-menu ul, li {
    margin-left: 20px;
    text-align: left;
  }
  .study-menu {
    display: flex;
    justify-content: center;
  }

  .crm-page .counterBlock .count {
    font-size: 1.5rem;
  }
  .crm-page .workExpertiseBlock h3 {
    padding-bottom: 16px;
    padding-top: 16px;
  }
  .crm-page .mobAppDevBenefitBox .text {
    font-size: 14px;
    margin-top: 26px;
    display: block;
  }
  .crm-page .industryGrayBoxRow .icon {
    height: 55px;
    width: 55px;
  }
  
  .crm-page .counterBlock .desc {
    font-size: 12px;
  }
  .nativeTabText {
    display: block;
  }
 
  .nativeTabText li.active a::before {
    content: none;

  }
  .workExpertiseBlock h3 { font-size: 18px; text-align: center; display: block; }
  .desc.animation.ani p {font-size: 14px;}
  .vision-menu li {font-size: 19px; text-align: left;}
  .row.recognize-row .col-md-4 { width: 33%; text-align: center;}
  .mobAppDevTop {padding-top:10px;}
  .mobAppDevTopText {padding:30px 0px 60px 0px;}
  .mobAppDevTopText .h1 {margin: 0px 0px 20px 0px; font-size:26px; text-align: center;}
  .mobAppDevTopText .desc {margin: 0px 0px 20px 0px;font-size: 16px; text-align: center;}
  .mobAppDevSecCText h2 {font-size: 20px !important; text-align: center;}
  .mobAppDevSecC {padding-bottom: 20px;}
  .mobAppDevSecCText .desc {font-size: 14px;margin: 0px 0px 20px 0px; text-align: center;}
  .mobAppDevSecB {top: -30px;padding:20px 10px 0px 10px;}

  .workExpertiseBlock h4 {font-size: 14px; margin: 5px 0px 20px 0px;}
  .workExpertiseBlock .crume { background: #efefef; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; border-radius: 50%;    font-size: 16px;}
  .mobAppDevSecD {padding:30px 0px 10px 0px; }
  .mobAppDevSecD h2 {font-size:20px !important; text-align: center;}
  .nativeTabIcons {width:calc(100% - 70px); margin: 60px 35px;}
  .nativeTabText {padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; border-right: none;}
  .nativeTabBlock .textA {font-size: 14px;}
  .nativeTabText li a {font-size: 14px;padding:8px 0px; }

  .mobAppDevSecE {padding:30px 0px 0px 0px; }
  .mobAppDevSecE h2 {font-size:26px; margin: 0px 0px 20px 0px;}
  .mobAppDevSecF h2 {font-size: 20px !important; text-align: center;}
  .mobAppDevSecF {padding:10px 0px 20px 0px;}
  .mobAppDevSecF .desc {font-size: 14px !important; text-align: center;}
  .mobAppGetReqTextBlock { position: relative; padding-left:50px !important; padding-top: 10px !important; margin-bottom: 40px;}
  .mobAppGetReqTextBlock:before {content: ""; width:40px; height:40px; background: url(../images/lucenta-solutions-mobile-app-10.webp) no-repeat 0px 0px /auto 40px; top: 10px;}
  .mobAppGetReqTextBlock h3 {font-size:16px !important;}
  .mobAppGetReqTextBlock h4 {font-size:18px; margin: 0px 0px 15px 0px;  }
  .mobAppGetReqTextBlock .text {font-size: 14px; margin: 0px 0px 20px 0px;  overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
  .mobAppDevSecG {padding: 20px 0px 10px 0px;}
  .mobAppDevSecG h2 {font-size:19px !important; text-align: center;}
  .mobAppDevSecG .desc {font-size: 15px !important;margin: 0px 0px 40px 0px; text-align: center;}
  .mobAppDevBenefitBox {position: relative;margin: 0px 10px 30px 0px;}
  .mobAppDevBenefitBox h3 {padding-left:60px; font-size: 16px; margin: 0px 0px 15px 0px;}
  .mobAppDevBenefitBox .text { font-size:14px; }
  .mobAppDevBenefitBox .crume { top: -10px;}
  .text p {font-size: 14px !important;}

  .mobAppDevSecH {padding:30px 0px 0px 0px;}
  .mobAppDevSecH h2 {font-size:18px !important; margin: 0px 0px 20px 0px; }
  .industryGrayBoxRow {margin-right: -5px; margin-left: -5px;}
  .industryGrayBoxRow .col-auto { margin-bottom: 20px; flex:0 0 50%; padding-left: 5px; padding-right: 5px;}
  .industryGrayBoxRow .bg {width: 100%; height: 100%; padding: 10px 5px;}
  .industryGrayBoxRow .title {font-size: 14px;margin: 10px 0px 0px 0px;}
  .industryGrayBoxRow .lastBox {padding:15px 5px;height: auto;flex: 0 0 100%;}
  .industryGrayBoxRow .lastBox h3 {font-size:20px;}

  .mobileAppDevTopRightBlock {padding: 15px; margin-bottom: 20px;display: none;}
  .mobileAppDevTopRightBlock h2 {font-size:20px; margin:0px 0px 10px 0px;}
  .mobileAppDevTopRightBlock .desc {font-size:16px; margin:0px 0px 20px 0px;}
  /*Added CSS for Hire Laravel Developer Page*/
  .mobAppDevTopText .h2 {margin: 0px 0px 20px 0px; font-size:16px; text-align: center;}
  .desc.animation.ani ul li {font-size: 14px;}
}

/** faqs section */
.mt-5{
  font-size: 50px;
}

.h4 {
  color: #333;
  font-size: 25px;
}

#accordion .fa-plus {
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

#accordion a[aria-expanded=true] .fa-plus {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.p-0,p{
  font-size: 18px;
}

.pb-3, .py-3 {
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem !important;
}

.right-0 {
  right: 0;
}
.top-0 {
  top: 0;
}

/****/