.faq-section {
  padding: 50px 0;
}
.faq-section .faqHeaddImg .think-img {
  text-align: center;
}
.faq-section .content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.faq-section .content-box .content {
  height: auto;
  background-color: #f1f1f2;
  padding: 30px;
}
.faq-section .content-box .content .top-heading .sub-hdg {
  color: #014051;
}
.faq-section .content-box .content .red-line {
  border-bottom: 5px solid #014051;
  width: 40px;
}
.faq-section .content-box .content p {
  padding: 12px 0;
}
.faq-section .content-box .content .input-group {
  margin: 20px auto;
  width: 85%;
}
.faq-section .content-box .content .input-group .s-bar {
  border-right: none;
  font-size: 15px;
  padding: 0.575rem 1rem;
  border-radius: 0;
}
.faq-section .content-box .content .input-group .input-group-text {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0;
}
.faq-section .content-box .content .card {
  border-bottom: 3px solid #d3d3d3;
  padding: 12px;
}
.faq-section .content-box .content .card a {
  color: #014051;
}
.faq-section .content-box .content .card .card-header {
  padding: 0;
}
.faq-section .content-box .content .card .card-header .btn {
  font-size: 15px;
  padding: 0.375rem 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.faq-section .content-box .content .card .card-header .btn,
.faq-section .content-box .content .card .card-header .btn .que {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.faq-section .content-box .content .card .card-header .btn .que span {
  margin-right: 8px;
  font-size: 16px;
  font-weight: 600;
}
.faq-section .content-box .content .card .card-header .btn .que .sub-hdg-md {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
  color: #424242;
  line-height: 25px;
  font-weight: 600;
  font-size: 15px;
  margin: 0;
  padding: 0 20px 0 0;
}
.faq-section .content-box .content .card .card-header i {
  font-size: 14px;
}
.faq-section .content-box .content .nav {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 44px;
}
.faq-section .content-box .content .nav .pag-arrow {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #014051;
  color: #fff;
  font-size: 27px;
  font-weight: 200;
  text-align: center;
  cursor: pointer;
}
.faq-section .content-box .content .nav .pag-arrow.unactive {
  background-color: #ccc;
}
.faq-section .content-box .content .nav i {
  font-size: 30px;
}
.faq-section .content-box .content .nav .fa-arrow-circle-left {
  color: #d3d3d3;
}
.faq-section .content-box .content .nav .pagination {
  margin: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 16px;
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}
.faq-section .content-box .content .nav .pagination .page-link {
  border: none;
  background: none;
  color: #000;
  font-weight: 600;
  font-size: 14px;
}
.faq-section .content-box .content .nav .pagination .page-item .page-link {
  border: none;
  background: none;
  color: #000;
  border-radius: 0;
  padding: 0 3px;
}
.faq-section .content-box .content .nav .fa-long-arrow-right,
.faq-section .content-box .content .nav .pagination .page-item .active {
  color: #014051;
}
.faq-section .content-box .detail-box2 {
  height: auto;
  background-color: #f1f1f2;
  padding: 20px 45px 40px;
}
.faq-section .content-box .detail-box2 .red-line {
  border-bottom: 5px solid #014051;
  width: 40px;
}
.faq-section .content-box .detail-box2 .btnDark .d-btn2 {
  background: #014051;
  border: 2px solid #014051;
  padding: 0 20px;
  margin: 27px 8px;
}
.faq-section .content-box .detail-box2 .btnDark .d-btn2:hover {
  background: transparent;
  color: #014051;
}
.faq-section .content-box .detail-box2 p {
  padding: 5px 0;
}
.faq-section .content-box .detail-box2 .adjust-it {
  padding: 20px 0;
  font-size: 16px;
}
.faq-section .content-box .detail-box2 .font-sm {
  font-size: 15px;
  padding: 7px 9px;
}
.faq-section .content-box .detail-box2 .cntc-details {
  font-weight: 600;
}
.faq-section .content-box .detail-box2 .cntc-details .cntc {
  margin: 0 8px;
}
.faq-section .content-box .detail-box2 .cntc-details .cntc span {
  font-size: 18px;
  color: #000;
}
.faq-section .content-box .detail-box2 .cntc-details .cntc i {
  font-size: 24px;
  color: #014051;
}
@media (min-width: 320px) and (max-width: 479px) {
  .faq-section {
    padding: 30px 0;
  }
  .faq-section .think-img {
    width: 70%;
    margin: 0 auto;
  }
  .faq-section .content-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .faq-section .content-box .content {
    padding: 30px 10px;
  }
  .faq-section .content-box .content .top-heading .sub-hdg-md {
    text-align: left;
  }
  .faq-section .content-box .content .card {
    padding: 5px 0;
  }
  .faq-section .content-box .content .card .card-header {
    padding: 0;
  }
  .faq-section .content-box .content .card .card-header .btn {
    color: #181818;
    font-weight: 800;
  }
  .faq-section .content-box .content .card .card-header .btn .que {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .faq-section .content-box .content .card .card-header .btn .que span {
    margin-right: 10px;
    font-size: 16px;
  }
  .faq-section .content-box .content .card .card-header .btn .que .sub-hdg-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
    color: #181818;
    line-height: 25px;
    font-size: 1rem;
  }
  .faq-section .content-box .detail-box2 {
    background-color: #fff;
    padding: 30px 0;
  }
  .faq-section .content-box .detail-box2 .top-heading {
    text-align: left;
  }
  .faq-section .content-box .detail-box2 .top-heading .hdg-lg-d {
    text-align: left;
    margin: 0;
  }
  .faq-section .content-box .detail-box2 .top-heading .red-line {
    margin: 5px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .faq-section .content-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .faq-section .content-box .detail-box2 {
    margin-top: 25px;
  }
}

.our-process-section {
  padding: 50px 0;
}
.our-process-section .top-content {
  width: 81%;
}
.our-process-section .top-content .sub-hdg {
  color: #014051;
}
.our-process-section .top-content .hdg-md-d {
  padding: 8px 0;
}
.our-process-section .main-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0;
  min-height: 390px;
}
.our-process-section .main-section .tab-content .tab-pane .tab-ctn-desc {
  padding-top: 0;
}
.our-process-section
  .main-section
  .tab-content
  .tab-pane
  .tab-ctn-desc
  .tab-numb {
  color: #014051;
  font-size: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 20px;
}
.our-process-section
  .main-section
  .tab-content
  .tab-pane
  .tab-ctn-desc
  .tbCtn
  .hdg-lg-d {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  padding: 15px 0 10px;
}
.our-process-section
  .main-section
  .tab-content
  .tab-pane
  .tab-ctn-desc
  .tbCtn
  ul {
  padding-left: 1rem;
}
.our-process-section
  .main-section
  .tab-content
  .tab-pane
  .tab-ctn-desc
  .tbCtn
  li {
  line-height: 40px;
}
.our-process-section .main-section .tabs-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.our-process-section .main-section .tabs-section .nav {
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  align-items: initial;
  padding: 0;
}
.our-process-section .main-section .tabs-section .btn-style {
  color: #424242;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.our-process-section .main-section .tabs-section .active {
  color: #014051;
}
.our-process-section .main-section .tabs-section .border-dot {
  height: 38px;
  width: 50%;
  margin: 10px 0;
  border-right: 3px dotted #424242;
}
.our-process-section .tab-content .tab-ctn-desc .tbCtn ul li {
  list-style: initial !important;
}
.btn-check:focus + .btn,
.btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media (min-width: 320px) and (max-width: 480px) {
  .our-process-section {
    padding: 30px 10px;
  }
  .our-process-section .top-content {
    width: 100%;
    text-align: center;
  }
  .our-process-section .top-content .hdg-lg-d,
  .our-process-section .top-content .sub-hdg-md {
    text-align: left;
  }
  .our-process-section .main-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .our-process-section .main-section .tab-content {
    text-align: center;
  }
  .our-process-section .main-section .tabs-section .nav {
    margin: 20px 0;
  }
  .our-process-section .main-section .tabs-section .nav .btn-style {
    font-size: 16px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .our-process-section {
    padding: 30px 10px;
  }
  .our-process-section .top-content {
    width: 100%;
    text-align: center;
  }
  .our-process-section .top-content .hdg-lg-d,
  .our-process-section .top-content .sub-hdg-md {
    text-align: left;
  }
  .our-process-section .main-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .our-process-section .main-section .tab-content {
    text-align: center;
  }
  .our-process-section .main-section .tabs-section .nav {
    margin: 20px 0;
  }
  .our-process-section .main-section .tabs-section .nav .btn-style {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .our-process-section {
    text-align: center;
    padding: 30px 0;
  }
  .our-process-section .main-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .our-process-section .main-section .tabs-section {
    margin: 45px 0;
  }
  .our-process-section .main-section .tabs-section .nav {
    margin: 20px 0;
  }
  .our-process-section .main-section .tabs-section .nav .btn-style {
    font-size: 20px;
  }
  .our-process-section .top-content {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .our-process-section .top-content {
    width: 100%;
  }
}

.awd-part {
  overflow: hidden;
  width: 100%;
  padding: 50px 0;
  text-align: center;
}
.awd-part .top-heading {
  padding: 0;
}
.awd-part .top-heading .sub-hdg-md {
  color: #014051;
  margin-bottom: 0;
}
.awd-part .top-heading .hdg-lg-d {
  color: #014051;
  margin-bottom: 10px;
}
.awd-part .marquee {
  height: 140px;
  overflow: hidden;
}
.awd-part .marquee.noscroll .awd-imgs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.awd-part .marquee .awd-imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24px 0;
}
.awd-part .marquee .awd-imgs img {
  height: 110px;
  max-width: 180px;
  -o-object-fit: contain;
  object-fit: contain;
  margin: auto 50px;
  float: left;
}
@media (min-width: 320px) and (max-width: 479px) {
  .awd-part {
    padding: 30px 0;
  }
  .awd-part .marquee .awd-imgs {
    min-height: 96px;
  }
  .awd-part .marquee .awd-imgs img {
    width: 60%;
    min-height: 100%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .awd-part {
    padding: 20px 0 0;
  }
  .awd-part .marquee .awd-imgs {
    min-height: 96px;
  }
  .awd-part .marquee .awd-imgs img {
    width: 60%;
    min-height: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .awd-part {
    padding: 20px 0 0;
  }
  .awd-part .marquee .awd-imgs {
    min-height: 96px;
  }
  .awd-part .marquee .awd-imgs img {
    width: 60%;
    min-height: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .awd-part {
    padding: 40px 20px;
  }
  .awd-part .marquee .awd-imgs {
    min-height: 96px;
  }
  .awd-part .marquee .awd-imgs img {
    width: 60%;
    min-height: 100%;
  }
}

.tech-sec {
  margin: 0;
}
.tech-sec .tech-col .hdg-md-d {
  color: #000;
  text-align: center;
}
.tech-sec .tech-col .tech-head {
  text-align: center;
}
.tech-sec .tech-col .filtering {
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: center;
}
.tech-sec .tech-col .filtering .active {
  border-color: #014051;
  color: #282b2d;
}
.tech-sec .tech-col .filtering span {
  border-bottom: 2px solid transparent;
  color: #282b2d;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-right: 20px;
  display: inline-block;
  margin-bottom: 5px;
  white-space: nowrap;
}
.tech-sec .tech-col .grid-gallery .gallery {
  height: auto !important;
}
.tech-sec .tech-col .grid-gallery .gallery .tw3-tabcontent {
  position: inherit !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu {
  list-style-type: none;
  margin: 15px 0 35px;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tech-sec .tech-col .sprint-wrapper ul.menu,
.tech-sec .tech-col .sprint-wrapper ul.menu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li {
  margin-right: 10px;
  font-size: 16px;
  font-family: Trebuchet MS, Arial, sans-serif;
  width: 160px;
  height: 140px;
  padding: 10px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 10px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li:before {
  content: "";
  background-image: url("https://needlepunch.com/assets/images/icons.png");
  width: 50px;
  height: 50px;
  display: block;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li:hover {
  background-color: #fbfbfa;
  -webkit-transform: translateZ(10px);
  transform: translateZ(10px);
}
.tech-sec .tech-col .sprint-wrapper ul.menu li:hover:before {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.selenium:before {
  background-position: -200px 0;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.xamarin:before {
  background-position: -450px 0;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.titanium:before {
  background-position: -200px -100px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.objective:before {
  background-position: -250px -100px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.kotlin:before {
  background-position: -150px -150px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.flutter:before {
  background-position: 0 0;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.ionic:before {
  background-position: -450px -50px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.react:before {
  background-position: -350px -50px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.swift:before {
  background-position: -300px -100px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.android:before {
  background-position: -200px -150px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.apple:before {
  background-position: -50px 0;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.angular:before {
  background-position: -400px -50px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.typescript:before {
  background-position: -150px -100px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.vue:before {
  background-position: -350px -100px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.htmls:before {
  background-position: -250px -150px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.dot-net:before {
  background-position: 0 -150px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.mongo:before {
  background-position: -100px -100px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.mssql:before {
  background-position: -300px -150px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.mysql-cat:before {
  background-position: -400px -100px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.firebase:before {
  background-position: -150px 0;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.realm:before {
  background-position: -300px -50px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.dynamo:before {
  background-position: -50px -100px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.oracle:before {
  background-position: -450px -100px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.postgre-sql:before {
  background-position: -350px -150px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.redis:before {
  background-position: -250px 0;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.php-cat:before {
  background-position: -250px -50px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.java-cls:before {
  background-position: 0 -100px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.wpf:before {
  background-position: -100px 0;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.node-js:before {
  background-position: -400px -150px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.python-cls:before {
  background-position: -200px -50px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.rails:before {
  background-position: -300px 0;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.drupals:before {
  background-position: 0 -50px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.joomla:before {
  background-position: -50px -150px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.wordpress-cls:before {
  background-position: -450px -150px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.gradle-cls:before {
  background-position: 0 -200px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.appium:before {
  background-position: -400px 0;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.magento-cls:before {
  background-position: -350px 0;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.shopify:before {
  background-position: -150px -50px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.aws-cat:before {
  background-position: -50px -50px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.google-cloud:before {
  background-position: -100px -150px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.jenkins:before {
  background-position: -100px -50px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.figma:before {
  background-position: -152px -202px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.adobe-xd:before {
  background-position: -102px -200px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.sketch:before {
  background-position: -200px -200px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.invision:before {
  background-position: -250px -200px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.illustrator:before {
  background-position: -52px -200px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.html5:before {
  background-position: -102px -300px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.css3:before {
  background-position: -50px -300px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.javascript:before {
  background-position: -150px -300px;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.react:before {
  background-position: -300px -301px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.angular:before {
  background-position: -300px -252px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.vue:before {
  background-position: -250px -250px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.bootstrap:before {
  background-position: -201px -300px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.tailwind:before {
  background-position: -350px -250px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.sass:before {
  background-position: -350px -298px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.nodejs:before {
  background-position: -100px -50px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.express:before {
  background-position: 50px -51px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.django:before {
  background-position: 0 -50px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.rails:before {
  background-position: -350px 0 !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.laravel:before {
  background-position: -201px -50px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.dotnet:before {
  background-position: -151px -51px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.spring:before {
  background-position: -252px -51px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.mysql:before {
  background-position: 0 -150px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.postgresql:before {
  background-position: 0 -201px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.mongodb:before {
  background-position: -251px -150px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.firebase:before {
  background-position: -300px 0 !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.redis:before {
  background-position: -200px -150px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.sqlite:before {
  background-position: -150px -150px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.shopify:before {
  background-position: -50px -250px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.woocommerce:before {
  background-position: 0 -250px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.magento:before {
  background-position: -200px -250px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.bigcommerce:before {
  background-position: -150px -252px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.opencart:before {
  background-position: -100px -250px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.joomla:before {
  background-position: -350px 50px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.sharepoint:before {
  background-position: -251px 50px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.liferay:before {
  background-position: -301px 50px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.rest:before {
  background-position: 249px 0 !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.graphql:before {
  background-position: 150px 0 !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.oauth:before {
  background-position: 198px 0 !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.soap:before {
  background-position: 300px 0 !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.wordpress:before {
  background-position: 100px -150px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.drupal:before {
  background-position: -101px -151px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.contentful:before {
  background-position: 50px -101px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.strapi:before {
  background-position: 99px -101px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.ghost:before {
  background-position: 50px -152px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.docker:before {
  background-position: -100px -101px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.jenkins:before {
  background-position: 100px -201px !important;
}
.tech-sec .tech-col .sprint-wrapper ul.menu li.git:before {
  background-position: 50px -201px !important;
}
.tech-sec {
  padding: 50px 0;
}
.tech-col {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
.sprint-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}
.tech-section-title {
  font-size: 24px;
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 320px) and (max-width: 480px) {
  .tech-sec {
    padding: 50px 0;
  }
  .tech-sec .tech-col .tech-head {
    font-size: 24px;
  }
  .tech-sec .tech-col .filtering {
    display: inline;
  }
  .tech-sec .tech-col .filtering .active {
    color: #014051;
  }
  .tech-sec .tech-col .grid-gallery .gallery {
    height: auto !important;
  }
  .tech-sec .tech-col .grid-gallery .gallery .tw3-tabcontent {
    position: inherit !important;
  }
  .tech-sec .tech-col .sprint-wrapper ul {
    padding-left: 0.2rem;
  }
  .tech-sec .tech-col .sprint-wrapper ul.menu {
    margin: 0;
    padding-top: 20px;
  }
  .tech-sec .tech-col .sprint-wrapper ul.menu li {
    width: 100px;
    height: 100px;
  }
}

.main-banner {
  padding: 50px 0;
}
.main-banner .top-heading {
  text-align: center;
  padding: 10px 0;
}
.main-banner .mainbannercols {
  display: flex;
  position: relative;
}
.main-banner .mainbannercols .bannercol-l {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main-banner .mainbannercols .bannercol-l p {
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
}
.main-banner .mainbannercols .bannercol-l .banlone .hdg-md-d {
  font-size: 27px;
  font-weight: 800;
}
.main-banner .mainbannercols .bannercol-l .banltwo {
  padding: 68px 61px 68px 0;
}
.main-banner .mainbannercols .bannercol-l .banltwo .hdg-md-d {
  font-size: 27px;
  font-weight: 800;
}
.main-banner .mainbannercols .bannercol-l .banlthree {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 96px 0 0;
}
.main-banner .mainbannercols .bannercol-l .banlthree img {
  width: 52px;
}
.main-banner .mainbannercols .bannercol-l .banlthree p {
  color: #000000;
  padding-top: 6px;
  font-weight: 600;
}
.main-banner .mainbannercols .bannercol-c {
  display: flex;
  align-items: flex-end;
  padding-top: 35px;
}
.main-banner .mainbannercols .bannercol-c .banimgrow {
  width: 30%;
  border-right: 1px solid;
  border-left: 1px solid;
  height: 475px;
  overflow: hidden;
  background: #fff;
  position: relative;
}
.main-banner .mainbannercols .bannercol-c .banimgrow:first-child {
  border-left: 0;
}
.main-banner .mainbannercols .bannercol-c .banimgrow:last-child {
  border-right: 0;
}
.main-banner .mainbannercols .bannercol-c .banimgrow img {
  position: relative;
  border-radius: 460px;
}
.main-banner .mainbannercols .bannercol-c .one {
  overflow: hidden;
}
.main-banner .mainbannercols .bannercol-c .one span {
  font-size: 109px;
  position: absolute;
  color: #000000;
  right: -26px;
  font-weight: 800;
}
.main-banner .mainbannercols .bannercol-c .one .banimgroww {
  background-image: url("https://needlepunch.com/assets/images/new-images/Layer2.png");
  border-radius: 200px;
  background-position: center;
  background-repeat: no-repeat;
  width: 275px;
  height: 275px;
  position: relative;
  top: 151px;
}
.main-banner .mainbannercols .bannercol-c .two {
  overflow: hidden;
}
.main-banner .mainbannercols .bannercol-c .two span {
  font-size: 109px;
  position: absolute;
  color: #000000;
  right: 23px;
  bottom: -22px;
  font-weight: 800;
}
.main-banner .mainbannercols .bannercol-c .two .banimgroww {
  background-image: url("https://needlepunch.com/assets/images/new-images/Layer3.png");
  border-radius: 200px;
  background-position: right;
  background-repeat: no-repeat;
  width: 300px;
  height: 300px;
  position: relative;
  top: 37px;
}
.main-banner .mainbannercols .bannercol-c .three {
  overflow: hidden;
}
.main-banner .mainbannercols .bannercol-c .three .banimgroww {
  background-image: url("https://needlepunch.com/assets/images/new-images/Layer1.png");
  border-radius: 200px;
  background-position: center;
  background-repeat: no-repeat;
  width: 290px;
  height: 290px;
  position: relative;
  top: 77px;
}
.main-banner .mainbannercols .bannercol-c .four {
  overflow: hidden;
}
.main-banner .mainbannercols .bannercol-c .four .banimgroww {
  background-image: url("https://needlepunch.com/assets/images/new-images/Layer4.png");
  border-radius: 200px;
  background-position: center;
  background-repeat: no-repeat;
  width: 298px;
  height: 298px;
  position: relative;
  top: 174px;
}
.main-banner .mainbannercols .bannercol-r {
  display: flex;
  flex-direction: column;
}
.main-banner .mainbannercols .bannercol-r .banrone {
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 21px;
  background: linear-gradient(90deg, #ff9c81 36%, transparent 36%);
  transition: all 0.2s ease;
}
.main-banner .mainbannercols .bannercol-r .banrone:hover {
  transition: all 0.2s ease;
}
.main-banner .mainbannercols .bannercol-r .banrone .sub-hdg-md {
  font-size: 12px;
  text-align: left;
  color: #2f9780;
  line-height: 17px;
  margin: 0;
  padding: 0;
}
.main-banner .mainbannercols .bannercol-r .banrone .hr {
  background: #000;
  height: 2px;
  width: 42px;
  margin: 6px 0;
}
.main-banner .mainbannercols .bannercol-r .banrone p {
  font-weight: 600;
  color: #000000;
  line-height: 18px;
}
.main-banner .mainbannercols .bannercol-r .banrthree {
  position: absolute;
  top: 323px;
  right: 0;
}
.main-banner .banner-bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 50px 0;
}
.main-banner .banner-bottom .savingdt {
  display: flex;
  align-items: center;
}
.main-banner .banner-bottom .savingdt:hover .saving-icon {
  background-color: #e9e9e9 !important;
}
.main-banner .banner-bottom .savingdt:hover .saving-icon i {
  color: #363636 !important;
}
.main-banner .banner-bottom .savingdt .saving-icon {
  display: flex;
  align-items: center;
  background: #363636;
  width: 109px;
  height: 110px;
  justify-content: center;
  border-radius: 70px;
  transition: all 0.5s ease;
}
.main-banner .banner-bottom .savingdt .saving-icon .fa {
  font-size: 41px;
  color: #e9e9e9;
}
.main-banner .banner-bottom .savingdt .saving-amount {
  margin-left: 15px;
}
.main-banner .banner-bottom .savingdt .saving-amount .hdg-md-d {
  font-size: 40px;
  font-weight: 800;
}
.main-banner .banner-bottom .savingdt .saving-amount .smtext {
  font-size: 28px;
  font-weight: 600;
  color: #707070;
}
.main-banner .banner-bottom .svaingimg {
  padding-left: 38px;
}
.main-banner .banner-bottom .svaingimg img {
  width: 70px;
}
.main-banner .banner-bottom .btnDark .d-btn2 {
  background: #ebebeb;
  border: #ebebeb;
  font-size: 22px;
  color: #1e1e1e;
  font-weight: 600;
  padding: 35px 55px;
  border-radius: 8px;
  animation: glow 1s ease-in-out infinite alternate;
}
.main-banner .banner-bottom .btnDark .d-btn2:hover {
  background: #014051;
  color: #fff;
  border: #014051;
}
.elementmove {
  -webkit-animation: action 2s infinite alternate;
  animation: action 2s infinite alternate;
}
.banimgrow:nth-child(1) .elementmove {
  -webkit-animation: action 2s infinite alternate;
  animation: action 2s infinite alternate;
}
.banimgrow:nth-child(2) .elementmove {
  -webkit-animation: action 3s infinite alternate;
  animation: action 3s infinite alternate;
}
.banimgrow:nth-child(3) .elementmove {
  -webkit-animation: action 2.5s infinite alternate;
  animation: action 2.5s infinite alternate;
}
.banimgrow:nth-child(4) .elementmove {
  -webkit-animation: action 3.5s infinite alternate;
  animation: action 3.5s infinite alternate;
}
@-webkit-keyframes action {
  0% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes action {
  0% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateX(0);
  }
}
.anmiate-onelr {
  position: relative;
  transform: translateX(200px);
  opacity: 0;
  transition: 3s all ease;
}
.anmiate-onelr.active {
  transform: translateX(0);
  opacity: 1;
}
.anmiate-twolr {
  position: relative;
  transform: translateX(200px);
  opacity: 0;
  transition: 3s all ease;
}
.anmiate-twolr.active {
  transform: translateX(-50px);
  opacity: 1;
}
.anmiate-threerl {
  position: relative;
  transform: translateX(-200px);
  opacity: 0;
  transition: 3s all ease;
}
.anmiate-threerl.active {
  transform: translateX(-50px);
  opacity: 1;
}
.anmiate-fourthrl {
  position: relative;
  transform: translateX(-200px);
  opacity: 0;
  transition: 3s all ease;
}
.anmiate-fourthrl.active {
  transform: translateX(-113px);
  opacity: 1;
}
@-webkit-keyframes glow {
  from {
    box-shadow: 0 8px 19px #ebebeb;
  }
  to {
    box-shadow: 0 0 0 #ebebeb;
  }
} /*svg style*/
svg .svg-elem-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}
svg.active .svg-elem-1 {
  fill: rgb(148, 84, 205);
}
svg .svg-elem-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}
svg.active .svg-elem-2 {
  fill: url("7.css@v=291260992.css");
}
svg .svg-elem-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}
svg.active .svg-elem-3 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}
svg.active .svg-elem-4 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-5 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.2000000000000002s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}
svg.active .svg-elem-5 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-6 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}
svg.active .svg-elem-6 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-7 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.4000000000000001s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}
svg.active .svg-elem-7 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-8 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}
svg.active .svg-elem-8 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-9 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}
svg.active .svg-elem-9 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-10 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.7000000000000002s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}
svg.active .svg-elem-10 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-11 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}
svg.active .svg-elem-11 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-12 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.9000000000000001s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}
svg.active .svg-elem-12 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-13 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}
svg.active .svg-elem-13 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-14 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}
svg.active .svg-elem-14 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-15 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}
svg.active .svg-elem-15 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-16 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}
svg.active .svg-elem-16 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-17 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
    2.4000000000000004s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}
svg.active .svg-elem-17 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-18 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}
svg.active .svg-elem-18 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-19 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}
svg.active .svg-elem-19 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-20 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}
svg.active .svg-elem-20 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-21 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
}
svg.active .svg-elem-21 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-22 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
    2.9000000000000004s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
}
svg.active .svg-elem-22 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-23 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
}
svg.active .svg-elem-23 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-24 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
    3.1000000000000005s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s;
}
svg.active .svg-elem-24 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-25 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
}
svg.active .svg-elem-25 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-26 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
}
svg.active .svg-elem-26 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-27 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
    3.4000000000000004s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
}
svg.active .svg-elem-27 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-28 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
}
svg.active .svg-elem-28 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-29 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
    3.6000000000000005s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
}
svg.active .svg-elem-29 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-30 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
}
svg.active .svg-elem-30 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-31 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
}
svg.active .svg-elem-31 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-32 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
    3.9000000000000004s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
}
svg.active .svg-elem-32 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-33 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
}
svg.active .svg-elem-33 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-34 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
    4.1000000000000005s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s;
}
svg.active .svg-elem-34 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-35 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
}
svg.active .svg-elem-35 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-36 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s;
}
svg.active .svg-elem-36 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-37 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s;
}
svg.active .svg-elem-37 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-38 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s;
}
svg.active .svg-elem-38 {
  fill: rgb(255, 255, 255);
}
svg .svg-elem-39 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
    4.6000000000000005s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s;
}
svg.active .svg-elem-39 {
  fill: rgb(255, 255, 255);
}

.head2 {
  color: #f6f6f6;
  font-size: 20px;
  font-weight: 500;
}
.doubleHead {
  font-family: Inter, "sans-serif" !important;
  font-size: 34px !important;
  color: #000;
}
.doubleHead span {
  color: #014051;
}
.tPhead {
  margin-bottom: 30px;
  text-align: center;
}
.tPhead .head2 {
  color: #676770;
  font-weight: 500;
  font-size: 18px;
}
.tPhead .doubleHead {
  margin-bottom: 10px;
  font-size: 34px;
}
.content-heading {
  font-size: 38px !important;
  margin-bottom: 12px !important;
  line-height: 1.3;
  font-weight: 500 !important;
  color: #fff;
  max-width: 650px;
}
.section-title {
  font-size: 22px;
  color: #413e3e;
  font-weight: 600;
  margin-bottom: 15px;
}
.hero-sec .main-hero-div {
  color: #fff;
  position: relative;
  padding: 120px 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.hero-sec .hero-section .tag,
.hero-sec .tag {
  background-color: #014051;
  color: #fff;
  padding: 8px 16px;
  border-radius: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  font-weight: 500 !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px !important;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.hero-sec .hero-section .tag .dot,
.hero-sec .tag .dot {
  background: #fff;
  height: 8px;
  width: 8px;
  border-radius: 50%;
}
.hero-sec .hero-heading-mob-1 {
  font-size: 40px;
  font-weight: 600;
}
.hero-sec .head-p-hero-sec {
  font-size: 20px;
  margin-bottom: 30px;
  max-width: 600px;
  line-height: 1.6;
  color: #fff !important;
}
.hero-sec .cta-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #014051;
  color: #fff;
  padding: 0 0 0 15px;
  border-radius: 6px !important;
  border: none;
  text-decoration: none;
  font-weight: 700;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  gap: 10px;
  font-weight: 500;
  font-size: 15px;
}
.hero-sec .cta-button:hover {
  background-color: #014051;
}
.hero-sec .cta-button .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
.hero-sec .cta-button .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #333;
  width: 50px;
  height: 50px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.hero-sec .cta-button .icon:before {
  content: "";
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  margin-left: -6px;
  -webkit-transform: rotate(316deg);
  transform: rotate(316deg);
}
.hero-sec .scroll-indicator {
  position: absolute;
  bottom: -22px;
  border: 2px solid #fff;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  background-color: #014051;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hero-sec .scroll-indicator:active {
  border: 1px solid #fff;
}
.hero-sec .scroll-indicator .scroll-arrow {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  margin-top: -8px;
  display: inline-block;
  padding: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: arrowBounce 1s infinite;
  animation: arrowBounce 1s infinite;
  position: relative;
}
@-webkit-keyframes arrowBounce {
  0%,
  to {
    top: -2px;
  }
  50% {
    top: 2px;
  }
}
@keyframes arrowBounce {
  0%,
  to {
    top: -2px;
  }
  50% {
    top: 2px;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .hero-sec .hero-section .tag,
  .hero-sec .tag {
    background: transparent;
    padding-left: 0;
    line-height: 1.7;
    margin-bottom: 10px;
  }
  .hero-sec .exclaim-div {
    display: none;
  }
  .hero-sec .main-hero-div {
    padding: 100px 0 60px;
  }
  .hero-sec .doubleHead {
    font-size: 28px;
  }
  .hero-sec .content-heading {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .hero-sec .contact-button span {
    height: 28px;
  }
  .hero-sec .cta-button {
    font-size: 13px;
  }
  .hero-sec .main-hero-div:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
  }
  .hero-sec .container {
    z-index: 1;
  }
  .hero-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
  }
}

.stats-section {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f8f8f8;
  padding: 0 !important;
}
.stats-section,
.stats-section .cta-container .cta-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.stats-section .cta-container .cta-button {
  border-radius: 6px;
  padding: 12px 30px;
}
.stats-section .stats-container {
  border-radius: 20px;
  padding: 50px 0;
  width: 100%;
  max-width: 1200px;
}
.stats-section .stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-bottom: 40px;
  text-align: center;
}
.stats-section .stat-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
}
.stats-section .stat-number {
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 10px;
  background: linear-gradient(45deg, #000, #050505);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.stats-section .stat-label {
  color: #000;
  font-size: 0.95em;
  line-height: 1.4;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
.stats-section .cta-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
.stats-section .cta-button {
  background-color: #014051;
  color: #fff;
  padding: 12px;
  border: 2px solid #fff;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.stats-section .cta-button:hover {
  background-color: #014051;
  color: #fff;
}
.stats-section .cta-button.cta-v-sc {
  width: 80%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 20px;
}
.stats-section .cta-button .arrow-icon-cta {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 50%;
}
@media (min-width: 320px) and (max-width: 768px) {
  .stats-section .stats-grid {
    grid-template-columns: 1fr;
  }
  .stats-section .stats-container {
    padding: 40px 20px;
  }
  .stats-section .stat-number {
    font-size: 2em;
  }
  .stats-section .cta-container .cta-button {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .stats-section .stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

.service-sec-one {
  padding: 50px 0;
}
.service-sec-one .cta-button {
  background-color: #014051;
  color: #fff;
  padding: 12px;
  border: 2px solid #fff;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.service-sec-one .cta-button:hover {
  background-color: #014051;
  color: #fff;
}
.service-sec-one .cta-button.cta-v-sc {
  width: 80%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 20px;
}
.service-sec-one .cta-button .arrow-icon-cta {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 50%;
}
.service-sec-one .serv-heading-h3 {
  font-size: 30px !important;
  margin-bottom: 20px !important;
  color: #000;
}
.service-sec-one .serv-heading-h2 {
  font-size: 19px !important;
  margin-bottom: 10px !important;
  font-weight: 600;
  color: #014051;
}
.service-sec-one .container {
  padding: 0 !important;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (min-width: 320px) and (max-width: 768px) {
  .service-sec-one .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.service-sec-one .service-left {
  width: 35%;
}
.service-sec-one .service-left .sub-hdg {
  color: #014051;
}
.service-sec-one .service-left .cta-container .cta-button {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
  padding: 12px 30px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .service-sec-one .service-left {
    width: 100%;
    padding: 15px;
  }
}
.service-sec-one .service-right {
  width: 65%;
}
@media (min-width: 320px) and (max-width: 768px) {
  .service-sec-one .service-right {
    width: 100%;
    padding: 20px;
  }
}
.service-sec-one .services-description {
  color: #666;
  margin-bottom: 20px;
  max-width: 600px;
}
.service-sec-one p {
  font-size: 14px;
  margin-bottom: 20px;
}
.service-sec-one .services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 30px;
}
.service-sec-one .service-card {
  padding: 20px 10px;
  text-align: center;
  -webkit-box-shadow: 2px 4px 4px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 4px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  background: #fff;
  min-height: 300px;
  width: 230px;
  border: 1px solid #d1d1d1;
}
.service-sec-one .service-card:hover {
  background: #222;
  color: #fff;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.service-sec-one .service-card:hover .service-description,
.service-sec-one .service-card:hover .service-title {
  color: #fff;
}
.service-sec-one .service-card:hover img {
  -webkit-filter: invert(1);
  filter: invert(1);
}
.service-sec-one .service-card:hover .corner-accent {
  top: 7px;
  left: 7px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .service-sec-one .service-card {
    width: 100%;
  }
}
.service-sec-one .service-card .service-icon {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
}
.service-sec-one .service-card .service-title {
  font-size: 18px;
  margin-bottom: 7px;
  color: #212529;
  font-weight: 600;
}
.service-sec-one .service-card .service-title:hover,
.service-sec-one .service-card h3:hover {
  color: #fff;
}
.service-sec-one .service-card .service-description {
  font-size: 14px;
  line-height: 1.6;
}
.service-sec-one .service-card .corner-accent {
  position: absolute;
  top: -4px;
  left: -4px;
  width: 40px;
  height: 40px;
  border-top: 3px solid #014051;
  border-left: 3px solid #014051;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.portfolio-sec .top-heading {
  text-align: center;
  margin: 10px 0;
}
.portfolio-sec .top-heading .sub-hdg {
  color: #d21200;
}
.portfolio-sec .portfolio-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 415px;
  gap: 0;
}
.portfolio-sec .portfolio-content .hdg-md-d,
.portfolio-sec .portfolio-content .sub-hdg {
  color: #fff;
}
.portfolio-sec .portfolio-item {
  position: relative;
  padding: 40px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-size: cover;
  background-position: 50%;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  overflow: hidden;
}
.portfolio-sec .portfolio-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.portfolio-sec .portfolio-item img {
  position: absolute;
  width: 54%;
  right: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.portfolio-sec .portfolio-item:hover:before {
  background: rgba(39, 39, 39, 0.5);
}
.portfolio-sec .portfolio-content {
  position: relative;
  z-index: 2;
  max-width: 300px;
}
.portfolio-sec .portfolio-title {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #fff;
}
.portfolio-sec .portfolio-description {
  font-size: 28px;
  line-height: 1.3;
  margin-bottom: 30px;
  color: #fff;
}
.portfolio-sec .cta-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 9px 30px;
  font-size: 15px;
  background: none;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  gap: 8px;
}
.portfolio-sec .cta-button:hover {
  background: #014051;
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
  color: #fff;
  border: 1px solid #014051;
}
.portfolio-sec .cta-button:after {
  content: "";
  margin-left: 8px;
}
.portfolio-sec .cta-button .arrow-icon-cta {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 50%;
}
@media (max-width: 768px) {
  .portfolio-sec .top-heading {
    text-align: left;
  }
  .portfolio-sec .portfolio-item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .portfolio-sec .portfolio-item img {
    position: absolute;
    width: 70%;
    height: 229px;
    right: 0;
    -o-object-fit: cover;
    object-fit: cover;
    top: 246px;
  }
  .portfolio-sec .portfolio-grid {
    display: grid;
    grid-auto-rows: 477px;
    gap: 0;
    grid-template-columns: 1fr;
  }
  .portfolio-sec .portfolio-description {
    font-size: 24px;
  }
}

.featureGrid {
  padding: 50px 0;
}
.featureGrid .section-header {
  text-align: center;
  width: 75%;
  margin: 0 auto 30px;
}
.featureGrid .section-header .sub-hdg {
  color: #686868;
}
.featureGrid .featGridSec {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.featureGrid .featGridSec .feature-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding: 30px;
  background-color: #fff;
  border-radius: 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.featureGrid .featGridSec .feature-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  background-color: #bad1d8;
}
.featureGrid .featGridSec .feature-card:hover .feature-icon {
  background: #fff;
}
.featureGrid .featGridSec .feature-card .feature-icon {
  width: 60px;
  height: 60px;
  min-width: 60px;
  background: #30859c;
  border-radius: 50%;
  padding: 15px;
  border: 2px dashed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.featureGrid .featGridSec .feature-card .feature-icon img,
.featureGrid .featGridSec .feature-card .feature-icon svg {
  width: 100%;
  height: 100%;
  color: #000;
}
.featureGrid .featGridSec .feature-card .feature-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.featureGrid .featGridSec .feature-card .feature-content .feature-description {
  font-size: 15px;
  color: #666;
  line-height: 1.6;
}
@media (min-width: 320px) and (max-width: 768px) {
  .featureGrid .featGridSec {
    grid-template-columns: 1fr;
  }
  .featureGrid .feature-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 20px;
  }
  .featureGrid .feature-icon {
    margin: 0 auto 15px;
  }
}

.seoScsSection {
  padding: 50px 0;
}
.seoScsSection .hdg-md-d {
  color: #232323;
}
.seoScsSection .hdg-md-d span {
  color: #014051;
}
.seoScsSection .sub-hdg {
  color: #787575;
}
.seoScsSection .container {
  width: 100%;
  max-width: 1100px;
}
.seoScsSection .nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-shadow: 0 0 9px 0 #6363631f;
  box-shadow: 0 0 9px 0 #6363631f;
  border: 0;
  margin-bottom: 28px;
}
.seoScsSection .nav-tabs .nav-item {
  width: 16.5%;
}
.seoScsSection .nav-tabs .nav-item.active,
.seoScsSection .nav-tabs .nav-item:hover {
  color: #014051;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#eef6ff),
    to(#fdfdfd)
  );
  background: linear-gradient(0deg, #eef6ff, #fdfdfd);
  border-bottom: 4px solid #014051;
}
.seoScsSection .nav-tabs .nav-item.active {
  background-color: transparent;
}
.logoSize {
  width: 170px;
}
.seoScsSection .nav-tabs .nav-item .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 170px;
  border: 0;
  color: #666;
  font-size: 14px;
  font-weight: 500;
  padding: 30px 10px;
  border-bottom: 4px solid transparent;
}
.seoScsSection .nav-tabs .nav-item .nav-link img {
  width: 35px;
}
.seoScsSection .seoScBdy .tab-pane {
  display: none;
}
.seoScsSection .seoScBdy .tab-pane.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media (min-width: 320px) and (max-width: 768px) {
  .seoScsSection .seoScBdy .tab-pane.active {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.seoScsSection .seoScBdy .tab-pane.active .seoSclt {
  width: 55%;
}
.seoScsSection .seoScBdy .tab-pane.active .seoSclt .head2 {
  color: #343434;
  margin-bottom: 10px;
  font-weight: 600;
}
.seoScsSection .seoScBdy .tab-pane.active .seoSclt .para {
  color: #4c4c4c;
  font-size: 15px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .seoScsSection .seoScBdy .tab-pane.active .seoSclt {
    width: 100%;
  }
}
.seoScsSection .seoScBdy .tab-pane.active .seoScrt {
  width: 45%;
}
@media (min-width: 320px) and (max-width: 768px) {
  .seoScsSection .seoScBdy .tab-pane.active .seoScrt {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .seoScsSection .nav-tabs .nav-item {
    width: 50%;
  }
}

.hero-sec-two {
  color: #fff;
  padding: 40px 120px;
  position: relative;
  min-height: 400px;
  overflow: hidden;
}
.hero-sec-two .container {
  display: grid;
  grid-template-columns: repeat(1, 0.8fr);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.hero-sec-two .content {
  padding: 50px 0;
  width: 70%;
}
.hero-sec-two .content .hdg-md-d {
  color: #fff;
}
.hero-sec-two .hero-p {
  font-size: 16px;
  line-height: 1.6;
  margin: 22px 0;
  color: #fff;
  max-width: 600px;
}
.hero-sec-two .get-started {
  display: inline-block;
  padding: 9px 30px;
  background: #014051;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 500;
  margin-bottom: 24px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hero-sec-two .get-started:hover {
  background: #014051;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.hero-sec-two .guarantee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-weight: 500;
  color: hsla(0, 0%, 100%, 0.9);
}
.hero-sec-two .guarantee,
.hero-sec-two .guarantee:before {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.hero-sec-two .guarantee:before {
  content: "\2713";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: hsla(0, 0%, 100%, 0.1);
  border-radius: 50%;
  margin-right: 8px;
}
.hero-sec-two:after {
  content: "";
  position: absolute;
  right: 125px;
  top: 55%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 400px;
  height: 400px;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-animation: float 6s ease-in-out infinite;
  animation: float 6s ease-in-out infinite;
}
@-webkit-keyframes float {
  0%,
  to {
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
  }
  50% {
    -webkit-transform: translateY(-50%) translateX(-20px);
    transform: translateY(-50%) translateX(-20px);
  }
}
@keyframes float {
  0%,
  to {
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
  }
  50% {
    -webkit-transform: translateY(-50%) translateX(-20px);
    transform: translateY(-50%) translateX(-20px);
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .hero-sec-two {
    padding: 40px 20px;
  }
  .hero-sec-two .launch-bg {
    display: none;
  }
  .hero-sec-two .guarantee {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .hero-sec-two .container {
    text-align: center;
    grid-template-columns: none;
  }
  .hero-sec-two .content {
    padding: 40px 0;
    padding-right: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
  }
}

.industry-sec {
  background: #f9f9f9;
  padding: 50px 0;
}
.industry-sec .section-header {
  text-align: center;
  margin-bottom: 50px;
}
.industry-sec .section-header .hdg-md-d {
  color: #232323;
}
.industry-sec .section-title {
  font-size: 36px;
  color: #333;
}
.industry-sec .section-title span {
  color: #f44336;
}
.industry-sec .industries-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  background-color: #eee;
  border: 1px solid #eee;
}
.industry-sec .industry-card {
  background: #f9f9f9;
  aspect-ratio: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
}
.industry-sec .industry-card:hover {
  background-color: #f3f3f3;
  color: #014051;
}
.industry-sec .industry-icon {
  width: 46px;
  height: 46px;
  margin-bottom: 15px;
}
.industry-sec .industry-name {
  font-size: 16px;
  font-weight: 500;
}
@media (min-width: 320px) and (max-width: 768px) {
  .industry-sec .industries-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .industry-sec .industry-card {
    padding: 15px;
    aspect-ratio: auto;
  }
  .industry-sec .industry-icon {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .industry-sec .industries-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.rev-crd-flex {
  display: block;
  width: 100%;
}
.splide {
  padding: 0 50px !important;
  visibility: visible !important;
}
.splide__slide {
  padding: 10px !important;
}
.splide__arrow {
  background: #fff !important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
.splide__arrow svg {
  fill: #333 !important;
}
.splide__pagination {
  bottom: -2em !important;
}
.splide__pagination__page {
  background: #ddd !important;
}
.splide__pagination__page.is-active {
  background: #00492e !important;
}
.splide__track {
  overflow: visible;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.review-sec {
  padding: 50px 0;
  overflow: hidden;
}
.review-sec .hdg-md-d {
  color: #232323;
}
.review-sec .hdg-md-d span {
  color: #014051;
}
.review-sec .rev-crd-flex {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.review-sec .rev-crd-flex,
.review-sec .review-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.review-sec .review-card {
  background: #fff;
  -webkit-box-shadow: -1px 5px 8px 0 rgba(0, 0, 0, 0.19);
  box-shadow: -1px 5px 8px 0 rgba(0, 0, 0, 0.19);
  max-width: 500px;
  margin: 20px;
  border-bottom: 2px solid #014051;
}
.review-sec .review-card.mobile {
  -webkit-box-shadow: 0 0 0 3px #cacaca !important;
  box-shadow: 0 0 0 3px #cacaca !important;
  border: 2px solid #e1e1e1;
}
.review-sec .review-card.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.review-sec .review-card.flex-column .review-left,
.review-sec .review-card.flex-column .review-right {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 50%;
  padding: 20px 10px 0;
}
.review-sec .review-card .review-left {
  -webkit-box-flex: 6;
  -ms-flex: 6;
  flex: 6;
  padding: 28px 25px;
  text-align: center;
}
.review-sec .review-card .review-right {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
  background: #014051;
  padding: 15px;
  color: #fff;
}
.review-sec .reviewer-info {
  margin-bottom: 20px;
}
.review-sec .reviewer-info .reviewer-name {
  font-weight: 600;
  font-size: 18px;
  margin: 0 0 4px;
}
.review-sec .reviewer-info .reviewer-position {
  color: #666;
  font-size: 14px;
  margin: 0 0 15px;
}
.review-sec .review-text {
  font-size: 15px;
  color: #333;
  line-height: 1.5;
  margin-bottom: 20px;
}
.review-sec .check-review-btn {
  background: #014051;
  color: #fff;
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.review-sec .check-review-btn:hover {
  background: #014051;
}
.review-sec .rating-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.review-sec .rating-header .rating-number {
  background: #3f51b5;
  font-size: 20px;
  font-weight: 700;
  margin-right: 10px;
  padding: 2px 6px;
}
.review-sec .rating-header .stars {
  color: gold;
  font-size: 24px;
}
.review-sec .rating-items {
  margin: 30px 0;
}
.review-sec .rating-items .rating-item {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 14px;
}
.review-sec .powered-by {
  text-align: center;
  width: 120px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .splide__slide {
    margin: auto !important;
    width: calc(100% + 0rem);
  }
  .splide__track {
    overflow: hidden;
  }
  .splide {
    padding: 0 !important;
  }
  .review-sec .rating-items {
    margin: 12px 0;
  }
  .review-sec .review-card {
    -webkit-box-shadow: 0 0 0 3px #cacaca !important;
    box-shadow: 0 0 0 3px #cacaca !important;
    border: 2px solid #e1e1e1;
    border-bottom: 2px solid #014051;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .review-sec .rev-crd-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .review-sec .rev-crd-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .review-sec .review-card {
    max-width: 100%;
  }
}