@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');
  
 * {  
  box-sizing: border-box; 
}

hover{text-decoration: none;}  
body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 28px;
}
.btn-link:hover, .btn-link:focus { 
    text-decoration: none; 
	

}

p{font-size:16px; line-height:28px}
 
h1 {
    /* font-size: 60px; */
    font-family: 'Poppins', sans-serif;
    /* font-weight: 600; */
    color: #222222;
    margin: 0;
}

h2 {
    font-size: 40px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #000;
    margin-bottom: 30px;
    margin-top: 0px;
    font-family: "Montserrat",sans-serif;
}
 
h3{line-height: 30px;}
 
h3.width70{line-height: 47px;margin: 15px auto;}



h2 span{font-weight: 300;}
.subheading h3{ font-size: 36px;
     font-family: 'Poppins', sans-serif;
    font-weight: 300;
color: #686868;
margin-bottom: 20px;}
 
   a {
	color: #2f2170;}


.nav-margin{
    margin-top: 0px;
}
.pname{color: #5c9e70;}
 
 
.container-ftr{background-color: #f1f3f1;padding: 2rem 2rem;margin-top: 30px;  
    bottom: 0;}
.container-ftr p{color:#000; font-size:14px; margin:0}
.container-ftr p a{color:#000; font-weight:500;}

.navbar-expand-lg .navbar-nav .dropdown-menu {
      position: absolute;
    padding: 20px 5px;
    background: #fff;
    box-shadow: 0 30px 80px rgb(0 0 0 / 25%);
    border: none;
}


 
.bodycontent {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.footer-section {
      background-color: #1d1d25;
      padding: 60px 0;
      margin-top: auto;
      color: #fff;
}
 

.mainpoints{position: relative;padding: 0px 0 0;margin-bottom: -130px;}
.mainpoints-content{      position: relative;
    background: #6950a1;
    min-height: 540px;
    padding: 30px 0px;}

.mainpoints-content h3{  color: #fff;
    font-weight: 300;
    font-size: 40px;
    line-height: 54px;
    margin-right: 20px;}
.mainpoints-content h3 span{font-weight: 600;
    display: block;
    line-height: 80px;}


.mainpoints-content:before {
content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 24vw;
    background: #6950a1;
    border-radius: 0;
}

.mainpoints-box{background:#fff;box-shadow: 0px 3px 6px 1px #e7e6e6;width: 100%;padding: 25px 25px;text-align: center;height: 264px;} 

.mainpoints-box h4{font-size:36px;font-weight: 500;margin-bottom: 20px;}
.mainpoints-box h5{font-size:20px;font-weight:400;margin-bottom: 20px;line-height: 28px;}
.mainpoints-box p{font-size: 14px;font-weight:400;line-height: 26px;}

.mb1{position:relative;top: -68%;}
.mb2{position:relative;top: -91%;}
.mb3{position:relative;top: -154%;}
.mb4{position:relative;top: -190%;}


/* slider */

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    top: 12%;
    width: 47%;
}
.carousel-caption h5 {
    font-size: 46px;
    font-weight: 200;
}
.carousel-caption p {
    font-size: 16px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    width: 90%;
}

.carousel-caption h5 span{
    font-weight: 800; display:block;
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
    display: none;
}

.carousel-control-next, .carousel-control-prev {
    display: none;
}

.products-section{padding:0 0 70px;}
 

 
 .count{  
  text-align:center;
}

.casestudy-section{padding: 50px 0 0px;}

/* Style the tab */
.tab {
  overflow: hidden;
  border-bottom: none;
  /* background-color: #f1f1f1; */
  text-align: left;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 16px;
  text-align: left;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  display: block;
  /* border: 1px solid transparent; */
  width: 100%;
}

/* Change background color of buttons on hover */
.tab button:hover {border-bottom: none;border-radius: 5px;background: #03005d;background: rgb(15 11 123);}

/* Create an active/current tablink class */
.tab button.active {
  border-bottom: none;
  border-radius: 5px;
  background: rgb(27 23 171);
  position: relative;
}

  .active-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
}.active .active-arrow{
    opacity: 1;
    visibility: visible;
}


/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 0px;
  /* border: 1px solid #ccc; */
  border-top: none;
  margin: 10px;
}

.tab .img-thumbnail{border:none;width: 80px;}


.tabtext{position: relative; width:100%;}
.tabtextimg{ position: relative; }
.tabtextcontent{position: absolute;z-index: 1;margin-left: -100px;top: 31px;display: inline-block;background: #fff;padding: 50px;/* box-shadow: 19px 0px 26px 0px #f1f1f1; */width: 37%;height: 88%;}
.tabtextcontent h3{font-size: 23px;color: #222;margin-bottom: 20px;font-weight: 600;}
.tabtextcontent p{font-size: 16px;color: #222;margin-bottom: 20px;line-height: 27px;} 
 .letstalk-section{ border-top:1px solid #e9e9e9;}
.container-main{padding: 50px 0 50px;}
.tabtext:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 81%;
    width: 24vw;
    background: #59ce63;
    border-radius: 0;
    /* border-right: 2px solid #fff; */
}

.tabtext:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 24vw;
    background: #ffa135;
    border-radius: 0;
    border-right: 2px solid #fff;
}

/*morebtn*/

.morebtn {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: 18px;
  font-family: inherit;
}
.morebtn{
  width: 12rem;
  height: auto;
}
.morebtn .circle {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  display: block;
  margin: 0;
  width: 3rem;
  height: 3rem;
  background: #2f2170;
  border-radius: 1.625rem;
}
.morebtn .circle .icon {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
.morebtn .circle .icon.arrow {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}
.morebtn .circle .icon.arrow::before {
  position: absolute;
  content: "";
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  transform: rotate(45deg);
}
.morebtn .button-text {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.5rem 0;
  margin: 0 0 0 0.4rem;
  color: #000;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}
.morebtn .button-text a{ color: #000;}
 
.morebtn:hover .circle {
  width: 90%;
}
.morebtn:hover .circle .icon.arrow {
  background: #fff;
  transform: translate(1rem, 0);
}
.morebtn:hover .button-text {
  color: #fff;
}
.morebtn .button-text:hover {
  color: #fff;
}


 
.viewall a { color:#222; text-decoration:underline;}
.viewall a:hover{text-decoration:none;}

.technologies-section{padding: 1px 0 70px;}
 
  
.heroslider .morebtn .button-text { color: #2f2170;

  
}
.heroslider .morebtn:hover .button-text {
  color: #fff;
}
.carousel-indicators {
    bottom: 6%;
    left: 5%;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: left;
    padding-left: 0;
    margin-right: auto;
    margin-left: 0;
    list-style: none;
}
.carousel-indicators li {
    width: 10px;
    height: 10px;
    margin-right: 3px;
    margin-left: 3px;
    border-radius: 100%;
	cursor: pointer;
}



.carousel-indicators .active {
    background-color: #fff;
    width: 40px;
    border-radius: 10px;
}

.smalltext{font-size:26px; color:#2b2929; }
.link2 a{font-weight:bold;font-size: 24px;color:#2b2929;text-decoration:underline;margin-bottom: 20px;display: block;}
.link2 a:hover{color:#8D6ED2;}
.lets { width:80%;}
.lets h3{font-size:40px; font-weight:600}

 .h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6 {
    margin: 20px 0;
    line-height: 54px;
}

ul.flink{margin:0; padding:0; list-style:none;}
ul.flink li{display: inline-block;float: left;margin: 0 31px 0 0;  position: relative}
ul.flink li a{color: #2f2170;font-size:15px;font-weight: 500; position: relative; padding-left: 15px;} 
ul.flink li::before {
    content: "";
    display: block;
    position: absolute;
    inset: 1ex 0 0 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    top: 10px;
    left: 0px;
}

ul.sicons{margin:0; padding:0; list-style:none;}
ul.sicons li{display: inline-block;float: left;margin: 0 10px 0 0;}

ul.sicons li:hover{margin-top: -5px;transition: 1s;}
 
.nmbr{font-size:30px;color: #000;font-weight:300;margin-bottom: 10px;}
.mailftr a{font-size:18px;color: #b7ab71;font-weight:500;}
 
.footer-section h4{color: #000;font-size:18px;}
.footer-section p{color: #000;font-size:15px;}

.copyright {}
.social{float: right;}

.inner-banner-section{ position: relative; display: block; min-height: 482px; }

 
.inner-hdng h5{
    font-size: 50px;
}
.inner-hdng p{
    font-size: 33px;
    font-weight: 300;
    line-height: 44px;
}

.breadcrumb-section{display:block;/* border-bottom: 1px solid #e6e3e3; */}
.breadcrumb-section .breadcrumb {background-color: transparent;margin: 10px 0;}

.breadcrumb-section .breadcrumb a {
    color: #9a67cd;
    text-decoration: none;
    background-color: transparent;
    font-weight: 500;
}
.breadcrumb-section .breadcrumb a:hover {
	color: #000;}

.who-we-are-section{padding: 80px 0 70px;position: relative;margin-bottom: 20px;}
.wwr-img{/*width:800px; height:715px;*/ }
.wwr-img:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0%;
    width: 42vw;
    background: #6950a1;
    border-radius: 0;
    background-image: url(../images/teambg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /* width:800px; */
    height:715px;
}
.about-mainpoints {}
.about-mainpoints .mainpoints-box{position:relative;z-index: 1;box-shadow: none;border: 1px solid #eeeded;}
.about-mainpoints .mainpoints-box h4{
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
}
.about-mainpoints .mainpoints-box h5{
    margin-bottom: 10px;
}
.about-mainpoints .mainpoints-box p{
    font-size: 20px;
    line-height: 30px;
}


.wwr-l-h{height: 114px;}
 
.wwr-l-h h3{ }

.about-company-section{
    /* background: #f6eeff; */
    padding: 80px 0;
    }

.about-company-section h2{}
 
.white-section{ padding:70px 0;}
.navbar-light .navbar-brand {
    width:14%;
}
.navbar-brand img{ width:100%;}

.leadership-section1{  position: relative;}
.leadership1img {min-height: 540px;
    padding: 30px 0px 0;
}
.leader1img{ position: relative; z-index: 100}
.leadership1img:before {
     content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 60%;
    width: 24vw;
    background: #6950a1;
    border-radius: 0;
 
}
.leader1text{
    padding-top: 120px;
}
.leader1text2{


    background: #6950a0;
    color: #fff;
    padding: 20px;
    margin-top: 80px;
}
.leader1text2 h2{
    color: #fff;
}
.leader1text2 h3{
    font-size: 25px;
    font-weight: 300;
}
.leader1text p{font-size:24px; font-weight: 300;}

.why-choose-us-section{background-image: url(../images/why-choose-us-bg.jpg);background-repeat: no-repeat;background-size: cover; }

.why-choose-us-section h2{ color: #fff;}


ul.list-wcu{margin: 30px 0 0;padding:0;list-style: none;}
ul.list-wcu li{
    color: #fff;
    margin: 0 72px 40px 0;
    float: left;
    width: 40%;
    min-height: 244px;
    font-size: 17px;
    font-weight: 500;
    border-bottom: 2px solid #fff;
    padding-bottom: 20px;
	position: relative;
}
.ul.list-wcu li::after{  content:url('file:///C|/Users/abc/Downloads/dev/WEBSITES/madtomlab/18825/New/images/tick.png');  position:absolute;
   left:50%;
   margin-left:-8px;
   top:-16px; }
.about-section{padding: 70px 0;background-color: #f7f7f7;} 
 

.products-section h4{
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    /* background-color: #f4f4f4; */
    border-radius: 5px;
    padding: 15px 0 0 0;
    /* border: 1px solid #ccc; */
}
.pdsimg{
    border-bottom: 1px solid #ededed;
    min-height: 251px;
}



.testimonial-2{
    background: #F9F9F9;
    border-radius: 4px;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    margin: 20px;
    max-height: 330px;
    }

.testimonial-left-text{
    width: 86%;
    padding-top: 65px;
}
.testimonial-left-text h2{}
.testimonial-left-text h3{
    color: #727273;
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px;
}


.tagline{
    color: #03005d;
    background: #f3f0f0;
    display: inline-block;
    font-size: 14px;
    padding: 0 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.userdetail{
    display: inline-block;
    position: relative;
    min-height: 60px;
    padding-top: 4px;
    padding-left: 0;
    width: 100%;
}
.clientimg{
    float: left;
    display: inline-block;
    margin-right: 20px;
}
.clientimg img{
    width: 70px!important;
}
.clients_name{
    float: left;
    font-weight: 600;
    line-height: 24px;
    padding-top: 10px;
}
.clients_name span{
    font-weight: 400;

    display: block;
    font-size: 14px;
    color: #777575;
}
.companylogo{}
.companylogo img {
    width: auto!important;
    display: block;
    margin: 0 auto;
}
.connectwithus{   
	background-image: url(../images/connectwithus.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;}
.connectwithus h2{color: #fff;text-align: center;margin-bottom: 20px;}
.connectwithus input{
    height: 46px;
}
.connectwithus textarea{}

.connect{}

.cwu-submit{
    text-align: center;
}

.cwu-submit a.getstartedbtn:hover{ background:#231E61; color:#fff}
.footersection{padding: 60px 0 40px;}
.emailf{
    display: inline-block;
    margin-bottom: 10px;
}
.emailf-icon{
    float: left;
    margin-right: 10px;
    display: inline-block;
    padding-top: 12px;
}
.emailf-text {
    border-left: 1px solid #ccc;
    padding-left: 20px;
    font-size: 12px;
    text-align: left;
    display: inline-block;
    margin-left: 7px;
}
.emailf-text span{
    font-size: 18px;
    display: block;
}

ul.flinks{margin: 0;
    padding: 0;
    list-style: none;}
 ul.flinks li{position: relative;padding-left: 20px;margin-bottom: 4px;}
 ul.flinks li a{
    color: #222;
    font-size: 14px;
}
 ul.flinks li a:hover{}

 ul.flinks li::before {
    content: "";
    display: block;
    position: absolute;
    inset: 1ex 0 0 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    top: 10px;
    left: 0px;
}
 


.emailf2 {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 20px;
}
.emailf-text2 {
    border-left: 1px solid #ccc;
    padding-left: 20px;
    font-size: 12px;
    text-align: left;



    display: inline-block;
    margin-left: 7px;
    width: 70%;
}
.emailf-icon2 {
    float: left;
    margin-right: 10px;
    display: inline-block;
    padding-top: 27px;
}.emailf-text2 span{
    font-size: 18px;
    display: block;
}
.footerlogo img{width: 190px;}.fline {
    border-top: 1px solid #E2E2E2;
    padding-top: 20px;
    margin-top: 24px;
    font-size: 12px;
    width: 100%;
}.poweredby {
    text-align: right;
}
 
.copyright{
    text-align: left;
}
.poweredby{ text-align:right;}

.fline{border-top: 1px solid #E2E2E2;padding-top: 10px;margin: 24px 0 10px;font-size: 12px;width: 100%;}




/* Overall Section Styling */
.solutions-section {
  padding: 50px 20px;
  background-color: #f4f4f4;
  text-align: center;
}

.solution-item {
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  padding: 10px 10px 20px;
  border-radius: 5px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  margin-bottom: 30px;
  position: relative;
}

/* Image Styling */
.solution-image {
  width: 100%;
  height: auto;
  border-radius: 10px 10px 30px 30px;
  margin-bottom: 20px;
}

/* Heading and Subheading Styling */
.solution-heading {
  font-size: 16px;
  color: #000;
  margin-bottom: 15px;
  background-color: #fff;
  padding: 10px;
  position: absolute;
  margin-top: -50px;
  left: 10%;
  width: 80%;
  border-radius: 15px;
}

.solution-subheading {
  font-size: 15px;
  color: #777;
  margin-bottom: 20px;
  min-height: 54px;
  line-height: 27px;
}

/* Button Styling */
.more-button {
  font-size: 16px;
  color: #fff;
  background-color: #B7AB71;
  padding: 4px 12px;
  text-decoration: none;
  border-radius: 25px;
  transition: background-color 0.3s ease;
}

.more-button:hover {
  background-color: #2F2170;
	  color: #fff;
	text-decoration: none;
}


/*new*/

.hdrright {
        margin-left: 40px;
        margin-right: 0;
        display: flex;
    }

.scheduleacall {
      display: flex;
      justify-content: right;
      right: 10px;
      top: 6px;
      color: #fff;
      font-size: 12px;
      font-weight: 500;
      text-decoration: none;
      background: #2f2170;
      margin-left: 30px;
      border-radius: 4px;
      padding: 9px 22px;
      background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
}

.scheduleacall:hover {
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
    background-image: linear-gradient(to bottom left, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
 
    color:#fff;
    text-decoration: none;
}

.herobanner {
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 90px;
    padding-left: 2%;
    padding-right: 2%;
    }
.requestbtn{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 5px;
    padding: 14px 31px;
    min-width: 150px;
    background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
    background: #03005d;
    }

.requestbtn:hover {
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
    background-image: linear-gradient(to bottom left, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
    color:#fff;
    text-decoration: none;
    /* background: #090495; */
}


.hbi{ float: right;}

.callnumber{text-decoration: none;padding-top: 8px;font-size: 14px;color: #000;font-weight: 500;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;!;}





    .comp-cards-block .card-items.mosaic-grid .card-item.full .text-content {
        height: 100%;
        padding: 0 0 37px 24px;
    }
.comp-cards-block .card-items .card-item .img-content img {
    display: block;
    position: relative;
    bottom: 0;
    width: 100%;
}
.comp-cards-block .card-items .card-item.card-green .img-content {
    /* background: #896DD7; */
    padding: 0;
    margin: 0;
}
.comp-cards-block .card-items.mosaic-grid .card-item.full .img-content {
    width: 100%;
}
.comp-cards-block .card-items .card-item {
    width: calc(25% - 32px);
    padding: 24px;
    border-radius: 12px;
    margin-bottom: 30px;
}.comp-cards-block .card-items.mosaic-grid .card-item.tall-card.full {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
}
.comp-cards-block .card-items.mosaic-grid .two-third {
    width: 100%;
}
.comp-cards-block .card-items.mosaic-grid .card-item.full {
    width: 100%;
}.comp-cards-block .card-items .card-item.card-green {
    background: #f2faf2;
}.comp-cards-block .card-items .card-item.card-orange {
    background: #FDF3ED;
}.comp-cards-block .card-items .card-item.card-pink {
    background: #FEF3F9;
}.comp-cards-block .card-items .card-item.card-blue {
    background: #EFFAFD;
}
.comp-resources-block .resources-items .mosaic-3 .mosaic-3-left {
    width: 100%;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    overflow: visible;
    margin-bottom: 32px;
}.color-theme--dark .button.button--secondary {
    background: transparent;
    color: #fff !important;
    border-color: #fff !important;
    border: 1px solid #fff!important;
    border-radius: 32px;
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.15;
    padding: 16px 24px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-out;
    user-select: none;
    vertical-align: top;
    min-width: 170px;
}.button--secondary:hover  {
    transform: scale(1.1);
}
.comp-cards-block .card-items.mosaic-grid .flex-end {
    display: flex;
    justify-content: flex-end;
}.comp-cards-block .card-items .card-item .img-content {
    position: relative;
    display: flex;
    align-items: self-start;
    border-radius: 10px;
}
 
.container-second{padding: 70px 0;}
.lazyloaded {
    opacity: 1;
    transition: opacity 400ms;
    transition-delay: 0ms;
    /* margin-bottom: 20px; */
    border-radius: 10px;
}
.comp-cards-block .card-items .card-item.card-orange .img-content {
    background: #51BAC7;
}
.container70{padding:70px 0;}
span.stars {
    position: relative;
    margin-left: 24px;
}span.stars:before {
    position: absolute;
    width: 40px;
    height: 40px;
   background-image: url(../images/star.svg); 
    background-size: 100%;
	background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    content: "";
}
 
.button--link:after {
    content: ">";
    color: inherit;
    position: relative;
    margin-left: 12px;
    transition: 0.4s all ease;font-size: 14px;
}

.button--link:hover:after   {
				margin-left: 16px;
			}
	 

.text-content { font-weight: 500; font-size: 14px;
					padding: 0 0 60px 0;
					height: 100%;
	position: relative;}

.text-content a {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #896dd7;
    text-decoration: none;
}

.schedule-discovery .button {margin-left:26px;}

.comp-resources-block .resources-items .mosaic-3 .mosaic-3-right {
    width: 100%;
    margin-left: 0%;
}.comp-resources-block .resources-title-area h2 {
    margin-right: 0;
    border-right: 0;
    padding-right: 0;
    /* width: 100%; */
}.comp-resources-block .resources-title-area .button-group {
    width: 100%;
    justify-content: left;
    display: flex
;
    align-items: flex-start;
    margin-top: 0;
}

 .comp-testimonial-block .testimonial-item {
    display: flex
;
    flex-wrap: wrap;
    border-bottom: 0;
    padding: 24px 0;
}.bg-light-purple {
    background: #F6F5FF;
}.comp-form-block.img-pos-left.callout-form .form-title-area {
    padding: 0 0 24px 0;
}h2.xl {
    font-size: clamp(48px, 6vw, 92px);
    letter-spacing: -0.05em;
    line-height: 100%;
    font-weight: 500;
    color: #332;
	font-size: 74px;
}    .form-embed {
        margin-top: 24px;
    }.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;

    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal !important;
}.form-embed form {
    max-width: 100%;
    margin-top: 24px;
}label {
    display: inline-block;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 8px;
}
	 textarea {
    min-height: 150px;
    padding: 20px;
    resize: vertical;
    width: 100%;
}input:not([type=submit]), select, textarea {
    margin: 0 0 16px;
    padding: 10px 20px;
}input[type=submit] { cursor: pointer;
    background:#EB5AA4;
    appearance: none;
    border: none;
    color: #fff;
    border-radius: 32px;
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.15;
    padding: 16px 24px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-out;
    user-select: none;
    vertical-align: top;
    min-width: 170px;    background-image: linear-gradient(to bottom left, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
}
.theme-color{    background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);}
.large-heading{
    color: #fff;
    font-size: 64px;
    line-height: 86px;
}
.lh1{
    background: #b065c2;
    border-radius: 10px;
    line-height: 87px;
    display: inline-block;
    padding: 0 10px;
}
.lh-img{}
.owl-carousel .owl-item img {
    display: block;
    width: auto;
    -webkit-transform-style: preserve-3d;
    padding: 50px;
}.owl-theme .owl-prev {
    top: 48%;
}.owl-theme .owl-next {
    top: 48%;
} 
.testimonial-logo img{width:auto;}

.mosaic-item img{border-radius:20px;}
.container-gray{background-color:#f4f4f4; padding: 70px 0;}
.manpiccontainer{
    position: relative;
}
.manpic{
    position: absolute;
    top: -98px;
}
.manpic img{
    width: 100%;
}
.container-man{padding: 40px 2% 40px;}
	#branding-footer {
		margin-bottom: 20px;
		@include bp(desktop) {
			margin-right: 20px;
		}
		img {
			width: 120px;

			@include bp(desktop) {
				width: 190px;
			}
		}
	}

	.post-footer {
		font-size:12px;
		margin: 40px 0;
	}

	.legal-links {
		display: flex;
		li {
			padding: 0;
			margin:0 0px 0 32px;

			a {
				font-size: 12px;

				&:hover {
					color:$color-orange;
				}
			}
		}
	}

	.social-links {
		display: flex;
		margin: 0;

		li {
			max-width: 50px;
			margin: 0 6px;
		}
	}

	#copyright {
		padding: 40px 0;
		border-top: 1px solid $color-black;
		color: $color-black;
	}

.container-man .large-heading{}

.footer-logo{}
.footer-awards{}
.footer-logo img{
    width: 30%;
}
.footer-awards img{}

 
ul.footerlinks {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.footerlinks li {
    margin: 0px 0 12px 0;
    padding: 0;
    position: relative;
    text-align: center;
    transition: all 0.3s ease-out;
    width: 33.333%;
}

ul.footerlinks li a {
    text-decoration: none;
    color: #000;
    position: relative;
    font-weight: 400;
    display: block;
    text-align: left;
    font-size: 16px;
}



/*about us section*/

.aboutheading h2{font-size: 34px; line-height: 1.4;}
.aboutheading p{font-size: 16px;}

ul.about-man-points{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 50px;
    list-style: none;
    margin: 0;
    padding: 60px 0 0;
    }

ul.about-man-points li{
    position: relative;
    padding: 10px 25px;
    border-left: 1px solid #fc9acc;
    margin: 0;
}

ul.about-man-points li:last-child{
    position: relative;
    padding: 0;
    border-left:none;
    margin: 0;
}

.about-num{
	color: #06f;
	font-weight: 700;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 46px;
	background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	height: 44px;
}
.about-num span{    font-weight: 200;
    margin-left: 5px;}
.about-head{font-weight: 600;
    padding: 20px 0;
    line-height: 1.4;font-size: 18px;}
.about-para{ font-size: 14px; 
	line-height: 1.6;
    font-weight: 400;}

.about-partner{background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);padding: 30px;position: relative;min-height: 198px;border-radius: 5px; position: relative;}
.about-partner-para{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    width: 74%;
    margin-bottom: 40px;
    } 

a.partner-btn{
    background-color:transparent;
    border: 2px solid #fff;
    padding: 11px 20px;
    color: #fff !important;
    font-weight: 600;
    border-radius: 5px;
    font-size: 14px;
    }
a.partner-btn:hover{ background-color: #fff;  color: #6f90d0 !important;  }
.growth{position:absolute;bottom: 65px;right: 20px;}

.aboutbg{
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 40px 22px 30px 35px;
    margin: 0px 15px;
    }

.aboutbg h2{
    font-size: 31px;
    line-height: 44px;
    margin: 0;
    }
.container {
     width: 100%;
     max-width: 1260px;
     margin: 0 auto;
     padding: 0 15px;
}.navbar {
   
padding: .5rem 0rem;
}

.hbi img{ float:right;}

.container-three {
    padding: 10px 0 50px;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 80px;
    background-color: #fff;
    padding: 10px 0 0px;
    z-index: 200;
}
.aboutbg p{ padding-top:5px}


h1 {
    font-weight: 400;
    font-size: 75px;
    background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

span {
 /* border-right: .05em solid;
  animation: caret 1s steps(1) infinite;*/
}

@keyframes caret {
  50% {
    border-color: transparent;
  }
}

.build{
    font-weight: 500;
    font-size: 75px;
    background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    top: 7px;
   }

.rq{margin-top:30px; display:block;}

.text-content2 h4{margin-top: 20px;font-size: 21px;}



/*collapse*/



.js-accordion {
  border-radius: 8px;
  
  
  .collapse {
    display: none;
    background: #f7f7f7;
    padding: 20px;
  }
  .btn-link {
    width: 100%;
    display: block;
    text-align: left;
    display: flex;
    align-items: center;
    cursor: pointer;
    outline: 0;
    span {
      flex-grow: 1;
      text-decoration: none;
      font-family: 'Poppins', sans-serif;
    }
    svg {
      transition: all 0.4s ease;
    }
    &.expanded svg {
      transform: rotate(-180deg);
    }
  }
  .card {
    /* padding: 10px; */
    
    
    
    
    
    
    
    .card-header {
      .btn {
        padding: 0;
        border: 0;
        color: var(--primary-color);
        font-size: 20px;
        font-weight: 500;
        /* line-height: 26px; */
      }
    }
    .card-body {
      margin-top: 5px;
      color: var(--grey);
      font-size: 14px;
      line-height: 22px;
    }
  }
  p:last-child {
    margin-bottom: 0;
  }
}

svg {
  height: 1em;
}

.container-top-line{ padding: 70px 0; border-top:1px solid #ccc;}
.faq-container{padding: 40px 0 50px;border-top: 1px solid #eaeaea;}

.faq-container svg {
    display: block;
    width: 20px;
    height: 20px;
    transform: rotate(-90deg);
}
.faq-container .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0;
    border-radius: 0;
}
.faq-container .card-header {
    padding: 20px 10px;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0;
    font-family: 'Poppins', sans-serif;
    border-top: 1px solid #000;
    border-radius: 0;
}
.faq-container .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0px 20px 0px 49px;
}


.happy-customers .text-content {  padding: 0; }

.num{
    color: #000;
    text-align: center;
    text-decoration: none !important;
    margin-right: 20px;
    line-height: 22px;
    }
 
.faq{
    /* background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%); */
    padding: 0px;
    position: relative;
    /* border-radius: 5px; */
    position: relative;
    width: 94%;
    float: right;
   /*  border: 1px solid #e3e3e3;
   padding: 166px 0px;*/
    }
.faq img{
    border-radius: 10px;
}


.case-study{}
.case-study-text{}
.cs1{color: #116bfb;
    font-size: 14px;}
.cs2{
    font-size: 27px;
    font-weight: 600;
    margin: 15px 0;
    line-height: 38px;
    }
.cs3{        font-size: 20px;     line-height: 1.5;}
.cs4{padding-top: 36px;}
.cs5{
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 10px;
    color: #222;
    }
.cs5 span{font-weight: 400; }
.cs6{font-size: 12px;color: #222;line-height: 17px;}
.cs-result{    display: flex
;
    color: #fff;
    padding: 15px 0 30px;}
.cs-result-left{width: 140px;}
.cs-result-right{    margin-left: 10px;
    padding-left: 50px;
    border-left: 1px solid #707070;} 

a.cs-btn{
    background-color:transparent;
    border: 2px solid #222;
    padding: 11px 20px;
    color: #222!important;
    font-weight: 600;
    border-radius: 5px;
    font-size: 14px;
    }
a.cs-btn:hover{ background-color: #fff;  color: #6f90d0 !important;  }

.cs-img{}
.cs-img img{
    border-radius: 10px!important;
}
.cst{margin-top: 10px;}

.case-study .owl-carousel .owl-item img {  padding: 0px;}
 
font-size: 34px;
.partnership-section h2{}

.partnership-section {background: #03005d;padding: 70px 0;margin-bottom: 70px;}
.partnership-section h2{color: #fff;line-height: 54px;font-weight: 400;margin: 0;}
.partnership-penal{display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 90px;
    align-items: center; grid-gap: 30px;}  

.partnership-penal-box{}

.partnership-penal-box img{        transform: scale(.7);}

.industries-section{
    padding: 40px 0 70px;
    border-bottom: 1px solid #eaeaea;
} 
ul.list-industries{
    list-style: none;
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul.list-industries li{
    /* background: #f5f5f5; */
    display: inline-block;
    border-radius: 5px;
    margin: 0 20px 20px 0;
    border: 1px solid #e1e0e0;
    width: 18%;
    text-align: center;
    padding: 0 20px;
    min-height: 170px;
    float: left;
}
ul.list-industries img {
    display: block;
    width: auto;
    margin: 20px auto;
    width: 60px;
}
ul.list-industries p{
    line-height: 24px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
}

.tab-background{
    background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
    padding: 30px;
    color: #fff;
    border-radius: 20px 0 0 20px;
477px:;
    background: #728dd1;
    background: #03005d;
}
.tabs-content{
    background: #f7f7f7;
    padding: 30px;
    border-radius: 0 20px 20px 0;
    min-height: 477px;
    margin-left: -30px;
}
.tech-capabilities-section{padding: 10px 0 10px;}

.tech ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 0;
    padding: 0;
}
.tech ul li {
    background-color: #fff;
    border-radius: 16px;
    height: 75px;
    display: flex;
    align-items: center;
    padding: 22px;
} .tech ul li span {
    margin: 0 0 0 40px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
}.tech ul li figure {
    min-width: 80px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}.tech ul li figure img {
    max-width: 38px;
    margin-top: 0px;
}

.testimonial-section{position: relative;padding: 10px 0;}

.testimonial-bg {

    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 110px !important;
    padding-bottom: 88px !important;
    background-image: url(../images/testimonial-bg.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.testimonial-carousel .item{ margin: 20px;}

.testimonial-2 p{
    font-weight: 400;
    font-size: 15px;
    color: #3b3b3a;
    line-height: 27px;
    }

.userdetail:before {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    content: "\f10e";
    font-family: "FontAwesome";
    font-size: 67px;
    color: #848484;
    line-height: 1;
    opacity: 0.1;
}

.form-enquiry{
    display: table;
    width: 100%;
}
.form-enquiry input{
	display: inline-block;
	padding: 13px 20px 13px 23px;
	width: 100%;
	border: 1px solid #b3b2b2;
	background: 0 0;
	font-size: 14px;
	color: #222;
	margin: 0 0 20px;
	line-height: 1.2;
	background-color: #fff !important;
	height: auto;
	padding: 13px 20px 13px 23px;
	border-radius: 5px;
	}
.form-enquiry select{width: 100%;border: 1px solid #b3b2b2;color: #222;border-radius: 5px;}
.form-enquiry textarea{border: 1px solid #b3b2b2;border-radius: 5px;}

.checkbox-form{
    position: relative;
    margin-bottom: 30px;
    margin-left: -20px;
}
.checkbox-form input{
    float: left;
    width: auto;
    border: 1px solid #ededed;
    width: 20px;
    height: 20px;
    position: relative;
    outline: 0;
    top: 4px;
}
.checkbox-form label{
    padding-left: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 13px;
}
.contact-form-rt{
    padding: 40px;
    width: 100%;
    box-shadow: 0 0px 20px rgb(126 121 121 / 22%);
    z-index: 3;
    border-radius: 6px;
    position: absolute;
    top: -99px;
    background-color: #fff;
    right: 31px;
    }

.contact-bg-color{background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);border-radius: 10px;padding: 10px 20px;position: relative;background: #03005d;}
.contact-bg-color p{
    background: #0d098a;
    display: inline;
    padding: 0px 5px;
    border-radius: 4px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}
.contact-bg-color h2{
    position: relative;
    margin-top: 13px;
    margin-bottom: 0;
    color: #fff;
    font-size: 35px;
}
.contact-text-left{
    padding: 20px;
}


.contactbg{
    background: #f7f7f7;
    padding: 0;
    margin-bottom: 70px;
    border-radius: 10px;
   padding-bottom: 120px;
}
.contact-call{
    font-size: 20px;
    margin-top: 30px;
}
.benefits-contact{
    margin-top: 20px;
}
ul.list-benefits-contact{
    list-style-type: none;
    margin: 0 0 0 30px;
    padding: 0;
    width: 100%;
    display: table;
    }

ul.list-benefits-contact li{position: relative;font-size: 14px;line-height: 36px;width: 42%;float: left;}

ul.list-benefits-contact li:before {
  content: "";
  display: inline-block;
  font: 12px / 1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 10px;
  left: -28px;
  background-color: #a5a5a5;
  border-radius: 50px;
  padding: 4px;
  font-weight: 400;
  color: #fff;
  font-size: 11px;
}

.next-contact{
    margin-top: 30px;
    display: block;
}
.contact-text-left h3{
    font-size: 20px;
    margin: 0;
}
ul.list-next{list-style: none;padding: 0;margin: 0;width: 100%;display: table;}
ul.list-next li{
    float: left;
    width: 30%;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-right: 15px;
}
ul.list-next li span{
}
.whn1{
    float: left;
    width: 70%;
    font-size: 12px;
    line-height: 18px;
    padding-top: 11px;
    margin-right: 10px;
}
.whn2{
    float: right;
    /* width: 6%; */
}
.whn-num{
    width: 9%;
    display: inline;
    float: left;
    font-size: 22px;
    padding-top: 40px;
    margin-right: 10px;
}

.location-section{
	background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
	padding: 60px 0px 30px;
	}

ul.list-address{
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
}
ul.list-address li{
    display: inline-block;
    width: 17%;
    text-align: center;
    color: #fff;
    margin: 10px 16px;
    position: relative;
   transition:0.5s;
    vertical-align: top;
}
ul.list-address li:hover{
   top:-5px;
   transition:0.8s;
}
ul.list-address li img{display: block;margin: 0 auto;}
ul.list-address li h3{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    border-top: 1px solid #fff;
    margin-top: 46px;
    margin-bottom: 0px;
    padding-top: 12px;
    line-height: 36px;
}
ul.list-address li p{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 24px;
}

.fooder-logo{
    text-align: left;
    padding-top: 10px;
}
.fooder-logo img{
    width: 170px;
}
.clutch-text{
    text-align: right;
    background: #03005d;
    display: table;
    padding: 5px 7px;
    border-radius: 5px;
    background: rgba(245, 40, 145, 0.3);
    width: 100%;
    margin-bottom: 30px;
}
.clutch-text img{
    width: 50px;
    margin-right: 10px;
    float: left;
}
.clutch-text span{
    color: #fff;
    font-size: 14px;
    float: left;
    padding: 10px 0 0;
}

.footer-content{}
.footer-content h3{
    font-size: 18px;
    margin: 0 0 20px;
    line-height: 28px;
    font-weight: 700;
}
ul.footer-links{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.footer-links li{
    margin-bottom: 10px;
}
ul.footer-links li a{
    color: #fff;
    font-size: 12px;
}
ul.footer-links li a:hover{}

.footer-bottom-section{<
    ul class="foot_social_network"><li class="facebook"><a href="https: //www.facebook.com/AppInventiv/" target="_blank" rel="nofollow"><i class="fa-brands fa-facebook-f"></i></a></li><li class="instagram"><a href="https://www.instagram.com/appinventiv" target="_blank" rel="nofollow"><i class="fa-brands fa-instagram"></i></a></li><li class="twitter"><a href="https://twitter.com/appinventiv" target="_blank" rel="nofollow"><i class="fa-solid fa-x"></i> </a></li><li class="linkedin"><a href="https://www.linkedin.com/company/appinventiv" target="_blank" rel="nofollow"><i class="fa-brands fa-linkedin"></i></a></li></ul>;
<
    ul class="foot_social_network"><li class="facebook"><a href="https: //www.facebook.com/AppInventiv/" target="_blank" rel="nofollow"><i class="fa-brands fa-facebook-f"></i></a></li><li class="instagram"><a href="https://www.instagram.com/appinventiv" target="_blank" rel="nofollow"><i class="fa-brands fa-instagram"></i></a></li><li class="twitter"><a href="https://twitter.com/appinventiv" target="_blank" rel="nofollow"><i class="fa-solid fa-x"></i> </a></li><li class="linkedin"><a href="https://www.linkedin.com/company/appinventiv" target="_blank" rel="nofollow"><i class="fa-brands fa-linkedin"></i></a></li></ul>;
    padding: 60px 0;
    background-color: #15151f;
    color: #fff;
}
.logo-dmca{}
.logo-dmca img{}
.dmca-text{
    color: #fff;
    width: 40%;
    font-size: 14px;
    line-height: 22px;
    padding-top: 7px;
}

.footer-bottom2-section{
    border-top: 1px solid #292939;
    padding-top: 40px;
    margin-top: 40px;
}
ul.social-media-links{
    list-style: none;
    color: #fff;
    margin: 0;
    padding: 0;
    float: right;
	margin-right: 14%;
}
ul.social-media-links li{
    float: left;
    margin-right: 20px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
}
ul.social-media-links li i{
    color: #fff;
}
ul.social-media-links li a{}
 
 .brand{text-align:center}
.fanfacts{
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 40px 22px 30px 35px;
    }

.fanfacts h2{
    font-size: 37px;
    line-height: 53px;

    margin: 0;
    }
.fanfacts-container{padding: 60px 0 0px;}

  
.about-section1{
   background-image: url(../images/about1.png);
   background-position-y: 20%;
   background-repeat: no-repeat;
   padding: 140px 0px 30px;
} 
.about-section1 h2{
    font-size: 50px;
    line-height: 69px;
    font-weight: 400;
    width: 75%;
    display: block;
    margin: 0 auto 20px;
}
.about-section1 h2 span{
    font-weight: 400;
    color: #03005d;
}
.about-section1 p{
    font-size: 20px;
    width: 60%;
    text-align: center;
    display: block;
    margin: 0 auto;
    line-height: 34px;
    color: #666464;
}
.about2{
margin-left: 20px;
    padding: 20px 20px 30px;
    border: 1px solid black;
    border-radius: 25px;
    height: 95%;
  
}
.about-section2{padding: 70px 0 10px;}
.about-section2 h2{}
.grow-about{
    float: right;
}
.about2-num{
    font-size: 56px;
    font-weight: 600;
    line-height: 68px;
    letter-spacing: -0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.about2-para{
    font-size: 14px;
    line-height: 22px;
}
.about2-line{
    height: 5px;
    width: 100%;
    background-color: grey;
    border-radius: 20px;
}
.about2-line span{  height: 5px;
    width: 70%;
    background-color: #1C8ADB;
    border-radius: 20px;
    display: block;
    margin: 10px 10px;}

.about2-para2{
    font-size: 18px;
    font-weight: 400;
    width: 70%;
    margin-bottom: 30px;
}
.view-btn{
    color: #000;
    border-color: #000;
    border: 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
    padding: 0;
    font-size: 16px;
    text-decoration: none;
    margin-left: 20px;
    }
.view-btn:hover{   color: #03005d; text-decoration: none;  border-bottom: 1px solid #03005d;}

	.about-client-carousel-text{
    margin-top: 30px;
    margin-bottom: 10px;
}
		.about-client-carousel-text h3{
    font-size: 17px;
    line-height: 26px;
}
.about-client-carousel-text .item{ }
.acc {padding: 0px;margin: 0 10px;}

.about-client-carousel-text .owl-carousel .owl-item img {
       padding: 10px 10px;
}


.about-client-carousel-text .owl-theme .owl-prev { 
      left: -2%;
    top: 23%;
  
}
.about-client-carousel-text .owl-theme .owl-next { 
     
    top: 23%; 
}
.about-client-carousel-text .owl-theme .owl-prev img{ width:12px;}
.about-client-carousel-text .owl-theme .owl-next img{ width:12px;}

.about-section5{position:relative;padding-bottom: 40px;}
.about5-text{
    text-align: center;
    width: 60%;
    margin: 0 auto;
    display: block;
}
.about-section5 h2{}
.about50-text2{} 
.about5-content{width: 90%;margin: 0 auto;display: flex;flex-wrap: wrap;}
.about-section5-left{position:relative;width: 50%;float: left;padding: 2% 4% 2% 0%;/* min-height: 480px; */}
.about-section5-right{position:relative;width: 50%;float: right;padding: 0% 0% 2% 7%;border-left: 1px solid #dfdcdc;/* min-height: 480px; */}
.circle-icon{position: absolute;border: 1px solid #03005d;display: block;top: 50%;width: 19px;height: 19px;border-radius: 100%;margin-left: -16%;}
.circle-icon span{
    display: block;
    width: 7px;
    background: #03005d;
    position: absolute;
    z-index: 10;
    color: #ccc;
    height: 7px;
    top: 5px;
    left: 5px;
    border-radius: 100%;
}



.asl-img{
    /* float: right; */
}
.asl-img img{
    width: 100%;
    border-radius: 5px;
}

.about-section6{}
.mission-content{background: #03005d;display: table;width: 100%;padding: 40px 60px;color: #fff;position: relative; border-radius: 10px;}
.mission-text{
    float: left;
    width: 50%;
}
.mission-text h2{
    color: #fff;
    font-size: 30px;
    margin: 0;
}
.mission-text p{}
.mission-icon{
    float: right;
    display: inline-block;
    position: relative;
    margin-top: 4%;
}

.about-section7{}
.achievement-carousel-content{ padding:60px 0;}
.achievement-carousel-content h2{text-align: center;}
.achievement-carousel-content .owl-carousel .owl-item img { 
    padding: 10px;
}
.achievement-carousel-content .owl-theme .owl-prev {top: 40%;left: -1%;}
 .achievement-carousel-content .owl-theme .owl-prev img{ width:12px;}
.achievement-carousel-content .owl-theme .owl-next {top: 40%;left: 96%;}
.achievement-carousel-content .owl-theme .owl-next img{ width:12px;}


.about-section8{} 
.brands-container{background: #03005d;padding: 60px 0 50px;}
.brands-container h2{color: #fff;margin-bottom: 30px;}
ul.list-brands{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    gap: 60px;
    list-style: none;
    }

ul.list-brands li{}
ul.list-brands li img{}

.about-section8{}
.team-testimonial{
    padding: 70px 0;
}
.team-testimonial h2{}
.team-testimonial h2 span{
    color: #03005d;
    font-weight: 600;
}

.team-testimonial .owl-carousel .owl-item img{    padding: 0;
    width: 90% !important;}
.team-testimonial .userdetail {
    display: inline-block;
    position: relative;
    min-height: 60px;
    padding-top: 4px;
    padding-left: 0;
    width: 100%;
}
.team-testimonial .clients_name span {
    font-weight: 400;
    display: block;
    font-size: 12px;
    color: #777575;
}.team-testimonial .userdetail:before {
      font-size: 47px; 
}


.social-tabs{
    padding-bottom: 70px;
}
.social-tabs .tab {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    text-align: center;
    display: flex;
    width: 100%;
}
.social-tabs .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    text-align: center;
    display: inline-block;
}
.social-tabs .tab .img-thumbnail {
    border: none;
    width: 60px;
}
.social-tabs .tab button.active {border-bottom: 3px solid #03005d;border-radius: 0;} 
.social-tabs .tab button:hover {border-bottom: 3px solid #03005d; border-radius: 0;}

.social-tabs .tablinks img{width: 60px;}
 
.about-section10{position: relative;padding: 20px 0 61px;}
.as10bg{
    pointer-events: none;
    z-index: -1;
    background-image: radial-gradient(circle, rgba(191, 191, 191, .3) .325rem, rgba(124, 77, 255, 0) .325rem);
    background-size: 2.5rem 2.5rem;
    width: 50%;
    height: 89%;
    top: 0;
    left: 50%;
    position:absolute;
    } 

.as10{
    text-align: center;
}
.as10 h3{
    color: #03005d;
    font-weight: 500;
    font-size: 50px;
}
.as10 p{
    font-weight: 500;
}
.as10bgh2{
    text-align: center;
    width: 80%;
    display: block;
    margin: 20px auto 30px;
}

ul.social-list{
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 40px;
    display: flex;
    margin: 10px auto;
    align-items: center;
    justify-content: center;
}
ul.social-list li{
    float: left;
}
ul.social-list li img{
    border: none;
    width: 60px;
}
 
.services-section1{
  	 background-color: #fff;
  	 /* background-image: url("../images/services-bg.jpg"); */
  	 background-repeat: no-repeat;
  	 background-size: cover;
  	 position:relative;
  	 padding: 70px 0 216px;
  	 color:#fff;
  	 background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
  }

.ht100{height: 87px;}
.btn-center {
    margin: 0 auto;
    display: table;
}
.services-section1 h3{
    font-weight: 500;
    /* font-size: 80px; */
    /* background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    color: #fff;
}

.services-section1 p{text-align:center;width: 60%;margin: 0 auto 30px;font-size: 18px;font-weight: 400;}
.s1{position: absolute;top: 28%;width: 22%;left: 3%;}
.s2{position: absolute;width: 20%;bottom: 0;left: 6%;}
.s3{position: absolute;width: 20%;left: 41%;bottom: 5%;}
.s4{position: absolute;right: 40px;width: 24%;bottom: 8%;}
.s5{position: absolute;right: 1%;width: 11%;bottom: 27%;}
 

.sub-title{
    display: block;
    margin: 0 auto 15px;
    text-align: center;
    font-weight: 600;
    color: #03005d;
    font-size: 26px;
}
.services-section2 {
    position: relative;
    padding: 50px 0 40px;
    /* background-image: url("../images/services2bg.png"); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
.services-section2 h3{}
.sub-title-p{
    text-align: center;
    width: 60%;
    display: block;
    margin: 0 auto;
}
.services-list{
  /*  background-color: #fff;
    border-radius: 24px;
    padding: 24px;
    overflow: hidden;
    font-family: "Poppins", Sans-serif;
    
    margin: 30px 10px;
    box-shadow: 0px 0px 10px 0px #f5f4f4;*/
}
.services-list img{
    border-radius: 10px; 
}
.services-list h2{
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;  
    margin: 20px 0 10px;
}
.services-list p{}
.services-section2-carousel .owl-carousel .owl-item img {
    display: block;
    width: auto;
    -webkit-transform-style: preserve-3d;
    padding: 0; 
}

 
.services-section3 {
 position: relative;
    padding: 60px 0;
    background-image: url(../images/services-section3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    color: #fff;
    margin-bottom: 30px;
    }
 
.services-section3 .sub-title{color:#fff;}
 
.accordion {
    background-color: transparent;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    transition: 0.4s;
    /*  border: 1px solid #4f44a8 !important;
    margin: 20px 0;*/
    padding: 0px;
    font-weight: 600;
    margin-bottom: 30px;
}

/* .active, .accordion:hover {
    background-color: #ccc;
}  */

.accordion:after {
    content: '\002B';
    color: #fff;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
/*
.active:after {
    content: "\2212";
}*/

.panel {
    padding: 0 10px 0 60px;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    color: #cfbefe;
}

.panel-outer{border: 1px solid #4f44a8;margin: 15px 0;padding: 30px 30px 10px;}

.panel-outer button:focus {
    outline: 0px dotted;
    outline:0px auto -webkit-focus-ring-color;
	
}


.accordion span {
    margin-right: 20px;
}

.accordion span img{
    width: 40px;
}


.services-section4{
    padding: 60px 0;
    background: #f7f7f7;
}

.services-section4 .sub-title{
    color: #222;
    text-align: left;
    text-transform: uppercase;
}
.services-section4 h3{
    width: 80%;
    line-height: 50px;
}
.services-section4 .sub-title-p{
    text-align: left;
    width: 100%;
}

.services-section4 .services-list{}
.services-section4 .services-list h2{}
.services-section4 .services-list p{}
.services-section4 .services-list img{ 
    padding: 0;
    width: 100%;
}

.services-section4 .services-list {
    background-color: #fff;
    border-radius: 24px;
    padding: 24px 24px 0;
    overflow: hidden;
    font-family: "Poppins", Sans-serif;
    margin: 30px 10px;
}

.services-section5{position: relative;
    padding: 70px 0;
    background-image: url(../images/services-section5.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
color:#fff;}

.services-section5 .sub-title{
    font-weight: 500;
    font-size: 30px;
    background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    height: 52px;
}

.services-section5{}
 .services-section5 ul.about-man-points li {
    position: relative;
    padding: 10px 25px;
    border-left: 1px solid #363faa;
    margin: 0;
}
 ul.about-man-points li:last-child {/* border-left: 1px solid #363faa; */}
.services-section5 ul.about-man-points {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    padding: 60px 0 0;
}

.marquee { margin-top: 40px;
  height: 100px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.marquee div {
  display: block;
  width: 200%;
  height: auto;
  position: absolute;
  overflow: hidden;
  animation: marquee 20s linear infinite;
}

.marquee span {
  float: left;
  width: 13%;


  height: 200px;
}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}

.consult-inner{ margin-top: 70px}

.tech-container {
    padding: 50px 0 70px;
}
 
.tech-container .tab {
    overflow: hidden;
    border-bottom: 1px solid #ccc; 
    text-align: center;
}
.tech-container .tab button {
    background-color: inherit;
    float: none;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 36px;
    transition: 0.3s;
    font-size: 17px;
    text-align: center;
    margin: 0;
    color: #222;
    display: inline-block;
    width: 24%;
}
 
.tech-container .tab button.active {
    border-bottom: 3px solid #03005d;
    border-radius: 0;
    background: #fff;
    position: relative;
    color: #03005d;
}

.tech-tabs-services{}

ul.tech-tabs{
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
    align-items: center;
    }

ul.tech-tabs li{text-align: center;}

 ul.tech-tabs li img {
    width: 90px;
    height: 90px;
    display: block;
    margin: 0 auto 10px;
    padding: 26px;
    box-shadow: 0 0 20px 0 #f5f5f5;
    border-radius: 15px;
    background: #fff;
}

 ul.tech-tabs li p {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    letter-spacing: normal;
    margin: 0;
}

.tech-tabs-services h3 {
    margin-bottom: 2.6rem;
    font-size: 18px;
    font-size: 1.3rem;
    line-height: 1.5;
    color: #333;
    letter-spacing: normal;
    text-align: center;
}
.tab-tech-content2{
    /* border-left: 1px solid #ccc; */
    padding-left: 50px;
    background: #f6f9f2;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    }


 
.services-section1 .accordion {
    background-color: transparent;
	color: #000;}
.services-section1 .panel-outer {
    border: none;
    margin: 0;
    padding: 0;
}.services-section1 .accordion:after {
    content: '\002B';
    color: #000;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.nav-mega-menu .logo {
    width:17%;
    float: left;margin-top: 16px;
}
.nav-mega-menu .logo img {
    width: 100%;
}
 
.full-list ul.list-service-dropdown { 
    grid-template-columns: repeat(1, 1fr); 
}
.hero-title-area h2{margin: 5px 0 0;}

.technewtabs .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    cursor: pointer;
	    background: none;
}


.technewtabs .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: 3px solid #03005d !important;
    border-radius: 0;
    background: #fff;
    position: relative;
    color: #03005d;
}

.technewtabs .nav-tabs .nav-item {
    margin-bottom: -1px;
    float: none;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0px 36px;
    transition: 0.3s;
    font-size: 18px;
    text-align: center;
    margin: 0;
    color: #222;
    display: inline-block;
    width: 25%;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.technewtabs .nav-tabs .nav-link:focus, .technewtabs .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    outline: none;
}

.technewtabs .tab-content{margin-top:17px}

ul.social-media-links li img{width:30px;}

.industries-section1 {margin-top:50px;}

.industreis-img1{float:right;}
.width70{width:70%;margin:0 auto;}

ul.industries-logo-list{
    margin: 50px auto 70px;
    display: table;
    list-style: none;
    background: #fff;
    padding: 50px;
    border-radius: 10px;
}
ul.industries-logo-list li{
    float: left;
    margin-right: 30px;
    display: inline-block;
}
ul.industries-logo-list li img{
    width: 150px;
}

.industries-section2{padding: 50px 0;background color:#f7f7f7;margin-top:40px;background: #f7f7f7;}


 .industrybox{
    min-height: 750px;
    transition: all .2s;
    padding: 0;
    text-decoration-line: none;
    border-radius: .75rem;
    display: block;
    background: #fff;
    /* box-shadow: 1px 1px 31px 1px #ebebeb; */
    margin-bottom: 30px;
    padding-bottom: 10px;
    }
.industryboximg{
    border-radius: 15px;
}
.industryboximg img{height: 100%;vertical-align: middle;object-fit: contain;max-width: 100%;border-radius: 15px 15px 0 0;}
.industryboxcontent{
    border-radius: .75rem;
    background: #fff;
    /* padding: 15px; */
}
.industryboxcontent h3{
    font-size: 20px;
    padding: 10px 25px 0;
    /* background-color: #f7f7f7; */
    margin: 0;
    line-height: 32px;
}
.industryboxcontent h3 span{}
.industryboxcontent h3 span img{
    border-radius: 5px;
    margin: 0 15px;
    width: 50px;
}
.ibc-innercontent{
    /* background: #fff; */
    padding: 10px 25px;
    border-radius: 15px;
    margin-bottom: 30px;
}
.industryboxcontent p{
    font-size: 15px;
}
ul.industry-list2 {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.industry-list2 li{
    padding-left: 25px;
    font-weight: 300;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    line-height: 24px;
    margin-bottom: 15px;
    position: relative;
}
ul.industry-list2 li::before{
    content: '';
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 0%;
    width: 16px;
    /* background: #6950a1; */
    border-radius: 0;
    background-image: url(../images/tick2.png");
    background-repeat: no-repeat;
    }

.industry-list .text{float:right;width: 70%;}

.mtl{} 

.technewtabs .nav button {color:#000; text-align:center;}





.tach-capabilities-tabs .nav button {color:#000; text-align:center;}

.tach-capabilities-tabs .nav button:hover {border-bottom: none;border-radius: 5px;background: #03005d;background: rgb(15 11 123); color: #fff;}

 
.tach-capabilities-tabs .nav button.active {
  border-bottom: none;
  border-radius: 5px;
  background: rgb(27 23 171);
  position: relative;
	color: #fff;
}

.tach-capabilities-tabs .nav-tabs .nav-item {
    margin-bottom: -1px;
    display: block;
    width: 100%;position: relative;
}
.tach-capabilities-tabs .nav-tabs {
    border-bottom: none;
}
.tach-capabilities-tabs .nav button{background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 16px;
    text-align: left;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: block; 
    width: 100%;}

.services-section1 h2{  color: #fff; font-size: 50px;}

.tab-tech-content{
    /* background: #f4eef8; */
    padding: 20px 10px;
    border-radius: 10px;
    border: 1px solid #f1f1f1;
}

.technewtabs .nav-tabs {
    border-bottom: none;
}



.automative-logistic1{ 	 position:relative;
  	 padding: 70px 0 216px;
  	 color:#fff;
      background-image: url("file:///C|/Users/abc/Downloads/dev/WEBSITES/madtomlab/18825/New/images/automative-logistic1.jpg");
    background-repeat: no-repeat;
	    background-size: cover;
  }
 .automative-logistic1 h2 {
    color: #fff;
    font-size: 50px;
}
.automative-logistic1 h3 {
    font-weight: 500;
     font-size: 20px;  
   background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%); 
    -webkit-background-clip: text;  
   -webkit-text-fill-color: transparent;  
    color: #fff;
}
 

.shape2{    bottom: 30%;
    left: 0;     position: absolute;
    z-index: -1;}
.shape1{top: 110px;
    right: 0;     position: absolute;
    z-index: -1;
}

.automative-logistic2{position:relative;padding: 40px 0;}

.automative-logistic2 .container {
    width: 76%; 
}

.carimg img{width:100%}

.automative-logistic3{background:#f7f7f7;/* padding: 60px 0; */}


.automative-logistic4{
    padding: 70px 0;
}

.agenda{
    border-left: 1px solid #f7f7f7;
    padding: 0 0 0 50px;
}
.column{}

.column h3{
    font-size: 20px;
    margin: 0;
}
.column p{}
 


.feature_list {
    margin-top: 15px
}

.admin-panel-features .feature_list li {
   display:block;
    width:100%; 
}

.feature_list li {
    margin-bottom: 12px;
    position: relative;
    padding-left: 20px;
    width: 100%;
    display: inline-block;
}

.feature_list li p {
    font-size: 14px;
    margin-bottom: 0;
    color: #444;
    padding-left: 10px;
}

/*.feature_list li:after {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #4a6eb1;
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 50%
}*/
.automative-logistic5 .technewtabs .nav-tabs .nav-item { 
    width: 49%; 
}

.car2{}

.panelcontent{ padding:50px 0}

.automative-logistic5 {background: #f7f7f7;padding: 40px 0 10px;}

.automative-logistic6{padding: 70px 0}
.dashboard-box .feature_list li { 
    width: 100%;
    display: block;
}.border-box {
    text-align: center;
    /* box-shadow: 0 30px 62px 0 rgb(157 155 155 / 15%); */
    display: block;
    position: relative;
    text-align: inherit;
    padding: 20px 30px;
    display: block;
    min-height: 565px;
    margin-top: 20px;
    /* background: #f8f8ff; */
    border-radius: 10px;
}
.automative-logistic5 .technewtabs .nav-tabs .nav-link.active { 
    background: transparent; 
}

.automative-logistic5 .technewtabs .nav-tabs {
    border-bottom: none;
    background: #ffffff;
    width: 50%;
    margin: 0 auto;
    border-radius: 50px;
}

.feature_list li p { 
    font-weight: 400; 
}

.car2 img{border-radius:5px}r-radius-img img{border-radius:5px} 

.border-radius-img img{border-radius:5px} 




.key_features_section .key_features_box {
    border-radius: 15px;
    box-shadow: 0 0 0 #e3e1e1;
    padding: 20px;
    border: 1px solid #fcf0e2;
    transition: .3s linear;
    margin: 0 10px 30px;
    height: 360px
}

.key_features_section .key_features_box .key_text h2 {
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 20px
}

.key_features_section .key_features_box .key_text p {
    line-height: 24px;
    font-size: 14px;
    display: -webkit-box
}

.key_features_section .key_features_img img {
    margin-bottom: 20px;
    position: relative;
    right: 60px;
    width: 497px;
    top: 0
}

.color1{background: #fffdee;}
.color2{background: #eefcfe;}
.color3{background: #f6f3ff;}
.color4{background:#fceef5}



.healthcare-telemedicine1{

position:relative;

padding: 70px 0 216px;

color:#fff;

background-image: linear-gradient(to top right, #FFE2F1 0%, #E5DCFF 30%, #DDFBFF 60%, #FFFBDD 100%);
}
 .healthcare-telemedicine1 h2 {
    color: #000;
    font-size: 50px;
    line-height: 65px;
}
.healthcare-telemedicine1 h3 {
    font-weight: 500;
    font-size: 50px;
    background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    margin-bottom: 50px;
}
 .a1{position: absolute;width: 20%;bottom: 20px;left: 6%;}
 .a2 {position: absolute;right: 40px;width: 22%;bottom: 0%;}
 .a3 {
    position: absolute;
    right: 40px;
    width: 22%;
    bottom: 0%;
    left: 8%;
    top: 69%;
    }

.a3 img{width:100%}

.a4 {
    position: absolute;
    right: 40px;
    width: 22%;
    bottom: 0%;
    left: 74%;
    top: 69%;
    }

.a4 img{width:100%}

.a5 {
    position: absolute;
    right: 40px;
    width: 22%;
    bottom: 0%;
    left: 8%;
    top: 90%;
    }

.a5 img{width:100%}

.a6 {
    position: absolute;
    right: 40px;
    width: 22%;
    bottom: 0%;
    left: 74%;
    top: 90%;
    }

.a6 img{width:100%}

.healthcare-telemedicine2{padding: 20px 0 0;}

.healthcare-telemedicine2 .technewtabs .nav-tabs .nav-link.active { 
    background: transparent; 
}

.healthcare-telemedicine2 .technewtabs .nav-tabs {
       border-bottom: none;
       /* background: #f5f3f3; */
       width: 85%;
       margin: 0 auto;
       border-radius: 50px;
       display: table;
       border: 1px solid #edebeb;
}

.healthcare-telemedicine2 .technewtabs .nav-tabs .nav-item {
     padding: 0px 16px; 
    width: 25%; 
}

.panelimg{}
.panelimg img{width: 100%;border-radius: 40px;}
ul.panel-boxes{
    margin: -20px 0 0 0;
    padding: 0;
    list-style: none;
    display: flex;
}
ul.panel-boxes li{
    border-radius: 10px;
    padding: 20px;
    width: 46%;
    float: left;
    margin: 15px;
    /* min-height: 342px; */
}
ul.panel-boxes li h2{
    font-size: 20px;
    margin: 20px 0;
    line-height: 28px;
}
ul.panel-boxes li p{} 



.why-choose-us h2 {
  text-align: left;
  /* font-size: 2.5em; */
  margin-bottom: 30px;
}

.why-choose-us .benefits {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.why-choose-us .benefit {
  display: block;
  background-color: #fff;
  padding: 20px 20px;
  margin-bottom: 10px;
  border-radius: 8px;
}

.why-choose-us .benefit h3 {
  font-size: 20px;
  margin-bottom: 9px;
  margin: 0;
  line-height: 42px;
}

.why-choose-us .benefit p {
  /* font-size: 14px; */
  line-height: 27px;
}
.healthcare-telemedicine3{
    background: #f7f7f7;
    padding: 30px 0 50px;
}

 .ht2-left {
	  background-image: linear-gradient(to bottom left, #D0BD3C 0%, #51BAC7 30%, #51BAC7 60%, #EB5AA4 100%);
	  display: block;
	  padding: 50px;
	  border-radius: 10px;
}

.ht2-left img{border-radius: 10px;margin-bottom: 10px;}



ul.list-unique-features{
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }

ul.list-unique-features li{
    border-radius: 10px;
    margin: 0 20px 5px 0;
    float: left;
    padding-left: 19px;
    position: relative;
    padding: 20px;
    transition: 0.2s;
    font-size: 14px;
    line-height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    flex: 0 0 23%;
    border: 1px solid #f1f1f1;
}

ul.list-unique-features li h3{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 29px;
}
ul.list-unique-features li p{
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
}

ul.list-unique-features li:hover {
     background-image: linear-gradient(to bottom left, #D0BD3C 0%, #51BAC7 30%, #51BAC7 60%, #EB5AA4 100%);
    color: #fff;
}
.why-choose-us .benefit:hover {
     background-image: linear-gradient(to bottom left, #D0BD3C 0%, #51BAC7 30%, #51BAC7 60%, #EB5AA4 100%);
    color: #fff;
}


.healthcare-telemedicine4{padding: 30px 0 60px;}
.width80{width:80%; margin:0 auto; display:block;}

.healthcareapp3{
    /* margin: 0 auto; */
    display: block;
    width: 34%;
    float: right;
    margin-right: 37px;
}
.healthcareapp3 img{width:100%;}

.healthcare-app1{padding:70px 0;}

.healthcare-app2{/* background:#f7f7f7; */padding:70px 0;border-top: 1px solid #ebebeb;}
.key-benefits-had{}
.key-benefit{    padding: 40px 25px 10px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
padding: 25px 22px 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border: 2px solid;
    border-color: #f4faff;
    margin-bottom: 20px;
    position: relative;}


 .key-benefit:hover{   -webkit-box-shadow: var(--ltn__box-shadow-1);
	 box-shadow: var(--ltn__box-shadow-1);}

.key-benefit::before {
        position: absolute;
        content: "";
        left: -2px;
        top: 50%;
        width: 4px;
        height: 0%;
        background-color: #03005d;
        transition: all 0.5s ease 0s;
        opacity: 0.8;
        visibility: visible;
        transform: translateY(-50%);
    }
 

.key-benefit:hover::before { 
        box-shadow: var(--ltn__box-shadow-1);  height: 80%;
            opacity: 1;
            visibility: visible;
        }

.key-benefit h4{
    margin: 0;
    font-size: 20px;
    line-height: 40px;
}
.key-benefit p{
    font-size: 14px;
    line-height: 24px;
}
     


.benefit-icon{
    margin-right: 15px;
}
.benefit-text{}

.benefit1  {
	background-image: url(../images/mhealth2.jpg);
	background-size: cover;
	background-attachment: fixed;
	min-height: 550px;
	margin-left: 0%;
	background-repeat: no-repeat;
	}

.benefit2{
    padding: 0px 40px;
    min-height: 550px;
    background: #fff;
  }

.healthcare-app3{padding: 30px 0 80px;}

  .process {
    background: #03005d;
    color: #fff;
    padding: 40px 0;
} .process .icon {
    font-size: 40px;
    font-weight: 700;
    margin: 5px auto;
    float: left;
}
.process .info-item {
    margin-left: 70px;
}

  .process .info-item h5 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    /* letter-spacing: 2px; */
    margin-bottom: 15px;
    line-height: 25px;
}

.process .info-item p {
    color: #d2d1db;
    position: relative;
    z-index: 2;
    font-size: 14px;
    line-height: 24px;
}

.process h2{color:#fff;}
.process h3{color:#fff;}

.info-item p{}

.had2 ul.panel-boxes li { 
    min-height: 276px;
}

.solution-logo li {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 20px;
}

.healthcare-app4{
    padding: 50px 0;
}


.healthcare-app4 h3{
    font-size: 24px;
}

ul.benefits2{list-style: none;margin: 0;padding: 0;}
ul.benefits2 li{
    display: table;
    width: 100%;
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 20px;
}
ul.benefits2 li .benefit-icon{
    float: left;
    width: 40px;
    margin-right: 10px;
}
ul.benefits2 li p{
    padding-top: 8px;
}
ul.benefits2 li .benefit-icon img{
    width: 100%;
}


ul.process2{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.process2 li{
    width: 19%;
    float: left;
    margin-right: 10px;
}

ul.process2 li:last-child{  
    margin-right: 0px;
}

.howework_inner_banner {
    /* background: url(../images/howework-bg.png) right top / 67% no-repeat #fff; */
    padding-bottom: 30px;
    background-image: linear-gradient(to top right, #ffffff 0%, #ffffff 30%, #fff7f7 60%, #FFFBDD 100%);
}
.inner_banner {
    /* background-image: url(../images/landing-page-bg.jpg); */
    /* width: 100%; */
    /* background-size: cover; */
    background-repeat: no-repeat;
    background-position: right top;
    position: relative;
}.inner_banner {
    padding: 40px 0 0 0;
    /* background: #f6f6f6; */
}.heading_box {
    width: 100%;
    position: relative;
    height: auto;
    right: 0;
    left: 0;
    /* padding-top: 20px; */
    display: block;
}
ul.contactDiv {
    padding: 30px;
    width: 100%;
    box-shadow: 0 8px 80px rgb(150 146 146 / 22%);
    z-index: 3;
    border-radius: 6px;
    overflow: hidden;
    margin: 45px 0 10px;
    background: #fff;
}

ul.contactDiv li {
    width: 70%;
    float: left
}

ul.contactDiv li.form-secion {
    width: 70%;
    float: left;
    padding: 0 10px 0 0
}

ul.contactDiv li.contact-secion {
    width: 30%;
    float: left
}

ul.buttons {
    text-align: center;
    display: inline-block
}

.conatct-hr {
    padding: 40px 0 0;
    text-align: center
}

ul.contact-hr-details {
    text-align: center;
    display: inline-block;
    margin: 30px 0 0
}

ul.contact-hr-details li {
    padding: 12px 18px;
    border-radius: 8px;
    background-color: #fa6e23
}
.agriculture-banner {
    position: absolute;
    right: 0;
    top: 140px;
}

ul.contactDiv-live li.form-secion {
    width: 100%;
    padding: 0;
    list-style: none;
}
.input100 {
    display: inline-block;
    padding: 13px 20px 13px 23px;
    width: 100%;
    border: 1px solid #eee;
    background: 0 0;
    font-size: 14px;
    color: #333;
    margin: 0 0 20px;
    line-height: 1.2;
    background-color: #fff !important;
}
.contactDiv-live .input100 {
    margin-bottom: 14px
}
.slider-form .input100 {
    border-radius: 5px;
}
.slider-form .input100, ul.contactDiv-ecommerce input.input100 {
    padding: 13px 20px 13px 40px;
}input.input100 {
    height: auto;
    padding: 13px 20px 13px 23px;
}

.GetinTouch-form .form-icon, .slider-form li.form-secion .form-icon, ul.contactDiv li.form-secion .form-icon, ul.contactDiv-ecommerce li.form-secion .form-icon {
    position: absolute;
    left: 35px;
    top: 10px;
    color: #000;
}


.form-secion h4{margin:0;}

.web-section {
    position: relative;
    padding-top: 80px;
    padding-bottom: 60px;
}.title h2 {
    font-weight: 300;
}.blog_txt h3, .counter-box, .react-feature-box, .restrntbx, .success-story .suc-str .list-unstyled {
    margin-bottom: 25px;
    /* border: 1px solid #ededed; */
    padding: 20px;
    position: relative;
    box-shadow: 0 0 20px 0 rgb(161 158 158 / 13%);
    border-radius: 10px;
    min-height: 280px;
}.agriculture-icon {
    width: 75px;
    height: 75px;
    border-radius: 16px;
    /* box-shadow: 0 0 20px 0 rgb(221 221 221 / 13%); */
    padding: 7px;
    margin-bottom: 10px;
    position: absolute;
    right: 0;
    top: 0;
}.react-feature-box h4, .taxi-feature-box h4 {
    color: #000;
    font-size: 20px;
    margin: 0 0 19px;
    padding: 0;
    width: 73%;
    line-height: 27px;
}.react-feature-box p, .taxi-feature-box p {
    line-height: 24px;
    font-size: 15px;
}

.agro2{}
.agro2 img{
    border-radius: 10px 350px 10px 10px;
}

.agriculture-manufacturing1 .services-list {
   
    min-height: 360px;
}

.agriculture-manufacturing2{}

.agriculture-manufacturing2 .why-choose-us .benefit {
    display: block;
    background-color: #fff;
    padding: 20px 20px;
    margin-bottom: 10px;
  border-radius: 0px;  
    box-shadow: 0 0 20px 0 rgb(161 158 158 / 13%);
    width: 23%;
    border-top: 1px solid #03005d;
}

.agriculture-manufacturing2 .why-choose-us .benefit h3 {
    font-size: 20px;
    margin-bottom: 9px;
    margin: 0;
    line-height: 30px;
    margin-bottom: 20px;
}


.travel-banner{    position: absolute;
    right: 0;
    top: 100px;}


.travel-banner2{}
.travel-banner2 img{}
.travel-section2{
    padding: 70px 0;
}
.travel2{}
.travel2 img{}

.travel-section2 h2{margin-top:0}



ul.points-list{
    list-style: none;
    padding: 0;
}
ul.points-list li{
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    }
ul.points-list li::before {
    font-size: 20px;
    margin-right: 10px;
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 0%;
    width: 18px;
    border-radius: 0;
    background-image: url(../images/tick3.png);
    background-repeat: no-repeat;
    content: '';
}
ul.points-list49 {
    list-style: none;
    padding: 0;
}

ul.points-list49 li{
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
	    width: 49%;
    float: left;
    }
ul.points-list49 li::before {
    font-size: 20px;
    margin-right: 10px;
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 0%;
    width: 18px;
    border-radius: 0;
    background-image: url(../images/tick3.png);
    background-repeat: no-repeat;
    content: '';
}



.travel-section3{}
.travel-section3 ul.points-list li{
    position: relative;


    padding-left: 30px;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
	width: 48%;
    float: left;
    }
.travel3bg{
    background: #03005d;
    color: #fff;
    padding: 40px;
    border-radius: 10px;
}

.travel3bg h2{  color: #fff; margin-top:0}


.travel-section4{padding: 50px 0;}

 .travel-section4 .react-feature-box {
    margin-bottom: 25px;
    /* border: 1px solid #ededed; */
    padding: 20px;
    position: relative;
    box-shadow: 0 0 20px 0 rgb(161 158 158 / 13%);
    border-radius: 10px;
    min-height: auto;
}

 .travel-section4 .agriculture-icon{width: 65px;
    height: 65px;}


 .travel-section4 .agriculture-icon img{width:100%; }

.media-entertainment-features {
    /* text-align: center; */
    display: table;
}

.hire-dedicated-Technologies li {
    /* border: 1px solid #c4c4c4; */
    padding: 20px;
    position: relative;
    width: 17%;
    min-height: auto;
    margin: auto 10px 20px;
    display: inline-grid;
    text-align: left;
    box-shadow: 0 0 20px 0 rgb(161 158 158 / 13%);
    border-radius: 10px;
    display: inline-block;
    text-align: center;
}

.media-entertainment-features li {
    width: 22%;
    display: inline-grid;
    /* min-height: 176px; */
}

.hire-dedicated-Technologies li img {
    width: 55px;
    display: inline-block;
    margin-bottom: 0;
    transition: .5s;
    float: left;
    margin-right: 20px;
}

.hire-dedicated-Technologies li h5 {
    font-size: 15px;
    font-weight: 600;
    line-height: inherit;
    float: left;
    display: inline-block;
    margin: 10px 0;
}

.travel-section5{
    padding: 0px 0 60px;
}

.faq-container2 .faq-container{ padding:50px 0 0px; border:none;}

.media-banner{    position: absolute;
    right: 0;
    top: 100px;}

.media-section2 .travel-section4 .react-feature-box { 
    min-height: 180px;
}

.media3{margin-top:40px;}

.media-section3{padding:70px 0;}

.media-section3 .hire-dedicated-Technologies li img {
    width: 55px;
    display: block;
    margin-bottom: 0;
    transition: .5s;
    float: none;
    margin-right: 20px;
    margin: 0 auto;
}
.media-section3 .hire-dedicated-Technologies li h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: inherit;
    float: left;
    display: block;
    margin: 8px auto;
    font-weight: 400;
    width: 100%;
    float: none;
    line-height: 21px;
}

.media-section3 h2{line-height:46px; margin-bottom:20px}

.banking-banner {  position: absolute;
    right: 0;
    top: 140px;}


.banking-section2{padding:70px 0}
.banking2{}
 .banking2 img{border-radius:5px}

.banking-section3 {
    padding: 50px 0 30px;
    background: #f7f7f7;
}
.banking3{}
.banking3 img{border-radius:5px}


.nav button { 
    padding: 14px 6px; 
    font-size: 15px; 
}

.banking-section3 .technewtabs .nav-tabs .nav-item { 
    width: 19%; 
}

.banking-section3 .technewtabs .nav-tabs .nav-link.active { 
    background-color:transparent; 
}

.banking-section4{padding: 40px 0;} 

.banking-section4 .react-feature-box {
       /* min-height: 350px; */
}

.banking-section4 .agriculture-icon {     position: relative;
    width: 60px;
    height: 60px;
}

.banking-section4 .agriculture-icon img {
    width:100%;
}

.banking-section5{padding: 40px 0;color:#fff;background:#03005d;}

.banking-section5 .sub-title { 
    color: #fff;
}
.banking-section5 h2{   color: #fff;}

.banking-section5 .react-feature-box h4 {
    color: #fff 
}

 .banking-section5 .react-feature-box {
    min-height: auto;
    box-shadow: none;
    background: transparent;
    border-top: 1px solid #100c93;
    border-radius: 0;
}
 .banking-section5 .agriculture-icon { 
    display: none;  
}



.banking-section6{padding: 40px 0;}
.banking6{}
.banking6 img{}
.banking-list-inline{}

.banking-list-inline .media-entertainment-features li {
    width: 30%;
}

.banking-list-inline .hire-dedicated-Technologies li img {
    width: 50px;
    display: block;
    margin-bottom: 0;
    transition: .5s;
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
    display: none;
}

.banking-list-inline .hire-dedicated-Technologies li h5 {
    font-size: 15px;
    font-weight: 600;
    line-height: inherit;
    float: none;
    display: block;
    margin: 0;
}

.banking-list-inline .media-entertainment-features { 
    margin-top: 40px;
}

.banking-list-inline{margin-top:80px;}

.real-estate-section1{
    padding: 50px 0;
}
.real-estate-section1 .react-feature-box {
    min-height: 424px;
}

.real-estate-section1 .agriculture-icon {
    width: 65px;
	height: 65px;}


.real-estate-section1 .agriculture-icon img{
    width: 100%; }

.real-estate-section2 ul.points-list { 
    margin: 20px 0 0 0;
}
.real-estate-section2 ul.points-list li{ 
    width: 49%;
    float: left;
}
.real-estate2{margin-top:50px}

.real-estate-section3{padding: 50px 0;position: relative;}

.real-estate4-fix{ 
		vertical-align: top; }
.real-estate4-text{ 		vertical-align: top; }
.real-estate-section3 .services-section2-carousel .owl-carousel .owl-item img {width: 55px;height: auto;}

.real-estate-section4{background:#f7f7f7;padding: 40px 0;margin-bottom: 50px;}

.real-estate-section4 .banking-list-inline{margin:0} 

 
.real-estate-banner {  position: absolute;
    right: 0;
    top: 140px;}

.real-estate-section4 .banking-list-inline .media-entertainment-features li {
    width: 30%;
    background: #fff;
    vertical-align: top;
    min-height: 278px;
}

.real-estate-section4 .banking-list-inline .media-entertainment-features li p{
    font-size: 14px;
    line-height: 26px;
    margin: 0;
}
 

.realestate4{    margin-top: 180px;}
.realestate4 img{}


.ecommerce-banner {  position: absolute;
    right: 0;
    top: 140px;}
.real-estate-section5{padding:70px 0}

.ecommerce2{
    margin-right: 30px;
}
.ecommerce2 img{
    border-radius: 50px;
}

.ecommerce-section2{padding: 20px 0 70px;}

.ecommerce3{margin-top:100px;}
.ecommerce3 img{}

.ecommerce-section4{background:#f7f7f7; margin-top:70px; padding:70px 0; margin-bottom: 70px;}


.ecommerce-section4 .services-list {
    /* min-height: 352px; */
}

.ecommerce-section4 .services-section2-carousel .owl-carousel .owl-item img { 
 
    width: 50px;
}

.automotive-banner {  position: absolute;
    right: 0;
    top: 140px;}

.education-banner {  position: absolute;
    right: 0;
    top: 140px;}

.elearning-section2{padding: 50px 0;}
.elearning2{    margin-right: 30px;}
.elearning2 img{    border-radius: 50px;}
.elearning-section3{padding: 20px 0 70px;background-image: linear-gradient(to top right, #ffffff 0%, #ffffff 30%, #fff7f7 60%, #FFFBDD 100%);padding: 40px 0 20px;}

.elearning-section3 .agriculture-icon {
    width: 65px;
    height: 65px; 
    position: relative;  margin-bottom: 15px;
}


.elearning-section3 .react-feature-box h4 { 
    width: 100%; margin: 0 0 10px;
}

 .elearning-section3 .react-feature-box  {
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
    min-height: auto;
    padding: 0;
}

.elearning-section4{}
.elearning4{margin-top:150px;}
.elearning4 img{}{}

.elearning-section4 ul.points-list li {
    width: 49%;
    float: left;
}

.elearning-section4 ul.points-list {
    margin: 20px 0 0 0;
}

.elearning-section5{    padding: 70px 0;}

.elearning-section5 .services-section2-carousel .owl-carousel .owl-item img { 
    width: 54px;
}

.elearning-section5 .services-list { 
    min-height: 322px;
}
.elearning-section5 .services-section2-carousel .owl-carousel .owl-item img { 
    width: 50px;
}
.automative-logistic3 .services-list {
    /* min-height: 410px; */
}

.feature_list li::before {
    font-size: 20px;
    margin-right: 10px;
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 0%;
    width: 18px;
    border-radius: 0;
    background-image: url(../images/tick3.png);
    background-repeat: no-repeat;
    content: '';
}

.panel-padding{/* padding-left: 139px; */}  

.car2{margin-top: 0;}

.car2 img{}

.telemedicine-banner{  position: absolute;
    right: 0;
    top: 140px;}

.healthcare-banner{  position: absolute;
    right: 0;
    top: 140px;}


.artificial-intelligence-banner{  position: absolute;
    right: 0;
    top: 100px;}

.aipage-section1 {
    padding: 10px 0 50px;
}

.aipage1{
    margin-right: 30px;
    margin-top: 26px;
}
.aipage1 img{
    border-radius: 50px;
}

.aipage-section2 {
    background: #f7f7f7;
    padding: 40px 0;
}


.aipage-section2 .services-list {
    /* min-height: 335px; */
}

.aipage-section3{padding:70px 0}

.aipage3{    margin-top: 150px;}
.aipage3 img{}


.aipage-section4{background-image: linear-gradient(to top right, #ffffff 0%, #ffffff 30%, #fff7f7 60%, #FFFBDD 100%);padding: 40px 0 20px;}

.aipage-section4 .agriculture-icon { 
    position: relative;
  
}

 .aipage-section4 .react-feature-box {
    margin-bottom: 0; 
    padding: 0; 
    box-shadow: none; 
    min-height: auto;
}

.gen-ai-banner{  position: absolute;
    right: 0;
    top: 100px;}


.genai-section1{padding: 10px 0 40px;}
.genai1{    margin-right: 30px;
    margin-top: 26px;}
.genai1 img{    border-radius: 50px;} 

.genai-section2{padding:70px 0; background:#f7f7f7} 


.genai-section2 .services-list { 
    min-height: 305px;
}

.genai-section3{padding: 70px 0;}
.genai3 {
    margin-top: 100px;
}
.genai3 img{}

.aipage-section4 .react-feature-box h4, .taxi-feature-box h4 {  width: 100%; 
}
.mlapplication-section1{}
.mlapplication1{}
.mlapplication1 img{} 

.mlapplication-banner{  position: absolute;
    right: 0;
    top: 120px;}

.mlapplication-section1{padding: 30px 0 70px;}
.mlapplication1{
    margin-right: 30px;
    margin-top: 36px;
    }
.mlapplication1 img{    border-radius: 50px;}

h5{    margin-bottom: 0;}

.mlapplication-section2{padding: 70px 0;
    background: #f7f7f7;}

 .mlapplication-section2 .services-list {
    min-height: 504px;
}

.mlapplication3{margin-top:75px;}

.nlp-banner {  position: absolute;
    right: 0;
    top: 140px;}


.nlp-section2 {
    padding: 70px 0;
    background: #f7f7f7;
}

.nlp-section2 .services-list {
    min-height: 388px;
}

.nlm3{margin-top:10px;}

.nlp-section4{ padding: 70px 0;}

.nlp-section4 ul.points-list49 li { 
    width: 47%; 
    margin-right: 20px;
}

.llm-banner{  position: absolute;
    right: 0;
    top: 120px;}

.llm3{margin-top:100px;}


.chatbot-banner {  position: absolute;
    right: 0;
    top: 120px;}

.chatbot1{}

.chatbot1 img {
    border-radius: 50px;
}



.chatbot-section1{padding: 40px 0 50px;}

.chetbot-section2{
    padding: 50px 0 40px;
    background: #f7f7f7;
    }

.chetbot-section2 .services-list {
    min-height: 448px;
}

.chetbot3{margin-top:50px;}

.data-analytics-banner{  position: absolute;
    right: 0;
    top: 100px;}


.data-analytics-section2{    padding: 70px 0;
    background: #f7f7f7;}


.data-analytics-section2 .services-list { 
    min-height: 389px;
}

.data3{margin-top:100px;}


.infoimg{
    margin-right: 30px;
    margin-top: 36px;
}

.infoimg img {
    border-radius: 50px;
}


.infoimg0{
    margin-right: 30px;
   
}

.infoimg0 img {
    border-radius: 50px;
}

.AWS-consulting3{  position: absolute;
    right: 0;
    top: 0px;}


.infoimgcenter{margin-top:20px;}

.cloud-migration3{margin-top:40px;}
.infoimgcenter img{margin: 0 auto;border-radius: 20px;display: block;}

.devops-consulting-section2{    padding: 70px 0;
    background: #f7f7f7;}

.devops-consulting-section2 .services-list { 
    min-height: 447px;
}

.devops-consulting3{margin-top:150px;}

.microservices-banner{ position: absolute;
    right: 0;
    top: 150px;}

.microservices-section2{    padding: 70px 0;
    background: #f7f7f7;}

.microservices-section2 .services-list {
    min-height: 418px;
}

.custom-soft-section2{ padding: 70px 0;
    background: #f7f7f7;}

 .custom-soft-section2 .services-list {
    min-height: 390px;
}

.top100-banner{position: absolute;
    right: 0;
    top: 100px;}

.gray-container{
    padding: 50px 0 40px;
    background: #f7f7f7;
    } 

.iot-section2 .services-list {
    min-height: 476px;
}


.advantage50{margin-top:50px;}

	.iiot-section2 .services-list {
    min-height: 416px;
}

.advantage80{margin-top:80px;}

.wearable-section2 .services-list {
    min-height: 448px;
}

.advantage150{margin-top:150px;}
.advantage100{margin-top:100px;}

p.width80{margin-bottom:30px;}
h2.width80{margin-bottom:30px;}

.hdmb h2.width70{margin-bottom:30px;}


.services-list{}
 
.how-we-work-section{border-top: 1px solid #ecebeb;padding-top: 50px;margin-bottom: 50px;}
ul.list-howwework{
    margin: 0;
    padding: 0 0 0 10px;
}
ul.list-howwework li{
    font-size: 13px;
    margin: 0 0 0 10px;
    font-weight: 300;
}
.howwework-h5 h5{
    font-size: 17px;
    line-height: 32px;
    color: #3c3c3c;
}

.how-we-work-section .services-list p {
    font-size: 15px;
    margin-bottom: 0px;
}
.how-we-work-section .services-list{position: relative}

 .number {
    position: absolute;
    font-weight: 500;
    font-size: 30px;
    /*background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    line-height: 80px;
    right: 20px;
    top: 17px;
    z-index: 70;
    color: #03005d;
    opacity: 0.1;
}
 


 .number {
    position: absolute;
    font-weight: 500;
    font-size: 30px;
    /*background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    line-height: 80px;
    right: 20px;
    top: 17px;
    z-index: 70;
    color: #03005d;
    opacity: 0.1;
}
 



.containertop70{margin-top:70px;}

.emailid{
    margin-bottom: 20px;
    margin-top: 30px;
    font-size: 18px;
}
.emailid span{margin-right: 15px;}

.mobilenumber{
    font-size: 18px;
}
.mobilenumber span{margin-right: 15px;}
 
.item-first { 
  border-left: 1px solid #fff;
  border-radius: 50px 50px 0 0;
  border-top: 1px solid #fff;
}

.item-first::after {
    position: absolute;
    right: 0px;
    bottom: auto;
    content: "";
    top: 0px;
    height: 64px;
    width: 50px;
    border-top-right-radius: 50px;
    border-right: 1px solid #fff;
}


.item-second { 
   border-radius: 0 0 50px 50px;
   border-bottom: 1px solid #fff;
}

.item-second::after {
    position: absolute;
    left: -1px;
    top: 50px;
    width: 50px;
    content: "";
    bottom: 0px;
    border-bottom-left-radius: 50px;
    border-left: 1px solid #fff;
}

.item-second::before {
    position: absolute;
    right: 0px;
    content: "";
    bottom: 0px;
    height: 64px;
    width: 50px;
    border-bottom-right-radius:  50px;
    border-right: 1px solid #fff;
}
.item-third{
    border-radius: 50px 50px 0 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
.item-forth{
    border-radius: 0 0 50px 50px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.item-forth::after {
    position: absolute;
    left: -1px;
    top: 49px;
    width: 50px;
    content: "";
    border-left: 1px solid #fff;
    bottom: 0;
    border-bottom-left-radius: 50px;
}



.item-forth::before {
    position: absolute;
    right: 0px;
    content: ""; 
}

.item-main{padding: 50px 30px; position:relative;}

.item-third::before {
    position: absolute;
    left: -1px;
    bottom: 64px;
    content: "";
    top: 0px;
    width: 50px;
    border-top-left-radius: 50px;
    border-left: 1px solid #fff;
}

.item-third::after {
    position: absolute;
    right: -1px;
    bottom: auto;
    content: "";
    top: 0px;
    height: 64px;
    width: 50px;
    border-top-right-radius: 50px;
    border-right: 1px solid #fff;
}

 
.process-container {
      padding: 50px 0 70px;
    background: #03005d;
    color: #fff;
}
 
.process-container h2{color:#fff;}
.icon-process{}


.item-process{
    text-align: center;
}


.item-process h4{line-height: 32px;}


.white-box{padding:50px; background:#fff;}
.white-box2{padding: 20px 40px;background:#fff;margin-right:30px;box-sizing: border-box;margin-top: 30px;}
 

.blogcontent{}
.blogcontent h4{    line-height: 31px;
    font-size: 18px;
    font-weight: 600;}
.blogcontent p{margin-bottom: 30px;}
.blogimg{}
.blogimg img{border-radius: 10px;}

.blog-section{    padding: 80px 0 70px;}
  
.blogcontent-inner{}

.blogcontent-inner h4{margin-bottom:0px;}

.achievement-carousel-content .owl-carousel .owl-item .acc img {
  width:200px!important;
}


ul.list-achievement{
    list-style: none;
}
ul.list-achievement li{
    float: left;
}
ul.list-achievement li img{
    width: 125px;
}

 

.tech ul li span {     text-align: center;    margin: 0 auto; line-height: 21px}
.whatnext{font-size: 16px; font-weight: 500}
/*.about-client-carousel-text .item:last-child {margin-right:30px
}*/

  


.faq-container2{margin-bottom:70px;}
.agriculture-manufacturing2 {margin-bottom:70px;}

.clientname{
    margin-bottom: 26px;
    border-left: 2px solid #116bfb;
    padding-left: 15px;
    /* background: #f8f8f8; */
}
.clientname h4{
    margin: 0;
    font-size: 18px;
    padding: 0;
    line-height: 27px;
}
.clientname p{}
.clientname2{font-size: 13px;line-height: 22px;margin-bottom: 10px;font-weight: 400;}

.clientname2 span{
    display: block;
    font-weight: 600;
}


.techspan span{display:none;}


 .wt100 img {
    max-width: 100px!important; 
}

.wt60 img {
     max-width: 60px !important; 
}

ul.industries-logo-list img{width:70px;}


.h2bg {
      font-weight: 600;
      font-size: 60px;
      background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      line-height: 77px;
      margin-bottom: 20px;
} 

.why-choose-us0{padding:0}


.container5040 {
    padding: 50px 0 40px;
    background: #f7f7f7;
}


.gray-container-why{padding:50px 0; margin-bottom: 70px; background: #f7f7f7}



.gray-container-why .agriculture-manufacturing2{margin:0}

.why-choose-us2 .benefits {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
  .why-choose-us2 .benefit h3 {
    font-size: 20px;
    margin-bottom: 9px;
    margin: 0;
    line-height: 30px;
    margin-bottom: 20px;
}
.why-choose-us2 .benefit {
    display: block;
    background-color: #fff;
    padding: 20px 20px;
    margin-bottom: 10px;
    border-radius: 0px;
    box-shadow: 0 0 20px 0 rgb(161 158 158 / 13%);
    width: 32%;
    border-top: 1px solid #03005d;
}


.services-section2-carousel .owl-carousel .owl-stage {
    display: flex;
}

.services-section2-carousel .owl-carousel .owl-item {
    position: relative; 
    float: left;
    font-weight: normal; 
    user-select: none;
    background-color: #fff;
    border-radius: 24px;
    padding: 24px;
    overflow: hidden;
    font-family: "Poppins", Sans-serif; 
    margin: 30px 10px;
    box-shadow: 0px 0px 10px 0px #f5f4f4;
}

/*.ht390 .services-list {    min-height: 390px;}

	.ht420 .services-list {    min-height: 420px;}
.ht390 .services-list {    min-height: 390px;} 
 
.ht360 .services-list {    min-height: 360px;}
.ht280 .services-list {    min-height: 280px;}
.ht310 .services-list {    min-height: 310px;}

.ht340 .services-list {    min-height: 340px;} 
.ht500 .services-list {    min-height: 500px;}

.ht450 .services-list {    min-height: 450px;}
.ht536 .services-list {    min-height: 536px;}
.ht536 .services-list {    min-height: 536px;}
*/



ul.key-list{
    list-style: none;
    padding: 0;
}

ul.key-list{
    list-style: none;
    padding: 0;
}

ul.key-list li{
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif; color: #000;
    }
ul.key-list li strong{  font-weight: 500;}

ul.key-list li::before {
    font-size: 20px;
    margin-right: 10px;
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 0%;
    width: 18px;
    border-radius: 0;
    background-image: url(../images/tick3.png);
    background-repeat: no-repeat;
    content: '';
}

.border-right-process {
    position: absolute;
    left: -1px;
    top: 49px;
    width: 50px;
    content: "";
    /* border-left: 1px solid #fff; */
    bottom: 0;
    border-bottom-left-radius: 50px;
}

.item-process {
    text-align: left;
}
.why-choose-us-hire-developer{padding: 50px 0 20px;}

.why-choose-us-hire-developer .agriculture-manufacturing2 {
    margin-bottom: 0px;
}

.hire-your-developer{padding: 50px 0 70px;}

.hiredeveloper h3{
    text-align: center;
    font-size: 18px;
    border-top: 1px solid #e5e4e4;
    padding-top: 10px;
    margin: 10px 0 0;
}


.why-box5 .agriculture-manufacturing2 .why-choose-us .benefit { 
    width: 18%; 
}

.why-hire-developer{background-image: linear-gradient(to top right, #ffffff 0%, #ffffff 30%, #fff7f7 60%, #FFFBDD 100%);padding: 40px 0 40px;}

.why-hire-developer .react-feature-box {
    margin-bottom: 0;
    padding: 0;
    box-shadow: none;
    min-height: auto;
}

.why-hire-developer h4 {
    width: 100%;
}

.why-hire-developer p {
    line-height: 24px;
    font-size: 15px;
}

ul.panel-boxes li img{display:none;}

.healthcare-telemedicine4 ul.list-unique-features li img {display:none}


.servicesh3 .react-feature-box h3 {
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 10px;
}

.process-mb{margin-bottom:70px;}
.process-mb40{margin-bottom:40px;}

.container5040w{    padding: 50px 0 40px;
    background: #fff;}

ul.box-list{   display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0;
  list-style: none;
  margin: 0;}
ul.box-list li{
  flex: 1 1 calc(33% - 20px); /* Two items per row with gap */
  background-color: #fff;
  border-radius: 8px;
  /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); */
  a(0, 0, 0, 0.05);
  box-sizing: border-box;
  padding: 20px 20px 0;
}
ul.box-list li h2{
    margin: 0;
    padding: 0;
    font-size: 18px;
}
ul.box-list li p{}

.border-box h4 {
    line-height: 34px;
}

.aboutbg2 {
  
border-radius: 5px;
  
padding: 40px 22px 30px 35px;
  
border: 1px solid #ccc;
  
margin: 0px 15px;
} 

.client-section-home{
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.contact-section{margin:0 15px}

.aboutbg-home {
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 40px 22px 30px 35px;
    
}

.aboutbg-home h2 {
    font-size: 31px;
    line-height: 44px;
    margin: 0;
}

.about-section5-left h3{/* margin:0; *//* padding: 0; */}  
.about-section5-right h3{/* margin: 10px 0 0; */}

.about-culture-padding{padding-top:70px;}

.forboxes{padding: 40px 0;background: #f7f7f7;margin: 0px 0 30px;}

.forboxes .react-feature-box {margin-bottom: 25px;
    /* border: 1px solid #ededed; */
    padding: 20px;
    position: relative;
    box-shadow: 0 0 20px 0 rgb(161 158 158 / 13%);
    border-radius: 10px;
    min-height: 280px;
    margin-bottom: 0;
    padding: 0;
    box-shadow: none;
    min-height: auto;
}
.forboxes .agriculture-icon {
    position: relative;
}
 
.tech-container2{padding:0 0 50px;}


ul.list-tech {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0;
    list-style: none;
    margin: 0;
    justify-content: center;
    align-items: center;
}

ul.list-tech li {
    flex: 1 1 calc(20% - 20px);
    background-color: #fff;
    border-radius: 8px;
    /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); */
    box-sizing: border-box;
    padding: 20px 20px 0;
    text-align: center;
    align-items: center;
    vertical-align: middle;
}

.tech-container2{
    padding: 0px 0 70px;
}

.gray-container h2{margin:0}
.gray-container h3{margin:0 auto;}
.automative-logistic5 h2{margin:0}

.why-choose-us50top {padding:50px 0 0}


.contactpageform ul.contactDiv {
    padding: 30px;
    width: 100%;
    box-shadow: 0 8px 80px rgb(150 146 146 / 22%);
    z-index: 3;
    border-radius: 6px;
    overflow: hidden;
    margin: 20px 0 10px;
    background: #fff;
}

.client-section-contactpage{padding:10px 0}
.location-contact{padding: 40px 0 30px;}

ul.list-address2 {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 30px;
    justify-content: center;
    align-items: center;
}
ul.list-address2 li{
    padding: 0 30px;
    /* flex: 1 1 calc(33.333% - 20px); */
    width: 31.33%;
    margin-bottom: 20px;
    text-align: center;
}
ul.list-address2 li h3{
    font-size: 22px;
}
ul.list-address2 li p{}
.border-right-list-address2{border-right:1px solid #f4f4f4}

.callicon2 {
    display: inline-block;
    margin: 0px 5px 0;
    position: relative;
    top: 2px;
}

.location-contact .callicon2 { 
    top: -1px;
}

.achievement-contact{
    padding: 30px 0 50px;
    background: #f7f7f7;
    margin-bottom: 30px;
    /* border-top: 1px solid #e5e5e5; */
    /* border-bottom: 1px solid #e5e5e5; */
    }

/*.g-recaptcha ~ div {
     width: 130px !important;
}
*//*.requestbtn { 
    margin: 20px auto 0;
}*/
.desktopview{display:block}
.responsiveview{display:none;}


	.desktopview2{display:block!important}
.responsiveview2{display:none!important;}

.contactmenu {
 background: #03005d;
    color: #fff !important;
    padding-right: 15px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    padding-left: 15px !important;
    border-radius: 5px;
    margin-left: 35px !important;
}


.contactmenu:hover {
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
    background-image: linear-gradient(to bottom left, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
    color: #fff;
    text-decoration: none;
  
}

.callbutns{
    display: inline-block;
    position: relative;
    top: 3px;
} 

.whatsap {display: inline-block;position: relative;margin-top:6px;}

.home-page-collapse h3,.whatsap a {
    color: #fff;
    font-weight: 600
}

.whatsap a i {
    border-radius: 50%;
    font-size: 22px;
    background: #4caf50;
    padding: 0px 10px;
    height: 38px;
    width: 38px;
    line-height: 38px;
    text-align: center
} 

 
.call-top {
    font-size: 15px;
    float: left;
    margin: 11px 7px 0 5px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #03005d;
    
  
}
.call-top a {
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	text-decoration: none;
	color: #03005d;
	border: 1px solid #03005d;
	border-radius: 5px;
	padding: 8px 10px;
	}


.call-top a:hover {  
	/*color: #0a04a9;
	    
   
    transition: 0.5s;
    background-image: linear-gradient(to bottom left, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
    color: #fff;
    text-decoration: none;*/
	color: #fff;
		border-radius: 5px;
	background: #03005d;
	border: 1px solid #03005d;
	}

.call-top span {
    color: #ff540b;
    font-size: 14px;
    font-weight: 700
}

.top-btn {
    float: right;
    margin: 0
}

.hero-title-area h5{margin-top:20px}	

.hero-title-area p{
    font-size: 15px;
    line-height: 28px;
}

.about-servicesimg{margin-top:120px;}
.about-servicesimg80{margin-top:80px;}