section {
  padding: 60px 0;
  min-height: 100vh;
}
a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bg-gray {
  /* background-color: #f9f9f9; */
}

.site-heading h2 {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.site-heading h2 span {
  color: black;
}

.site-heading h4 {
  display: inline-block;
  padding-bottom: 20px;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
}

.site-heading h4::before {
  /* background: black none repeat scroll 0 0; */
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  width: 50px;
}

.site-heading {
  margin-bottom: 60px;
  overflow: hidden;
  margin-top: -5px;
}

.carousel-shadow .owl-stage-outer {
  margin: -15px -15px 0;
  padding: 15px;
}

.we-offer-area .our-offer-carousel .owl-dots .owl-dot span {
  /* background: #ffffff none repeat scroll 0 0; */
  border: 2px solid;
  height: 15px;
  margin: 0 5px;
  width: 15px;
}

.we-offer-area .our-offer-carousel .owl-dots .owl-dot.active span {
  background: black none repeat scroll 0 0;
  border-color: black;
}

.we-offer-area .item {
  background: #ffffff none repeat scroll 0 0;
  border-left: 2px solid black;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  overflow: hidden;
  padding: 30px;
  position: relative;
  z-index: 1;
}

.we-offer-area.text-center .item {
  background: #ffffff none repeat scroll 0 0;
  border: medium none;
  padding: 30px;
  width:350px;
}

.we-offer-area.text-center .item img {
  /* background: black none repeat scroll 0 0; */
 
  margin-bottom: 30px;
}

.we-offer-area.text-center .item i::after {
  /* border: 2px solid black; */
  -webkit-border-radius: 50%;
  background:url("../assets/images/logo/consult-ser.svg") ;
  background-position: center center;
  background-size: 60px;
  background-repeat: no-repeat;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 90px;
  left: -5px;
  position: absolute;
  top: -5px;
  width: 90px;
  z-index: -1;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.we-offer-area.item-border-less .item {
  border: medium none;
}

.we-offer-area .our-offer-items.less-carousel .equal-height {
  margin-bottom: 30px;
}

.we-offer-area.item-border-less .item .number {
  font-family: "Poppins", sans-serif;
  font-size: 50px;
  font-weight: 900;
  opacity: 0.1;
  position: absolute;
  right: 30px;
  top: 30px;
}

.our-offer-carousel.center-active .owl-item:nth-child(2n) .item,
.we-offer-area.center-active .single-item:nth-child(2n) .item {
  background: black none repeat scroll 0 0;
}

.our-offer-carousel.center-active .owl-item:nth-child(2n) .item i,
.our-offer-carousel.center-active .owl-item:nth-child(2n) .item h4,
.our-offer-carousel.center-active .owl-item:nth-child(2n) .item p,
.we-offer-area.center-active .single-item:nth-child(2n) .item i,
.we-offer-area.center-active .single-item:nth-child(2n) .item h4,
.we-offer-area.center-active .single-item:nth-child(2n) .item p {
  /* color: #ffffff; */
}

.we-offer-area .item i {
  color:black;
  display: inline-block;
  font-size: 60px;
  margin-bottom: 20px;
}

.we-offer-area .item h4 {
  font-weight: 600;
  text-transform: capitalize;
}

.we-offer-area .item p {
  margin: 0;
  color: #2A2A2A;
  
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
  /* display: -webkit-box; */
  /* -webkit-line-clamp: 10; */
  /* -webkit-box-orient: vertical; */
}



.we-offer-area .item::after {
  /* background: black none repeat scroll 0 0; */
  content: "";
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  width: 100%;
  z-index: -1;
}

.we-offer-area .item:hover::after {
  left: 0;
}

.we-offer-area .item:hover i,
.we-offer-area .item:hover h4,
.we-offer-area .item:hover p {
  color: black !important;
}

.we-offer-area.text-center .item:hover i::after {
  border-color: #ffffff !important;
}


.we-offer-area.text-left .item i {
  /* background: black none repeat scroll 0 0; */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /* color: #ffffff; */
  display: inline-block;
  font-size: 60px;
  height: 100px;
  line-height: 100px;
  margin-bottom: 30px;
  position: relative;
  width: 100px;
  z-index: 1;
  text-align: center;
}

.we-offer-area.text-left .item i::after {
  /* border: 2px solid black; */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 120px;
  left: -10px;
  position: absolute;
  top: -10px;
  width: 120px;
}

/* Our Services */

[data-tab-info] {
  display: none;
}

.tabs{
  /* background: red; */
  display: flex;
  justify-content: center;
}

.tabs span{
  width: 33%;
  text-align: center;
}

.active[data-tab-info] {
  display: block;
}

.tab-content {
  margin-top: 1rem;
  padding-left: 1rem;
  font-size: 20px;
  color: rgb(0, 0, 0);
}

.tabs {
  /* border-bottom: 1px solid grey; */
  /* background-color: rgb(16, 153, 9); */
  font-size: 25px;
  color: rgb(0, 0, 0);
 color: #1E1666;
  display: flex;
  margin: 0;
}

.tabs span {
  /* background: rgb(16, 153, 9); */
  padding: 10px;
  border-bottom: 3px solid lightgray;
  /* border: 1px solid rgb(255, 255, 255); */
}


.tabs span:hover {
  /* background: rgb(55, 219, 46); */
  cursor: pointer;
  /* color: black; */
}

.active-tab{
  color:blue;
  border-bottom: 3px solid transparent !important;
  border-image: linear-gradient(0.25turn, rgba(255,249,34), rgba(255,0,128), blue);
  border-image-slice: 1;
  width:100%;
}

.single-service{
/* height: 250px; */
padding: 18px 24px;
}
.service-content >p {
text-align: left;
}
.service-content>.service-title>h4{
text-align: left;

}
@media screen and (max-width: 500px) {
.tabs span {
  font-size: 16px;
  /* background: #000; */
}

} 
.row1 {
  /* display: -ms-flexbox; */
  display: flex;
  /* -ms-flex-wrap: wrap; */
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  /* margin-top: 40px; */
  justify-content: center;
}
.row1 ul {
  list-style: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;

}
.row1 li {
  height: 100%;
  height: 100px;  
}
.row1 ul li:nth-child(1) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/Amazon_Web@3x.webp");
  background-size: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row1 ul li:nth-child(2) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/sharepoint-1.svg");
  background-size: 70%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row1 ul li:nth-child(3) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/Kotlin_logo-1.svg");
  background-size: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row1 ul li:nth-child(4) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/Technology/8-Azure.png");
  background-size: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row1 ul li:nth-child(5) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/Google_Cloud@3x.webp");
  background-size: 70%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row1 ul li:nth-child(6) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/android-studio-2.webp");
  background-size: 70%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row1 ul li:nth-child(7) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/Technology/4-Net.png");
  background-size: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row1 ul li:nth-child(8) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/angular-seeklogo-com.svg");
  background-size: 70%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row1 ul li:nth-child(9) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/salesforce-logo.svg");
  background-size: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row1 ul li:nth-child(10) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/meteor-5.svg");
  background-size: 70%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row1 ul li:nth-child(11) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/xamarin-logo.svg");
  background-size: 70%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row1 ul li:nth-child(12) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/adobe-aem-logo.webp");
  background-size: 70%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row1 ul li:nth-child(13) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/reactjs-ar-21-copy.svg");
  background-size: 70%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row1 ul li:nth-child(14) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/Ruby_on_Rails-Logo.svg");
  background-size: 70%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row1 ul li:nth-child(15) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/ms-dynamics-logo2.webp");
  background-size: 70%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row2 {
  /* display: -ms-flexbox; */
  display: flex;
  /* -ms-flex-wrap: wrap; */
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  justify-content: center;
}
.row2 ul {
  list-style: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;

}
.row2 li {
  height: 100%;
  height: 100px;  
}
.row2 ul li:nth-child(1) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/Nodejs_logo@3x.webp");
  background-size: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row2 ul li:nth-child(2) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/2048px-Unofficial_JavaScript_logo_2.svg-1.webp");
  background-size: 35%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row2 ul li:nth-child(3) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/python-logo-generic.svg");
  background-size: 70%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row2 ul li:nth-child(4) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/golang-logo.jpg");
  background-size: 70%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row2 ul li:nth-child(5) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/Swift_logo@3x.webp");
  background-size: 70%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row2 ul li:nth-child(6) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/Technology/4-Net.png");
  background-size: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row2 ul li:nth-child(7) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/Technology/9-SqlServer.png");
  background-size: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row2 ul li:nth-child(8) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/Technology/17-Java.png");
  background-size: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row2 ul li:nth-child(9) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/new-php-logo.svg");
  background-size: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row2 ul li:nth-child(10) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/reactnative-logo.webp");
  background-size: 30%;
  background-position: center center;
  background-repeat: no-repeat;
}
.row3 {
  /* display: -ms-flexbox; */
  display: flex;
  /* -ms-flex-wrap: wrap; */
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  justify-content: center;
}
.row3 ul {
  list-style: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;

}
.row3 li {
  height: 100%;
  height: 100px;  
}
.row3 ul li:nth-child(1) {

  text-align: center;
  width: 20%;
  /* border: 1px solid ; */
  /* padding: 40px; */
  background: url("../assets/images/logo/Nodejs_logo@3x.webp");
  background-size: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}