/* 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}

@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 */

.blog-content-wrap.bot-ai .details-img-wrap img {
  margin: 0 0 25px;
}
@media screen and (max-width:767px) {
  .blog-content-wrap.bot-ai .details-img-wrap img {
    margin: 0 0 15px;
  }
}

.tech-list.nav-pills { height: 300px; overflow-y: auto; row-gap: 10px; }
.tech-list.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #ff6c1a; }
.list-main { background-color: #f3f6f9; padding: 10px; }
.tech-list .nav-link { width: 100%; color: #111827; background-color: #fff; }