.solutionsTopBanner {background:var(--black) url(../images/solutions-04.webp) no-repeat bottom center; overflow: hidden; position: relative; padding:160px 0px 100px 0px; text-align: center; background-size: cover; background-attachment: fixed;}
.solutionsTopBanner:before {content: ""; background:#05060c; position: absolute;right: 0px; top: 0px;height: 100%; width: 100%; opacity: 0.7;}
.solutionsTopBanner .container {position: relative;}
.solutionsTopBanner .h1 {font-size: 66px; color: #ffffff; margin: 30px 0px 25px 0px; font-family: 'proxima_novaextrabold';}
.solutionsTopBanner .textA {font-size: 18px; color: #ffffff; margin: 0px auto 60px auto; max-width: 880px;}

.solutionsSectionB {padding:90px 0px; font-size: 18px; line-height: 1.6;}
.solutionsSectionB .container {max-width: 1070px;}

.solutionsSectionC {position: relative; padding: 50px 0px;}
.solutionsSectionC .container {max-width: 1800px;}
.solutionsSectionC h2 {font-size: 56px; margin: 0px 0px 50px 0px;text-align: center;font-family: 'proxima_novaextrabold';}

.solutionsSectionE {padding: 50px 0px;}
.solutionsSectionE h2 {font-size: 56px; margin: 0px 0px 50px 0px;font-family: 'proxima_novaextrabold';}
.solutionsSectionE .text {font-size: 18px;margin: 0px 0px 40px 0px;}
.solutionsIndustryBoxRow>.col-md-6{margin-bottom: 30px;}
.solutionsIndustryBox {position: relative; border:solid 1px #dde2e7;padding: 35px 20px 30px 110px; height: 100%;}
.solutionsIndustryBox:before {content: ""; position: absolute; bottom: 0px; left:0px; width: 100%; height: 5px;background:  var(--blue);}
.solutionsIndustryBox .number {position: absolute; left: 25px; top: 35px; width: 60px; height: 60px; border-radius: 50%; background: var(--blue); line-height: 60px; text-align: center; color: #ffffff; font-size: 24px; font-family: "proxima_novaextrabold";}
.solutionsIndustryBox h3 {margin: 0px 0px 15px 0px;font-size: 24px; font-family: "proxima_novaextrabold";}
.solutionsIndustryBox .desc {font-size: 18px;}
.solutionsIndustryBox:hover {border-color: var(--blue);}


.solutionsSectionF {background: #1c252e; padding: 100px 0px;}
.solutionsSectionF h2 {font-size: 56px; margin: 0px 0px 50px 0px;font-family: 'proxima_novaextrabold'; text-align: center; color: #ffffff;}
.helpSteps {list-style: none; padding: 0px 0px 35px 0px; margin: 0px 0px 100px 0px; display: flex; flex-wrap: wrap; position: relative;}
.helpSteps:before {content: ""; position: absolute; bottom: 0px; left:3%; width: 94%; height: 1px;background:#343e49;}
.helpSteps li {flex:1 1 auto; text-align: center; position: relative; max-width: 20%;  align-self: flex-end; cursor: pointer;}
.helpSteps li span {color: #7d8083; font-size: 18px; text-transform: uppercase;}
.helpSteps li:before {height: 27px;width: 27px;background:#343e49;border-radius: 50%;content: "";position: absolute; left: calc(50% - 13px);bottom: -48px; }
.helpSteps li:after {height:46px;width:46px;border:dashed 1px #343e49;border-radius: 50%;content: "";position: absolute; left: calc(50% - 23px);bottom: -57px; }
.helpSteps li.active span {color: var(--sky); font-family: "proxima_novabold";}
.helpSteps li:hover span {color: var(--sky);}
.helpSteps li.active:before {background: var(--sky);}

.solutionsSectionF .img {margin: 0px;}
.solutionsSectionF .text h3 {margin: 0px 0px 25px 0px;font-size: 24px; font-family: "proxima_novaextrabold";color: #ffffff;}
.solutionsSectionF .text .desc {font-size: 18px; color: #ffffff; margin: 0px 0px 40px 0px;}

.solutionsSectionG {position: relative;}
.solutionsSectionG .img {margin:0px;}

.solutionsSectionH {background: var(--blue); padding: 90px 0px;color: #ffffff; margin-bottom: 110px;}
.solutionsSectionH .textA {font-family: "proxima_novasemibold"; font-size: 16px; letter-spacing: 2px; text-transform: uppercase; margin: 0px 0px 20px 0px;}
.solutionsSectionH .textB {margin: 0px 0px 30px 0px;font-size: 56px; font-family: "proxima_novaextrabold";}
.solutionsSectionH .textC {margin: 0px 0px 35px 0px;font-size: 18px; max-width: 800px; }
.solutionsSectionH .skyBtn {margin-top:50px;}
.stepProcessBlock {font-family: "proxima_novasemibold"; font-size: 24px; }
.stepProcessBlock .number {margin-bottom: 15px;}
.stepProcessBlock .number:before {content: ""; width: 35px; height: 4px; background: #ffffff;display: inline-block; margin-right: 8px;vertical-align: top; margin-top: 16px;}




@media (min-width: 1400px) {

  .solutionsSectionB {position: relative;}
  .solutionsSectionB:before {content: ""; width: 280px; height: 280px; border-radius: 50%;background-color: var(--blue); position: absolute;right: -130px; top: -100px;}
  .solutionsSectionB:after {content: ""; width: 240px; height: 240px; border-radius: 50%; position: absolute; top: -150px; right: -90px; border:solid 4px var(--sky); border-top-color:transparent;transform: rotate(-45deg);}

  .solutionsSectionE {position: relative;}
  .solutionsSectionE:before {content: ""; width: 280px; height: 280px; border-radius: 50%;background-color: var(--blue); position: absolute;right: -130px; bottom:100px;}
  .solutionsSectionE:after {content: ""; width: 240px; height: 240px; border-radius: 50%; position: absolute; bottom:220px; right: -90px; border:solid 4px var(--sky); border-top-color:transparent;transform: rotate(-45deg);}

  .solutionsSectionD {position: relative;}
  .solutionsSectionD:after {content: ""; width:200px; height:400px; background:url(../images/lucenta-solutions-home-3.webp) no-repeat top right; position: absolute;top:110%; left: -15px; transform: rotateY(180deg);}

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


}

@media (min-width: 1400px) {
  .solutionsSectionE h2 {font-size: 42px; text-align: center; margin: 0px 0px 12px 0px;}
  .solutionsSectionF h2 {font-size: 42px;}
  .solutionsSectionH .textB {font-size: 43px;}
  .solutionsSectionC h2 {
    font-size: 48px; }
  .solutionsTopBanner .h1 {font-size: 52px;}
  .solutionsSectionH {margin-right: 100px;}
  .solutionsSectionG .img img {max-width: inherit; position:relative;top: 90px; margin-bottom: -100px; z-index: -1;}
}
@media (max-width: 1300px) {
  .solutionsTopBanner .h1 {
    font-size: 2.5rem;
  }
  .solutionsSectionC h2 {
    font-size: 2rem;
    margin: 0px 0px 50px 0px;
  }
  .solutionsSectionC {
    padding: 0px 0px;
  }
  .solutionsSectionB {
    padding: 57px 0px;
    font-size: 18px;
    line-height: 1.6;
  }
  .solutionsSectionE h2 {
    font-size: 2rem;
    margin: 0px 0px 24px 0px;
    text-align: center;}
    .solutionsSectionF h2 {
      font-size: 2rem;
      margin: 0px 0px 50px 0px;
  
    }
    .solutionsSectionH .textB {
      margin: 0px 0px 30px 0px;
      font-size: 2rem;
      font-family: "proxima_novaextrabold";
    }

}
@media (max-width: 992px) {
  .solutionsTopBanner .h1 {
    font-size: 2rem;
    color: #ffffff;
    margin: 30px 0px 25px 0px;
  }
  .solutionsTopBanner {
    background: var(--black) url(../images/solutions-04.webp) no-repeat bottom center;
    overflow: hidden;
    position: relative;
    padding: 62px 0px 100px 0px;
  }
  .solutionsSectionC h2 {
    font-size: 2rem;
  }
  .real-estate-page .solutionsSectionC {
    padding: 0px 0px;
  }
  .solutionsSectionB {
    padding: 68px 0px;
    font-size: 18px;
    line-height: 1.6;
  }
  .real-estate-page .portoflioItemText h2 {
    margin: 0px 0px 12px 0px;
    font-size: 22px;
    font-family: "proxima_novaextrabold";
    text-align: left;
  }
  .portoflioItemText .textB {
    margin: 0px 0px 40px 0px;
    color: #646464;
    font-size: 14px !important;
  }
  .real-estate-page .arrowTextLink {
    font-size: 12px;
    font-family: 'proxima_novabold';
    display: inline-block;
    padding: 0 28px 0 0;
  }
  .real-estate-page .joinUsSec h3 {
    font-size: 24px;
    margin: 0 0 10px 0;
  }
  .real-estate-page .solutionsSectionE h2 {
    font-size: 1.5rem;
    margin: 0px 0px 27px 0px;
    font-family: 'proxima_novaextrabold';
    text-align: center;
  }
  .real-estate-page .solutionsIndustryBox h3 {
    margin: 0px 0px 15px 0px;
    font-size: 20px;
  }
  .real-estate-page .solutionsIndustryBox .desc {
    font-size: 15px;
  }
  .real-estate-page .solutionsSectionF h2 {
    font-size: 1.5rem;
    margin: 0px 0px 30px 0px;
    font-family: 'proxima_novaextrabold';
  }
  .real-estate-page .helpSteps li span {
    color: #7d8083;
    font-size: 14px;
    text-transform: uppercase;
  }
  .real-estate-page .solutionsSectionF .text .desc {
    font-size: 15px;
    color: #ffffff;
    margin: 0px 0px 40px 0px;
  }
  .real-estate-page .solutionsSectionF {
    background: #1c252e;
    padding: 59px 0px;
  }
  .real-estate-page .solutionsSectionG .img {
    margin: 47px 0px;
  }
  .real-estate-page .solutionsSectionH .textB {
    margin: 0px 0px 30px 0px;
    font-size: 1.5rem;
    font-family: "proxima_novaextrabold";
  }
  .real-estate-page .homeTestimonialBg h2::before {
    content: "";
    position: absolute;
    left: calc(50% - 80px);
    width: 125px;
    height: 87px;
    top: -93px;
    background: url(../images/testmonial-icon.webp) no-repeat 0 0;
    opacity: .2;
    /* width: 8%; */
    max-width: 19%;
  }
  .real-estate-page .homeTestimonialBg {
    background: #1c242e;
    padding: 131px 0 !important;
  }
  .education-solutions-page .desc h2 {
    font-size: 27px;
    text-align: center;
  }
  .education-solutions-page .solutionsSectionB {
    padding: 37px 0px;
    font-size: 18px;
  }
  .education-solutions-page  p {
    font-size: 16px;
    text-align: center;
  }
  .education-solutions-page .solutionsSectionC h2 {
    font-size: 1.4rem;
  }
  .education-solutions-page .solutionsSectionC h2 {
    margin: 0px 0px 27px 0px;
  }
  .education-solutions-page .portoflioItemText .textA {
    margin: 0px 0px 25px 0px;
    font-size: 15px;
  }
  .education-solutions-page .textB p {
    font-size: 14px;
  }
  .education-solutions-page .solutionsSectionE .text {
    font-size: 17px;
    margin: 0px 0px 40px 0px;
    text-align: center;
  }
  .education-solutions-page .solutionsSectionH {
    background: var(--blue);
    padding: 90px 0px;
    color: #ffffff;
    margin-bottom: 64px;
  }
  .education-solutions-page .homeTestimonialBg h2 span {
    font-size: 22px;
    padding-top: 14px;
  }
  .education-solutions-page .testmonailItem .desc {
    margin: 0 0 10px 0;
    min-height: 190px;
    font-size: 18px;
  }
  .education-solutions-page .homeTestimonialBg {
    background: #1c242e;
    padding: 131px 0px 41px 0px !important;
  }
  .education-solutions-page .solutionsSectionH .textC {
    margin: 0px 0px 35px 0px;
    font-size: 15px;
    max-width: 801px;
  }
  .education-solutions-page .text {
    font-size: 20px;
  }
  .education-solutions-page .footerContactLeft h2 {
    font-size: 21px;
  }
  .education-solutions-page .footerContactBlueBg .textB {
    font-size: 23px;
    font-family: "proxima_novabold";
    color: #fff;
    margin: 0 0 25px 0;
  }
  .finance-solutions-page .solutionsSectionH {
    background: var(--blue);
    padding: 51px 0px;
    color: #ffffff;
    margin-bottom: 64px;
  }
  .food-and-page .solutionsSectionH {
    background: var(--blue);
    padding: 62px 0px 25px 0px;
    color: #ffffff;
    margin-bottom: 64px;
  }
  
  
}


@media (max-width: 767px) {
  .finance-solutions-page .testmonailItem .desc {
    margin: 0 0 10px 0;
    min-height: 190px;
    font-size: 15px;
  }
  .education-solutions-page .desc h2 {
    font-size: 20px;
    text-align: center;
  }
  .education-solutions-page .solutionsSectionH {
    background: var(--blue);
    padding: 53px 0px;
    margin-bottom: 59px;
  }
  .real-estate-page .solutionsSectionC h2 {
    font-size: 18px;
    margin: 0px 0px 20px 0px;
    text-align: center;
  }
  .real-estate-page .joinUsSec h3 {
    font-size: 21px;
    margin: 0 0 10px 0;
  }
  .study-menu {
    justify-content: center;
  }
  .real-estate-page .helpSteps li span {
    color: #7d8083;
    font-size: 12px;
    text-transform: uppercase;
  }
  .real-estate-page .solutionsSectionF h2 {
    font-size: 1.2rem;
  }
  .real-estate-page .solutionsSectionH .textB {
    margin: 0px 0px 30px 0px;
    font-size: 1.2rem;
    font-family: "proxima_novaextrabold";
  }

 
  .real-estate-page .animation.ani {
    font-size: 22px !important;
    padding-top: 13px;
  }
  .real-estate-page .solutionsSectionE h2 {
    font-size: 1.2rem;
    margin: 17px 0px 27px 0px;
    font-family: 'proxima_novaextrabold';
    text-align: center;
  }
  .solutionsSectionE .text { font-size: 14px; text-align: center;}
  .solutionsTopBanner {padding:30px 0px 70px 0px; background-size: cover;}
  .solutionsTopBanner .h1 {font-size: 26px;  margin:10px 0px 15px 0px; }
  .solutionsTopBanner .textA {font-size: 16px;  margin: 0px auto 30px }
  .podio-menu {margin-left: 0;}
   h4 {font-size: 20px;}
   .mobAppDevSecE {padding-top: 0px;}
  .solutionsSectionB {padding: 30px 0px 0px 0px; font-size: 16px;}
  .solutionsSectionC {padding:30px 0px; }
  .solutionsSectionC h2 {font-size: 23px; margin: 0px 0px 20px 0px;}
  .solutionsSectionE {padding:15px 0px; }
  .solutionsSectionE h2 {font-size:18px; margin: 0px 0px 20px 0px; text-align: center;}
  .solutionsIndustryBox {padding: 25px 15px 20px 70px; }
  .solutionsIndustryBox .number {left:15px; top: 25px; width: 40px; height:40px;line-height: 40px; font-size: 18px;}
  .solutionsIndustryBox h3 {font-size: 16px !important;}
  .solutionsIndustryBox .desc {font-size: 15px;}
  .solutionsIndustryBoxRow>.col-md-6 {margin-bottom: 20px; }
  .solutionsSectionF {padding:30px 0px; }
  .solutionsSectionF h2 {font-size: 23px; margin: 0px 0px 20px 0px; }
  .solutionsSectionF .text { margin: 20px 0px 0px 0px; }
  .solutionsSectionG .img {margin: 0px -15px;}
  .solutionsSectionF .text h3 {margin: 0px 0px 15px 0px;font-size: 18px;}
  .solutionsSectionF .text .desc {font-size: 16px; margin: 0px 0px 20px 0px;}
  .desc h2 {font-size: 20px; text-align: center;}
  .solutionsSectionH {padding: 30px 0px; margin-bottom:30px;}
  .solutionsSectionH .textA {font-size: 14px;margin: 0px 0px 15px 0px;}
  .solutionsSectionH .textB {margin: 0px 0px 20px 0px;font-size:23px; text-align: center; }
  .solutionsSectionH .textC {margin: 0px 0px 15px 0px;font-size: 16px;}
  .solutionsSectionH .skyBtn {margin-top:10px;}
  .stepProcessBlock { font-size: 18px; margin-top: 30px; }
  .stepProcessBlock .number {margin-bottom:5px;}
  .stepProcessBlock .number:before {margin-top:12px;}

  .helpSteps {padding: 0px 0px 40px 0px;margin: 0px 0px 50px 0px;overflow-y: scroll;
    flex-wrap: nowrap;}
  .helpSteps:before {width: 200%;}
  .helpSteps li {flex: 0 0 40%;max-width: 40%;}
  .helpSteps li span {font-size: 14px;}
  .helpSteps li:before {height:16px;width:16px;left: calc(50% - 7px);bottom: -28px; }
  .helpSteps li:after {height:28px;width:28px;left: calc(50% - 13px);bottom: -34px; }

}