body,
html {
 overflow-x: hidden !important;
}
.outer-border,
.readmore,
.readmore span,
.thumbnail {
 position: relative;
}
.btn-or,
.caption,
.pagination > .active > a {
 z-index: 2;
}
.img-center:hover,
.quick-step-img:hover ~ .img-center {
 visibility: visible;
}
.hero,
.hero-creator {
 text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
}
body {
 width: 100%;
 font-family: sans-serif !important;
}
.clear,
.clear-div,
.menu > ul:after,
.menu > ul > li > ul:after,
.menu > ul > li > ul > li > ul:after,
.schedule-call-section {
 clear: both;
}
.outer-border {
 overflow: hidden;
}
.inner-border {
 left: 0;
 height: 350px;
 overflow-x: hidden;
 overflow-y: scroll;
}
.inner-border::-webkit-scrollbar {
 display: none;
}
.zoho-service-card {
 background-color: #fff;
 border-radius: 12px;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 transition: 0.3s;
}
@media screen and (max-width: 320px) {
 #requestdemobtn {
  position: relative;
  top: -60px !important;
  font-size: 12px;
  padding: 5px;
 }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
 #requestdemobtn {
  margin: -10px !important;
 }
}
@media only screen and (max-width: 480px) {
 #call-recuirt {
  letter-spacing: 0;
  width: 100%;
  font-size: 12px;
 }
 #call-recuirt-last {
  width: 100%;
  font-size: 10px;
  letter-spacing: 0 !important;
 }
}
a {
 text-decoration: none !important;
}
.benifit > div,
.text-center {
 text-align: center !important;
}
.caption,
.filter-button,
.gallery-title,
.project-title,
.readmore {
 text-align: center;
}
.float-right {
 float: right !important;
}
.float-left {
 float: left !important;
}
button {
 outline: 0 !important;
}
.p-0 {
 padding: 0 !important;
}
.m-0 {
 margin: 0 !important;
}
.mt-3 {
 margin-top: 30px !important;
}
#main-content,
.mt-5 {
 margin-top: 50px !important;
}
.mt-10 {
 margin-top: 100px !important;
}
.mb-3 {
 margin-bottom: 30px !important;
}
.mb-5 {
 margin-bottom: 50px !important;
}
.mb-10 {
 margin-bottom: 100px !important;
}
.pl-2 {
 padding-left: 20px !important;
}
.pl-3 {
 padding-left: 30px !important;
}
.p-12 {
 padding: 10px 20px !important;
}
.pt-2 {
 padding-top: 20px !important;
}
.pt-3,
.zoho-improve > h2 {
 padding-top: 30px !important;
}
.pt-5 {
 padding-top: 50px !important;
}
.pt-10 {
 padding-top: 100px !important;
}
.pb-3 {
 padding-bottom: 30px !important;
}
.pb-5 {
 padding-bottom: 50px !important;
}
.pb-10 {
 padding-bottom: 100px !important;
}
.more-about-yaali-icons {
 margin-top: 35px;
 width: 60px;
 height: 63px;
 margin-bottom: 10px;
}
.more-about-yaali-text {
 font-family: "Merriweather Sans";
 font-size: 20px;
 text-decoration: underline !important;
}
.caption > h4,
.caption > p,
.readmore {
 font-family: sans-serif;
}
.main-active,
.maindivision {
 height: 43px;
 border-radius: 20px;
 font-size: large;
}
#exTab1 .app-deck > li > a,
.about-virtue > h2 > a,
.btn-contact-bottom,
.custom-box:hover,
.menu a.logo,
.menu > ul > li a,
.pushlink:hover,
.readmore,
.saas-brand:hover,
.svg .button,
.text {
 text-decoration: none;
}
.home-sprite {
 background-image: url("../image/yaali-home-sprite.png");
}
.switch-Btn {
 display: flex;
 justify-content: center;
 width: 100%;
}
.contact-schedule-btn span,
.desktop-view,
.readmore {
 display: block;
}
.maindivision {
 width: 200px;
}
.main-active {
 color: #fff !important;
 background: #48c740;
 width: 200px;
 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.readmore {
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 200px;
 height: 40px;
 line-height: 40px;
 font-size: 18px;
 color: #333;
 border: 2px solid #333;
 letter-spacing: 2px;
 transition: 0.35s;
}
.caption,
.filter img,
.forest-contact-details > .ficon > img,
.menu,
.menu > ul > li > ul.normal-sub > li,
.modal .view-img > img,
.readmore:hover:after,
.row-fluid {
 width: 100%;
}
.readmore span {
 z-index: 2;
}
.readmore:after {
 position: absolute;
 content: "";
 top: 0;
 left: 0;
 width: 0;
 height: 100%;
 background: #ff003b;
 transition: 0.35s;
}
.contact-slider,
.empower > div > p,
.footer-services > li > a:hover,
.menu > ul > li > ul > li a:hover,
.pri3 > ul > li > a:hover,
.readmore:hover,
hgroup {
 color: #fff;
}
.viewmoreBtn {
 float: right;
 margin-top: 15px;
 background: #3b5ac5;
 padding: 5px 10px;
 border-radius: 4px;
 color: #fff;
}
.pri1-clr,
.pri2-clr,
.pri3-clr,
.pri4-clr,
.pri4 > ul > li > a,
.pri5-clr,
.techStack .creator-para-left,
.viewmoreBtn:focus,
.viewmoreBtn:hover {
 color: #fff !important;
}
.highlight-clr,
.hire-testimonial h5 {
 color: #00ad4c;
}
.im-active,
.im-active:focus {
 color: #fff !important;
 background-color: #42c571 !important;
}
.btn-default:active .filter-button:active,
.filter-button:hover {
 background-color: #42c571;
 color: #fff;
}
.filter img {
 height: 250px;
}
.filter,
.process-flow > img {
 padding: 10px;
}
.gallery-title {
 font-size: 36px;
 color: #42c571;
 font-weight: 600;
 margin-bottom: 40px;
 font-family: "Noto Sans" !important;
}
.btn-or,
.contact-schedule-btn,
.filter-button,
.portfolio-contactus-btn-text {
 font-family: "Noto Sans", sans-serif;
}
.filter-button {
 font-size: 14px;
 border: none;
 color: #342b2b;
 padding: 5px 10px;
 margin-bottom: 15px;
 border-radius: 5px;
}
.project-title,
.thumbnail {
 overflow: hidden;
 border-radius: 0;
 margin: 0;
}
.thumbnail {
 padding: 0;
}
.project-title {
 position: absolute;
 padding: 10px;
 background-color: #292727;
 box-shadow: 5px 5px 5px 5px #000;
 bottom: 0;
 width: 100%;
 min-height: 60px;
}
.project-title > span {
 font-size: 16px;
 color: #fff;
 font-weight: 600;
 letter-spacing: 1px;
 top: 50%;
 line-height: 20px;
}
.caption {
 position: absolute;
 left: -100%;
 right: 0;
 background-color: rgba(66, 139, 202, 0.75);
 height: 100%;
 padding: 25% 10px !important;
 color: #fff !important;
 -webkit-transition: 0.5s ease-in-out;
 -moz-transition: 0.5s ease-in-out;
 -o-transition: 0.5s ease-in-out;
 -ms-transition: 0.5s ease-in-out;
 transition: 0.5s ease-in-out;
}
.caption > h4 {
 font-size: 18px;
 font-weight: 600;
 color: #fff;
 text-decoration: underline;
}
.caption > p {
 font-size: 16px;
 font-weight: 600;
 color: #fff;
}
.caption > p > i {
 font-size: 20px;
 padding: 10px;
 border: 1px solid #fff;
 border-radius: 50%;
 cursor: pointer;
 color: #fff;
}
.caption > p > i:hover {
 -moz-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 -ms--transform: rotate(360deg);
 transform: rotate(360deg);
 -webkit-transition: 0.2s;
 -moz-transition: 0.2s;
 -o-transition: 0.2s;
 -ms-transition: 0.2s;
 transition: 0.2s;
}
.thumbnail:hover .caption {
 left: 0;
}
.contact-schedule-btn {
 width: 300px;
 height: 80px;
 border-radius: 4px !important;
 font-size: 18px;
 color: #fff;
 transition: 0.2s;
}
.contact-schedule-btn:focus,
.contact-schedule-btn:hover {
 color: #fff;
 border: 1px solid #232d37;
 background: #fff;
}
.ctn-light {
 background: #3f4d5a;
 border: 1px solid #a0a5aa;
}
.ctn-dark {
 background: #00ad4c;
 border: 1px solid #00ad4c;
}
.btn-or {
 position: absolute;
 border-radius: 50%;
 background: #fff;
 padding: 10px 12px;
 margin-top: 20px;
 font-weight: 600;
}
.module-contact,
.portfolio-image,
.prototype,
.slide-button,
.web-benifit {
 position: relative;
}
@media (max-width: 380px) {
 .btn-or {
  margin-left: 30px;
 }
 #call-recuirt-last {
  letter-spacing: 0 !important;
  font-size: 8px;
  width: 120%;
 }
}
@media (max-width: 350px) {
 .btn-or {
  margin-left: 50px;
 }
}
.btn-group > .btn:focus,
.btn-group > .btn:hover {
 z-index: 1;
}
.app-deck > li,
.creator-app-img > i,
.creator-build-app i,
.creator-icon > i,
.crm-custom > i,
.logo-sec > i,
.menu > ul > li > a .menu-arrow,
.portfolio-module li,
.slide-button {
 display: inline-block;
}
.contact-schedule-btn span:first-child {
 letter-spacing: 1px;
 text-transform: uppercase;
 font-size: 16px;
 font-weight: 600;
}
.contact-schedule-btn span:nth-child(2) {
 font-size: 15px;
 white-space: initial;
}
.gallery_product > div > h3 {
 margin-top: 0;
}
.portfolio-project > h4 {
 font-size: 20px;
 color: #42c571;
 padding-bottom: 4px;
 text-decoration: underline;
}
.portfolio-project > h5 {
 font-size: 17px;
 color: #42c571;
}
.portfolio-project > p {
 font-size: 16px;
 color: #444141;
 text-align: justify;
 line-height: 30px;
 font-family: sans-serif !important;
}
.portfolio-detail-modal .modal-body {
 overflow-y: scroll;
 height: calc(100vh - 150px);
}
#profile-grid .panel-thumbnail,
.svg .button {
 overflow: hidden;
}
.bullet-portfolio > li {
 font-size: 18px;
 color: #444141;
 line-height: 25px;
 text-align: justify;
 font-family: "Noto Sans" !important;
 padding: 2px;
}
.portfolio-module {
 margin: 0;
 padding: 0;
 text-align: left;
}
.portfolio-module li {
 list-style: none;
 color: #141313;
 font-family: "Noto Sans" !important;
 padding: 10px;
 font-size: 14px;
}
.portfolio-module li:before {
 content: "\25CF";
 padding-right: 15px;
 padding-left: 10px;
 color: #42c571;
}
.portfolio-image {
 width: 80%;
 left: 10%;
}
.portfolio-contactus {
 min-height: 230px;
 background-color: #eee;
 height: 1px;
 width: 100%;
 padding: 0 7%;
}
div#portfolio1.modal {
 overflow: scroll !important;
}
.portfolio-contactus-img {
 background: url("../image/Talk-to-yaali.jpg");
 background-repeat: no-repeat !important;
 background-size: contain !important;
 background-position: left bottom !important;
 min-height: 233px;
}
.portfolio-contactus-btn-text {
 font-size: 3rem;
 line-height: 3rem;
 color: #4d4d4d;
 font-weight: 500;
 margin: 60px 100px;
}
.slide-button {
 color: #4d4d4d;
 padding-bottom: 2px;
}
.slide-button:before {
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 height: 1px;
 width: 100%;
 opacity: 1;
 border-bottom: 2px solid #42c571;
 transition: width 0.5s linear, opacity 0.4s linear;
}
.slide-button:hover {
 color: #42c571 !important;
 padding-right: 5px;
 transition: 0.5s linear;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .crm-canvas-slide-image-1 {
  width: 200px !important;
 }
 .crm-canvas-slide-para-1 {
  font-size: 14px !important;
 }
 #zoho-people-image {
  width: 600px !important;
 }
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
 .crm-canvas-slide-image-1 {
  width: 270px !important;
 }
}
@media only screen and (max-width: 1023px) {
 .crm-canvas-slide-para-1 {
  font-size: 14px !important;
 }
 .canvas-modal-slide-image-2 {
  height: 30vh !important;
 }
}
.award-home,
.mobile-sec4-grid > div > div > img,
.subscribe {
 padding: 30px 0;
}
.award-home > div > h1 {
 line-height: 1.2;
}
.award-home > div > p {
 font-family: "Noto Sans";
 font-size: 17px;
 line-height: 2;
 padding-top: 20px;
}
.schedule-call {
 width: 110%;
}
.yaali-text {
 color: #000;
 font-size: 18px;
}
#profile-grid {
 overflow: auto;
 white-space: normal;
}
#profile-grid .profile {
 padding-bottom: 40px;
}
#profile-grid .panel,
.contact > div,
.empower > .img-sec,
.footer-bottom > div,
.footer-services,
.head,
.modal.modal-fullscreen.force-fullscreen .modal-body,
.star-rating li,
.tab-quick > .nav-tabs > li {
 padding: 0;
}
#profile-grid .panel-body,
.feedback1 > div > img,
.saas-suite,
.zoho-choose {
 padding: 15px;
}
#profile-grid .profile-name {
 font-weight: 700;
}
#profile-grid .thumbnail {
 margin-bottom: 6px;
}
#profile-grid .img-rounded {
 border-radius: 4px 4px 0 0;
}
#quote-carousel-mble,
#quote-carousel-test {
 padding: 0 10px 30px;
 margin-bottom: 30px;
}
#quote-carousel-mble .test-slide,
#quote-carousel-test .test-slide {
 background: 0 0;
 color: #222;
 font-size: 2.3em;
 text-shadow: none;
 margin-top: 30px;
}
#quote-carousel-test .test-slide.left {
 left: 50px;
 top: 35%;
 color: #fff;
 background: rgba(0, 0, 0, 0.7);
 width: 50px;
 height: 50px;
 border-radius: 50%;
 position: absolute;
}
#quote-carousel-test .test-slide.left i {
 position: absolute;
 top: 13px;
 right: 18px;
 font-size: 28px;
}
#quote-carousel-test .test-slide.right {
 right: 50px !important;
 top: 35%;
 color: #fff;
 background: rgba(0, 0, 0, 0.7);
 width: 50px;
 height: 50px;
 border-radius: 50%;
 position: absolute;
}
#quote-carousel-test .test-slide.right i {
 position: absolute;
 top: 13px;
 right: 13px;
 font-size: 28px;
}
#quote-carousel-mble .test-indicator,
#quote-carousel-test .test-indicator {
 right: 50%;
 top: auto;
 bottom: 0;
 margin-right: -19px;
 z-index: 2 !important;
}
#quote-carousel-mble .test-indicator li,
#quote-carousel-test .test-indicator li {
 background: silver;
}
#quote-carousel-mble .test-indicator .active,
#quote-carousel-test .test-indicator .active {
 background: #333;
}
#quote-carousel-mble .test-slide.left,
#quote-carousel-mble .test-slide.right {
 color: #fff;
 background: rgba(0, 0, 0, 0.7);
 width: 60px;
 height: 60px;
 border-radius: 50%;
 position: absolute;
 top: 35%;
}
#quote-carousel-mble .test-slide.left {
 left: 6px;
}
#quote-carousel-mble .test-slide.left i {
 position: absolute;
 top: 15px;
 left: 15px;
}
#quote-carousel-mble .test-slide.right {
 right: -6px !important;
}
#quote-carousel-mble .test-slide.right i {
 position: absolute;
 top: 15px;
 right: 15px;
}
.item blockquote img {
 margin-bottom: 10px;
 width: 6rem;
 height: 6rem;
}
@media (min-width: 768px) {
 .carousel-inner .active,
 .carousel-inner .active + .carousel-item,
 .carousel-inner .active + .carousel-item + .carousel-item,
 .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
  display: block;
 }
 .carousel-inner
  .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
 .carousel-inner
  .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
  + .carousel-item,
 .carousel-inner
  .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
  + .carousel-item
  + .carousel-item,
 .carousel-inner
  .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
  + .carousel-item
  + .carousel-item
  + .carousel-item {
  transition: none;
 }
 .carousel-inner .carousel-item-next,
 .carousel-inner .carousel-item-prev {
  position: relative;
  transform: translate3d(0, 0, 0);
 }
 .carousel-inner
  .active.carousel-item
  + .carousel-item
  + .carousel-item
  + .carousel-item
  + .carousel-item {
  position: absolute;
  top: 0;
  right: -25%;
  z-index: -1;
  display: block;
  visibility: visible;
 }
 .testimonial-slider {
  width: 90%;
  margin: 0 auto;
 }
 .cmn-carousel {
  position: relative;
  width: 90% !important;
  margin: 0 auto !important;
  overflow: hidden;
 }
 .active.carousel-item-left + .carousel-item-next.carousel-item-left,
 .carousel-item-next.carousel-item-left + .carousel-item,
 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
 .carousel-item-next.carousel-item-left
  + .carousel-item
  + .carousel-item
  + .carousel-item,
 .carousel-item-next.carousel-item-left
  + .carousel-item
  + .carousel-item
  + .carousel-item
  + .carousel-item {
  position: relative;
  transform: translate3d(-100%, 0, 0);
  visibility: visible;
 }
 .carousel-inner .carousel-item-prev.carousel-item-right {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  visibility: visible;
 }
 .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
 .carousel-item-prev.carousel-item-right + .carousel-item,
 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
 .carousel-item-prev.carousel-item-right
  + .carousel-item
  + .carousel-item
  + .carousel-item,
 .carousel-item-prev.carousel-item-right
  + .carousel-item
  + .carousel-item
  + .carousel-item
  + .carousel-item {
  position: relative;
  transform: translate3d(100%, 0, 0);
  display: block;
  visibility: visible;
 }
 #quote-carousel-mble,
 #quote-carousel-test,
 .client-feed {
  margin-bottom: 20px;
 }
 .client-feed {
  text-align: center;
  background-color: #fff;
  position: relative;
  box-shadow: 0 0.125rem 1.25rem 0 hsla(0, 2%, 61%, 0.82);
  padding: 25px;
  border: 1px solid hsla(0, 0%, 79.6%, 0.15);
  border-radius: 0.375rem;
  font-family: "Source Sans Pro", sans-serif;
  min-height: 320px;
 }
}
@media (min-width: 768px) and (max-width: 990px) {
 .client-feed > img {
  left: 40% !important;
 }
}
.client-feed > img {
 border: 3px solid #fff;
 border-radius: 50%;
 position: absolute;
 top: -60px;
 left: 35%;
}
.client-feed > p {
 padding: 10px 0 0;
 font-size: 16px;
 font-family: "Source Sans Pro", sans-serif;
 text-align: justify;
 line-height: 1.7;
}
.client-info {
 text-align: left;
 padding-left: 10px;
 float: left;
}
.client-info > h3 {
 font-size: 17px;
 margin-top: 10px;
 font-weight: 600;
}
.client-info > h4 {
 font-size: 15px;
 font-weight: 300;
}
.client-info1 {
 text-align: left;
 padding-left: 20px;
}
.contact-inner,
.contact-inner > h3,
.contact-inner > h4,
.crm-head-key,
.crm-key > div,
.erp-highlight-img,
.features > .icn-div,
.features > div > img,
.logo-sec,
.quick-sync,
.subscribe-field,
.web-benifit,
.web-benifit-title,
.web-different,
.web-specialize,
.work-process,
.zoho-improve,
.zoho-support-img,
h4 {
 text-align: center;
}
.client-info1 > h3 {
 font-size: 16px;
 color: #f05a23;
 margin: 0;
}
.client-info1 > h4 {
 font-size: 15px;
 font-style: italic;
}
.star-rating i {
 font-size: 20px;
 color: gold;
}
.partner-logo {
 background-image: url("../image/yaali-partner-logo.jpg");
}
.logo-sec > i {
 width: 150px;
 height: 150px;
}
.logo-sec > .twoxu {
 background-position: -34px 29px;
}
.logo-sec > .paprus {
 background-position: -228px 29px;
}
.logo-sec > .toy {
 background-position: -424px 29px;
}
.logo-sec > .finch {
 background-position: -620px 29px;
}
.logo-sec > .mojo {
 background-position: -805px 21px;
}
.logo-sec > .iseka {
 background-position: -1010px 27px;
}
.logo-sec > .styletica {
 background-position: -34px -122px;
}
.logo-sec > .hse {
 background-position: -230px -122px;
}
.logo-sec > .axcess {
 background-position: -429px -122px;
}
.logo-sec > .forma {
 background-position: -618px -122px;
}
.logo-sec > .midwest {
 background-position: -814px -122px;
}
.logo-sec > .capax {
 background-position: -1010px -122px;
}
.logo-sec > .croix {
 background-position: -34px -276px;
}
.logo-sec > .lala {
 background-position: -231px -276px;
}
.logo-sec > .checkin {
 background-position: -424px -276px;
}
.logo-sec > .brass {
 background-position: -615px -276px;
}
.logo-sec > .skinner {
 background-position: -816px -276px;
}
.logo-sec > .limo {
 background-position: -1009px -276px;
}
.logo-sec > .pb {
 background-position: -34px -421px;
}
.logo-sec > .bee {
 background-position: -230px -421px;
}
.logo-sec > .white {
 background-position: -426px -421px;
}
.logo-sec > .mart {
 background-position: -619px -431px;
}
.logo-sec > .f-logo {
 background-position: -820px -431px;
}
.logo-sec > .ace {
 background-position: -1006px -431px;
}
.logo-sec > .daspac {
 background-position: -34px -578px;
}
.logo-sec > .dyck {
 background-position: -230px -576px;
}
.logo-sec > .lbird {
 background-position: -426px -580px;
}
.logo-sec > .gurus {
 background-position: -619px -577px;
}
.logo-sec > .sculp {
 background-position: -820px -577px;
}
.module-contact {
 padding: 10px 0;
 background-repeat: no-repeat;
 background-position: 50% 50%;
 background-size: cover;
}
.bg-dark-contact::before {
 position: absolute;
 background: #4374b980;
 opacity: 0.6;
 content: "";
 height: 100%;
 width: 100%;
 left: 0;
 top: 0;
}
.contact-inner {
 padding: 10px 0;
 cursor: pointer;
}
.btn-contact-bottom {
 background-color: transparent;
 border: 2px solid #fff;
 border-radius: 60px;
 color: #fff;
 font-family: "Noto Sans", sans-serif;
 transition: 0.5s;
 margin-top: 20px;
}
.btn-contact-bottom:hover {
 background-color: #42c571;
 border: 2px solid #42c571;
 color: #fff;
}
#head-nav:hover,
.creator-btn:hover {
 color: #000 !important;
}
.contact-inner > h1 {
 font-size: 1.8em;
 color: #fff;
 letter-spacing: 7px;
 font-weight: 300;
 margin: 0;
 padding-bottom: 10px;
}
.contact-inner > h3 {
 font-size: 24px;
 padding: 10px;
 color: #ff0;
 font-family: sans-serif;
 margin: 0;
}
.contact-inner > h4 {
 font-size: 28px;
 padding: 10px;
 color: #fff;
 letter-spacing: 2px;
 font-family: "Advent Pro", sans-serif;
 margin: 0;
}
@media only screen and (max-width: 990px) {
 .mobile-hide {
  display: none;
 }
 .contact-schedule-btn {
  width: 185px;
  min-height: 80px;
 }
 .contact-schedule-btn span:nth-child(2) {
  font-size: 13px;
  white-space: initial;
 }
 .portfolio-order {
  display: flex;
  flex-flow: column;
 }
 .port1 {
  order: 1;
 }
 .port2 {
  order: 2;
 }
 .contact-inner,
 .contact-inner > h4 {
  padding: 0;
 }
 .contact-inner > h1 {
  margin: 0;
  letter-spacing: 5px;
 }
 .contact-inner > h3 {
  padding: 10px;
  margin: 10px;
 }
 .Zoho-CRM-Custom {
  line-height: 30px !important;
 }
 .custom-box {
  min-height: 255px !important;
 }
}
@media only screen and (max-width: 765px) {
 .custom-reason {
  padding: 15px !important;
 }
 .Zoho-CRM-Custom {
  line-height: 27px !important;
 }
 .creator-build-app {
  margin-bottom: 5px !important;
 }
 .about-card-body {
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 12px;
  margin: 20px auto !important;
  width: 65% !important;
 }
 .w-50 {
  width: 65% !important;
  height: 140px;
 }
}
.custom-box {
 border: 1px solid #6bd9e1;
 border-bottom: 2px solid #6bd9e1;
 border-top-left-radius: 2px;
 border-top-right-radius: 2px;
 padding: 17px 30px 16px;
 transition: 0.1s ease-out;
 line-height: 1.3;
 margin: 10px 0;
 min-height: 260px;
}
.custom-box:hover {
 box-shadow: 0 10px 15px 10px rgba(0, 0, 0, 0.1);
 border-bottom: 2px solid #6bd9e1;
}
.custom-box > div > div > h4 {
 color: #7b73e0;
 font-size: 20px;
 margin: 0 0 15px;
 font-weight: 600;
}
.custom-box > div > div > p {
 font-size: 15px;
 color: #504b4b;
 font-family: sans-serif;
 line-height: 27px;
 text-align: justify;
 margin: 0;
}
.custom-box > div > div > img,
.empower > div > img,
.ios-choose > img,
.process-flow > .process-icon,
.saas-dev > div > img,
.saas-suite > img {
 width: 50px;
}
.android-provide,
.industry-verticals {
 padding: 15px;
 border: 1px solid #ada8a8;
 text-align: center;
}
.android-provide > h3,
.industry-verticals > h3 {
 font-size: 18px;
 font-family: sans-serif;
}
.android-provide > img,
.help-solution > img,
.industry-verticals > img {
 width: 70px;
 height: 70px;
}
.custom-reason {
 background-image: url("../image/yaali-reason-build.jpg");
 background-attachment: fixed;
 padding: 50px;
}
.web-process {
 padding: 15px;
 border: 1px solid #eee;
 box-shadow: 5px 5px 5px 5px #eee;
 background-color: #0a1f30;
}
.features {
 padding: 5px 0;
}
.features > div > img {
 margin: 10px 0;
 width: 50px;
}
.features > div > p,
.saas-suite > p {
 line-height: 24px;
 text-align: justify;
}
.features > div > h2 {
 font-size: 22px;
 font-weight: 500;
 margin: 10px 0;
 color: #fff;
}
.features > div > p {
 font-size: 15px;
 color: #fff;
}
#prototype span,
.saas-dev > div > h4 {
 font-weight: 600;
 line-height: 25px;
}
.bullet-integration .ind-commerce:before {
 background-position: -17px -399px;
}
.bullet-integration .ind-manufacture:before {
 background-position: -48px -399px;
}
.bullet-integration .ind-solar:before {
 background-position: -78px -399px;
}
.bullet-integration .ind-education:before {
 background-position: -110px -399px;
}
.bullet-integration .ind-health:before {
 background-position: -140px -399px;
}
.bullet-integration .ind-logistics:before {
 background-position: -170px -399px;
}
.bullet-integration .ind-realestate:before {
 background-position: -201px -399px;
}
.bullet-integration .ind-insurance:before {
 background-position: -231px -399px;
}
.bullet-integration .ind-schools:before {
 background-position: -265px -399px;
}
.bullet-integration .ind-forestry:before {
 background-position: -298px -399px;
}
.bullet-integration .ind-it:before {
 background-position: -331px -399px;
}
.bullet-integration .ind-construction:before {
 background-position: -365px -399px;
}
.bullet-integration .ind-food:before {
 background-position: -402px -399px;
}
.bullet-integration .ind-transport:before {
 background-position: -440px -399px;
}
.bullet-integration .ind-finance:before {
 background-position: -472px -399px;
}
.bullet-integration .ind-law:before {
 background-position: -505px -399px;
}
.web-different {
 padding: 15px;
 min-height: 184px;
}
.awarded-logo,
.prototype > div > img,
.web-different > img,
.web-specialize > img,
.zoho-choose > div > img {
 width: 70px;
}
.web-different > p {
 color: #fff;
 font-size: 15px;
 padding: 15px;
}
.web-benifit {
 padding: 27px;
 margin-top: 30px;
 border: 3px solid #19162f;
 transition: 0.4s ease-in-out;
 background-color: #4374b9;
}
.web-benifit:before {
 border: 1px solid #4374b9;
 content: "";
 height: 100%;
 position: absolute;
 top: -10px;
 left: -10px;
 width: 100%;
 z-index: -1;
 transition: 0.3s;
}
.web-benifit-title {
 font-size: 16px;
 line-height: 23px;
 color: #000;
 font-weight: 600;
}
.languages {
 padding: 5px;
 color: #fff;
}
.languages > h4 {
 padding: 10px 15px;
 font-size: 22px;
 font-weight: 600;
 color: #337ab7;
}
.contact-testimonial-content,
.languages > ul {
 padding: 0 15px;
}
.languages > ul > li {
 color: #000;
 font-size: 17px;
 list-style: none;
 font-family: "Noto Sans", sans-serif;
 padding: 7px 0;
}
.languages > ul > li > img {
 margin-right: 10px;
 width: 20px;
}
.web-specialize {
 color: #000;
 padding: 20px;
}
.web-specialize > h3 {
 font-size: 16px;
 font-weight: 600;
 color: #fff;
}
.saas-suite > h3 {
 font-size: 18px;
 font-family: sans-serif;
 font-weight: 600;
}
.saas-suite > p {
 font-size: 16px;
 font-family: "Noto Sans", sans-serif;
 color: #000;
}
#prototype {
 background-color: #f4f4f4;
 color: #717171;
}
.prototype {
 width: 50%;
 padding-top: 10px;
 padding-bottom: 20px;
}
.prototype > div > p {
 padding-top: 15px;
 color: #333;
}
.prototype.right {
 float: right;
 text-align: left;
 padding-left: 50px;
 border-left: 4px solid #292727;
}
.prototype.left {
 float: left;
 text-align: right;
 padding-right: 50px;
 margin-left: 4px;
 border-right: 4px solid #292727;
}
.prototype.right > div > img {
 position: absolute;
 top: 0;
 left: -36px;
}
.prototype.left > div > img {
 position: absolute;
 top: 0;
 right: -36px;
}
.protoype-marges {
 height: 130px;
}
#prototype span {
 font-size: 20px;
 letter-spacing: 2.5px;
 color: #0273b2;
}
.timeline-box {
 border: 1px solid #d9d2d2;
 padding: 15px;
 background-color: #fff;
}
@media screen and (max-width: 767px) {
 .prototype.left,
 .prototype.right {
  float: right;
  text-align: left;
  padding-left: 30px;
  border-left: 4px solid #292727;
 }
 .prototype.left > div > img,
 .prototype.right > div > img {
  position: absolute;
  top: 0;
  left: -27px;
 }
 #prototype span {
  font-size: 20px;
 }
 .prototype {
  font-size: 15px;
  width: 100%;
  position: relative;
  padding-top: 10px;
  padding-bottom: 20px;
 }
 .prototype > div > img {
  width: 50px;
 }
 .prototype.left {
  border-right: 0;
  padding-right: 0;
 }
 .prototype.left > div > img {
  right: inherit;
 }
}
::-webkit-scrollbar {
 -webkit-appearance: none;
 width: 7px;
}
::-webkit-scrollbar-thumb {
 border-radius: 5px;
 background-color: rgba(0, 0, 0, 0.3);
 -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.6);
}
@media only screen and (max-width: 321px) {
 #quickbooks-header-section {
  max-height: 65vh !important;
 }
 #header-section-id {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 26px;
  margin-top: 8rem !important;
 }
 #header-section-h3 {
  font-size: 13px;
  font-weight: 400;
  line-height: 26px;
 }
}
@media (max-width: 768px) {
 .menu > ul > li > a .menu-arrow {
  display: none !important;
 }
 .menu > ul > li > ul > .back-button {
  display: block !important;
 }
}
.back-button {
 display: none !important;
}
@media screen and (max-width: 943px) {
 .back-button {
  display: inline-block !important;
  padding: 0 15px;
 }
}
@media (min-width: 769px) {
 #meganavbar_1 .sub-div ul li a:hover,
 #meganavbar_1 li ul li a:hover {
  background-color: #1dc23b !important;
  color: #fff !important;
 }
 #meganavbar_1 {
  width: 85vw !important;
  background-color: #fff;
  right: 30px !important;
  margin-top: 12px;
  font-family: sans-serif;
  border: 1.5px solid #a9a9a9;
 }
 #meganavbar_1 .sub-div a,
 #meganavbar_1 > li,
 #meganavbar_1 > li > ul > li > a,
 #sub-div-3-a {
  background-color: #fff !important;
 }
 #sub-div-2 {
  margin-left: 40px !important;
 }
 #sub-div-3 {
  margin-left: 50px !important;
 }
 #meganavbar_1 .sub-div ul .mail-hover a:hover,
 #meganavbar_1 > #sub-div-3 > ul > .remove-hover a:hover {
  background-color: #fff !important;
  color: #000 !important;
  font-weight: 700 !important;
 }
 #nav-mail-project {
  margin-top: 20px;
 }
 #sub-div-3-a {
  color: #000 !important;
 }
 #meganavbar_1 > li {
  width: 26.9% !important;
 }
 #meganavbar_1 .sub-div,
 #meganavbar_1 .sub-div:first-child {
  margin-left: 70px;
 }
 #meganavbar_1 > li > ul > li > a {
  min-height: 3em;
  color: #252626 !important;
 }
 #meganavbar_1 > li > ul {
  margin: 0;
  background-color: #fff;
 }
 #meganavbar_1 .sub-div a {
  color: #000 !important;
  font-weight: 700;
 }
 .image-container {
  width: 20px;
  height: 20px;
  background-image: url("../image/arrow-right.png");
  background-size: cover;
  margin-right: 6px;
  padding: 10px;
  float: left;
 }
 #meganavbar_1 .sub-div ul li a:hover .image-container {
  background-image: url("../image/white-arrow.png");
 }
 #meganavbar_1 li ul li a:hover {
  font-weight: 400 !important;
 }
 #meganavbar_1 .sub-div ul li a {
  color: #252626 !important;
  font-weight: 400;
 }
 #meganavbar_1 li a {
  border-bottom: 1.3px solid #a9a9a9;
 }
 #meganavbar_1 .sub-div {
  border: none;
 }
}
.zoho-improve-bg,
.zoho-one-hero {
 height: 100vh;
 background-repeat: no-repeat;
}
@media only screen and (min-width: 375px) and (max-width: 555px) {
 #quickbooks-header-section {
  max-height: 60vh !important;
 }
 #header-section-id {
  font-size: 20px !important;
  margin-top: 9rem !important;
  font-weight: 600;
  line-height: 26px;
 }
 #header-section-h3 {
  font-size: 15px;
  line-height: 26px;
 }
}
@media only screen and (min-width: 412px) and (max-width: 915px) {
 #quickbooks-header-section {
  max-height: 60vh !important;
 }
 #header-section-id {
  font-size: 25px !important;
  font-weight: 600 !important;
  line-height: 26px !important;
  margin-top: 17% !important;
  padding: 20px;
 }
 #header-section-h3 {
  font-size: 15px;
  line-height: 26px;
 }
}
@media screen and (min-width: 425px) and (max-width: 767px) {
 #quickbooks-header-section {
  max-height: 60vh;
 }
 #header-section-id {
  font-size: 20px !important;
  font-weight: 600;
  line-height: 26px !important;
 }
 #header-section-h3 {
  font-size: 15px;
  line-height: 26px !important;
 }
}
.saas-dev {
 border: 1px solid #000;
 padding: 20px;
 text-align: center;
}
.saas-dev > div > h4 {
 margin: 0;
 font-size: 18px;
 text-transform: uppercase;
}
.zoho-one-hero {
 width: 100%;
 background-image: url("../image/yaali-zoho-hero.jpg");
 background-size: cover;
 background-position: center;
}
.zoho-one-head {
 text-align: center;
 text-transform: uppercase;
 padding-top: 76px;
}
.zoho-one-head > h1 {
 font-size: 2.5em;
 font-weight: 700;
 margin-top: 50px;
 padding: 0;
 font-family: sans-serif;
}
.zoho-one-head > h3 {
 font-size: 1.4em;
 margin-top: 30px;
}
.zoho-support > p {
 color: #000;
 font-family: sans-serif;
 line-height: 30px;
 font-size: 17px;
}
.zoho-support-img > img {
 width: 128%;
 margin-top: 1%;
 height: 302px;
}
.zoho-crm-support-img > img {
 width: 80%;
 margin: 0 45px;
}
.zoho-beneficial {
 text-align: left;
 padding: 10px 20px;
 border-style: solid;
 margin: 10px 0;
 border-color: #675e5e38;
}
.zoho-beneficial .zoho-ben-img {
 padding: 0;
 text-align: center;
}
.contact-testimonial-img > img,
.zoho-beneficial > div > img {
 width: 80px;
}
.zoho-beneficial > div > h3 {
 font-size: 22px;
 margin: 0;
 padding-bottom: 10px;
}
.zoho-beneficial > div > p {
 font-size: 17px;
 font-family: sans-serif !important;
}
.zoho-choose > div {
 padding: 40px 15px;
 border: 1px solid #eee;
 font-size: 16px;
 font-weight: 600;
 font-family: sans-serif;
 color: #fff;
 background-color: #274a7d;
 text-align: center;
 box-shadow: 2px 2px 6px 0 rgba(187, 187, 187, 0.5);
 transition: transform 0.3s;
}
.zoho-choose > div:hover {
 transform: scale(1.1);
}
.zoho-contact {
 color: #000;
 text-align: left;
}
.zoho-contact > h2 {
 margin: 0;
 padding-bottom: 20px;
 line-height: 1.4;
 font-weight: 600;
 font-family: "Merriweather Sans", sans-serif;
}
.zoho-contact > p {
 font-size: 17px;
 color: #3c2828;
 font-family: "Noto Sans", sans-serif;
 line-height: 1.9;
}
.zoho-improve-bg {
 background-image: url("../image/yaali-zoho-one-improve.jpg");
 background-position: right;
 background-color: #f5f3f3;
 margin: 20px auto 60px;
}
.zoho-improve > p {
 font-size: 16px;
 padding: 10px;
}
.zoho-one-title {
 padding: 15px 40px 30px;
 margin: 0;
 font-size: 21px;
 font-weight: 600;
}
.crm-custom {
 padding: 20px;
 border-top: 1px dashed #b3afaf;
 background: #fff;
 margin: 10px 0;
 min-height: 234px;
}
.crm-custom > i {
 height: 50px;
 width: 50px;
 float: left;
 margin-right: 8px;
}
.crm-custom > h3 {
 width: 100%;
 font-size: 18px;
 font-weight: 600;
 margin: 0;
 height: 50px;
 line-height: 1.3;
 font-family: "Noto Sans", sans-serif;
}
#exTab1 .app-deck > li > a,
.crm-custom > p {
 font-size: 15px;
 font-family: "Noto Sans", sans-serif;
}
.crm-custom > p {
 width: 100%;
 line-height: 24px;
 font-weight: 500;
 color: #000;
 padding-top: 15px;
}
.zoho-crm-sprite {
 background: url("../image/yaali-zoho-crm-sprite.png");
}
.crm-fn1 {
 background-position: -13px -13px;
}
.crm-fn2 {
 background-position: -84px -13px;
}
.crm-fn3 {
 background-position: -154px -13px;
}
.crm-fn4 {
 background-position: -224px -13px;
}
.crm-fn5 {
 background-position: -296px -13px;
}
.crm-fn6 {
 background-position: -360px -13px;
}
.crm-fn7 {
 background-position: -424px -13px;
}
.get-start {
 background-color: #202126;
 width: 100%;
 color: #fff;
 text-align: center;
 padding: 30px 0;
}
.get-start > h3 {
 font-size: 20px;
 margin: 30px;
 line-height: 1.5;
}
.start-btn {
 border-radius: 5px;
 padding: 10px 40px;
 background: 0 0;
 margin: 10px;
 font-family: "Noto Sans", sans-serif;
 font-size: 18px;
 transition: 0.5s;
 color: #fff;
}
.btn-blue:hover {
 background: #47c0f5;
}
.btn-green:hover {
 background: #00b277;
}
.btn-blue {
 border: 2px solid #47c0f5;
}
.btn-green {
 border: 2px solid #00b277;
}
.zoho-crm-service img {
 float: left;
 width: 80px !important;
}
.zoho-crm-service p {
 float: left;
 height: 100px;
 line-height: 75px;
 font-family: "Noto Sans", sans-serif;
 font-size: 20px;
 margin-left: 15px;
}
.erp-build-img > img,
.video-creator,
.zoho-one-grow-business-container {
 width: 85%;
}
.video-close-btn {
 position: absolute;
 font-size: 20px;
 border-radius: 50%;
 border: none;
 margin-left: -30px;
 padding: 0 8px;
}
.centered {
 position: absolute;
 top: 82%;
 left: 51%;
 transform: translate(-50%, -50%);
 color: #000;
 font-size: 18px;
}
.ctn-box-btn,
.erp-highlight-right > div > div,
.mail-icon {
 text-align: right;
}
.app-deck,
.creator-app,
.creator-icon,
.zoho-deck {
 text-align: center;
}
.creator-build {
 box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.2);
 margin: 10px 0;
}
.creator-build:hover .creator-icon {
 padding: 20px 30px;
}
.creator-build:hover {
 border-bottom: 4px solid #0d74a7;
}
.creator-build:hover .creator-para {
 padding-bottom: 60px;
}
.creator-icon {
 color: #fff;
 background-color: #157ec0;
 padding: 40px 30px;
}
.creator-icon > i {
 height: 50px;
 width: 50px;
}
.creator-icon > .app-feature1 {
 background-position: -91px -185px;
}
.creator-icon > .app-feature2 {
 background-position: -163px -179px;
}
.creator-icon > .app-feature3 {
 background-position: -241px -181px;
}
.creator-icon > .app-feature4 {
 background-position: -315px -179px;
}
.creator-para {
 padding: 20px 15px;
}
.creator-para > p {
 font-size: 16px;
 font-weight: 400;
 line-height: 30px;
}
.creator-app {
 padding: 10px;
 border-radius: 5px;
 margin: 10px auto 15px;
 box-shadow: 0 1px 10px 0 #d8d6d6;
 transition: transform 0.3s, box-shadow 0.3s;
}
.creator-app:hover {
 transform: translateY(-6px);
 box-shadow: 0 7px 10px 0 #585454;
 border-top: 1px dashed #eee;
}
.creator-app-text > p {
 line-height: 1.9;
 font-size: 14px;
}
.creator-app-text > h2 {
 font-size: 16px;
 color: #2593d3;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 1.5px;
 line-height: 1.5;
}
.creator-app-img {
 border: 1px solid #eee;
}
.creator-app-img > i {
 width: 70px;
 height: 70px;
 margin: 30px auto;
}
.creator-app-img > .creator-app1 {
 background-position: 0 -83px;
}
.creator-app-img > .creator-app2 {
 background-position: -101px -81px;
}
.creator-app-img > .creator-app3 {
 background-position: -204px -80px;
}
.creator-app-img > .creator-app4 {
 background-position: -304px -85px;
}
.creator-app-img > .creator-app5 {
 background-position: -391px -82px;
}
.creator-app-img > .creator-app6 {
 background-position: 0 -173px;
}
@media only screen and (min-width: 765px) {
 .creator-build {
  min-height: 465px;
 }
 .creator-app {
  min-height: 373px;
 }
}
#exTab1 .tab-content {
 background-color: transparent;
 padding: 0 15px;
}
#head-nav:hover,
#mail-hover:hover,
.pri2 > ul > li > a {
 background-color: #fff !important;
}
#exTab1 .app-deck > li > a {
 border-radius: 5px;
 text-transform: uppercase;
 font-weight: 600;
 color: #fff;
 letter-spacing: 1px;
 padding: 10px;
 background-color: #42c571;
}
#exTab1 .app-deck > li > a:hover {
 text-decoration: underline;
 color: #fff;
}
.zoho-deck {
 min-height: 190px;
}
.zoho-deck > img {
 width: 70%;
}
.zoho-deck > h5 {
 font-size: 16px;
 font-family: sans-serif;
 font-weight: 600;
}
.app-deck {
 padding: 0 10px;
}
.app-deck > li {
 padding: 15px;
}
.creator-sprite {
 background-image: url("../image/yaali-zoho-creator-sprite.png");
}
.creator-build-app {
 text-align: center;
 margin-bottom: 30px;
}
.creator-build-app i {
 height: 50px;
 width: 50px;
 margin: 10px;
}
.creator-build-app h4,
.creator-build-app-1 h4 {
 margin-bottom: 15px;
 font-family: sans-serif;
 word-wrap: break-word !important;
 font-size: 18px;
 height: 35px;
}
.creator-build-app .restaurant {
 background-position: -17px -19px;
}
.creator-build-app .saloon {
 background-position: -82px -19px;
}
.creator-build-app .agent {
 background-position: -142px -19px;
}
.creator-build-app .coffee {
 background-position: -206px -19px;
}
.creator-build-app .gym {
 background-position: -270px -19px;
}
.creator-build-app .servicee {
 background-position: -332px -19px;
}
.creator-build-app .lawyer {
 background-position: -395px -19px;
}
.creator-build-app .nursery {
 background-position: -458px -23px;
}
.creator-build-app .school {
 background-position: -519px -21px;
}
.creator-build-app .car {
 background-position: -581px -24px;
}
.creator-build-app .hotel {
 background-position: -645px -21px;
}
.creator-build-app .retail {
 background-position: -709px -21px;
}
.creator-build-app .event {
 background-position: -777px -22px;
}
.creator-build-app .directory {
 background-position: -841px -23px;
}
.creator-build-app .medical {
 background-position: -906px -23px;
}
.creator-build-app .pub {
 background-position: -18px -105px;
}
.creator-build-app .spa {
 background-position: -95px -99px;
}
.creator-build-app .dentist {
 background-position: -177px -99px;
}
.creator-build-app .ship {
 background-position: -300px -99px;
}
.creator-build-app .elearn {
 background-position: -379px -99px;
}
.creator-build-app .solar {
 background-position: -452px -99px;
}
.creator-build-app .manufact {
 background-position: -521px -99px;
}
.creator-build-app .forestryi {
 background-position: -648px -99px;
}
.creator-build-app .itfirm {
 background-position: -714px -99px;
}
.creator-build-app .insure {
 background-position: -585px -99px;
}
.creator-build-app .transporti {
 background-position: -778px -99px;
}
.creator-build-app .banking {
 background-position: -843px -99px;
}
.creator-build-app .automobile {
 background-position: -906px -102px;
}
.creator-build-app .apparel {
 background-position: -403px -182px;
}
.about-virtue > p,
.creator-para-left {
 font-size: 17px;
 line-height: 1.8;
 font-family: sans-serif;
 text-align: justify;
 font-weight: 400;
 color: #000;
}
.bullet-creator li,
.bullet-creator-zoho-people li {
 font-family: "Source Sans Pro", sans-serif;
 font-size: 18px;
 position: relative;
}
.bullet-creator,
.bullet-creator-zoho-people,
.bullet-creator-zohopartner {
 font-size: 16px;
 color: #2a2929;
 font-weight: 400;
}
.bullet-creator,
.bullet-creator-zohopartner {
 list-style: none;
 padding-left: 20px;
 margin-top: 20px;
}
.bullet-creator li {
 list-style: none;
 padding-left: 40px;
 left: 35px;
 padding-bottom: 25px;
 color: #000;
}
@media only screen and (max-width: 991px) {
 .bullet-creator-zoho-people li {
  left: 0 !important;
 }
 #people-sub-heading {
  text-align: justify !important;
 }
}
.bullet-creator-zoho-people li {
 left: 35px;
 color: #000;
}
.bullet-creator-zohopartner li {
 list-style: decimal;
 position: relative;
 padding-bottom: 25px;
 font-family: "Source Sans Pro", sans-serif !important;
 color: #000;
 font-size: 18px;
}
.zoho-crm-plus li {
 padding-left: 5px;
 position: relative;
 padding-bottom: 12px;
 font-family: "Source Sans Pro", sans-serif;
 color: #000;
 font-size: 17px;
}
.centered-list {
 list-style: none;
 padding: 0;
 text-align: center;
}
.centered-list li {
 display: block;
 text-align: left;
 margin: 0 auto;
}
.btn.focus,
.btn:focus,
.btn:hover {
 color: #000 !important;
 text-decoration: none;
}
.bullet-creator li:before {
 content: "";
 width: 24px;
 height: 24px;
 position: absolute;
 background: url(../image/check.png);
 left: 0;
}
.approach-card p:before,
.approach-card-zoho_partner p:before {
 height: 4px;
 position: absolute;
 width: 50px;
 top: 15px;
 content: "";
}
#bullet-1 li:before {
 background-image: none;
}
.sub_heading_creator1 {
 font-family: "Merriweather Sans", sans-serif;
 font-weight: 400;
 font-size: 23px;
 margin: 0 20px;
 padding: 5px 0 10px;
 line-height: 1.4;
}
.sub_heading_creator2 {
 font-family: sans-serif;
 font-weight: 400;
 font-size: 17px;
 margin: 0 20px;
 padding: 20px 0;
 line-height: 1.8;
}
.contact-text-head {
 font-weight: 500;
 color: #000;
 font-size: 18px;
 font-family: "Merriweather Sans";
}
.contact-text-head2 {
 font-weight: 700;
 color: #000;
 font-size: 18px;
 font-family: monospace;
}
.contact-text-para {
 color: #2a2929;
 font-weight: 400;
 font-size: 16px;
 line-height: 1.5;
 font-family: sans-serif;
}
.creator-btn:hover {
 background: #fff;
 box-shadow: 0 2px 10px 5px #97b1bf;
}
.creator-btn,
.creator-btn:focus,
.hero-btn {
 color: #fff;
 margin: 10px 10px 10px 0;
 letter-spacing: 2px;
 cursor: pointer;
}
.creator-btn,
.creator-btn:focus {
 background: #00ad4c;
 padding: 10px 15px;
 transition: 0.2s;
 text-transform: capitalize;
 font-size: 15px;
 border: 0;
 font-family: "Merriweather Sans";
}
.hero-btn,
.hero-btn-outline {
 transition: none;
 line-height: 19px;
 font-family: "Merriweather Sans";
}
.about-virtue > h2,
.award-head,
.hero-btn,
.svg .button span,
.zoho-quick-head,
.zoho-quick-head-1 {
 text-transform: uppercase;
}
.creator-btn-outline,
.creator-btn-outline:focus {
 color: #00f;
 padding: 10px;
 margin: 10px 10px 10px 0;
 text-transform: uppercase;
 font-size: 15px;
 letter-spacing: 2px;
 cursor: pointer;
 border: 0;
 font-family: "Merriweather Sans";
}
.creator-btn-outline:hover {
 color: #00f;
}
.contact-table {
 width: 600px !important;
}
.hero-btn {
 background-color: #00ad4c;
 border-radius: 2px;
 padding: 10px 25px;
 font-size: 14px;
 font-weight: 700;
 border: 0;
}
.hero-btn-outline,
.hero-btn:hover {
 border: 2px solid #fff;
 background: 0 0;
 color: #fff;
}
.hero-btn-outline {
 text-align: inherit;
 margin-right: 10px;
 margin-bottom: 10px;
 padding: 10px 30px;
 letter-spacing: 1px;
 font-weight: 600;
 font-size: 16px;
}
.cnct-dev,
.cnct-dev-1 {
 box-shadow: 1px 1px 9px 2px #cccaca !important;
 margin: 0;
 font-family: sans-serif;
}
.hero-btn-outline:hover {
 background: #00ad4c;
 border: 2px solid #00ad4c;
 color: #fff;
}
.hero-creator {
 width: 600px;
 position: absolute;
 top: 50%;
 left: 25%;
 color: #fff;
 -webkit-transform: translate3d(-50%, -50%, 0);
 -moz-transform: translate3d(-50%, -50%, 0);
 -ms-transform: translate3d(-50%, -50%, 0);
 -o-transform: translate3d(-50%, -50%, 0);
 transform: translate3d(-50%, -50%, 0);
}
@media only screen and (max-width: 768px) {
 .award-home,
 .schedule-call-section {
  text-align: center;
 }
 .schedule-call {
  width: 50%;
  margin: 10px 0;
 }
 #quote-carousel-mble .test-indicator,
 #quote-carousel-test .test-indicator {
  bottom: -20px !important;
 }
 #quote-carousel-mble .test-indicator li,
 #quote-carousel-test .test-indicator li {
  display: inline-block;
  margin: 0 5px;
  width: 15px;
  height: 15px;
  font-family: "Noto Sans" !important;
 }
 #quote-carousel-mble .test-indicator li.active,
 #quote-carousel-test .test-indicator li.active {
  margin: 0 5px;
  width: 20px;
  height: 20px;
 }
 .client-feed {
  text-align: center;
  background-color: #fff;
  position: relative;
  box-shadow: 0 0.125rem 1.25rem 0 hsla(0, 0%, 79.6%, 0.5);
  border-radius: 0.375rem;
  padding: 1.5rem;
 }
 .item blockquote {
  padding: 10px 0;
 }
 .hero-creator {
  width: 95%;
  left: 53%;
  padding: 20px;
 }
 .hero-creator h1 {
  font-size: 2.5em;
 }
 .contact > div > div > input,
 textarea {
  border: none;
  border-bottom: 1px solid #eee;
  padding: 10px 5px;
  width: 50% !important;
  margin: 5px -50px !important;
  font-size: 18px;
  color: #000;
  font-family: sans-serif;
 }
 .contact-send-rev {
  width: 44% !important;
 }
}
@media only screen and (max-width: 360px) {
 .contact > div > div > input,
 textarea {
  border: none;
  border-bottom: 1px solid #eee;
  padding: 10px 5px;
  width: 50% !important;
  margin: 5px -50px !important;
  font-size: 18px;
  color: #000;
  font-family: sans-serif;
 }
 .contact-send-rev {
  width: 44% !important;
 }
}
@media (min-width: 768px) and (max-width: 992px) {
 .hero-creator {
  width: calc(100% - 30%);
  left: 38%;
 }
 .hero-creator h1 {
  font-size: 2.5em;
 }
}
.cnct-dev {
 padding: 15px;
}
.cnct-dev-1 {
 padding: 10px;
}
.approach-bg {
 width: 100%;
 background: url("../image/creator-demo-bg.png") 0 0 / cover no-repeat;
}
.approach-head {
 margin-top: 115px;
}
.approach-head-Custom-app {
 margin-top: 20px;
}
.approach-head h2,
.approach-head-Custom-app h2 {
 text-align: left;
 font-weight: 600;
 padding-bottom: 20px;
}
.approach-card,
.approach-card-zoho_partner {
 padding: 10px;
 margin: 10px;
 position: relative;
 box-shadow: 3px 3px 1px 5px #8d8c8c24;
 border-radius: 5px;
 height: auto;
}
.expand-arrow {
 text-align: right;
 font-size: 18px;
 padding: 3px 6px;
 font-weight: 600;
 box-shadow: 0 0 8px 4px #eee;
 border-radius: 50%;
 color: #6bbd45;
 margin-left: 10px;
 background: #fff;
}
.count-num,
.hire-ctn,
.hire-testimonial,
.home-workflow,
.ios-approach-head,
.ios-choose,
.process-flow {
 text-align: center;
}
.approach-card-zoho_partner:hover,
.approach-card:hover {
 background: #dbfbd9;
 color: #000;
}
.approach-card p,
.approach-card-zoho_partner p {
 padding-top: 25px;
}
.approach-card p:before {
 background: #00ad4c;
}
.approach-design-up {
 margin-top: 50px;
}
.app-deliver i,
.count-icon,
.hire-benefit {
 display: inline-block;
}
.app-deliver {
 font-family: sans-serif;
 padding: 5px 15px;
 border: 1px solid #eee;
 box-shadow: 5px 2px 5px 2px #ccc7c7;
 min-height: 360px;
 margin-bottom: 20px;
}
.app-deliver i {
 width: 50px;
 height: 50px;
 position: relative;
 margin: 5px 0;
}
.app-deliver .fast-delivery {
 background-position: -19px -182px;
}
.app-deliver .cross-platform {
 background-position: -96px -184px;
}
.app-deliver .security-compliance {
 background-position: -175px -184px;
}
.app-deliver .low-code {
 background-position: -259px -181px;
}
.app-deliver .deluge-script {
 background-position: -337px -183px;
}
.hire-dev img {
 width: 60%;
}
.hire-dev .hire-img:before {
 content: "";
 width: 100%;
 height: 260px;
 background: #dbfbd9;
 position: absolute;
 z-index: -1 !important;
 left: 0;
 border-radius: 50%;
 bottom: -10px;
}
.hire-ctn {
 padding: 40px 30px;
 border: 1.5px solid #00ad4c;
 position: relative;
}
.hire-ctn:before {
 content: "";
 position: absolute;
 left: -91%;
 bottom: -13%;
 background: url("../image/hire-bg-design.png") no-repeat;
 width: 100%;
 height: 100%;
 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 transform: rotate(180deg);
 z-index: -1;
}
.hire-ctn:after {
 content: "";
 position: absolute;
 right: -3.5%;
 top: -13%;
 background: url("../image/hire-bg-design.png") right top no-repeat;
 width: 100%;
 height: 100%;
 z-index: -1;
}
.hire-benefit {
 width: 70px;
 height: 70px;
 position: relative;
 box-shadow: 0 0 5px 6px #eee;
 border-radius: 50%;
 margin: 20px auto;
}
.bullet-integration li:before,
.count-icon {
 width: 20px;
 height: 20px;
 background: url(../image/yaali-zoho-creator-sprite.png);
}
.hire-benefit div {
 background: url(../image/yaali-zoho-creator-sprite.png);
 width: 40px;
 height: 40px;
 position: absolute;
 left: 15px;
 top: 15px;
}
.ios-choose,
.module3,
.process-flow,
.ser-col {
 position: relative;
}
.hire-benefit .parttime {
 background-position: -110px -332px;
}
.hire-benefit .fultime {
 background-position: -12px -332px;
}
.hire-benefit .hourly {
 background-position: -62px -332px;
}
.hire-benefit .dots {
 z-index: 0;
 animation: 6s linear infinite dots;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}
