/* .videotext{
width: 100%;
background: linear-gradient(-45deg, #f3f3f300 50%, #000000ad 50%);
position: absolute;
bottom: 25%;
color: white;
padding: 5px 0 10px 32px;
}
.videoheading{
  width: 50%;
  font-size: 30px;
  font-weight: 500;
}
.videocont{
  width: 48%;
  font-size: 20px;
} */

.successimg{
  width: 250px;
}
.large{
  width: 100%;
}
.testi-parent{
  position: relative;
}
.testi-child{
  position: absolute;
  bottom: 15px;
  right: 35px;
  left: 20px;
}
.img360{
  width: 80px;
}
.videosec{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 540px;
}
video {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.pageheading{
  margin-top: 20px;
}
.margtop{
  margin-top: 1rem;
}
.profession{
  width: 10%;
}
/* .about-disc{
  margin-top: 30px;
 } */
.head-count{
color: #1F2E5E;
}
.choose-us{
  background-color: #f1fff4;
  padding: 20px;
  border-radius: 10px ;
  margin-bottom: 20px;
}
.choose-us-1{
  background-color:#f5f7fa;
  padding: 20px;
  border-radius: 10px ;
  margin-bottom: 20px;
}
.verify-img
{
  width: 35px;
}
.why-choose{
  width: 75%;
  margin: 0 auto;
  text-align: center;
}
.marg-left-right {
  margin-right: 3rem;
  margin-left: 3rem;
}
.model{
  padding: 20px;
  box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.75);
  border-radius: 5px;
}
.max-w-80{
  max-width: 80%;
}
.model-img{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
}
.values{
  background-image: url('https://d2c12hljnbvhtv.cloudfront.net/images/aboutus/background.png');
  padding-top: 30px;
  padding-bottom: 30px;
}

.comma{
width: 40px;
}

.client-para-middle{
 color: #333;
 text-align: center;
 font-size: 18px;
 font-style: normal;
 font-weight: 300;
 line-height: 28px; 
 margin:  30px 0px 50px 30px;

}
.common-box{
border-radius: 5px;
padding: 30px;
background: #FBFBFB;

}
.middle-box{
 padding: 30px;
border-radius: 5px;
background: rgb(244,247,255);

}

.carousel-indicators [data-bs-target]{
width: 10px;
height: 10px;
border: 1px;
border-radius: 20px;
}
.carousel-indicators{
bottom: -50px;
}

