/* Home banner section style start here */
section.banners-section{position:relative}
.home-banner .common{position:relative}
.home-banner .common img{width:100%}
.home-banner .banner-text{flex-direction:column;align-items:center;height:100%;width:100%;position:absolute;top:0;background:none}
.home-banner .banner-text:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#111827;opacity:0.85}
.home-banner .banner-text .title-wrap{position:relative;z-index:99;text-align:center;margin-bottom:0;padding:0 30px}
.home-banner .banner-text .title-wrap h4{color:var(--bgwhite);justify-content:center}
.home-banner .banner-text .title-wrap h1,
.home-banner .banner-text .title-wrap h2{color:var(--bgwhite);font-size:48px;font-weight:600;line-height:120%;letter-spacing:-1.5px;padding-bottom:16px}
.home-banner .banner-text .title-wrap h1 span,
.home-banner .banner-text .title-wrap h2 span{color:var(--primarycolor)}
.home-banner .banner-text .title-wrap p{color:var(--bgcolorsecondry);font-size:16px;line-height:168%;padding-bottom:35px}
.home-banner .banner-text .title-wrap .btn-primary{color:var(--bgwhite);font-size:18px;font-weight:600;line-height:150%;display:flex;margin:0;gap:7px;padding:12px 0 12px 26px}
.home-banner .banner-text .title-wrap .btn-primary:before{width:47px;height:47px;content:"";border-radius:100%;background:#e6e8ea;position:absolute;left:0;top:0;z-index:-1;opacity:0.15}
.home-banner .banner-text .title-wrap .btn-primary img{width:24px !important;height:24px !important}
.home-banner .banner-text .title-wrap .btn-primary:hover{color:var(--primarycolor)}
.home-banner .banner-text .title-wrap .btn-primary:hover:before{opacity:0.05}

@media screen and (max-width:991px){
  .home-banner .banner-text .title-wrap h1,
  .home-banner .banner-text .title-wrap h2{font-size:36px;letter-spacing:-1px;padding-bottom:12px;}
}
@media screen and (max-width:767px){
  .home-banner .banner-text .title-wrap h1, .home-banner .banner-text .title-wrap h2, .text-center .title-wrap h1, .text-center .title-wrap h2, .text-center .title-wrap p, .text-center .title-wrap h4, .title-wrap.text-center h1, .title-wrap.text-center h2, .title-wrap.text-center p, .title-wrap.text-center h4, .home-banner .banner-text .title-wrap p, .brands-section.text-center .title-wrap h1, .brands-section.text-center .title-wrap h2 {
    text-align: center !important;
}
.home-banner .banner-text .title-wrap .btn-primary:before {width: 35px;height: 35px;top: 6px;}
}
@media (max-width:576px){
  .home-banner .banner-text .title-wrap h1,
  .home-banner .banner-text .title-wrap h2{font-size:26px;letter-spacing:-0.5px;}
  .home-banner .banner-text .title-wrap p{font-size:13px;padding-bottom:15px;}
}
@media (max-width:480px){
  .home-banner .banner-text .title-wrap .btn-primary img{width:20px !important;height:20px !important;}
  .home-banner .banner-text .title-wrap .btn-primary:before {width: 30px;height: 30px;top: 9px;}
  .home-banner .banner-text .title-wrap .btn-primary {font-size: 17px;}
}
@media (max-width:400px){
  .home-banner .banner-text .title-wrap h1,
  .home-banner .banner-text .title-wrap h2{font-size:20px;letter-spacing:-0.5px;}
}
@media screen and (max-width:380px){
  .home-banner .banner-text .title-wrap h1,
  .home-banner .banner-text .title-wrap h2{font-size:18px;}
  .home-banner .banner-text .title-wrap .btn-primary{font-size:13px;}
  .home-banner .banner-text .title-wrap .btn-primary:before {width: 25px;height: 25px;left: 6px;}
}
/* Home banner section style ends here */

/* sub-banner style start here */
.sub-banner img{height:500px}
.sub-banner img{width:100%;object-fit:cover}

/* .sub-banner img{height:880px}
@media (max-width:1800px){
  .sub-banner img{height:800px;}
}
@media (max-width:1700px){
  .sub-banner img{height:720px;}
}
@media (max-width:1600px){
  .sub-banner img{height:620px;}
}
@media (max-width:1400px){
  .sub-banner img{height:580px;}
}
@media (max-width:1300px){
  .sub-banner img{height:550px;}
}
@media screen and (max-width:1199px){
  .sub-banner img{height:500px;}
} */
@media screen and (max-width:991px){
  .sub-banner img{height:450px;}
}
@media screen and (max-width:767px){
  .sub-banner img{height:400px;}
}
@media (max-width:576px){
  .sub-banner img{height:360px;}
}
@media (max-width:480px){
  .sub-banner img{height:300px;}
  .sub-banner p{display:none;}
}
@media (max-width:400px){
  .sub-banner img{height:250px;}
}
@media (max-width:330px){
  .sub-banner img{height:220px;}
}
/* sub-banner style ends here */

/* Solutions-card Start */
.solutions-card {padding: 38px 40px;border: 1px solid #e5e7eb;height: 100%;background: #fff;}
.solution-common .solutions-card {text-align: center;}
  .solution-common .solutions-card:hover {
    border-bottom: 1px solid #ff6c1a !important;
    border-right: 1px solid #e5e7eb !important;
    border-left: 1px solid #e5e7eb !important;
    border-top: 1px solid #e5e7eb !important;
  }
.solutions-card h3 {color: #192a44;font-size: 24px;font-weight: 600;line-height: 150%;margin-bottom: 34px;}
.solutions-card p {color: #4c596d;font-size: 16px;font-weight: 400;line-height: 168%;padding-bottom: 38px;}
@media screen and (max-width: 1199px) {
    .solutions-card {padding: 25px 30px;}
    .solutions-card h3 {font-size: 20px;margin-bottom: 25px;}
    .solutions-card p {font-size: 16px;padding-bottom: 30px;}
}
@media screen and (max-width: 991px) {
    .solutions-card {padding: 20px 25px;}
    .solutions-card h3 {font-size: 18px;margin-bottom: 20px;}
    .solutions-card p {font-size: 15px;padding-bottom: 20px;}
}
@media screen and (max-width: 767px) {
    .solutions-card {padding: 20px;}
    .solutions-card h3 {margin-bottom: 15px;}
    .solutions-card p {font-size: 14px;padding-bottom: 15px;}
}
/* End */

/* what-we-do-app Section style start here */
.bg-blue .what-we-do-app{padding:30px;background:#fff;height:100%}
.what-we-do-app{padding:15px 0;transition:0.3s;-o-transition:0.3s;-webkit-transition:0.3s}
.what-we-do-app img{width:60px;height:60px;object-fit:contain;margin:0 0 15px}
.what-we-do-app h3{font-size:22px;line-height:32px;margin:0 0 15px;font-weight:600;color:var(--secondrycolor)}
.what-we-do-app h3 a{font-size:20px;color:var(--secondrycolor)}
.what-we-do-app h3 a:hover{color:#ff6c1a}
.what-we-do-app:hover,
.what-we-do-app:focus{box-shadow:none}
.sticky .what-we-do-app .process-num{left:18%;top:38px;font-size:100px}
.sticky .what-we-do-app{box-shadow:none;position:relative;padding:15px 0}
.business-growth .what-we-do-app .h3{font-size:22px;line-height:32px;margin:0 0 15px;font-weight:600;color:var(--secondrycolor);padding-bottom:0}
.business-growth .what-we-do-app{padding:30px;background:#fff;border-radius:0;border:1px solid #70707033;height:100%;text-align:left}
@media (max-width:1440px){
  .business-growth .what-we-do-app{padding:30px;}
}
@media (max-width:991px){
  .business-growth .what-we-do-app .h3{font-size:21px;line-height:32px;}
}
@media (max-width:767px){
  .business-growth .what-we-do-app .h3{font-size:20px;line-height:30px;}
}
@media screen and (max-width:991px){
  .sticky .what-we-do-app .process-num{left:18%;top:38px;font-size:80px;}
  .what-we-do-app{padding:10px 0;}
  .what-we-do-app h3{font-size:17px;line-height:25px;margin:0 0 10px;}
  .what-we-do-app img{width:50px;height:50px;margin:0 0 8px;}
}
@media screen and (max-width:767px){
  .what-we-do-app img{width:50px;height:50px;}
  .what-we-do-app{padding:0;}
  .bg-blue .what-we-do-app{padding:20px;}
}
@media (max-width:576px){
  .what-we-do-app h3{font-size:16px;}
  .what-we-do-app img{width:40px;height:40px;}
  .business-growth .what-we-do-app{padding:25px;}
}
@media (max-width:480px){
  .what-we-do-app img{width:40px;height:40px;}
  .what-we-do { padding: 40px 0 !important;}
  .what-we-do-app h3{font-size:15px;}
  .business-growth .what-we-do-app .h3{font-size:18px;line-height:28px;}
}
/* what-we-do-app Section style ends here */

/* Technology card style start here */
.technology-card figure { margin-bottom: 35px;}
.technology-card h3 a, .technology-card h3 {color: var(--secondrycolor);font-size: 20px;font-weight: 700;line-height: 150%;padding-bottom: 25px;transition: 0.3s ease-in-out;}
.technology-card:hover h3 a, .technology-card:hover h3 {color: var(--primarycolor);}
.technology-card:hover figure img {transform: scale(1.2);}
.technology-card p,
.technology-card p {padding-bottom:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.technology-card p {color:var(--secondrytextcolor)}
.technology-card p{margin-bottom:25px}
.technology-card p .internal-links {color:var(--primarycolor); display: inline-flex;}
.technology-card .card-title {color:var(--secondrycolor);font-size:20px;font-weight:700;line-height:150%;padding-bottom:0;transition:0.3s ease-in-out}
.technology-card:hover .card-title a,
.technology-card:hover .card-title{color:var(--primarycolor)}
.technology-card:hover figure img{transform:scale(1.2)}
.technology-card h4{color:var(--secondrycolor);font-size:14px;font-weight:600;line-height:150%;display:flex;justify-content:center;align-items:center}
.technology-card h4 .dots{width:8px;height:8px;background:var(--primarycolor);border-radius:100%}
.technology-card h4 .dots:before{display:none}
.technology-card h4 > span{display:flex;gap:10px;align-items:center;color:var(--primarycolor);border-right:1px solid var(--bordercolor);padding-right:10px;margin-right:10px}
.industries-section,
.blog-section,
.casestudy-section {
  overflow-x: hidden;
}
.industries-section .scroller__wrapper,
#scroller_blogs .scroller__wrapper,
.casestudy-section .scroller__wrapper {
  width: 150%;
}
@media screen and (max-width: 1440px) {
  .industries-section .scroller__wrapper,
#scroller_blogs .scroller__wrapper,
.casestudy-section .scroller__wrapper {
  width: 120%;
}
}
@media screen and (max-width:1199px){
  .technology-card figure{margin-bottom:25px;}
  .technology-card h3{font-size:19px;padding-bottom:15px;}
}
@media screen and (max-width:991px){
  .technology-card p{margin-bottom:0;}
  .casestudy-section .casestudy-card h4, .casestudy-section .casestudy-card .h4, .technology-card h4 { font-size: 13px;}
}
@media screen and (max-width:767px){
  .casestudy-section {width: 100%;}
  .technology-card{margin-bottom:20px;}
  .technology-card figure{margin-bottom:15px;}
  .technology-card h3{font-size:18px;padding-bottom:10px;}
  .technology-card p{margin-bottom:15px;}
  .technology-card p {text-align:left !important;}
  .industries-section .scroller__wrapper,
  #scroller_blogs .scroller__wrapper,
  .casestudy-section .scroller__wrapper {
    width: 100%;
  }
}
@media (max-width:480px){
  .technology-card p{margin-bottom:10px;}
  .technology-card{margin-bottom:5px;}
  .technology-card .card-title {font-size:17px;padding-bottom:5px;}
}
@media (max-width:400px){
  .technology-card .card-title {font-size:15px;}
}
/* Technology card style ends here */

/* Blog customized styles */
.review-wrapper,
.blog-scroll-wrapper {position: relative;max-width: 100%;}
.blog-scroll-container {display: flex;overflow-x: auto;scroll-snap-type: x mandatory;gap: 1.5rem;padding-bottom: 1rem;scroll-behavior: smooth;}
.blog-scroll-container::-webkit-scrollbar {display: none;}
.red, .blog-card:hover .h3 {color: #FF6C1A;}
/* #casestudyScroll {width: 120%;} */
#casestudyScroll .casestudy-wrapper {flex: 0 0 auto;width: calc(100% / 2 - 1.5rem);scroll-snap-align: start;}
.blog-card-wrapper {flex: 0 0 auto;width: calc(100% / 2 - 1rem);scroll-snap-align: start;background: #f8f9fa;}
#industriesScroll .indus-wrapper,
#reviewscroll .review-wrapper {flex: 0 0 auto;width: calc(100% / 3 - 1rem);scroll-snap-align: start;}
.scroll-btn {position: absolute;bottom: -8%;background: #fff;border: none;z-index: 2;cursor: pointer;color: #818a98;}
.scroll-btn:hover {color: #ff6c1a;}
.scroll-btn.prev {right: 8%;}
.scroll-btn.next {right: 2%;}
.blog-scroll-container.dragging {
  cursor: grabbing;
  user-select: none;
}
@media (max-width: 767px) {
  #casestudyScroll {width: 100%;}
  .blog-card-wrapper {width: 100%;}
  #casestudyScroll .casestudy-wrapper {width: calc(100% - 1rem);}
  #industriesScroll .indus-wrapper,
  #reviewscroll .review-wrapper {width: calc(100% / 2 - 1rem);}
  .scroll-btn.prev {right: 20%;}
}
@media (max-width: 575px) {
  .casestudy-section {
    overflow-x: initial;
}
.scroll-btn.prev.center {right: 50% !important;}
.scroll-btn.next.center {left: 50% !important;right: auto;}
  #casestudyScroll .casestudy-wrapper,
  #industriesScroll .indus-wrapper,
  #reviewscroll .review-wrapper {width: 100%;}
}

* OUR REAL ESTATE SOLUTION Start */
.odd-even-bg .col-lg-3:nth-child(1) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(3) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(6) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(8) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(9) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(11) .mobile-app {
  background: #f1f1f1;
}
.odd-even-bg .col-lg-3:nth-child(2) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(4) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(5) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(7) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(10) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(12) .mobile-app {
  background: #fff6f6;
}
.mobile-app {
  text-align: center;
  padding: 20px 10px;
  border: 1px solid #f7f3f2;
  height: 100%;
}
.mobile-app img {
  padding-bottom: 15px;
  width: 55px;
}
.mobile-app h3 {
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  color: #192a44;
  padding: 0;
}
/* OUR REAL ESTATE SOLUTION End */

@media (max-width: 480px) {
  /* OUR REAL ESTATE SOLUTION Start */
  .mobile-app h3 {
    font-size: 16px;
    line-height: 22px;
  }
  /* OUR REAL ESTATE SOLUTION End */
}

/* Benefits Card Start */
.benefit-card {
    padding: 30px;
    border: 1px solid #e5e7eb;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 24px;
    transition: 0.3s ease-in-out;
  }
  .benefit-card:hover {
    border: 1px solid #ff6c1a;
  }
  .benefit-card:hover h3 {
    color: #ff6c1a;
  }
  .benefit-card h3 {
    color: #192a44;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
  }
  .benefit-card p {
    color: #4c596d;
    font-size: 16px;
    font-weight: 400;
    line-height: 168%;
  }
  .benefit-solution-img {
    width: 18%;
  }
  .benefit-solution-content {
    width: 82%;
  }

@media (max-width: 1199px){
    .benefit-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 25px;
      }
      .benefit-solution-img {
        width: 60px;
      }
      .benefit-solution-content {
        width: 100%;
      }
      .benefit-card h3 {
        font-size: 20px;
      }
}
@media (max-width: 991px){
    .benefit-card h3 {
        font-size: 18px;
      }
      .benefit-card p {
        font-size: 15px;
      }
      .benefit-card {
        padding: 20px 25px;
        gap: 20px;
      }
}
@media (max-width: 767px){
    .benefit-card p {
        font-size: 14px;
      }
      .benefit-solution-img {
        width: 55px;
      }
      .benefit-card {
        padding: 20px;
      }
}
  /* Benefits Card End */