@keyframes dots {
 from {
  transform: rotate(-360 deg);
 }
 to {
  transform: rotate(0);
 }
}
.hire-benefit .dot {
 width: 5px;
 height: 5px;
 border-radius: 100px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left: -3px;
 margin-top: -3px;
}
.hire-benefit .dot1 {
 background-color: #8ad9fd;
 transform: translate(15px, 5px);
 animation: 1.5s infinite alternate dot1;
}
.hire-benefit .dot2 {
 background-color: #b8a6f7;
 transform: translate(-8px, 8px);
 animation: 1.5s 0.5s infinite alternate dot2;
}
.hire-benefit .dot3 {
 background-color: #fac5a7;
 transform: translate(-5px, -12px);
 animation: 1.5s 1s infinite alternate dot3;
}
@keyframes dot1 {
 from {
  transform: translate(15px, 5px);
  opacity: 1;
 }
 to {
  transform: translate(25px, 5px);
  opacity: 1;
 }
}
@keyframes dot2 {
 from {
  transform: translate(-8px, 8px);
  opacity: 1;
 }
 to {
  transform: translate(-19px, 19px);
  opacity: 1;
 }
}
@keyframes dot3 {
 from {
  transform: translate(-5px, -12px);
  opacity: 1;
 }
 to {
  transform: translate(-10px, -24px);
  opacity: 1;
 }
}
.hire-benefit-text {
 font-family: sans-serif;
}
.hire-benefit-text h3 {
 font-weight: 500;
 margin-top: 30px;
 font-family: sans-serif;
}
.count-num {
 padding: 30px;
 min-height: 200px;
}
.count-num font h2 {
 font-size: 40px;
 font-weight: 600;
 display: inline;
}
.count-num font {
 font-size: 25px;
 font-weight: 400;
}
.count-num h4,
.integration-sec h4 {
 font-weight: 500;
 font-family: sans-serif;
}
.count-num h4 {
 color: #000;
 font-size: 18px;
 line-height: 25px;
 padding-top: 10px;
}
.count-num .faster {
 background-position: -170px -342px;
}
.count-num .cost {
 background-position: -209px -340px;
}
.count-num .satisfy {
 background-position: -246px -342px;
}
.count-num .efficiency {
 background-position: -282px -342px;
}
.integration-sec h4 {
 padding: 15px 0;
 text-decoration: underline;
 line-height: 1.5;
}
.bullet-integration {
 list-style: none;
 font-size: 16px;
 color: #2a2929;
 font-family: sans-serif;
 font-weight: 400;
 padding: 0;
}
.bullet-integration li {
 padding-left: 40px;
 position: relative;
 font-family: "Noto Sans" !important;
 padding-bottom: 15px;
}
.bullet-integration li:before {
 content: "";
 position: absolute;
 left: 0;
}
.bullet-integration .ebay:before {
 background-position: -22px -259px;
}
.bullet-integration .bigcom:before {
 background-position: -54px -259px;
}
.bullet-integration .shopify:before {
 background-position: -90px -259px;
}
.bullet-integration .zinventory:before {
 background-position: -121px -259px;
}
.bullet-integration .zbooks:before {
 background-position: -150px -259px;
}
.bullet-integration .zdesk:before {
 background-position: -179px -259px;
}
.bullet-integration .zcrm:before {
 background-position: -207px -259px;
}
.bullet-integration .zflow:before {
 background-position: -236px -259px;
}
.bullet-integration .cbox:before {
 background-position: -266px -259px;
}
.bullet-integration .slack:before {
 background-position: -296px -257px;
}
.bullet-integration .trello:before {
 background-position: -328px -259px;
}
.bullet-integration .chatbot:before {
 background-position: -360px -259px;
}
.bullet-integration .microsoftteam:before {
 background-position: -966px -258px;
}
.bullet-integration .quickbook:before {
 background-position: -390px -258px;
}
.bullet-integration .xero:before {
 background-position: -419px -258px;
}
.bullet-integration .stripe:before {
 background-position: -450px -258px;
}
.bullet-integration .razorpay:before {
 background-position: -486px -258px;
}
.bullet-integration .paypal:before {
 background-position: -512px -258px;
}
.bullet-integration .instamojo:before {
 background-position: -23px -292px;
}
.bullet-integration .aircall:before {
 background-position: -541px -258px;
}
.bullet-integration .ringcentral:before {
 background-position: -573px -258px;
}
.bullet-integration .asterisk:before {
 background-position: -603px -258px;
}
.bullet-integration .exotel:before {
 background-position: -629px -258px;
}
.bullet-integration .twilio:before {
 background-position: -658px -258px;
}
.bullet-integration .smsmagic:before {
 background-position: -688px -258px;
}
.bullet-integration .burstsms:before {
 background-position: -719px -258px;
}
.bullet-integration .zapier:before {
 background-position: -749px -258px;
}
.bullet-integration .piesync:before {
 background-position: -778px -258px;
}
.bullet-integration .skuvault:before {
 background-position: -806px -258px;
}
.bullet-integration .webmerge:before {
 background-position: -835px -258px;
}
.bullet-integration .docusign:before {
 background-position: -865px -257px;
}
.bullet-integration .adobe:before {
 background-position: -899px -258px;
}
.bullet-integration .hellosign:before {
 background-position: -932px -258px;
}
.bullet-integration .cring:before {
 background-position: -534px -401px;
}
.bullet-integration .ctwilio:before {
 background-position: -561px -401px;
}
.bullet-integration .cexotel:before {
 background-position: -587px -401px;
}
.bullet-integration .cjustcall:before {
 background-position: -611px -401px;
}
.bullet-integration .cozonetel:before {
 background-position: -637px -401px;
}
.bullet-integration .cgotomeet:before {
 background-position: -666px -401px;
}
.bullet-integration .czoomzoho:before {
 background-position: -692px -401px;
}
.bullet-integration .czohomeet:before,
.bullet-integration .czohoweb:before {
 background-position: -718px -401px;
}
.bullet-integration .ceventbrite:before {
 background-position: -744px -401px;
}
.bullet-integration .csmsmagic:before {
 background-position: -771px -401px;
}
.bullet-integration .cburstsms:before {
 background-position: -799px -401px;
}
.bullet-integration .ctextmagic:before {
 background-position: -829px -401px;
}
.bullet-integration .cmsg95:before {
 background-position: -859px -401px;
}
.bullet-integration .cgooglead:before {
 background-position: -885px -401px;
}
.bullet-integration .cmailchimp:before {
 background-position: -912px -401px;
}
.bullet-integration .cactivecamp:before {
 background-position: -933px -401px;
}
.bullet-integration .cmarkethub:before {
 background-position: -957px -401px;
}
.bullet-integration .ccrmauick:before {
 background-position: -978px -401px;
}
.bullet-integration .cxero:before {
 background-position: -1017px -439px;
}
.bullet-integration .csaasu:before {
 background-position: -1050px -439px;
}
.bullet-integration .czohobook:before {
 background-position: -1079px -439px;
}
.bullet-integration .ccin7:before {
 background-position: -1112px -439px;
}
.bullet-integration .czohoinvent:before {
 background-position: -1141px -439px;
}
.bullet-integration .clinnwork:before {
 background-position: -1171px -439px;
}
.bullet-integration .cadobesign:before {
 background-position: -1202px -439px;
}
.bullet-integration .czohosign:before {
 background-position: -1231px -439px;
}
.bullet-integration .cdocusign:before {
 background-position: -1264px -439px;
}
.bullet-integration .ctookan:before {
 background-position: -1296px -439px;
}
.bullet-integration .cups:before {
 background-position: -1331px -439px;
}
.bullet-integration .cgmap:before {
 background-position: -1618px -431px;
}
.bullet-integration .cquoteworks:before {
 background-position: -1365px -437px;
}
.bullet-integration .ciquoteex:before {
 background-position: -1400px -437px;
}
.bullet-integration .cdropbox:before {
 background-position: -1439px -437px;
}
.bullet-integration .cgdrive:before {
 background-position: -1471px -437px;
}
.bullet-integration .cslack:before {
 background-position: -1505px -433px;
}
.bullet-integration .czohopro:before {
 background-position: -1537px -433px;
}
.bullet-integration .cpiesync:before {
 background-position: -1565px -433px;
}
.bullet-integration .czapier:before {
 background-position: -1591px -433px;
}
.hire-testimonial {
 font-size: 17px;
 line-height: 1.8;
 font-family: sans-serif;
 font-weight: 300;
}
.hire-testimonial p {
 padding-bottom: 10px;
 color: #000;
 font-family: "Noto Sans", sans-serif;
 text-align: justify;
}
.diff-table tbody tr td {
 text-align: left;
 font-size: 16px;
 padding: 15px !important;
 width: 50%;
}
.diff-table thead tr th {
 font-size: 17px;
 padding: 15px !important;
 font-family: "Noto Sans" !important;
 width: 50%;
}
.android-vs-ios > h2 {
 font-size: 30px;
 color: #272d34;
 font-weight: 900;
}
.android-vs-ios > p {
 font-size: 17px;
 padding: 20px 0;
}
.home-workflow {
 padding: 10px 0;
}
.crm-key > div > img,
.home-workflow > img {
 width: 100px;
}
.erp-benifit > img,
.saas-brand > img {
 height: 70px;
 width: 70px;
}
.home-workflow > h3 {
 font-size: 20px;
 color: #000;
 min-height: 45px;
}
.home-workflow > p {
 font-family: sans-serif;
 color: #727272;
 font-size: 18px;
}
.locate-add a {
 color: #333;
}
.locate-add h4 {
 font-size: 23px;
 font-weight: 600;
}
.locate-add span {
 font-size: 15px;
 display: block;
 line-height: 25px;
}
.saas-brand {
 border: 1px solid #e6e6e6;
 border-bottom: 2px solid #b9babc;
 border-top-left-radius: 2px;
 border-top-right-radius: 2px;
 padding: 17px 30px 16px;
 transition: 0.1s ease-out;
 line-height: 1.3;
}
.saas-brand:hover {
 box-shadow: 0 10px 15px 10px rgba(0, 0, 0, 0.1);
 border-bottom: 2px solid #4ab9cf;
}
.saas-brand > div > div > h4 {
 color: #444;
 font-size: 20px;
 font-weight: 600;
 padding-bottom: 10px;
}
.saas-brand div > div > span {
 font-size: 16px;
 font-weight: 400;
 color: #504b4b;
 font-family: sans-serif;
 line-height: 30px;
}
.empower > div > h2,
.forestry-app > h4,
.industry > div > h4,
.ios-choose > h4,
.process-flow > h3,
.ser-col h2,
.work-process > h3 {
 font-weight: 600;
}
.module3 {
 padding: 0;
 background-repeat: no-repeat;
 background-position: 50% 50%;
 background-size: cover;
 color: #fff;
}
.bg-benifit::before {
 position: absolute;
 background: #000;
 opacity: 0.1;
 content: "";
 width: 100%;
 left: 0;
 top: 0;
}
.ios-choose:after,
.ios-choose:before {
 width: 9%;
 height: 12%;
 position: absolute;
 transition: 0.5s;
 content: "";
}
.benifit,
.forest-contact-details,
.quickbook-bi {
 padding-top: 30px;
}
.benifit > div > div > i > img,
.erp-highlight-left > div,
.erp-highlight-right > div {
 padding: 15px 0;
}
.benifit > div > div > p {
 font-size: 17px;
 padding: 15px 0 30px;
 font-family: sans-serif;
}
.process-flow > h3 {
 font-size: 17px;
}
.process-flow > p {
 font-size: 16px;
}
.android-tech > h3 {
 font-size: 20px;
 color: #ff5200;
 padding-bottom: 7px;
}
.ios-choose {
 margin: 10px;
 padding: 15px;
 border: 3px solid #d5d5d5;
 display: block;
}
.ios-choose:before {
 display: block;
 bottom: -3px;
 right: -3px;
 border-bottom: 3px solid #03a9f5;
 border-right: 3px solid #03a9f5;
}
.row-1 .ser-col-4,
.row-1 .ser-col-4-l {
 border-bottom: 1px solid #ccc;
}
.row-1 .ser-col-4,
.row-3 .ser-col-4 {
 border-right: 1px solid #ccc;
}
.ios-choose:hover::after,
.ios-choose:hover::before {
 width: 95%;
 height: 90%;
}
.ios-choose:after {
 display: block;
 top: -3px;
 left: -3px;
 border-top: 3px solid #03a9f5;
 border-left: 3px solid #03a9f5;
}
.ios-choose > h4 {
 font-size: 18px;
}
.bi-arrow > .bi2 > p,
.ios-choose > p {
 font-size: 15px;
}
.ios-choose > p {
 color: #000;
}
.ios-approach-head {
 color: #fff;
}
.ios-approach-head > h2 {
 font-size: 25px;
 padding: 10px;
}
.ios-approach-head > p {
 font-size: 17px;
 padding: 10px 20px;
}
.ios-approach-content-box {
 box-shadow: 5px 5px 10px #000;
}
.ios-approach-content {
 color: #fff;
 background-color: #00bcd4;
 border-bottom: 1px dashed #fff;
 padding: 10px 0;
}
.ios-approach-content > div > i {
 padding: 20px 20px 10px;
 font-size: 35px;
 border-right: 1px dashed #fff;
}
.cont-main-head,
.hero h3,
.ios-approach-content > div > ul {
 line-height: 30px;
}
.ios-approach-content > div > h3 {
 padding: 0 10px;
}
.mobile-sec4-grid > div > div {
 background-color: #f9f9ff;
 margin: 30px 0;
 text-align: center;
 transition: 0.3s;
}
.mobile-sec4-grid > div > div:hover {
 box-shadow: 0 20px 20px 0 rgba(157, 157, 157, 0.5);
 cursor: pointer;
 background-color: #3fb2ff;
 color: #fff;
}
.mobile-sec4-grid > div > div > h4 {
 padding: 10px 0 30px;
 font-size: 20px;
 font-weight: 600;
}
.crm-key > div > h3,
.crm-project-title span,
.quickbook-sync > h3 {
 font-size: 18px;
}
@media only screen and (max-width: 990px) {
 .zoho-contact > img {
  width: 100%;
 }
 .zoho-improve-bg {
  background-image: none;
  height: auto;
 }
 .video-close-btn {
  right: 0;
 }
 .ctn-box-btn {
  text-align: center;
 }
 .approach-head {
  margin-top: 30px;
 }
 .approach-head-Custom-app {
  margin-top: 15px;
 }
 .approach-bg {
  background: 0 0;
 }
 .process-flow {
  display: flex;
  flex-flow: column;
 }
 .firtst {
  order: 1;
 }
 .second {
  order: 2;
 }
 .third {
  order: 3;
 }
 .fourth {
  order: 4;
 }
 .process-flow > img {
  left: 45%;
  position: relative;
 }
 .process-flow > .process-point {
  display: none;
 }
 .crm-head-key {
  padding: 10px 0 !important;
 }
}
.empower,
.erp-highlight-left > div > div {
 text-align: left;
}
.empower {
 padding: 20px 15px;
 min-height: 200px;
 transition: 0.4s ease-in-out;
}
.empower > div > h2 {
 font-size: 20px;
 font-family: sans-serif;
 margin: 0 auto 15px;
 color: #fff;
}
.industry > div {
 text-align: center;
 margin: 10px 0;
}
.industry > div > img {
 padding: 10px;
 border: 10px solid #eee;
 width: 65px;
 border-radius: 50%;
 background-color: #4374b9;
}
.erp-benifit {
 padding: 30px 15px;
}
.erp-benifit > img {
 float: left;
}
.erp-benifit > h3 {
 float: left;
 padding: 20px 0 20px 5px;
 margin: 0;
 font-size: 16px;
 font-family: "Noto Sans", sans-serif;
 letter-spacing: 1px;
}
.erp-highlight-right > div > div > i > img {
 font-size: 40px;
 padding: 0 30px 25px;
 float: right;
}
.erp-highlight-left > div > div > h3,
.erp-highlight-right > div > div > h3 {
 font-size: 19px;
 font-weight: 900;
 font-family: sans-serif;
 padding-right: 30px;
 margin: 0;
 color: #fff;
}
.erp-highlight-left > div > div > i > img {
 font-size: 40px;
 padding: 0 30px 25px;
 float: left;
}
.erp-highlight-img > img {
 width: 55%;
}
.erp-build-img {
 text-align: center;
 padding: 20px 15px;
}
@media only screen and (max-width: 990px) {
 .erp-highlight-img > img {
  width: 90%;
 }
 .erp-highlight-left > div > div,
 .erp-highlight-right > div > div {
  text-align: center;
 }
 .erp-build-img > img {
  padding-top: 0;
  width: 90%;
 }
}
.helpdesk-image {
 width: 75%;
 box-shadow: 0 1px 20px 0 rgba(48, 80, 165, 0.15);
}
.contact-details:hover,
.help-change > img:hover,
.help-solution:hover {
 box-shadow: 0 1px 20px 0 #292727;
}
.help-change > img {
 width: 100%;
 padding: 35px 50px;
 box-shadow: 2px 2px 5px 2px #eee;
 border: 1px solid #eee;
 transition: 0.2s;
 margin: 10px 0;
}
.testimonial-help {
 padding: 0 10px 30px;
 margin-top: 30px;
}
.testimonial-help .carousel-control {
 background: 0 0;
 color: #cacaca;
 font-size: 2.3em;
 text-shadow: none;
 margin-top: 30px;
}
.testimonial-help .carousel-control.left {
 left: -60px;
}
.testimonial-help .carousel-control.right {
 right: -60px;
}
.testimonial-help .carousel-indicators {
 right: 50%;
 top: auto;
 margin-right: -19px;
 bottom: -20px;
}
.item blockquote {
 border-left: none;
 margin: 0;
}
.feedback1 > div > p {
 font-size: 21px;
}
.feedback1 > div > small {
 color: #ff0;
 font-size: 18px;
}
.help-solution {
 padding: 5px;
 text-align: center;
 margin: 15px 0;
 background-color: #fff;
 border-radius: 5px;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
 min-height: 150px;
 transition: 0.2s;
}
.help-solution > h2 {
 font-size: 18px;
 margin: 0;
 padding: 10px 15px 20px;
}
.help-contact {
 padding: 80px 0;
 color: #fff;
}
.help-contact > div > h2 {
 font-size: px;
 line-height: 40px;
}
.help-contact > div > h4 {
 font-size: px;
}
.about-intro > div > h1,
.about-intro > div > h2 {
 font-size: 25px;
 text-align: center;
 word-spacing: 1px;
 letter-spacing: 1px;
}
.about-intro,
.quick-step-design > h2 {
 color: #000;
}
.about-intro > div > h1 {
 line-height: 35px;
}
.about-intro > div > h2 {
 line-height: 30px;
 font-family: "Noto Sans", sans-serif;
}
.about-intro > div > h3,
.about-virtue,
.ser-col h2 {
 font-family: sans-serif;
}
.about-intro > div > h3 {
 font-size: 17px;
 font-weight: 400;
 letter-spacing: 1px;
 word-spacing: 2px;
 line-height: 30px;
 color: #555;
}
.about-intro-layout {
 background-color: #fff;
 box-shadow: 0 5px 10px 5px #939393;
 margin-top: -16%;
 padding: 30px;
 width: 55%;
}
.about-intro-layout1 {
 box-shadow: 0 5px 10px 5px #939393;
 margin-top: -30%;
 width: 90%;
}
.about-intro-bg {
 background-size: cover;
 height: 250px;
}
@media only screen and (max-width: 990px) {
 .about-intro > div > h2 {
  margin: 0 10px;
  font-size: 20px;
 }
 .about-intro-bg {
  height: 250px;
 }
 .about-intro-layout1 {
  width: 100%;
 }
 .about-intro-layout {
  margin: -20% auto 0;
  width: 85%;
 }
}
@media only screen and (max-width: 765px) {
 .zoho-one-head > h1 {
  font-size: 1.9em;
  margin-top: 130px;
  color: #fff;
 }
 .zoho-one-head > h3 {
  font-size: 1.2em;
  margin-top: 20px;
  color: #fff;
 }
 .zoho-one-hero {
  background-image: url("../image/yaali-zoho-hero-mobile.jpg");
 }
 .zoho-support-img > img {
  width: 100%;
  margin-top: 25px;
 }
 .android-vs-ios,
 .empower,
 .work-process > h3,
 .zoho-beneficial > div {
  text-align: center;
 }
 .zoho-beneficial > div > p {
  font-size: 17px;
  text-align: justify !important;
 }
 .creator-portfolio {
  font-size: 17px !important;
  text-align: justify !important;
 }
 .zoho-beneficial {
  text-align: left;
  padding: 10px 0;
  border-style: solid;
  margin: 10px 20px;
  border-color: #675e5e38;
 }
 .zoho-crm-service img {
  width: 60px;
 }
 .zoho-crm-service p {
  line-height: 60px;
  font-size: 16px;
 }
 .creator-head-text > h1 {
  font-size: 2.5em;
 }
 .creator-head-text > h3 {
  font-size: 20px;
 }
 .creator-head {
  height: 100%;
 }
 .contact-table {
  width: 100% !important;
 }
 #expand,
 #expand1 {
  display: contents !important;
 }
 .expand-arrow {
  display: none;
 }
 .android-vs-ios > div {
  text-align: center !important;
 }
 .about-intro-layout1,
 .android-ios-img {
  width: 100%;
 }
 .process-mobile {
  display: flex;
  flex-flow: column;
 }
 .one1 {
  order: 1;
 }
 .two2 {
  order: 2;
 }
 .erp-benifit {
  padding: 15px;
 }
 .erp-highlight-img > img {
  width: 55%;
 }
 .erp-highlight-left > div > div,
 .erp-highlight-right > div > div {
  text-align: left;
 }
 .erp-highlight-right > div > div > i > img {
  float: left;
  padding: 0 30px 40px;
 }
 .about-intro-bg {
  height: 200px;
 }
 .about-intro-layout {
  margin: -5% auto 0;
  width: 88%;
 }
 .industry-seved-button {
  float: left;
  width: 100%;
  padding: 0;
 }
 .industry-seved-button-export-now {
  margin-top: 15px;
  float: left;
  font-size: 16px;
  padding: 14px 8px;
  width: 78%;
 }
 .industry-seved-link {
  float: left;
  width: 45%;
  margin-top: -4px;
 }
 .industry-seved-button-portfolio {
  margin-top: 23px;
  float: left;
  font-size: 16px;
  padding: 14px 8px;
 }
 .industry-seved-parah {
  text-align: justify !important;
  font-size: 19px;
 }
 .about-workspace-yaali {
  width: 315px !important;
  margin: 0 10px !important;
 }
}
@media only screen and (max-width: 365px) {
 .industry-seved-button-export-now {
  margin-top: 15px;
  float: left;
  font-size: 14px;
  padding: 14px 8px;
  width: 78%;
 }
 .industry-seved-link {
  float: left;
  width: 45%;
  margin-top: -4px;
 }
 .industry-seved-button-portfolio {
  margin-top: 23px;
  float: left;
  font-size: 14px;
  padding: 14px 8px;
 }
}
@media (max-width: 990px) {
 .ser-col-4,
 .ser-col-4-l {
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
 }
 .ser-col-4-l {
  border-right: 1px solid #ccc;
 }
}
.ser-col {
 width: 100%;
 height: 200px;
 text-align: center;
 padding: 20px;
}
.circle {
 position: absolute;
 bottom: -11px;
 right: -24px;
 z-index: 1;
}
.circle i {
 color: #ccc;
 font-size: 18px;
 background-color: #f8f8ff;
}
.ser-col h2 {
 color: #000;
 font-size: 20px;
 margin-bottom: 20px;
}
.ser-col p {
 color: #3e3b3b;
 margin-bottom: 20px;
}
.work-process > .work-box > span::before {
 content: "";
 border: 1px solid rgba(230, 230, 230, 0.2);
 border-radius: 50%;
 position: absolute;
 left: 38px;
 right: 38px;
 top: 38px;
 bottom: 38px;
}
.work-process > .work-box {
 position: relative;
 border: 1px solid rgba(230, 230, 230, 0.2);
 border-radius: 50%;
 height: 160px;
 width: 160px;
 left: 20%;
}
.work-box > span > img {
 position: relative;
 top: 35%;
}
.work-process > h3 {
 font-size: 18px;
 padding: 10px;
}
.about-virtue {
 color: #fff !important;
 padding: 20px 10px;
 text-align: center;
 border-radius: 30px;
 margin: 10px 0;
}
.about-virtue > i > img {
 padding: 5px;
 border: 1px solid #fff;
 border-radius: 50%;
 height: 60px;
 width: 60px;
 background-color: #fff;
}
.about-virtue > h2 {
 font-size: 20px;
 font-weight: 700;
}
.virtue-grade1 {
 background-image: -webkit-linear-gradient(45deg, #57cafe 0, #7f8cfe 100%);
 background: linear-gradient(45deg, #57cafe 0, #7f8cfe 100%);
}
.virtue-grade2 {
 background-image: -webkit-linear-gradient(45deg, #feb692 10%, #ea5455 100%);
 background: linear-gradient(45deg, #feb692 10%, #ea5455 100%);
}
.virtue-grade3 {
 background-image: -webkit-linear-gradient(45deg, #1bd9b3 0, #94cc7c 100%);
 background: linear-gradient(45deg, #1bd9b3 0, #94cc7c 100%);
}
.forestry-app {
 text-align: center;
 padding: 20px 0;
 min-height: 240px;
}
.forestry-app > img {
 width: 150px;
}
.forestry-app:hover {
 border: 1px solid #a39e9e;
 border-radius: 15px;
}
.forest-key > li {
 display: inline-block;
 width: 45%;
 padding-left: 20px;
 font-family: "Noto Sans", sans-serif;
 margin: 0 4% 20px 0;
 background: url("../image/bullet-icon.png") 0 7px no-repeat;
 font-size: 16px;
 font-weight: 600;
}
.forest-key-head {
 text-align: left;
 margin: 0;
}
.forest-work {
 width: 100%;
 margin: 20px 0;
}
.forest-feedback {
 padding: 20px 30px;
 border: 1px solid #b4b1b1;
 background: #fff;
}
.forest-feedback > p {
 font-size: 18px;
 text-align: center;
 margin: 0;
 min-height: 155px;
}
.forest-feed-customer {
 position: relative;
 left: 120px;
 padding: 15px 0;
 font-weight: 600;
 color: #fc654c;
}
.forest-feedback:before {
 content: "";
 height: 29px;
 width: 35px;
 display: block;
 background: url("../image/quotation-img1.png") no-repeat;
 left: 45%;
 position: relative;
 padding: 23px;
}
.forest-feedback:after {
 content: "";
 position: relative;
 bottom: -30px;
 left: 18%;
 background: #fff;
 display: block;
 width: 18px;
 height: 18px;
 border: 1px solid #b4b1b1;
 border-width: 0 1px 1px 0;
 box-shadow: 2px 2px 2px 0 #b4b1b1;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.svg .button,
.svg .button span {
 width: 185px;
 height: 50px;
 display: inline-block;
}
.forest-contact > input,
.forest-contact > textarea {
 width: 100%;
 padding: 10px;
 border: 1px solid #eee;
 border-radius: 2px;
 margin: 8px 0;
 color: #555;
 background-color: #f2f4ec;
}
.forest-contact-details > .ficon {
 border-right: 1px solid #ddd;
}
.forest-contact-details > div > h3 {
 margin: 0 0 5px;
 font-size: 18px;
}
.forest-contact-head {
 margin: 0;
}
.forest-live-btn {
 color: #fff;
 background-color: #154467;
 padding: 15px 20px;
 font-weight: 600;
 font-size: 20px;
 border: 2px solid #154467;
}
.zoho-quick-hero {
 width: 100%;
 background: center/cover no-repeat #081e37;
 height: 100vh;
 color: #fff;
}
.zoho-xero-hero {
 width: 100%;
 background: #081e37;
 height: 100vh;
 color: #fff;
}
.zoho-quick-head,
.zoho-quick-head-1 {
 text-align: center;
 position: relative;
 top: 22%;
}
.zoho-quick-head-1 > h1,
.zoho-quick-head > h1 {
 font-size: 2em;
 font-weight: 700;
 margin-top: 20px;
 line-height: 45px;
 padding: 0;
 font-family: "Merriweather Sans", sans-serif;
}
.zoho-quick-head-1 > h3,
.zoho-quick-head > h3 {
 font-family: "Noto Sans", sans-serif !important;
 text-transform: capitalize;
 margin: 10px 20px;
}
.quick-hero-img {
 padding: 20px 0;
 background-image: url("../image/yaali-zoho-quickbook.png");
 height: 145px;
 width: 960px;
 background-repeat: no-repeat;
 display: inline-block;
}
.zoho-book-link {
 background-color: #ebf6ff;
 padding: 50px 30px;
 margin: 30px 0;
 text-align: center;
}
.zoho-book-link > h2 {
 font-size: 24px;
 font-weight: 600;
 padding: 5px;
}
.zoho-book-link > p {
 text-align: justify;
 font-size: 14px;
 line-height: 2.1;
}
.quickbook-doc-new > p {
 font-size: 18px;
 margin: 0;
}
.svg {
 width: 165px;
 height: 40px;
}
.svg .button {
 color: #fff !important;
 position: relative;
}
.svg .button:hover rect {
 animation: 0.75s linear forwards draw2;
}
.svg .button rect {
 position: absolute;
 top: 0;
 left: 0;
 stroke-width: 4px;
 stroke-dashoffset: 400px;
 stroke: #fff;
}
.svg .button span {
 color: #fff;
 text-align: center;
 position: absolute;
 left: 0;
 top: 0;
 line-height: 50px;
 transition: 0.2s linear;
 font-weight: 600;
}
.svg .button span:hover {
 color: #000;
 background: #fff;
 transition: 1s cubic-bezier(1.25s 0, 1.15, 1, 1);
 transition-delay: 0.5s;
}
@keyframes draw2 {
 0% {
  stroke-dashoffset: 350;
  stroke-dasharray: 350;
 }
 50% {
  stroke-dashoffset: 600;
  stroke-dasharray: 400;
  stroke-width: 1px;
 }
 100% {
  stroke-dashoffset: 900;
  stroke-dasharray: 400;
  stroke-width: 1px;
 }
}
.modal .view-img {
 width: 990px !important;
 margin: 5% auto;
}
.QuickBooks_Integration {
 margin: 13px 15px;
 font-weight: 600;
 color: #7fffd4;
}
@media only screen and (max-width: 767px) {
 #quote-carousel-mble .test-slide.left,
 #quote-carousel-mble .test-slide.right {
  top: 35%;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
 }
 .protoype-marges {
  height: 40px;
 }
 .prototype-sec {
  padding-left: 45px;
  padding-right: 30px;
  max-width: 100%;
 }
 #quote-carousel-mble .test-slide.right {
  right: -6px !important;
 }
 #quote-carousel-mble .test-slide.left {
  left: 6px;
 }
 #quote-carousel-mble .test-slide.left i,
 #quote-carousel-mble .test-slide.right i {
  position: absolute;
  top: 13px;
  right: 12px;
  font-size: 18px;
 }
 #quote-carousel-mble {
  padding: 0 10px 30px;
  margin-bottom: 30px;
  height: 480px;
 }
 .QuickBooks_Integration {
  margin: 13px 0;
  font-weight: 600;
  color: #7fffd4;
 }
}
.modal .doc-modal {
 width: 500px !important;
 margin: 5% auto;
}
@media (max-width: 765px) {
 .modal .doc-modal {
  width: 100% !important;
  margin: 5% auto;
 }
}
.eva-service-box,
.quickbook-arrow {
 position: relative;
}
.quickbook-arrow > i {
 background-position: -117px -247px;
 display: inline-block;
 height: 52px;
 width: 90px;
}
.gly-spin {
 -webkit-animation: 5s linear infinite spin;
 -moz-animation: 5s linear infinite spin;
 -o-animation: 5s linear infinite spin;
 animation: 5s linear infinite spin;
 color: #fff;
 font-size: 25px;
 position: relative;
 top: -38px;
 left: 32px;
}
.quick-btn,
.quick-btn1 {
 font-size: 16px;
 font-family: "Noto Sans", sans-serif;
 transition: 0.2s;
}
@-moz-keyframes spin {
 0% {
  -moz-transform: rotate(0);
 }
 100% {
  -moz-transform: rotate(359deg);
 }
}
@-webkit-keyframes spin {
 0% {
  -webkit-transform: rotate(0);
 }
 100% {
  -webkit-transform: rotate(359deg);
 }
}
@-o-keyframes spin {
 0% {
  -o-transform: rotate(0);
 }
 100% {
  -o-transform: rotate(359deg);
 }
}
.quickbook-sync {
 text-align: center;
 border: 1px solid #eee;
 box-shadow: 2px 2px 2px #eee;
 margin: 10px 0 20px;
 padding: 5px 0;
 transition: 0.2s;
}
.quickbook-sync:hover {
 box-shadow: 2px 2px 2px 4px #b3b0b0;
}
.quickbook-sync > i {
 height: 100px;
 width: 100px;
 display: inline-block;
}
.bi-arrow > .bi > i,
.bi-bigin-arrow > .bi > i,
.bi-bigin > i {
 width: 32px;
 padding: 7px 0 11px;
 background-position: -55px -12px;
 display: inline-block;
}
.quickbook-sync > .dynamic-crm {
 background-position: 5px -74px;
}
.quickbook-sync > .salesforce {
 background-position: 2px -176px;
}
.quickbook-sync > .zohocrm {
 background-position: 3px -283px;
}
.quickbook-sync > .agilecrm {
 background-position: 6px -393px;
}
.quickbook-sync > .hubcrm {
 background-position: -107px -3px;
}
.quickbook-sync > .amazon {
 background-position: -227px 30px;
}
.quickbook-sync > .shopify {
 background-position: -112px -119px;
}
.quick-btn {
 border: 4px solid #ffae05;
 background: radial-gradient(
  circle 1122px at -10.3% 112.3%,
  #ffc200 0,
  #ffae00 8.8%,
  #ff9800 44.7%,
  #ff7e08 61.2%,
  #ff6011 87.6%,
  #ff5515 100.2%
 );
 padding: 10px 20px;
 color: #000;
 border-radius: 3px;
}
.quick-btn:hover {
 border: 4px solid #fff;
}
.quick-btn1 {
 border: 4px solid #00ad4c;
 background: #00ad4c;
 padding: 5px;
 color: #fff;
 border-radius: 3px;
}
.quick-btn1:hover {
 border: 4px solid #00ad4c;
}
.quickbook-bi-bg {
 background: 0 0 / contain no-repeat #f7f7f7;
 padding: 0 0 70px;
}
.news-hero,
.quick-steps,
.review-bg-star {
 background-size: cover;
}
.quickbook-bi > div > h3 {
 font-size: 20px;
 font-weight: 600;
 padding-bottom: 20px;
 text-align: center;
 text-decoration: underline #23a1e5;
}
.quickbook-bi > div > p {
 font-size: 16px;
 line-height: 1.8;
 text-align: justify;
}
.bi-arrow > .bi1 > p {
 text-align: right;
 font-size: 15px;
 line-height: 1.9;
 font-weight: 600;
}
.bi-arrow > .bi2 > p,
.bi-bigin-arrow > .bi1 > p {
 text-align: left;
 line-height: 1.9;
 font-weight: 600;
}
.bi-arrow {
 position: relative;
 top: 67px;
}
.bi-arrow > .bi > i,
.bi-bigin-arrow > .bi > i {
 margin: 7px 0 13px;
}
.bi-bigin > i {
 margin: 8px 0 13px;
}
.bi-bigin-arrow > .bi1 > p {
 font-size: 18px;
}
.bi-bigin-arrow > .bi2 > p {
 font-size: 18px;
 line-height: 1.9;
 font-weight: 600;
 margin-left: 40px;
}
.bigin-center {
 display: flex;
 justify-content: center;
 align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
 #bigin-sync-head-2 {
  margin-left: 100px;
 }
}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
 #bigin-sync-head-2 {
  margin-left: 140px;
 }
}
.animate-left {
 animation: 2s ease-out slideInFromLeft;
}
.animate-right {
 animation: 2s ease-out slideInFromRight;
}
@keyframes slideInFromLeft {
 0% {
  transform: translateX(-30%);
 }
 100% {
  transform: translateX(0);
 }
}
@keyframes slideInFromRight {
 0% {
  transform: translateX(30%);
 }
 100% {
  transform: translateX(0);
 }
}
.quick-sync > p {
 font-size: 16px;
 line-height: 1.8;
 padding: 15px 15px 0;
}
.quick-panel {
 border: none;
 box-shadow: none;
}
.tab-quick {
 background-color: #272e38;
 color: #fff !important;
 text-align: center;
}
.tab-quick > .nav-tabs {
 border-bottom: 5px solid #e74c3c;
}
.tab-quick > .nav-tabs > li > a {
 color: #fff;
 padding: 10px;
 font-size: 18px;
}
.tab-quick > .nav-tabs > li > a:hover {
 background-color: transparent;
 color: #fff;
 border: none;
}
.tab-quick > .nav-tabs > li.active > a,
.tab-quick > .nav-tabs > li.active > a:focus,
.tab-quick > .nav-tabs > li.active > a:hover {
 background-color: #fff;
 color: #000;
 border-top: 1px solid #000;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
}
.quick-pane-content > div > h3 {
 font-size: 25px;
 text-decoration: underline;
}
.quick-pane-content > div > p {
 font-size: 18px;
 padding: 15px 0;
}
.quick-pane-content > div > div > img {
 width: 55%;
 cursor: pointer;
}
.quick-pane-content > div > div > img:hover ~ .img-center {
 visibility: visible;
 width: 74px;
}
.quick-pane-content > div > div > .img-center:hover {
 cursor: pointer;
 width: 74px;
}
.img-center {
 position: absolute;
 top: 65%;
 left: 51%;
 transform: translate(-50%, -50%);
 padding: 15px;
 font-size: 23px;
 visibility: hidden;
}
.quick-steps {
 width: 100%;
 height: auto;
 padding: 10px 0 5px;
}
.quick-steps-h3 {
 margin-left: 1rem !important;
}
.quick-step-design {
 color: #000;
 padding: 30px 0;
}
.quick-step-design > div > i {
 width: 75px;
 height: 75px;
 display: inline-block;
 margin: 5px 0;
}
.quick-step-design > div > h3 {
 margin: 0;
 font-size: 28px;
 padding-bottom: 20px;
 font-weight: 400;
 color: #007eff;
}
.quick-step-design > div > p {
 font-size: 19px;
 line-height: 35px;
}
.quick-step-design > div > .step1 {
 background-position: -133px -325px;
}
.quick-step-design > div > .step2 {
 background-position: -133px -399px;
}
.quick-step-design > div > .step3 {
 background-position: -217px -399px;
}
.quick-step-design > div > .step4 {
 background-position: -217px -325px;
}
.quick-step-design > div > h3 > i {
 display: inline-block;
 background-position: -52px -35px;
 height: 30px;
 width: 32px;
}
.quick-step-img {
 width: 100%;
 margin: 20px 0;
 cursor: pointer;
 box-shadow: -60px 30px 40px 0 rgb(100 104 203 / 7%),
  0 2px 30px 0 rgb(0 0 0 / 14%) !important;
}
.img-shadow {
 box-shadow: -60px 30px 40px 0 rgb(100 104 203 / 7%),
  0 2px 30px 0 rgb(0 0 0 / 14%);
}
.img-center:hover {
 cursor: pointer;
}
.bullet-style1 > li,
.bullet4 > li > i,
.masonry-item,
.site-link li {
 display: inline-block;
}
.masonry-cont {
 column-count: 2;
 column-gap: 1.5em;
 width: 100%;
}
.masonry-item {
 margin: 0 0 1.5em;
 width: 100%;
}
.review-card {
 padding: 15px 20px 15px 45px;
 margin: 10px 10px 25px;
 position: relative;
 box-shadow: 0 0.2rem 2rem rgba(12, 12, 12, 0.36);
 border-radius: 5px;
 height: auto;
 border: 1px solid #eee;
}
.review-card:after {
 content: "";
 position: absolute;
 height: 22px;
 width: 22px;
 background: #fff;
 border-left: 2px solid #efefef;
 border-bottom: 2px solid #efefef;
 border-radius: 0 0 0 5px;
 transform: rotate(-45deg);
 left: 30px;
 bottom: -13px;
}
.review-card .creator-para-left:before {
 position: absolute;
 content: "";
 background-image: url("../image/quotation-review.png");
 height: 25px;
 width: 25px;
 left: 10px;
}
.masonry-item h3 {
 font-size: 15px;
 margin-top: 10px;
 font-weight: 600;
 margin-left: 50px;
 color: #00ad4c;
}
.masonry-item h4 {
 font-size: 15px;
 font-weight: 300;
 margin-left: 50px;
 margin-bottom: 0;
}
.review-bg-star {
 width: 100%;
 background-image: url("../image/yaali-help-bg.png");
 background-repeat: no-repeat;
}
.news-hero {
 background-image: url(../image/award/cool-background.png);
 height: 383px;
}
.news-head {
 position: absolute;
 background: #fff;
 font-family: Changa, sans-serif;
 padding: 10px;
 font-size: 4rem;
 top: 20%;
 left: 10%;
 box-shadow: 6px 4px 12px 3px #eee;
}
.award-panel {
 border-radius: 10px;
 box-shadow: 1px 2px 3px 4px #dcd4d4;
 margin-bottom: 30px;
 margin-top: 30px;
 padding: 0;
 font-family: "Noto Sans" !important;
}
.award-panel-bg,
.award-panel-bg-clutch {
 background-size: cover;
 padding: 20px;
 border-radius: 10px 10px 0 0;
 color: #fff;
 width: 100%;
}
.award-panel-bg {
 background-image: url("../image/award/yaali-award-news.png");
}
.award-panel-bg-clutch {
 background-image: url("../image/award/ClutchAwardLogo.png");
}
.btn-slider,
.news-btn {
 border: 2px solid #fff;
}
.award-panel-head {
 color: #fff;
 font-size: 3em;
 font-weight: 300;
}
.award-panel-content {
 font-size: 16px;
 padding-top: 20px;
 line-height: 1.8;
}
.awarded-cmny {
 font-size: 2em;
 font-weight: 300;
 height: 70px;
 line-height: 70px;
}
.news-btn {
 background: 0 0;
 color: #fff;
 padding: 10px;
 font-size: 17px;
 margin: 10px auto;
 transition: 0.3s;
}
.award-hero-bg,
.industries-hero-bg {
 background-size: cover;
 height: 300px;
 margin-top: 76px;
}
.news-btn:hover {
 background: #fff;
 color: #000;
}
.industries-overlay {
 height: 300px;
 background-color: #080d15;
 opacity: 0.4;
 width: 100%;
 position: absolute;
 left: 0;
}
.indus-box {
 border: 1px solid #eee;
 padding-top: 10px;
 margin-bottom: 10px;
 box-shadow: 0 0.125rem 1.25rem 0 hsla(0, 2%, 61%, 0.82);
}
.industries-hero-bg {
 background-image: url("../image/yaali-industries-served.jpg");
}
.award-hero {
 color: #fff;
 position: relative;
 top: 50%;
 left: 50%;
 transform: translate(-57%, -50%);
 text-align: center;
}
.award-hero-bg {
 background-image: url("../image/award/yaali-award-hero-bg.png");
}
.award-head {
 font-size: 4rem;
 font-family: "Merriweather Sans";
 line-height: 1.3;
 letter-spacing: 1px;
}
.award-text {
 font-family: "Noto Sans", sans-serif;
 font-weight: 400;
 font-size: 19px;
 word-spacing: 3px;
}
.award-btn {
 background: #4374b9;
 border: none;
 color: #fff;
 padding: 10px 25px;
 font-size: 17px;
 margin: 20px;
 border-radius: 5px;
 font-family: sans-serif;
}
.award-img {
 width: 100%;
 padding: 5px;
}
.award-img:hover {
 opacity: 0.7;
 cursor: pointer;
}
.award-close-btn {
 position: absolute;
 font-size: 20px;
 border-radius: 50%;
 border: none;
 margin-left: 20px;
 padding: 0 8px;
}
.award-img-size {
 width: 70% !important;
}
.contact,
.contact-details > .detail {
 padding: 10px 0;
}
.contact > div > div > input,
textarea {
 border: none;
 border-bottom: 1px solid #eee;
 padding: 10px 5px;
 width: 100%;
 font-size: 18px;
 color: #000;
 font-family: sans-serif;
}
.contact > div > div > i {
 font-size: 22px;
 color: #8a8484;
 padding: 15px;
}
.contact > div > div > span {
 font-size: 18px;
 color: #8a8484;
 padding: 10px 0;
}
.contact-box {
 margin: 20px 0;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
 -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
 -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
 -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
 background-color: #1869d4;
}
.contact-frame {
 width: 100%;
 height: 660px;
 border: none;
 overflow-y: auto;
}
.contact_head2_style {
 font-size: 33.128px;
 text-align: center;
 font-family: "Merriweather Sans", sans-serif;
 font-weight: 600;
 padding: 30px 10px 0;
 color: #000;
}
.contact-details > h2,
.contact-details > h3,
.copy_right,
.footer-style {
 font-family: sans-serif;
}
.title-stroke {
 webkit-text-stroke: 1px #42c571;
 color: #00ad4c;
}
.contact-slider > p {
 font-size: 16px;
 text-align: justify;
 line-height: 30px;
}
.contact-testimonial-img {
 padding: 10px 15px;
}
.contact-testimonial-content > p > i {
 font-size: 32px;
 padding-right: 10px;
}
@media only screen and (max-width: 758px) {
 .masonry-cont {
  column-count: 1;
 }
 .review-bg-star {
  width: 100%;
  background-image: none;
  background-repeat: no-repeat;
 }
 .review-hero-position {
  background-position: unset !important;
 }
 .contact-send-rev {
  display: flex;
  flex-flow: column-reverse;
 }
}
.contact-details {
 text-align: center;
 color: #000;
 padding: 15px;
 margin: 15px 0;
 transition: 0.5s ease-in-out;
 min-height: 182px;
 box-shadow: 0 1px 10px 0 #292727;
 cursor: pointer;
}
.contact-details > img {
 width: 60px;
 padding: 10px;
}
.contact-details > h3 {
 font-size: 15px;
 margin: 0;
 line-height: 30px;
}
.contact-details > h2 {
 font-size: 17px;
 margin: 0;
 line-height: 30px;
 text-decoration: underline;
}
.subscribe-field > div > form > input {
 width: 90%;
 padding: 10px 15px;
 border-radius: 20px;
 border: 1px solid #eee;
 margin: 10px 0;
 font-size: 15px;
 color: #000;
}
.pri1:hover .pri1-clr,
.pri2:hover .pri2-clr,
.pri2 > ul > li > a,
.pri3:hover .pri3-clr,
.pri4:hover .pri4-clr,
.pri5:hover .pri5-clr {
 color: #42c571 !important;
}
.sub-btn {
 padding: 10px 25px;
 color: #fff;
 background-color: #1359bc;
 border: 2px solid #eee;
 margin: 10px 0;
 font-weight: 600;
 cursor: pointer;
}
.sub-close {
 margin-top: 10px;
 margin-right: 20px;
}
.footer-head,
.footer-head-feed {
 font-weight: 700;
 margin: 0;
 position: relative;
 text-transform: uppercase;
}
.subscribe-field > h3 {
 color: #4374b9;
 text-transform: uppercase;
 font-size: 20px;
 font-weight: 600;
 padding-bottom: 10px;
}
.subscribe-field > h2 {
 font-size: 23px;
 font-weight: 600;
 color: #000;
}
.email-subscribe-img {
 width: 400px;
}
.email-subscribe {
 padding-top: 100px;
}
.footer-head {
 color: #29f974;
 font-size: 1.6rem;
 padding: 25px 0 0 5px;
}
.footer-head-feed {
 color: #d9d9d9;
 font-size: 1.5rem;
 padding: 25px 50px 15px;
 text-align: left;
}
.copy_right,
.ctn-btn,
.site-link {
 text-align: center;
}
.partner-img {
 height: 90px !important;
 padding: 0 5px 10px;
}
.footer-icon {
 z-index: 1;
 padding: 5px;
 position: absolute;
 margin-top: -48px;
 background: #31a998;
 margin-left: 12px;
 box-shadow: -4px 4px 6px -6px #e8e7e7;
 border-radius: 0 25px;
}
.footer-bottom,
.footer-links {
 box-shadow: 5px 5px 10px #888;
}
.footer-icon a span {
 color: #fff;
 padding: 5px 10px;
 font-size: 20px;
 border-right: 1px solid #d3d2d2;
}
.footer-icon a:last-child span {
 border-right: none;
}
.service {
 padding: 3px 0;
}
.footer-style {
 background-color: #025296;
 color: #888 !important;
 padding: 30px 15px 15px;
}
.footer-services > li {
 text-align: left;
 list-style: none;
 font-size: 1.4rem;
 font-family: "Noto Sans", sans-serif;
 padding: 0;
}
.footer-services > li > a {
 color: #fff;
 text-decoration: none;
 font-weight: 400;
}
.footer-services > li:before {
 content: "  ";
 font-size: 22px;
 color: red;
 padding: 0 5px 0 0;
}
.footer-bottom {
 background-color: #1d242c;
}
.copy_right {
 font-size: 13px;
 color: #fff;
 margin: 15px 0;
}
.ctn-btn,
.site-link li {
 font-family: "Noto Sans", sans-serif;
}
.footer-links {
 background-color: #161c22;
}
.site-link {
 margin: 0;
 padding: 0;
}
.site-link li {
 list-style: none;
 padding: 10px;
 font-size: 14px;
}
.site-link li a {
 color: #fff !important;
 text-decoration: none;
}
.site-link li:before {
 content: "\25CF";
 padding-right: 5px;
 color: #ff0;
}
.mail-icon > img {
 height: 40px;
 margin: 10px;
}
.email {
 display: flex;
}
.email h2 {
 color: #fff;
 font-size: 20px;
 text-align: left;
 margin: 0;
 padding: 11px 0;
 font-family: "Merriweather Sans";
}
.bullet-style1 > li,
.bullet1 > li,
.bullet > li {
 padding: 7px;
 font-size: 18px;
}
.email .email-ico {
 height: 50px;
 width: 50px;
 margin-right: 30px;
 margin-left: 70px;
 margin-top: 16px;
}
.ctn-btn {
 background-color: #ff0;
 border: none;
 color: #000;
 padding: 11px 30px;
 font-size: 17px;
 transition: 0.2s;
 font-weight: 600;
 letter-spacing: 1px;
 margin: 18px;
}
.ctn-btn:hover {
 background-color: #1bc363;
 border: none;
 color: #fff;
}
#loading {
 position: fixed;
 width: 100%;
 height: 100vh;
 z-index: 9999;
 background: url("../image/load.gif") center center no-repeat #fff;
}
#loading > h1 {
 position: relative;
 width: 100%;
 height: 100vh;
 z-index: 9999;
 color: #000;
 left: 45%;
 top: 60%;
}
@media only screen and (max-width: 765px) {
 .forest-key > li {
  width: 95%;
 }
 .zoho-quick-head {
  top: 12%;
 }
 .zoho-quick-head > h1 {
  font-size: 1.5em;
  margin-top: 30px;
  line-height: 45px;
 }
 .zoho-quick-head > h3 {
  font-size: 1.2em;
  margin-top: 20px;
  line-height: 45px;
 }
 .modal .view-img {
  top: 25%;
 }
 .svg {
  margin-top: 15px;
 }
 .quick-pane-content > div > div > img {
  width: 100%;
 }
 .quick-pane-content > div > div > .img-center:hover,
 .quick-pane-content > div > div > img:hover ~ .img-center {
  top: 80%;
 }
 .quick-step-design {
  padding: 15px 0;
  display: flex;
  flex-flow: column;
 }
 .quick-steps {
  padding: 10px 0;
 }
 @media screen and (max-width: 767px) {
  .quick-steps-h3 {
   position: relative;
   left: 10px;
   font-size: 25px;
   margin-left: 0.2rem;
  }
 }
 .design1 {
  order: 1;
 }
 .design2 {
  order: 2;
 }
 .contact-frame {
  width: 100%;
  height: 1250px;
  border: none;
  overflow-y: auto;
 }
 #loading > h1 {
  left: 30%;
 }
 .sub_heading {
  font-size: 22px !important;
 }
}
.first-para-content,
.left-side-content {
 color: #000;
 font-size: 17px !important;
 font-family: sans-serif;
 font-weight: 400;
 line-height: 35px;
 text-align: center;
}
.first-para-content {
 padding: 0 10px;
}
.left-side-content {
 padding: 0 22px;
}
.first-para-content-dark,
.first-para-content-small {
 color: #000;
 font-size: 17px;
 font-family: sans-serif;
 line-height: 35px;
 padding: 0 10px;
 font-weight: 400;
}
.first-para-content-dark {
 text-align: center;
}
.sub_heading,
.sub_heading_creator {
 font-weight: 600;
 font-size: 28px !important;
 font-family: "Merriweather Sans", sans-serif;
 padding: 0 20px;
}
.sub_heading {
 text-align: center;
}
.sub_heading_creator {
 text-align: left;
 line-height: 1.3;
}
.sub_heading_new {
 font-family: "Merriweather Sans", sans-serif;
 font-size: 29px;
 padding: 0 20px;
 text-align: center;
}
.sub_heading_new-1 {
 font-family: "Merriweather Sans", sans-serif;
 font-size: 27px;
 padding: 0 20px;
 text-align: center;
}
.clr-blue {
 color: #084daf !important;
 font-family: sans-serif !important;
}
.tagline {
 padding: 5px 10px 17px;
 text-align: center;
 color: #000;
 font-family: sans-serif;
 font-size: 24px;
 font-weight: 400;
}
.btn-slider,
.schedule-btn {
 transition: 0.5s;
 font-family: "Noto Sans", sans-serif;
}
.schedule-sec {
 background-color: #4374b9;
 margin-top: 30px;
}
.schedule_call {
 text-align: left;
 padding: 5px 0 10px;
 font-size: 22px;
 color: #fff;
}
.schedule-btn {
 background-color: #ff0;
 border: none;
 color: #000;
 padding: 11px 30px;
 text-align: center;
 font-size: 17px;
 font-weight: 600;
 letter-spacing: 1px;
 margin: 15px;
}
.schedule-btn:hover {
 background-color: #000;
 border: none;
 color: #fff;
}
.scdl-btn {
 text-align: right;
 float: right;
 padding: 0;
}
.btn-slider {
 background-color: transparent;
 border-radius: 60px;
 color: #fff;
 text-decoration: none;
}
.btn-slider:hover {
 background-color: #fff;
 border: 2px solid #fff;
 border: none;
 color: #000;
}
@media only screen and (max-width: 765px) {
 .tagline {
  font-size: 1.5em;
  font-family: sans-serif;
 }
 .schedule-sec {
  background-color: #4374b9;
  margin-top: 0;
 }
}
.button-contact,
.button-contact-zoho-one {
 background-color: #00ad4c;
 font-family: "Merriweather Sans";
 transition: 0.2s;
}
.button-contact,
.button-contact-zoho-one,
.button-schedule {
 padding: 10px 30px;
 color: #fff;
 margin: 20px 10px;
 font-size: 16px;
}
.button-contact {
 border: 2px solid #fff;
 border-radius: 2px;
}
.button-contact:hover {
 background-color: transparent;
 border: 2px solid #fff;
 color: #fff;
}
.button-contact-zoho-one {
 border: 2px solid #fff;
 border-radius: 1px;
}
.contact-btn,
.menu a.logo,
.menu > ul > li {
 font-family: sans-serif;
}
.button-contact-zoho-one:hover {
 background-color: transparent;
 border: 2px solid #00ad4c;
 color: #00ad4c;
}
.button-schedule {
 background-color: #f96332;
 border: 2px solid #f96332;
 border-radius: 50px;
 transition: 0.3s;
 font-weight: 600;
}
.button-bpm,
.button-new {
 border: none;
 color: #fff;
 font-size: 17px;
}
.button-schedule:hover {
 background-color: #f96332;
 border: 2px solid #f96332;
 color: #fff;
 opacity: 0.7;
}
.button-new {
 background: radial-gradient(
  circle 963px at 1.9% 5%,
  #00c150 0,
  #0070c6 100.2%
 );
 padding: 13px 30px;
 margin: 20px;
}
.button-bpm {
 margin: 20px 15px;
 padding: 13px;
 background-color: #003e5c;
 border-radius: 4px;
}
.bullet,
.bullet-style1,
.bullet1,
.bullet4 {
 list-style: none;
}
.bullet-style1 > li:before {
 position: relative;
 background: url("../image/yaali-zoho-crm-sprite.png") -13px -13px;
 height: 30px;
 width: 30px;
}
.bullet3 > li:hover,
.pri2 > ul > li > ul > li > a,
.pri4 > ul > li > ul > li > a {
 background-color: #fff;
}
.bullet-style1 > li {
 width: 45%;
 font-family: "Noto Sans" !important;
 color: #444141;
}
.bullet > li {
 color: #444141;
 line-height: 25px;
 text-align: justify;
 font-family: "Noto Sans" !important;
}
.bullet1 > li,
.bullet2 > li {
 color: #fff;
 text-align: justify;
 line-height: 25px;
 font-family: "Noto Sans" !important;
}
.bullet2 {
 padding-left: 20px;
}
.bullet2 > li {
 padding: 3px 7px;
 font-size: 17px;
}
.bullet3 {
 padding: 20px;
}
.bullet3 > li {
 width: 100%;
 list-style: none;
 display: flex;
 padding: 15px;
 font-family: "Noto Sans" !important;
}
.under-line-left > span,
.under-line > span {
 border-top: 3px solid;
 transition: width 0.4s linear;
 width: 100px;
}
.bullet3 > li:hover {
 box-shadow: -2px 6px 30px rgba(0, 0, 0, 0.1);
 transition: 0.2s;
 color: #000;
}
.bullet3 > li:hover i {
 background-position: -12px -8px;
 transition: 0.2s;
}
.bullet3 > li > i {
 width: 26px;
 height: 26px;
 background-position: -12px -41px;
 margin-right: 10px;
}
.bullet3 > li > span {
 font-size: 19px;
 line-height: 25px;
}
@media only screen and (max-width: 500px) {
 .bullet3 > li > i {
  width: 10%;
 }
 .bullet3 > li > span {
  width: 90%;
 }
}
.sprite-img {
 background: url("../image/sprite-img.png") no-repeat;
}
.invoice_img {
 background: url("../image/right-arrow_qb_invoices.png") no-repeat;
}
.bullet4 > li {
 padding: 12px;
 font-size: 18px;
 font-family: "Noto Sans" !important;
}
.bullet4 > li > i {
 width: 30px;
 height: 16px;
 background-position: -229px -73px;
 margin-right: 15px;
}
.breadcrumbs {
 text-transform: uppercase;
 color: #5f5b5b;
 font-size: 14px;
 line-height: 24px;
 padding: 30px 0 !important;
}
.breadcrumbs a {
 text-decoration: none;
 cursor: pointer;
 margin-right: 8px;
 color: red;
}
.breadcrumbs-last {
 color: #5f5b5b !important;
}
.under-line,
.under-line-left {
 color: #4cc2c0;
 position: relative;
}
.bread-icon:before {
 content: "\226B";
 font-size: 22px;
 color: #ccc;
 padding-right: 8px;
}
.under-line {
 text-align: center;
 margin: 0;
}
.under-line > span {
 display: none;
 position: relative;
 margin-right: 10px;
}
.under-line-left {
 text-align: left;
 margin: 20px 0;
}
.under-line-left > span {
 display: inline-block;
 position: relative;
}
.modal.modal-fullscreen .modal-content,
.modal.modal-fullscreen .modal-dialog {
 bottom: 0 !important;
 left: 0 !important;
 position: absolute !important;
 right: 0;
 top: 0 !important;
}
.modal.modal-fullscreen .modal-dialog {
 margin: 0;
 width: 100%;
 animation-duration: 0.6s;
}
.modal.modal-fullscreen .modal-content {
 border: none;
 -moz-border-radius: 0;
 border-radius: 0;
 -webkit-box-shadow: inherit;
 -moz-box-shadow: inherit;
 -o-box-shadow: inherit;
 box-shadow: inherit;
}
.modal.modal-fullscreen.force-fullscreen .modal-footer,
.modal.modal-fullscreen.force-fullscreen .modal-header {
 position: absolute;
 bottom: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header {
 top: 0;
}
.whatsapp-icon {
 color: #fff;
 padding: 10px 12px;
 background-color: #4dc247;
 border-radius: 50%;
 font-size: 32px !important;
 position: fixed;
 bottom: 20px;
 left: 20px;
 transition: 0.3s;
 z-index: 9999 !important;
}
.whatsapp-icon:hover {
 box-shadow: 1px 0 15px 1px #000;
 cursor: pointer;
}
@media only screen and (min-width: 990px) {
 #footer-contactus-btn {
  margin-left: 1rem;
 }
 .desktop-hide,
 .whatsapp-mobile {
  display: none;
 }
 .modal-lg {
  width: 90%;
 }
 .portfolio-image {
  height: 75vh !important;
 }
 .saas-bg {
  background-image: url("../image/yaali-saas-bg.png");
  background-size: cover;
 }
 .home-workflow-arrow:after {
  content: "\2192";
  float: right;
  top: 10%;
  left: 90%;
  position: absolute;
  font-size: 30px;
  color: #42c571;
 }
 .line {
  height: 200px;
  width: 100%;
  background-repeat: no-repeat;
  margin: 70px 0;
  background-image: url("../image/line.png");
 }
 .process1 {
  top: 117px;
  left: -100px;
 }
 .process2 {
  top: 77px;
  left: -33px;
 }
 .process3 {
  left: 40px;
 }
 .process4 {
  top: -84px;
  left: 118px;
 }
 .tech-res {
  padding: 0;
 }
 .crm-head-key {
  text-align: center;
  padding-top: 50px;
 }
 .help-fast-change {
  width: 100%;
  background-image: url("../image/yaali-help-bg.png");
  background-repeat: no-repeat;
 }
 .inner-round,
 .outer-round {
  border-radius: 100%;
  margin: 0 auto;
 }
 .forestry-benefit {
  font-family: sans-serif;
 }
 .outer-round {
  width: 450px;
  height: 450px;
  border: 1px dashed #565252;
 }
 .inner-round {
  width: 243px;
  height: 243px;
  border: 1px solid #b1aaaa;
  top: 50%;
  transform: translateY(-50%);
  position: relative;
 }
 .forest-icon,
 .inner-round-small {
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  position: relative;
 }
 .inner-round-small {
  width: 120px;
  height: 120px;
  background: #f4f4f4;
  border-radius: 100%;
 }
 .forest-icon,
 .forest-icon > span > img {
  width: 50px;
  height: 50px;
 }
 .forestry-benefit > .left-content1 {
  position: relative;
  right: -70px;
  z-index: 1;
 }
 .forestry-benefit > .left-content2 {
  position: relative;
  right: -10px;
  z-index: 1;
 }
 .forestry-benefit > .left-content3 {
  position: relative;
  right: -75px;
  z-index: 1;
 }
 .benefit-div {
  padding: 40px 15px;
  width: 400px;
 }
 .benefit-div > div {
  padding: 0;
  text-align: center;
 }
 .benefit-div > div > h4 {
  font-size: 19px;
 }
 .benefit-div > div > img {
  width: 70px;
  height: 70px;
 }
 .forestry-benefit > .right-content1 {
  position: relative;
  left: -195px;
  z-index: 1;
 }
 .forestry-benefit > .right-content2 {
  position: relative;
  left: -145px;
  z-index: 1;
 }
 .forestry-benefit > .right-content3 {
  position: relative;
  left: -200px;
  z-index: 1;
 }
 .test-indicate {
  bottom: -50px;
 }
 .subscribe-field {
  padding-left: 0;
 }
 .modal .subscribe-modal {
  width: 800px !important;
  margin: 5% auto;
 }
}
.hero,
.text {
 text-transform: uppercase;
}
.footer-hover:hover {
 color: #ff0 !important;
}
.menu a.logo,
.menu > ul > li:hover .menu > ul > li > a {
 color: #42c571;
}
.integration-container {
 max-height: 505px !important;
 overflow-y: auto !important;
}
.integration-container::-webkit-scrollbar {
 width: 12px;
}
.integration-container::-webkit-scrollbar-thumb {
 background-color: #888;
 border-radius: 4px;
}
.integration-container::-webkit-scrollbar-track {
 background-color: #f1f1f1;
}
.menu-container {
 margin: 0 auto;
 background: 0 0;
 box-shadow: 5px 5px 10px transparent;
}
.menu-color {
 margin-bottom: 50px !important;
 background: #1d242c;
}
.menu a.logo,
.menu > ul {
 background-color: transparent;
}
.menu a.logo {
 display: inline-block;
 padding: 0.1em 1.5em;
 width: 20%;
 float: left;
 font-size: 22px;
 font-weight: 400;
 height: 60px;
}
.menu a.logo img {
 height: 50px;
}
.menu img {
 max-width: 100%;
}
.menu-mobile {
 display: none;
 padding: 20px;
}
.menu-mobile:after {
 font-family: FontAwesome;
 content: "\2630";
 font-size: 2.5rem;
 padding: 0;
 color: #42c571;
 float: right;
 position: relative;
 top: 50%;
 -webkit-transform: translateY(-25%);
 transform: translateY(-25%);
}
.menu-dropdown-icon:before {
 content: "\25B6";
 font-family: Ionicons;
 display: none;
 cursor: pointer;
 float: right;
 padding: 1.5em 2em 0;
 color: #fff;
}
.menu > ul {
 margin: 0 auto 0 5%;
 width: 95%;
 list-style: none;
 padding: 0;
 position: relative;
 box-sizing: border-box;
 clear: right;
 margin-right: 0 !important;
}
.menu > ul:after,
.menu > ul:before,
.menu > ul > li > ul:after,
.menu > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after,
.menu > ul > li > ul > li > ul:before {
 content: "";
 display: table;
}
.menu > ul > li {
 float: left;
 background: 0 0;
 padding: 0;
 margin: 0;
}
.pri2 > ul > li > a:hover {
 background-color: #42c571 !important;
 color: #fff !important;
}
.pri3 > ul > li > a,
.pri4 > ul > li > a {
 background-color: #1d242c !important;
}
.pri3 > ul > li {
 padding-right: 0 !important;
}
.pri4 > ul > li > a {
 cursor: context-menu;
}
.menu > ul > li a {
 padding: 1.5em 1em 1em;
 display: block;
 color: #666;
 letter-spacing: 1px;
 font-family: "Noto Sans", sans-serif !important;
 background-color: transparent;
}
.menu > ul > li > ul,
.menu > ul > li > ul > li {
 margin: 0;
 background: #1d242c;
 list-style: none;
}
.menu > ul > li > ul {
 display: none;
 width: 70%;
 padding: 10px 0;
 position: absolute;
 z-index: 99;
 box-sizing: border-box;
}
.menu > ul > li > ul > li {
 padding-bottom: 0;
 width: 33.3%;
 float: left;
 padding-right: 10px;
}
.menu > ul > li > ul > li a {
 color: #ccc;
 padding: 0.7em 1.1em;
 width: 100%;
 display: block;
 border-bottom: none;
 background-color: #1d242c;
}
.menu > ul > li > ul > li > ul {
 display: block;
 padding: 0;
 margin: 10px 0 0;
 list-style: none;
 box-sizing: border-box;
}
.menu > ul > li > ul > li > ul > li {
 float: left;
 width: 100%;
 padding: 0;
 margin: 0;
 font-size: 0.8em;
}
.menu > ul > li > ul > li > ul > li a {
 font-size: 14px;
 min-height: 3.5em;
}
.menu > ul > li > ul.normal-sub {
 width: 295px;
 left: auto;
 padding: 10px;
 background: 0 0;
}
.menu > ul > li > ul.normal-sub > li a {
 border: 0;
 min-height: 3em;
}
.nav-responsive {
 z-index: 3;
 top: 0;
 width: 100%;
 position: fixed;
}
.menu-pre {
 padding: 0.7em 0.8em;
 float: left;
}
.sub-menu-pre {
 padding: 1.1em 1.8em;
 float: left;
}
.custom-menu ol,
.hide-dropdown-icon .menu-dropdown-icon:before,
.mobile-view {
 display: none;
}
.hero,
.overlay {
 position: absolute;
}
.contact-btn {
 padding: 0.5em 1em;
 border-radius: 4px;
 border: #fff;
 color: #fff;
 background-color: #1dc23b;
 margin: -6px 0 0 -13px;
}
.hero-background,
.hero-background-career {
 background-position: center center;
 background-repeat: no-repeat;
 z-index: -1;
 background-color: #fff;
 width: 100%;
 background-size: cover;
}
.hero-background {
 height: 100vh;
}
.hero-background-career {
 height: 75vh;
}
.overlay {
 height: 100%;
 background-color: #080d15;
 opacity: 0.3;
 width: 100%;
}
.zohopartner-overlay {
 height: 100%;
 background-color: #fff !important;
 opacity: 0.3;
 width: 100%;
 position: absolute;
}
.hero {
 top: 60%;
 left: 50%;
 color: #fff;
 text-align: center;
 -webkit-transform: translate3d(-50%, -50%, 0);
 -moz-transform: translate3d(-50%, -50%, 0);
 -ms-transform: translate3d(-50%, -50%, 0);
 -o-transform: translate3d(-50%, -50%, 0);
 transform: translate3d(-50%, -50%, 0);
}
.hero h1 {
 font-size: 4rem;
 font-weight: 400 !important;
 margin: 0;
 padding: 0;
 word-spacing: 10px;
 font-family: "Merriweather Sans", sans-serif !important;
}
.hero h3 {
 letter-spacing: 1px;
 font-family: "Noto Sans", sans-serif;
 text-transform: capitalize;
}
.hire-zoho-dev-h3 {
 font-family: "Noto Sans", sans-serif !important;
}
.zoho-one-hero-text h1 {
 font-size: 3rem;
 margin: 0;
 padding: 0;
 word-spacing: 10px;
 font-family: "Merriweather Sans", sans-serif !important;
}
.zoho-one-hero-text h3 {
 font-family: "Noto Sans", sans-serif;
 font-size: 24px;
}
.btn.btn-lg {
 padding: 10px 40px;
}
.btn.btn-hero,
.btn.btn-hero:focus,
.btn.btn-hero:hover {
 color: #f5f5f5;
 background-color: #00ad4c;
 outline: 0;
 margin: 50px 10px;
 font-size: 14px;
 font-family: "Noto Sans", sans-serif;
 border-radius: 2px;
 border: 1px solid #00ad4c;
}
.btn.btn-hero1,
.btn.btn-hero2 {
 border-color: #fff;
 outline: 0;
 font-size: 14px;
 border-radius: 2px;
 transition: 0.3s;
 font-family: "Noto Sans", sans-serif;
}
.btn.btn-hero1 {
 color: #fff;
 background-color: transparent;
 margin: 50px auto;
}
.btn.btn-hero1:focus,
.btn.btn-hero1:hover {
 color: #000;
 background-color: #fff;
 border-color: #fff;
}
.btn.btn-hero2 {
 color: #00f;
 background-color: #fff;
 font-weight: 600;
}
@media screen and (min-width: 980px) {
 .hero {
  width: 980px;
 }
 .social-slider {
  list-style: none;
  padding: 20px 0 0;
  text-align: right;
 }
}
   @media only screen and (max-width: 650px) {
  .desktop-view {
    display: none !important;
  }
  .mobile-view {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

@media only screen and (max-width: 650px) {
 .Zoho-CRM-Dev,
 .zoho-one-header {
  font-size: 20px !important;
 }
 .zoho-one-content {
  font-size: 17px !important;
 }
 .zoho-contact > h2 {
  margin: 0;
  padding-bottom: 20px;
  line-height: 1.4;
  font-weight: 600;
  font-size: 22px;
 }
 .sub_heading,
 .sub_heading_creator {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 600;
  padding: 0 20px;
  line-height: 1.3;
 }
 .sub_heading_creator {
  text-align: left;
  font-size: 20px;
 }
 .sub_heading {
  text-align: center;
  font-size: 26px;
 }
 .sub_heading_creator1,
 .tagline {
  text-align: center;
  color: #000;
  font-weight: 400;
 }
 .tagline {
  padding: 5px 10px 20px;
  font-size: 19px !important;
 }
 .sub_heading_creator1 {
  font-size: 20px !important;
  margin: 0 !important;
 }
 .desktop-view {
  display: none;
 }
 .mobile-view {
  display: block;
  width: 100%;
  margin: 0;
 }
 .mobile-view-image {
  margin: 0 0 60px;
 }
 .crm-custom {
  padding: 10px;
  border-top: 1px dashed #b3afaf;
  background: #fff;
  margin: 10px 0;
  min-height: 140px;
 }
 .crm-custom > p {
  padding-top: 10px;
 }
 .first-para-content {
  margin: 10px;
  text-align: justify;
 }
}
@media screen and (min-width: 990px) {
 .about-video {
  width: 100%;
  padding-top: 62px;
  height: 100%;
  background-color: #eee;
 }
 .sub-div {
  border-right: 1px solid #ccc;
  min-height: 350px;
 }
}
@media only screen and (max-width: 480px) {
 .prototype-sec {
  padding-left: 45px;
  padding-right: 35px;
 }
 .call-salesforce {
  font-size: 9px !important;
 }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
 .call-salesforce {
  font-size: 15px !important;
 }
}
@media screen and (max-width: 765px) {
 #salesforce-second-section {
  margin-top: 20px !important;
 }
 .hero {
  top: 48%;
  width: 95%;
 }
 .hero h1 {
  font-size: 3em;
 }
 .hero h3 {
  font-size: 19px;
 }
 .slider-head2 {
  font-size: 16px;
  word-spacing: 8px;
 }
 .social-slider {
  list-style: none;
  padding: 5px 0 0;
  text-align: center;
 }
}
.hero > a {
 margin: 30px 0;
}
.social-slider > li {
 display: inline-block;
 padding: 0 10px;
 font-size: 25px;
}
.social-mail {
 padding-bottom: 15px;
 padding-left: 50px;
 font-size: 21px;
 text-align: left;
 font-family: sans-serif;
 margin: 20px 0;
}
.container_1,
.crm-project-title,
.scrl,
.service-icon {
 text-align: center;
}
@media only screen and(min-width:600px) and (max-width: 990px) {
 .hero {
  top: 60%;
  width: 90%;
 }
 .btn.btn-hero,
 .btn.btn-hero:focus,
 .btn.btn-hero:hover {
  margin: 30px 0;
 }
}
@media (min-width: 765px) and (max-width: 990px) {
 .zoho-support-img > img {
  width: 400px;
  margin-top: 0;
 }
 .android-ios-img {
  width: 100%;
  top: 150px;
  position: relative;
 }
 .saas-brand {
  min-height: 343px;
 }
 .work-process > .work-box {
  left: 20% !important;
 }
 .subscribe-field {
  padding-left: 0;
 }
 .modal .subscribe-modal {
  width: 700px !important;
  margin: 5% auto;
 }
 .hero h1 {
  font-size: 2.5em;
 }
 .hero {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 0 rgb(0 0 0 / 75%);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
 }
}
@media only screen and (max-width: 765px) {
 .slider-bottom {
  width: 100%;
  position: relative;
 }
 .hero h1 {
  font-size: 1.9em;
  line-height: 30px;
 }
 .social-slider > li {
  display: inline-block;
  padding: 0 5px;
  margin-bottom: -15px;
  font-size: 25px;
 }
 .social-mail {
  padding: 0 10px;
  font-size: 17px;
  text-align: center;
 }
 .social-slider {
  list-style: none;
  text-align: center;
 }
 .btn.btn-hero,
 .btn.btn-hero:focus,
 .btn.btn-hero:hover {
  color: #f5f5f5;
  background-color: #00ad4c;
  outline: 0;
  margin: 20px 15px;
  font-size: 14px;
  border-radius: 2px;
  font-family: "Noto Sans", sans-serif;
  border: 1px solid #00ad4c;
 }
 .btn.btn-hero1 {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
  font-family: "Noto Sans", sans-serif;
  outline: 0;
  margin: 5px auto;
  border-radius: 2px;
  transition: 0.3s;
 }
 .btn.btn-hero1:focus,
 .btn.btn-hero1:hover {
  color: #000;
  background-color: #fff;
  border-color: #fff;
 }
 .btn.btn-lg {
  padding: 5px 40px;
 }
}
.cont-main-head,
.text {
 color: #fff;
 text-align: center;
}
@media screen and (max-width: 958px) {
 50%,
 from,
 to {
  background-color: #42c571;
 }
 .contact-btn-res {
  text-align: center;
 }
 from {
  -webkit-box-shadow: 0 0 12px #065321;
 }
 50% {
  -webkit-box-shadow: 0 0 30px #065321;
 }
 to {
  -webkit-box-shadow: 0 0 9px #065321;
 }
}
.scrl {
 position: relative;
 width: 24px;
 height: 24px;
 top: 85%;
 left: 50%;
 cursor: pointer;
 z-index: 2 !important;
}
.chevron,
.text {
 position: absolute;
}
.chevron {
 width: 28px;
 height: 8px;
 opacity: 0;
 transform: scale3d(0.5, 0.5, 0.5);
 animation: 3s ease-out infinite move;
}
.chevron:first-child {
 animation: 3s ease-out 1s infinite move;
}
.chevron:nth-child(2) {
 animation: 3s ease-out 2s infinite move;
}
.chevron:after,
.chevron:before {
 content: " ";
 position: absolute;
 top: 0;
 height: 100%;
 width: 51%;
 background: #fff;
}
.chevron:before {
 left: 0;
 transform: skew(0deg, 30deg);
}
.chevron:after {
 right: 0;
 width: 50%;
 transform: skew(0deg, -30deg);
}
@keyframes move {
 25% {
  opacity: 1;
 }
 33% {
  opacity: 1;
  transform: translateY(30px);
 }
 67% {
  opacity: 1;
  transform: translateY(40px);
 }
 100% {
  opacity: 0;
  transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
 }
}
.text {
 display: block;
 margin-top: 60px;
 margin-left: -30px;
 font-size: 12px;
 white-space: nowrap;
 opacity: 0.25;
 animation: 2s linear infinite alternate pulse;
}
@keyframes pulse {
 to {
  opacity: 1;
 }
}
.w-50 {
 width: 50%;
 height: 140px;
}
.w-80 {
 width: 80%;
}
.about-card-body {
 word-wrap: break-word;
 background-color: #fff;
 background-clip: border-box;
 border: 1px solid rgba(0, 0, 0, 0.125);
 padding: 12px;
 margin: 20px 0;
}
.about-card-body:hover {
 transform: scale(1.08);
 transition: 0.5s ease-in-out;
 opacity: 1;
}
.clients-container {
 width: 70%;
 padding-top: 60px;
}
.eva-service-box.style1 .fa,
.eva-service-box.style3 .fa {
 color: #4dc247 !important;
}
.eva-service-box.style3 .fa,
.eva-service-box.style4 .fa {
 position: absolute;
 left: 0;
 top: 0;
 width: 45px;
 height: 45px;
 line-height: 45px;
 font-size: 36px;
 transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
}
.eva-service-box.style3 h3 {
 margin-bottom: 18px;
 padding: 10px 0 11px 50px;
 text-transform: none;
 font-family: "Noto Sans", sans-serif;
 line-height: 24px;
 font-size: 17px;
 color: #333;
}
.row-fluid [class*="span"]:first-child {
 margin-left: 0;
}
.row-fluid .span4 {
 width: 31.623931623931625%;
}
.row-fluid [class*="span"] {
 display: block;
 min-height: 26px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 float: left;
 margin-left: 2.564102564102564%;
}
.row-fluid:after,
.row-fluid:before {
 display: table;
 content: "";
 line-height: 0;
}
.zoho-one-hero-available-apps-text {
 margin-left: 20%;
 color: #fff;
 margin-top: 20px;
}
.zoho-one-hero-text {
 color: #1b1b1b;
 text-shadow: none;
 margin-top: 50px;
 padding: 0 3%;
}
.zoho-one-hero-text h2 {
 font-family: "Merriweather Sans", sans-serif !important;
 line-height: 45px;
 margin-left: 12px;
 font-size: 4rem;
}
#hero-section {
 box-shadow: 0 2px 3px #dadada;
 height: 100%;
 margin: 0 auto;
 position: relative;
 background: #20417a;
 padding: 80px 0 0;
 z-index: 1;
}
#hero-section:before {
 height: 100%;
 background-image: url("../image/yaali-aboutus-hero.png");
 opacity: 0.09;
 content: "";
 background-size: cover;
 position: absolute;
 width: 49%;
 top: 0;
 right: 0;
}
.container-auto {
 margin: 0 auto;
 max-width: 1250px;
 padding: 0 15px;
 width: 100%;
}
.align-items-center {
 -ms-flex-align: center !important;
 align-items: center !important;
}
.justify-content-center {
 -ms-flex-pack: center !important;
 justify-content: center !important;
}
.hire-banner {
 max-width: 487px;
 width: 100%;
}
.hire-banner img {
 width: 100%;
 height: 100%;
 margin: 23% 25%;
}
.img-fluid {
 max-width: 100%;
 height: auto;
}
@media (max-device-width: 320px) {
 .why-customers {
  font-family: sans-serif;
  font-weight: 600;
  text-align: center;
  font-size: 20px !important;
  padding: 0 20px;
  line-height: 1.3;
 }
 .cnct-dev {
  padding: 0;
 }
 .creator-btn,
 .creator-btn:focus {
  background: #00ad4c;
  color: #fff;
  padding: 10px 25px;
  transition: 0.3s;
  margin: 10px 10px 10px 0;
  font-size: 12px;
  text-transform: capitalize;
  font-weight: 700;
  letter-spacing: 2px;
  cursor: pointer;
  border: 0;
  font-family: "Merriweather Sans";
 }
 .btn {
  font-size: 14px;
 }
 .salesforce-implementation-button {
  font-size: 11px !important;
 }
}
@media (max-device-width: 360px) {
 .Zoho-CRM-Dev {
  font-size: 15px !important;
  line-height: 25px !important;
 }
}
.m-b-30 {
 margin-bottom: 30px;
}
.service-content:hover .apple.rev .service-icon {
 background-color: #f5f5f5;
}
.service-content .shadow-box.android.rev {
 border-color: #4374b9;
}
.service-content:hover .custom-software .rev .service-icon {
 background-color: rgba(67, 116, 185, 0.17);
}
.service-content .custom-software,
.service-content .customer-support {
 border-color: #4374b9 !important;
}
.service-content .mobile-app,
.service-content .web-application,
.service-content .zoho-creator,
.service-content .zoho-crm {
 border-color: #6bbd45 !important;
}
.service-content .android-app,
.service-content .zoho-one {
 border-color: #ed1e25 !important;
}
.service-content .erp-software,
.service-content .ios-app {
 border-color: #1abc9c !important;
}
.service-content .crm-dev,
.service-content .saas-app {
 border-color: #ff396b !important;
}
.service-content:hover .custom-software .service-icon,
.service-content:hover .customer-support .service-icon {
 background-color: rgba(67, 116, 185, 0.26);
}
.service-content:hover .mobile-app .service-icon,
.service-content:hover .web-application .service-icon,
.service-content:hover .zoho-creator .service-icon,
.service-content:hover .zoho-crm .service-icon {
 background-color: rgba(107, 189, 69, 0.26);
}
.service-content:hover .android-app .service-icon,
.service-content:hover .zoho-one .service-icon {
 background-color: rgba(237, 30, 37, 0.23);
}
.service-content:hover .crm-dev .service-icon,
.service-content:hover .saas-app .service-icon {
 background-color: rgba(255, 57, 107, 0.24);
}
.service-content:hover .erp-software .service-icon,
.service-content:hover .ios-app .service-icon {
 background-color: rgba(26, 188, 156, 0.26);
}
.service-icon {
 height: 65px;
 width: 65px;
 background-color: #fff;
 display: inline-block;
 padding: 15px 0;
 border-radius: 50%;
 margin-right: 20px;
 margin-left: -30px;
 position: relative;
 box-shadow: 0 0 14px -5px rgba(0, 0, 0, 0.2);
}
.container_1,
.grids {
 display: flex;
 box-sizing: border-box;
}
.country-icon,
.key-icon,
.service-icon {
 float: left;
}
.service-title {
 margin-top: 5px;
 margin-bottom: 5px;
 font-size: 17px;
 font-weight: 600;
 color: #000;
 line-height: 30px;
}
.service-content .shadow-box {
 margin-right: 30px;
 padding: 12px 0;
 height: 95px;
 text-align: left;
 border-radius: 10px;
 position: relative;
 border: 1px solid #eee;
 transition: 0.4s ease-out;
}
.service-content:hover .shadow-box.rev {
 border-color: #eee !important;
 box-shadow: none;
}
.service-content .shadow-box.rev .service-icon {
 box-shadow: 0 0 14px -5px rgba(0, 0, 0, 0.2);
}
.shadow-box {
 box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.15);
 border-radius: 10px;
 background-color: #fff;
}
.service-content:hover {
 background-color: #edecfe;
}
@media only screen and (max-width: 990px) {
 .benefit-div {
  padding: 30px 0;
 }
 .benefit-div > div > img,
 .clients-container,
 .email-subscribe-img,
 .menu-container {
  width: 100%;
 }
 .benefit-div > div > h4,
 .menu > ul > li > ul > li:first-child {
  margin: 0;
 }
 .forestry-order {
  display: -webkit-flex;
  -webkit-flex-flow: row-reverse wrap;
  display: flex;
  flex-flow: row-reverse wrap;
 }
 .forest-key-head {
  text-align: center;
  margin: 20px 0;
 }
 .forest-feed-customer {
  position: relative;
  padding: 15px 0;
  font-weight: 600;
  text-align: center;
  left: 0;
 }
 .quick-hero-img {
  background-image: url("../image/yaali-zoho-quickbook-small.png");
  height: 100px;
  width: 300px;
 }
 .modal .view-img {
  width: 100% !important;
  margin: 5% auto;
  padding-left: 15px;
 }
 .modal .view-img > img {
  width: 90%;
 }
 .svg {
  margin-top: 15px;
 }
 .QuickBooks_Integration,
 h3 {
  font-size: 21px;
 }
 .quickbook-bi-bg {
  padding: 10px 0 0;
 }
 .bi-arrow {
  position: relative;
  top: 0;
 }
 .bi-bigin-arrow > .bi > i,
 .bi-bigin > i {
  width: 32px;
  padding: 7px 0 11px;
  background-position: -55px -12px;
  margin: 2px 0 13px;
  display: inline-block;
 }
 .bi-bigin-arrow > .bi1 > p,
 .bi-bigin-arrow > .bi2 > p {
  font-size: 15px;
  line-height: 1.9;
  font-weight: 600;
 }
 .contact-testimonial {
  padding-top: 10px;
 }
 .contact-testimonial-img > img {
  width: 100px;
 }
 .contact-testimonial-content {
  padding: 0 15px;
 }
 .testimonial-res {
  padding-bottom: 50px;
 }
 .email-subscribe {
  padding-top: 20px;
 }
 .scdl-btn {
  text-align: center;
  padding: 0;
 }
 .whatsapp-web {
  display: none;
 }
 #contentsection-1 {
  margin-top: 50px;
 }
 .menu .show-on-mobile,
 .navscroll {
  overflow-y: scroll !important;
  height: 489px !important;
 }
 .menu > ul > li > ul,
 .menu > ul > li > ul > li > ul {
  position: relative;
 }
 .image-container {
  display: none !important;
 }
 .menu-container .menu {
  display: inline-block;
  background-color: transparent;
 }
 .menu-dropdown-icon:before,
 .menu-mobile,
 .menu > ul > li,
 .menu > ul > li a {
  display: block;
 }
 .menu > ul > li > ul > li a {
  border-bottom: 0.1px solid #d3d3d3;
 }
 .menu > ul > li > a:first-child.mobile-menu-color {
  color: #ff0 !important;
 }
 #meganavbar_1 > li:nth-last-child(-n + 2) {
  margin-top: 35px;
 }
 #nav-mail-project {
  margin-top: 30px;
 }
 .menu-mobile {
  float: right;
  padding: 16px 20px 0;
 }
 .menu > ul {
  display: none;
  width: 100%;
  margin-left: 0;
 }
 .menu > ul > li {
  width: 100%;
  float: none;
 }
 .menu > ul > li a {
  padding: 1.3em;
  width: 100%;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #fff !important;
 }
 .menu > ul > li > ul > li > ul > li a {
  font-size: 12px;
 }
 .li-last {
  text-align: center;
 }
 .menu > ul > .li-last a:before {
  content: "" !important;
  padding-right: 5px;
  color: #42c571;
  font-weight: 600;
  font-size: 10px;
  font-family: FontAwesome;
 }
 .menu > ul > li > ul {
  padding: 0 15px;
  width: 100%;
 }
 .menu > ul > li > ul.normal-sub {
  width: 100%;
  left: auto;
  padding: 5px 15px;
 }
 .menu > ul > li > ul > li {
  float: none;
  width: 100%;
  margin-top: 5px;
 }
 .menu > ul > li > ul > li > ul > li {
  float: none;
 }
 .menu .show-on-mobile {
  display: block;
  background-color: #1d242c;
  margin-top: 52px;
 }
 .menu a.logo {
  display: inline-block;
  padding: 0 1em;
  width: 70%;
  float: left;
  height: 50px;
 }
 .pri1-clr,
 .pri2-clr,
 .pri3-clr,
 .pri4-clr,
 .pri5-clr {
  color: #000 !important;
 }
 .nav-responsive {
  z-index: 3;
  top: 0;
  width: 100%;
  position: fixed;
  max-height: 100%;
  overflow-y: auto;
 }
 .about-video {
  width: 100%;
  padding-top: 62px;
  background-color: #eee;
 }
 .row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 0;
 }
 .zoho-one-hero-text {
  color: #1b1b1b;
  text-shadow: none;
  margin-top: 20px !important;
 }
 .zoho-one-hero-text h2 {
  font-family: "Merriweather Sans", sans-serif !important;
  line-height: 35px;
  font-size: 24px;
 }
 .zoho-one-hero-text h3 {
  line-height: 22px;
  font-size: 16px;
  font-weight: 600;
  font-family: "Noto Sans", sans-serif;
 }
 .zoho-one-slider-bottom {
  background: 0 0;
  margin-top: -85px;
  margin-bottom: 0 !important;
 }
 .hire-banner img {
  width: 100%;
  height: 100%;
  margin: 40% 0 !important;
 }
 .custom_software {
  margin-left: 5% !important;
 }
}
.crm-project-title {
 margin: 10px 0;
}
.crm-portfolio-modal-body {
 max-height: calc(100vh - 200px);
 overflow-y: auto;
}
.container_1 {
 background: linear-gradient(to bottom, #46a5b2 0, #24a821d6 80%);
 flex-flow: column wrap;
 height: 80vh;
 text-transform: uppercase;
 width: 70%;
 margin: 0 auto;
}
.grids {
 width: 20%;
 align-items: center;
 background-size: cover;
 border: 0 solid #fff;
 color: #fff;
 flex-grow: 0;
 font-family: sans-serif;
 font-size: 30px;
 font-weight: 700;
 height: 50%;
 justify-content: center;
 outline: white solid 2px;
}
.grids:nth-child(10n-3),
.grids:nth-child(10n-9) {
 height: 40%;
}
.grids:nth-child(10n-2),
.grids:nth-child(10n-8) {
 height: 60%;
}
.grids:nth-child(10n),
.grids:nth-child(10n-7) {
 height: 55%;
}
.grids:nth-child(10n-1),
.grids:nth-child(10n-6) {
 height: 45%;
}
.grids:nth-child(10n-4),
.grids:nth-child(10n-5) {
 height: 50%;
}
.grids:nth-child(10n) p span,
.grids:nth-child(10n-2) p span,
.grids:nth-child(10n-5) p span {
 font-size: 24px;
 font-weight: 600;
}
.grids:nth-child(10n-1) p span,
.grids:nth-child(10n-3) p span,
.grids:nth-child(10n-4) p span,
.grids:nth-child(10n-8) p span,
.grids:nth-child(10n-9) p span {
 font-size: 30px;
 font-weight: 600;
}
.grids:nth-child(10n-6) p span,
.grids:nth-child(10n-7) p span {
 font-size: 22px;
 font-weight: 600;
}
.grids:nth-child(10n-5) p {
 font-size: 20px;
 width: 80%;
 margin: 0 auto;
}
.grids:nth-child(10n-2) p {
 width: 80%;
 margin: 0 auto;
}
.ex_employe {
 font-size: 30px !important;
 font-weight: 600;
}
.box-content:hover {
 -moz-transform: scale(1.1);
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 -moz-transition: 0.3s;
 -webkit-transition: 0.3s;
 transition: 0.3s;
}
.checked {
 color: gold;
}
.box-content p {
 margin: 0 5%;
 color: #fff;
 text-transform: initial;
 font-size: 18px !important;
 font-family: "Merriweather Sans", sans-serif !important;
 line-height: 30px;
 width: 90%;
 font-weight: lighter;
}
@media only screen and (min-width: 601px) and (max-width: 1024px) {
 #tablet-hide {
  display: none !important;
 }
 .salesforce-Support-Maintanence-Service {
  margin: 0 120px !important;
  width: 70% !important;
 }
}
@media only screen and (max-width: 850px) {
 .grids {
  width: 100%;
 }
 .container_1 {
  width: 85%;
  height: auto;
  margin-left: 7%;
 }
 .grids:nth-child(10n),
 .grids:nth-child(10n-1),
 .grids:nth-child(10n-2),
 .grids:nth-child(10n-5),
 .grids:nth-child(10n-8),
 .grids:nth-child(10n-9) {
  height: 150px;
 }
 .grids:nth-child(10n-3),
 .grids:nth-child(10n-4),
 .grids:nth-child(10n-6),
 .grids:nth-child(10n-7) {
  height: 200px;
 }
 .box-content p {
  color: #fff;
  text-transform: initial;
  font-size: 18px !important;
  line-height: 38px;
  width: 100%;
  margin: 0;
 }
}
.hero_overlay_hire_zoho_developer {
 height: 88% !important;
 background: linear-gradient(90deg, #272797, #327eaf);
 width: 100%;
 opacity: 1 !important;
 position: absolute;
}
.hero_testimonials {
 height: 90%;
 background-color: #233d77 !important;
 width: 100%;
 opacity: 1 !important;
 position: absolute;
}
hgroup h3 {
 margin: 45px 0;
}
hgroup h1 {
 line-height: 50px;
 font-size: 30px;
}
.hero_text_hire_zoho_developer {
 padding: 0 2%;
 margin: 60px 0;
}
.hero_img_hire_zoho_developer {
 height: 320px;
 margin: 0 70px;
}
@media only screen and (max-width: 320px) {
 .bi-bigin-arrow > .bi2 > p {
  margin-left: 10px !important;
 }
 .salesforce-font {
  font-size: 16px !important;
 }
 #call-salesforce {
  font-size: 10px !important;
 }
 #call-inventory {
  font-size: 9px !important;
  padding: 10px 9px !important;
 }
 .hero_overlay_hire_zoho_developer {
  height: 85%;
  width: 100%;
  opacity: 1 !important;
  position: absolute;
 }
 .hero_testimonials {
  height: 100%;
  background-color: #233d77 !important;
  width: 100%;
  opacity: 1 !important;
  position: absolute;
 }
 .testimonial-btn {
  background-color: #fff !important;
  color: #000;
 }
 .testimonial-btn:hover {
  background-color: transparent !important;
  color: #fff;
 }
}
@media only screen and (max-width: 450px) {
 .hero_overlay_hire_zoho_developer,
 .hero_testimonials {
  height: 100vh;
  width: 100%;
  opacity: 1 !important;
  position: absolute;
 }
 .hero_testimonials {
  background-color: #233d77 !important;
 }
 .hire_zoho_developer_social_media {
  margin: -55px 0 !important;
 }
 .testimonial-btn {
  background-color: #fff !important;
  color: #000;
 }
 .testimonial-btn:hover {
  background-color: transparent !important;
  color: #fff;
 }
}
.header-section-top,
.shipengine-header-section-top {
 height: 100vh !important;
}
@media only screen and (max-width: 1024px) {
 .hero_overlay_hire_zoho_developer,
 .hero_testimonials {
  height: 45%;
  width: 100%;
  opacity: 1 !important;
  position: absolute;
 }
 .hero_testimonials {
  background-color: #233d77 !important;
 }
 .testimonial-btn {
  background-color: #fff !important;
  color: #000;
 }
 .testimonial-btn:hover {
  background-color: transparent !important;
  color: #fff;
 }
}
.about-us-hero-section {
 height: 75vh !important;
}
.review-star-icon {
 width: 7%;
}
.testimonial-btn {
 background-color: #fff !important;
 color: #000;
}
.testimonial-btn:hover {
 background-color: transparent !important;
 color: #fff;
}
@media only screen and(min-width:1300px) and (max-width: 1400px) {
 .testimonial-main-content {
  margin-top: 0 !important;
 }
}
@media only screen and (max-width: 768px) {
 .approach-design-up {
  margin-top: 15px;
 }
 .approach-card-head,
 .approach-card-zoho_partner {
  top: 0;
 }
 .bullet-creator li,
 .bullet-creator-zohopartner li {
  left: 0;
 }
 .star-rating {
  display: inline-flex;
 }
 .mail-icon,
 .ser-col {
  text-align: center;
 }
 .email .email-ico {
  margin-left: 0;
  margin-right: 15px;
 }
 .email h2 {
  line-height: 1.6;
 }
 .ser-col {
  width: 100%;
  height: 150px !important;
  padding: 20px;
  position: relative;
 }
 .about-us-hero-section {
  height: 80vh !important;
 }
 .hero_overlay_hire_zoho_developer {
  height: 85%;
  width: 100%;
  opacity: 1 !important;
  position: absolute;
 }
 .testimonial-btn {
  background-color: #fff !important;
  color: #000;
 }
 .testimonial-btn:hover {
  background-color: transparent !important;
  color: #fff;
 }
 .hero_testimonials {
  height: 95vh;
  background-color: #233d77 !important;
  width: 100%;
  opacity: 1 !important;
  position: absolute;
 }
 .hire_zoho_developer_social_media {
  margin: -85px 0;
 }
 .hire-zoho-dev-h1 {
  font-size: 26px !important;
  text-transform: uppercase;
  line-height: 40px;
 }
 .review-star-icon {
  width: 25% !important;
 }
 .testimonial-hero h1 {
  line-height: 35px;
  font-size: 24px;
 }
 .testimonial-hero h3 {
  margin: 30px 0;
  line-height: 40px;
 }
 .why-customers {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 600;
  text-align: center;
  font-size: 24px !important;
  padding: 0 20px;
  line-height: 1.3;
 }
 .customer-happy {
  width: 100%;
  margin: 0 !important;
  padding: 10px;
  background-color: #fff;
  border: 2px solid #d3cfcf;
 }
}
.why-customers {
 font-family: "Merriweather Sans", sans-serif;
 font-weight: 600;
 text-align: center;
 font-size: 33.128px;
 padding: 0 20px;
 line-height: 1.3;
}
.customer-happy {
 width: 100%;
 margin: 60px 55px;
 padding: 10px;
 background-color: #fff;
 border: 2px solid #d3cfcf;
}
@media only screen and (max-width: 360px) {
 .why-customers {
  font-family: sans-serif;
  font-weight: 600;
  text-align: center;
  font-size: 20px !important;
  padding: 0 20px;
  line-height: 1.3;
 }
 .hero_overlay_hire_zoho_developer {
  height: 85%;
  width: 100%;
  opacity: 1 !important;
  position: absolute;
 }
 .hero_testimonials {
  height: 100%;
  background-color: #233d77 !important;
  width: 100%;
  opacity: 1 !important;
  position: absolute;
 }
 .testimonial-btn {
  background-color: #fff !important;
  color: #000;
 }
 .testimonial-btn:hover {
  background-color: transparent !important;
  color: #fff;
 }
 .hire_zoho_developer_social_media {
  margin: -44px 0 0;
 }
 .breadcrumbs {
  padding: 10px 0 30px;
 }
 .zoho-one-content {
  font-size: 15px !important;
 }
}
.card-careers,
.card-frame {
 color: #000 !important;
}
@media only screen and (max-width: 650px) {
 .hire-zoho h1 {
  font-size: 24px !important;
  line-height: 25px;
 }
 .hire-zoho h3 {
  margin: 14px 0;
  font-size: 16px;
  line-height: 30px !important;
 }
 .hero_text_hire_zoho_developer {
  padding: 0 2%;
 }
 .hero_img_hire_zoho_developer {
  height: 250px;
  margin: 0;
 }
 .hire-zoho-dev-h1 {
  font-size: 15px !important;
  text-transform: uppercase;
  line-height: 30px;
  font-weight: 600;
 }
 .zoho-one-grow-business-container {
  width: 100%;
 }
}
@media only screen and (max-width: 600px) {
 .stripe-header-section-top {
  height: 70vh !important;
 }
 .stripe-hero-content,
 .stripe-hero-section {
  margin-top: 30px !important;
 }
 #creator-section-id,
 #stripe-section-id {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 26px;
  margin-top: 11rem !important;
 }
 .stripe-customization-btn {
  font-size: 8px !important;
  font-weight: 700 !important;
  padding: 10px 5px !important;
 }
 .stripe-para {
  font-size: 16px !important;
 }
 @media (max-width: 576px) {
  .stripe-call-btn {
   font-size: 10px !important;
   padding: 10px 5px !important;
  }
 }
 .mobile-view-image img {
  width: 80% !important;
 }
 .zoho-one-contact-box {
  margin-bottom: 0 !important;
 }
}
.zoho-one-contact-box {
 margin: 35px 0;
}
.zoho_creator_hero_bg {
 top: 50% !important;
}
@media only screen and (min-width: 768px) {
 .zoho-creator-hero-bg {
  top: 40%;
 }
 .zoho-creator-background {
  width: 100%;
  height: 78vh;
  background-repeat: no-repeat;
  z-index: -1;
  background-size: cover !important;
  background-image: linear-gradient(314deg, #3eadfd 0, #2a74cb 100%);
 }
 .zoho-one-hero-overlay {
  height: 78%;
 }
}
.card-footer:hover a {
 color: #c56362 !important;
}
.card-footer:hover i {
 transform: translateX(5px);
}
.hire-zoho-dev-h1 {
 font-size: 4rem;
 text-transform: uppercase;
 font-family: "Merriweather Sans", sans-serif;
}
.zoho-one-hero-overlay {
 background: #007bff !important;
}
@media only screen and (max-width: 750px) {
 .news-hero {
  display: none;
 }
 .awarded-cmny {
  line-height: 35px;
 }
 .award-head {
  font-size: 35px;
 }
 .award-hero {
  left: 60%;
 }
 .award-close-btn {
  margin-left: 0;
 }
 .award-img-size {
  width: 85% !important;
 }
 .Industries-served {
  margin: 10px 8% !important;
 }
 .zoho-one-yaali-hero-img {
  width: 100% !important;
 }
 .Compelling-Reasons-list {
  margin-top: 0 !important;
 }
 .zoho-one-hero-text h1 {
  font-size: 23px;
 }
 hgroup h3 {
  margin: 10px 0;
 }
 .zoho-one-hero-text h2 span {
  font-weight: 600;
 }
}
.Compelling-Reasons-list {
 margin-top: 130px;
}
@media screen and (max-width: 767px) and (min-width: 575px) {
 .hire-zoho-dev-h1 {
  font-size: 18px !important;
  text-transform: uppercase;
  line-height: 40px;
 }
}
.card-careers {
 border: 0.0625rem solid #e7eaf3;
 box-shadow: none;
 transition: 0.3s;
 margin: 12px 37px;
 padding: 15px;
 font-size: 17px;
 border-radius: 5px;
}
.card-careers:hover {
 border-color: #28a745;
}
.bg-light {
 background-color: #f7faff !important;
}
.careers-card {
 background: #fff;
 padding: 10px 45px;
 border-radius: 6px;
}
.job-title {
 color: #000;
 font-size: 16px;
 font-weight: 600;
}
.slider-bottom {
 background: 0 0;
 margin-top: -110px !important;
 margin-bottom: 70px !important;
}
@media only screen and (max-width: 600px) {
 #main-content,
 hr {
  margin-top: 0 !important;
 }
 .header-section-top {
  max-height: 45vh !important;
 }
 #shipengine-button {
  font-size: 10px;
 }
 .overlay {
  height: 85%;
  background-color: #080d15;
  opacity: 0.3;
  width: 100%;
  position: absolute;
 }
 .hero-background {
  width: 100%;
  height: 85vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: -1;
  background-color: #fff;
 }
 #main-content {
  padding: 20px 15px !important;
 }
 .breadcrumbs {
  text-transform: uppercase;
  color: #5f5b5b;
  font-size: 14px;
  line-height: 24px;
  padding: 0;
 }
 .sub_heading,
 .sub_heading_creator {
  font-size: 24px !important;
 }
 .sub_heading {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 600;
  text-align: center;
  padding: 0 20px;
  line-height: 1.6;
 }
 .slider-bottom {
  width: 100%;
  margin: 20px 0;
  position: relative;
 }
 .hire-dev .hire-img:before {
  content: "";
  width: 100%;
  height: 27vh;
  background: #dbfbd9;
  position: absolute;
  z-index: -1 !important;
  left: 0;
  border-radius: 50%;
  bottom: -10px;
 }
 hr {
  margin-bottom: 0 !important;
  border: 0;
  border-top: 1px solid #eee;
 }
 .container {
  padding-top: 5px !important;
 }
 .partner-img {
  height: 90px !important;
  padding: 0 5px 10px;
  margin-left: 10px !important;
 }
 .saas-suite {
  padding: 15px;
  text-align: center !important;
 }
 .eva-service-box.style3 h3 {
  margin: 0 !important;
  padding: 10px 0 11px 50px;
  text-transform: none;
  font-family: "Noto Sans", sans-serif;
  line-height: 24px;
  font-size: 17px;
  color: #333;
 }
 .approach-card,
 .approach-card-zoho_partner {
  padding: 10px;
  margin: 10px;
  position: relative;
  box-shadow: 3px 3px 1px 5px #8d8c8c24;
  border-radius: 5px;
  height: auto;
  margin-bottom: 25px !important;
  margin-top: 0 !important;
 }
 .header-section-top,
 .shipengine-header-section-top {
  height: 85vh !important;
 }
 .contact-text-head {
  font-size: 16px !important;
 }
 .portfolio-contactus {
  min-height: 230px;
  background-color: #eee;
  height: 55vh;
  width: 100%;
  padding: 0 7%;
 }
 .portfolio-contactus-text {
  font-size: 2.7rem !important;
 }
 .portfolio-contactus-btn-text {
  font-family: "Noto Sans", sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  color: #4d4d4d;
  font-weight: 500;
  margin: 12px 0;
 }
 .addr-div {
  text-align: center;
 }
 .techStack-ball-bottom,
 .techStack-ball-top {
  display: none;
 }
 .web-app li {
  width: 80%;
  margin: 0 auto;
 }
 .tech-stack-lang {
  margin: 0 auto;
  width: 75% !important;
 }
}
.portfolio-contactus-text {
 font-size: 3.5rem;
}
@media only screen and (min-width: 992px) {
 #call-to-action-recuirt {
  margin-left: 180px;
 }
 #call-to-action-recuirt-people {
  margin-left: 145px;
 }
 #call-to-action-people {
  margin-left: 105px;
 }
 #call-to-action-people-last {
  margin-left: 0;
 }
 #canvas-call-to-action {
  margin-top: 150px !important;
 }
 .overlay {
  height: 100%;
  background-color: #080d15;
  opacity: 0.3;
  width: 100%;
  position: absolute;
 }
 .hero-background {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: -1;
  background-color: #fff;
 }
 #main-content {
  margin-top: 0;
 }
 .breadcrumbs {
  text-transform: uppercase;
  color: #5f5b5b;
  font-size: 14px;
  line-height: 24px;
  padding: 0;
  margin-top: -30px;
 }
 .slider-bottom {
  width: 10%;
  margin: 0 0 0 43%;
  position: relative;
 }
}
.menu-arrow {
 font-size: 16px;
 position: relative;
 top: 1px;
 font-weight: 600;
}
.top-reasons-love-yaali {
 border: 1px solid #4adc4f;
 border-radius: 16px;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-direction: column;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-pack: center;
 -webkit-justify-content: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-align-items: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 padding: 3.5rem 1.25rem;
}
.techStack {
 color: #fff !important;
 position: relative;
 overflow: hidden;
 background: #161570e6 !important;
 padding: 50px 0;
}
.techStack-ball-top {
 position: absolute;
 top: 0;
 right: 0;
}
.techStack-ball-bottom {
 position: absolute;
 left: -17px;
 clip: rect(0, 126px, 121px, 16px);
 bottom: -16px;
 z-index: 99;
}
.web-app li {
 padding: 8px 0 8px 6px;
 font-size: 18px;
 border-bottom: 2px solid #e6e6e6;
 color: #333;
 min-width: 135px;
 font-weight: 600;
 list-style: none;
 font-family: "Noto Sans", sans-serif;
}
.tool_head {
 color: #337ab7 !important;
 font-weight: 600;
 font-size: 26px !important;
 font-family: "Merriweather Sans" !important;
 text-transform: uppercase;
}
*,
.Integrations-parah,
.alert-info {
 font-family: sans-serif;
}
.creator-sprite-1 {
 background-image: url("../image/technologies-icon/tech-stack.png");
 position: relative;
 top: 10px;
}
.creator-build-app-1 i {
 display: inline-block;
 height: 33px;
 width: 35px;
 margin-right: 10px !important;
}
.creator-build-app-1 .angular,
.creator-build-app-1 .angularjs {
 background-position: -67px -11px;
}
.creator-build-app-1 .jquery {
 background-position: -66px -122px;
}
.creator-build-app-1 .reactjs {
 background-position: -234px 100px;
}
.creator-build-app-1 .backbonejs {
 background-position: -123px -9px;
}
.creator-build-app-1 .microsoft,
.creator-build-app-1 .php {
 background-position: -234px -11px;
}
.creator-build-app-1 .java {
 background-position: -180px -72px;
}
.creator-build-app-1 .ruby {
 background-position: -9px 45px;
}
.creator-build-app-1 .nodejs {
 background-position: -120px 100px;
}
.creator-build-app-1 .python {
 background-position: -235px -122px;
}
.creator-build-app-1 .oracle {
 background-position: -180px -179px;
}
.creator-build-app-1 .postgrelsql {
 background-position: -235px 213px;
}
.creator-build-app-1 .mysql {
 background-position: -348px 99px;
}
.creator-build-app-1 .google-cloud,
.creator-build-app-1 .sqlite {
 background-position: -70px 44px;
}
.creator-build-app-1 .mongodb {
 background-position: -10px 99px;
}
.creator-build-app-1 .aws {
 background-position: -1px -10px;
}
.creator-build-app-1 .microsoftazure {
 background-position: -118px 157px;
}
.creator-build-app-1 .firebase {
 background-position: -9px -69px;
}
.creator-build-app-1 .git {
 background-position: -68px -67px;
}
.creator-build-app-1 .heroku {
 background-position: -121px -67px;
}
.creator-build-app-1 .jenkins {
 background-position: -10px;
}
.megento-header-section {
 text-shadow: rgb(0 0 0 / 15%) 0 1px 1px;
 background: linear-gradient(
   rgba(9, 9, 220, 0.45),
   rgba(9, 9, 220, 0) 45%,
   rgba(9, 9, 220, 0) 80%,
   rgba(9, 9, 220, 0.25)
  ),
  linear-gradient(0.3turn, #0059b3, #0080ff 30%, #50f) !important;
 position: relative;
}
.Header__LogoContainer {
 width: 100%;
 float: left;
 text-align: center;
 align-items: center;
 justify-content: center;
 display: flex;
}
.Header__LogoContainer_1 {
 width: 5%;
 float: left;
}
.Header__Container {
 display: inline-flex;
 -webkit-box-align: center;
 align-items: center;
 -webkit-box-pack: center;
 justify-content: center;
 width: 55px;
 height: 55px;
 background: #fff;
 border-radius: 2px;
 box-shadow: rgb(0 0 0 / 20%) 0 2px 4px;
}
.bwUiQ,
.kzNYhM {
 height: 960px;
 pointer-events: none;
 width: 960px;
 position: absolute;
}
section.start-free-trial-integrations {
 background-color: #293953;
 text-align: center;
 padding: 45px 0;
}
.bwUiQ {
 border: 190px solid #0adcd9;
 border-radius: 50%;
 bottom: -250px;
 opacity: 0.1;
 right: -30%;
}
.kzNYhM {
 background-color: #000;
 border-radius: 50%;
 bottom: -480px;
 left: 50%;
 margin-left: -480px;
 mix-blend-mode: overlay;
 opacity: 0.2;
}
.alert-info {
 text-align: center;
 color: #0c5460;
 background-color: #d1ecf1;
 border-color: #bee5eb;
 font-size: 17px;
 font-weight: 400;
}
.Integrations-parah {
 font-size: 24px !important;
 font-weight: 400;
}
.Integrations-title {
 font-size: 40px !important;
 font-family: "Merriweather Sans";
 text-decoration: underline;
}
@media (max-device-width: 320px) {
 .zoho-inventory-shopify-integration-page-button {
  font-size: 11px !important;
  padding: 10px 15px !important;
 }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
 .salesforce-implementaion-img {
  margin-top: 50px !important;
  width: 90% !important;
 }
 .salesforce-implementaion-img-1 {
  width: 80% !important;
  margin-left: 80px !important;
 }
}
.google-drive-hero-section-background {
 background: #fff !important;
}
.zoho-inventory-amazon-integration-hero-section-background {
 background: #e3effe !important;
 font-family: sans-serif !important;
}
.zoho-crm-amazon-integration-hero-section-background {
 background: #e3effe !important;
}
.custom-menu:hover ol {
 display: grid;
 position: absolute;
 top: 15px;
 left: 200px;
 width: 300px;
 list-style: none;
}
.custom-menu ol li {
 width: 250px;
 margin: -5px 0;
}
@media only screen and (max-width: 982px) {
 .custom-menu ol {
  display: grid;
  list-style: none;
  padding: 0;
  position: relative;
  left: -35px;
 }
 .custom-menu:hover ol {
  display: grid;
  position: initial;
  top: 0;
  left: 200px;
  width: 300px;
  list-style: none;
 }
 .menu-arrow {
  display: none !important;
 }
}
.newIcon {
 position: relative;
 background: #fff;
 color: #42c571;
 padding: 0 3px;
 font-size: 10px;
 top: -12px;
 font-family: "Merriweather Sans";
 border-radius: 1px;
}
* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}
h1 {
 text-align: center;
 font-size: 23px;
}
#testimonials {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 width: 100%;
}
.testimonial-heading {
 letter-spacing: 1px;
 margin: 30px 0;
 padding: 10px 20px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
.testimonial-heading span {
 font-size: 1.3rem;
 color: #252525;
 margin-bottom: 10px;
 letter-spacing: 2px;
 text-transform: uppercase;
}
.testimonial-box-container {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
 width: 100%;
}
.testimonial-box {
 width: 500px;
 box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
 background-color: #fff;
 padding: 20px;
 margin: 15px;
 cursor: pointer;
}
.profile-img {
 width: 50px;
 height: 50px;
 border-radius: 50%;
 overflow: hidden;
 margin-right: 10px;
}
.profile-img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: center;
}
.profile {
 display: flex;
 align-items: center;
}
.name-user {
 display: flex;
 flex-direction: column;
}
.name-user strong {
 color: #3d3d3d;
 font-size: 1.8rem;
 letter-spacing: 0.5px;
}
.name-user span {
 color: #979797;
 font-size: 0.8rem;
}
.reviews {
 color: #f9d71c;
}
.box-top {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 20px;
}
.client-comment p {
 font-size: 14px;
 color: #4b4b4b;
}
.testimonial-box:hover {
 transform: translateY(-10px);
 transition: 0.3s;
}
@media (max-width: 1060px) {
 .testimonial-box {
  width: 45%;
  padding: 10px;
 }
}
@media (max-width: 790px) {
 .testimonial-box {
  width: 100%;
 }
 .testimonial-heading h1 {
  font-size: 1.4rem;
 }
}
@media (max-width: 340px) {
 .box-top {
  flex-wrap: wrap;
  margin-bottom: 10px;
 }
 .reviews {
  margin-top: 10px;
 }
}
::selection {
 color: #fff;
 background-color: #252525;
}