.bigger{
  background-image: url(https://d2c12hljnbvhtv.cloudfront.net/images/aboutus/message_rectangle.png);
  background-size: cover; 
  border-radius: 10px;
}
.message-first{
text-align: left;
justify-content: center;
padding: 70px;
}
.dir_img{
border-radius: 5px;
width: 75%;
}
.dir_img2{
  border-radius: 5px;
  width: 75%;
  }
.dir_mt{
  margin-top: 25px;
}
.dir_mt2{
  margin-top: 18px;
}
.dir_section{
  margin-top: 70px;
  margin-bottom: 70px;
}
.message-name{
height: 50px;
background: linear-gradient(-45deg, #F3F3F3 50%, #1F2E5E 50%);
display: flex;
}
.name{
  color: #FFF;
  text-align: center;
  width: 100%;
  padding-top: 10px;
}
.post {
  color: #1F2E5E;
  text-align: center;
  width: 100%;
  padding-top: 10px;
}
.deliver_main{
  width: 130%;
  position: relative;
  left: 289px;
  top: 49px;
}
.year-transformation{
  background-image: url('https://d2c12hljnbvhtv.cloudfront.net/images/aboutus/year-transformation.png');
  width: 100%;
  background-size: cover;
  overflow: hidden;
}
.journey-btn{
  padding: 6px;
  margin-top: 40px;
  margin-left: 100px;
  border: 1px solid white;
  background-color: rgba(0, 0, 0, 0);
  color: white;
  width: 160px;
}
.choose-head{
padding-left: 45px;
}
.choose-para{
padding-left: 45px;
margin-top: -28px;
}
.explore-text{
  margin-top: 10px;
  margin-left: 100px;
  color: white;
}
.text{
  position: relative;
  text-align: center;
  float: center;
  clear: center;
  font-size: 30px;
}
.line span{
  background: red;
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    border-top: 2px solid white;
}
.text::after {
  content: "";
  position: absolute;
  border-top: 2px solid white;
  /* left: 35%; */
  bottom: 0;
  width: 50%;
  height: 0px;
}
.container{
  margin-left: none;
}
.text:before {
    content: "";
    background: #e85387;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    margin: 0 auto;
    padding: 0;
}

/* dotted css */
.firt-lilne {
  border-top: 3px solid white;
  border-right: 3px solid white;
  border-bottom: 3px solid white;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.second-lilne{
  border-left: 3px solid white;
    border-bottom: 3px solid white;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px; 
}
.third-lilne{
  border-right: 3px solid white;
  border-bottom: 3px solid white;
    border-bottom-right-radius: 10px;
}
.about-img{
  padding: 20px;
}

/* dotted css */

.first-dotted-box{
  width: 90vw;
  height: 40vh;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-left:  -85px;
  border-top: 2px solid white;
  position: relative;
}
.second-dotted-box{
  width: 84vw;
  height: 40vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  justify-content: space-around;
  border: 2px solid white;
  border-right: none;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  position: relative;
}
.third-dotted-box{
  width: 90vw;
  height: 40vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  justify-content: space-around;
  border-bottom: 2px solid white;
  margin-left:  -85px;
  position: relative;
}
.fourth-dotted-box{
  width: 90vw;
  height: 40vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  justify-content: space-around;
  margin-left:  -85px;
  position: relative;
}
.first-dotted-box::before, .third-dotted-box::before{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%,-50%);
  width: 30px;
  height: 40.3vh;
  border: 2px solid white;
  border-left: none;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 20px;
}

.top-circle-container{
  width: 90vw;
  height: 10vh;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0%,-50%);
}
.second-circle-container{
  margin-left: -85px;
}
.circle-visibility-hidden{
  visibility: hidden;
}
.dot{
  width: 2vmin;
  height: 2vmin;
  border-radius: 50%;
  background-color: white;
  
}
.dot-border{
  width: 4vmin;
  height: 4vmin;
  border-radius: 50%;
  border: 1px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dot-border:hover > .dot{
  background-color: skyblue;
  cursor: pointer;
}
.dot-border:hover{
  border-color: skyblue;
  cursor: pointer;
}
.heading{
  color: white;
}
.explore{
  margin-top: 30px;
}
.upper-container{
  display: flex;
  justify-content: space-between;
}
.first-icon{
  height: 70px;
  width: 70px;
}
.image-text{
 font-size: large;
 color: white;
}
.second-icon{
  height: 70px;
  width: 70px;
}
.second-image-text{
 font-size: large;
}
.first-image-container{
  width: 20vw;
}
.image-container{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  justify-content: center;
  align-items: center;
}
.fourth-image-container{
  margin-right: 80px;
}
.second-image-container{
  width: 15vw;
  
}
.third-image-container{
  width: 25vw;
  
}
.third-icon{
  height: 70px;
  width: 70px;
}
.fourth-icon{
  width: 90px;
  height: 50px;
}
.fivth-image-container{
  width: 12vw;
}
.sixth-image-container{
  width: 20vw;
  height: 20vh;
  color: white;
}
.sixth-icon{
  height: 80px;
  width: 120px;
}
.sixth-ul{
 line-height: 20px;
}
.fiveth-image-container{
  width: 20vw;
}
.seventh-image-container{
  width: 20vw;
}
.seventh-icon{
  height: 80px;
  width: 180px;
}
.seventh-text{
  color: white;
  margin-left: 40px;
}
.eighth-icon{
  height: 70px;
  width: 90px;
}
.eighth-ul{
  line-height: 20px;
  color: white;
}
.nineth-image-container{
  width: 20vw;
}
.tenth-image-container{
  width: 20vw;
}
.tenth-icon{
  width: 70px;
  height: 75px;
}
.tenth-text{
  color: white;
  margin-left: 30px;
}
.eleven-image-container{
  width: 20vw;
}
.eleven-icon{
  width: 80px;
  height: 80px;
}
.eleven-text{
  color: white;
}
.twelve-image-container{
  width: 20vw;
}
.twelve-ul{
  color: white;
}
.twelve-icon{
  height: 70px;
  width: 70px;
}
.thirteen-icon{
  height: 150px;
  width: 150px;
}
.fiveteen-image-container{
  width: 20vw;
}
.fiveteen-icon{
  height: 80px;
  width: 80px;
}
.fivteen-text{
  color: white;
  text-align: center;
  margin-left: 30px;
}
.sixteen-image-container{
  width: 12vw;
}
.sixteen-icon{
  height: 80px;
  width: 70px;
}
.sixteen-text{
  color: white;
}
.our-journey{
  width: 150px;
  height: 30px;
  border: 1px solid white;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  margin-top: 70px;
}
.robot-image{
  width: 34vw;
  height: 50vh;
}
.the-story-text{
  color: white;
  font-size: 30px;
}
.company-logo{
  width: 100px;
  height: 30px;
}
.years{
  color: white;
}
.explore-container-max-width-1100{
  display: none;
}
.mobile-view-container{
  width: 100%;
  display: flex;
  justify-content: space-between;

}

.mobile-view-dot-box{
  width: 20%;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mobile-view-years-image-contaier{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.image-new-container{
 width: 80%;
}
.image-size{
  width: 100%;
  height: 20%;
  margin-top: 20px;
}
.line-mobile-view{
   width: 2px;
   height: 100%;
   background-color: white;
   margin-left: 30px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
}
.mobile-view-dot{
   margin-top: 30px;
}
.delivery-model-flex{
  display: flex;
  align-items: center;
  gap: 30px;
}
.delivery-model-flex .rounded-button{
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  background-color: palevioletred;
  color: white;
  font-size: 16px;
  padding: 14px;
  font-weight: bold;
  cursor: pointer;
  outline: none;
}


/*width max 1920*/
@media only screen and (min-width: 1920px){
  .first-dotted-box{
    margin-left: -210px;
  }
  .second-dotted-box{
    margin-left: -100px;
  }
  .third-dotted-box{
    margin-left: -210px;
  }
  .robot-image{
    margin-left: 64px;
  }
} 

/*===================== Start-Tabbing-Section ===================*/

.servsection {
  background: linear-gradient(to top, #f2ece1 0%, #d3dfe8 100%);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 35px 0 0 0;
}
.drive {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 25px;
}
.servcontent {
  width: 100%;
  margin: 0 auto 25px auto;
}
.tab {
  width: 100%;
  height: 325px;
}
.tab button.active {
  background-color: #31823f;
  color: white;
  }
.tab button {
  background-color: #ffffff;
  color: #000000e3;
  border-radius: 5px;
  padding: 12px 8px 10px 10px;
  width: 80%;
  border: none;
  outline: none;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 57px;
}
.tabcontent {
  padding: 0px 12px;
  width: 100%;
  height: auto;
}
.tabimg {
  width: 50%;
  float: left;
}
.tabcont {
  width: 50%;
  float: left;
  padding: 0px 0 20px 40px;
}
.needs {
  margin-top: 20px;
}
.needs ul li {
  margin-bottom: 15px;
}
.degree-image{
  margin-left: 25px;
  font-weight: 800;
  font-size: 20px;
  color: rgb(49,130,63);
}


/*===================== End-Tabbing-Section ===================*/


/* media query start */
@media only screen and (min-width:360px) and (max-width:767px) 
{
  /* .videotext {
  background: #000000ad!important;
  bottom: 20%!important;
  padding: 5px 10px 10px 10px!important;
	
}  
.videoheading {
 	width: 100%!important;
  font-size: 17px!important;
  }
.videocont {
  width: 100%!important;
  font-size: 12px!important;
} */

.about-disc{
  margin-top: 30px;
}
.busiproject{
  margin-top: 30px;
}

  .testimonmobdnone{
    display: none;
  }
  .testimonmobdblock{
    display: block!important;
  }
  .pageheading {
    margin-top: -45px;
  }
  .margtop{
    margin-top: unset;
  }
  .marbotmob{
    margin-bottom: 30px;
  }
  .tab {
    height: unset;
  }
  .tabcont {
    width: 100%;
    float: unset;
    padding: 0px 0 10px 0px;
}
.needs ul{
  padding-left: 15px;
}
  .tabimg {
    width: 100%;
    float: unset;
}
  .tab button {
    width: 30%;
    font-size: 11px;
    float: left;
    height: 40px;
    margin-right: 10px;
    margin-bottom: 30px;
    padding: 0;
  }
  .model-img {
    padding-top: 10px;
    padding-bottom: 30px;
}
  .aboutmob{
    margin-top: -30px;
  }
  .home{
    max-width: 100%;
  }
  .videosec {
    height: 336px;
  }
  .deliver_main {
    width: 100%;
      position: relative;
      margin-top: 109px;
      left: 0;
      top: 18px;
  }
  .dir_mt {
    margin-top: 5px;
    margin-bottom: 30px;
  }
  .dir_mt2 {
    margin-top: 5px;
    margin-bottom: 30px;
  }
  .max-w-80 {
    max-width: 100%;
  }
  .message-first {
    margin-top: unset;
    padding: 25px;
    display: unset;
  }
  .message-para{
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
  /* .middle-box {
    padding: 13px;
    width: 88%;
  } */
  .marg-left-right {
    margin-right: unset;
    margin-left: unset;
}
  .message-name {
    height: 50px;
  }
  .delivery-model-flex{
    flex-direction: column;
    gap: 10px;
  }
}



@media only screen and (max-width: 1100px) 
{
  .explore-container-max-width-full{
      display: none;
  }
  .year-transformation-height{
      height: max-content;
  }
  .explore-container-max-width-1100{
      display: block;
  }
  .robot-image{
      height: 40vmin;
      width: 80vmin;
  }
}

/* media query end */


/* convert image to code */

.main{
  width: 100%;
  background-image: url("https://d2c12hljnbvhtv.cloudfront.net/images/aboutus/backgroudImage.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 45px;
}
.full-form-container{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.left-side-container{
  width: 35%;
 
}
.centre-side-container{
  width: 30%;
}
.right-side-container{
  width: 35%;
}
.common{
  width: 360px;
  height: 110px;
  border-radius: 100px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 10px 0 10px;
}
.left-first-container{
  background-color: rgb(255,177,55);
}
.left-second-container{
  background-color: rgb(255,117,71);
}
.left-third-container{
  background-color: rgb(130,135,239);
}
.right-first-container{
  background-color: rgb(220,203,35);
}
.right-second-container{
  background-color: rgb(218,123,214);
}
.right-third-container{
  background-color: rgb(249,98,97);
}
.circle-container{
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background-color: rgb(255,255,255);
  border: 20px solid rgb(213,195,218);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 50px;
}
.centre-text{
  font-weight: 600;
  color: rgb(46,86,137);
  line-height: 25px;
  padding: 0 10px 0 10px;
  margin-top: 5px;
}
.centre-second-container{
  width: 340px;
  height: 115px;
  background-color: rgb(79,197,13);
  margin-top: 30px;
}
.small-circle{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: rgb(253,253,253);
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-container{
  width: 220px;
  padding: 2px;
  display: flex;
  flex-direction: column;
  color: white;
  padding-top: 10px;
  line-height: 15px;
}
.left-content {
  text-align: end;
}
.right-content {
  text-align: start;
}
.heading-span-tag{
  font-size: 17px;
  margin-bottom: 10px;
  font-weight: 600;
}
.full-form-text{
  font-size: 12px;
}
.small-dot-arrow{
  width: 30px;
  height: 25px;
  border-radius: 50%;
}
.small-dot-arrow1{
  background-color: rgb(255,177,55);
}
.small-dot-arrow2{
  background-color: rgb(255,117,71);
}
.small-dot-arrow3{
  background-color: rgb(130,135,239);
}
.small-dot-arrow4{
  background-color: rgb(79,197,13);
  margin-top: 30px;
  width: 28px;
  height: 26px;
  border-radius: 50%;
}
.small-dot-arrow5{
  background-color: rgb(220,203,35);
}
.small-dot-arrow6{
  background-color: rgb(218,123,214);
}
.small-dot-arrow7{
  background-color: rgb(249,98,97);
}
.outer-container{
  width: 80%;
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.small-text{
  font-size: 10px;
}
.hr1{
  width: 75px;
  color: white;
}





@media only screen and (max-width: 1000px) {
  .main{
      width: max-content;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      padding-top: 10px;
    padding-bottom: 40px;
  }
  .hr1{
      display: none;
  }
  .small-dot-arrow{
     display: none;
  }
  .centre-side-container{
      width: min-content;
      padding: 20px;
  }
  .outer-container{
      width: max-content;
  }
  .circle-container{
    margin-top: 10px;
  }
  .right-side-container{
    margin-top: -20px;
  }
}