@media(max-width:1710px){
.carousel-caption h5 {
  font-size: 45px;
}
.red_strip {
  bottom: 240px;
} 
.carousel-caption {
  height: 100vh;
}
.gradient-background {
  height: 87vh;
  position: relative;
  overflow: hidden;
}
.red_strip {
    width: 76%;
}

.sec_1 #carouselExampleSlidesOnly .carousel-indicators {
  margin-bottom: 2%;
}
} 
@media(max-width:1600px){
  .carousel-caption h5 {
    font-size: 42px;
  }
  .red_strip {
    bottom: 207px;
    width:82%;
  }
  .gradient-background {
    height: 83vh;
    position: relative;
    overflow: hidden;
}
 
.carousel-caption img {
  height:100vh;
  margin-top: -14px;
}
}
@media(max-width:1536px){
    .abt-btn::after{
        height: 650%;
    }
    .carousel-caption h5 {
      font-size: 41px;
  }
  .carousel-caption p {
    font-size: 23px;
}
.gatway p {
  font-size: 18px;
}
.green-card p{
  font-size: 14px;
}
.red_strip {
  bottom: 207px;
}

.red_strip {
  width: 85%;
}
.step.bottom {
  transform: translateX(-12%);  
  }
  .bnr-inner {
    left: 84%;
    top: 92%;
}
.gradient-background {
  height: 80vh;
  position: relative;
  overflow: hidden;
}
}
@media(max-width:1440px){
 
  .carousel-caption h5 {
    font-size: 36px;
}
.carousel-caption p {
  font-size: 22px;
}
.red_strip {
  bottom: 137px;
  width: 90%;
}
.step {
  width: 150px;
}
.step.bottom {
  transform: translateX(-22%);  
  }
  .gradient-background {
    height: 90vh;
    position: relative;
    overflow: hidden;
}
}
@media(max-width:1366px){
  .student-green{
    height:auto;
  }
  .gradient-background {
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.bnr-inner {
  left: 81%;
  top: 92%;
}
  .gatway .row1 .col-lg-8 {
    margin-top: 69px;
}
  .carousel-caption p {
    font-size: 21px;
}
.navbar .nav-link {
  font-size: 15px;
}
.gatway {
  padding: 50px 0px;
  height: auto;
  position: relative;
}
.gatway .title h3 {
  font-size: 32px;
  margin-bottom:20px;
}
.gatway p {

  font-size: 16px;
}
.green-card p{
  font-size: 14px;
}
.green-card{
  margin:0px 6px;
}
.gatway h2 {
  font-size: 42px;
}
.gatway .img_logo img {
  width: 57%;

}
.gatway .card {

  height: 460px;
}
.gatway .red_strip h3 {
  font-weight: bold;
  font-size: 42px;
}
.gatway .g_un h4 {
  font-size: 40px;
}
.gatway .g_un p {
  font-size: 20px;
}
.roadmap {
  padding: 50px 0px;
  height:auto;
}
.roadmap .row {
  row-gap: 0px;
}
.roadmap .crad_2 .card {
  margin-bottom: 26px;
  padding:0px 30px 30px 30px;
}
.card_title_1 h3 {
  height: auto;
  font-weight: bold;
  font-size: 38px;
  width: 271px;
  line-height: 63.5px;
}
.roadmap_section {
  margin-bottom: 20px;
  margin-top: 70px;
  padding: 50px 0px;
}
.map_box.box1 {
  top: -51px;
  right: 225px;
}
.map_box.box_right4 {
  left: 167px;
  top: -95px;
}
 .roadmap .card1 {
  bottom: 0px;
} 
#footer-main {
  margin-top: 0px;
}
 
.btn-main a{
  font-size:16px;
}
.blog-card-inside-text h3{
  font-size: 18px;
  line-height: unset;
}
.blog-card-tags a{
  font-size:14px;
}
.service-tt-card-sec{
  height: 360px;
}
.service-car2{
  height: 360px;
}
#second-service-card-main {
  padding: 20px 0px;
}
/* .carousel-caption {
  z-index:1;
 
} */
.red_strip {
  bottom: 105px;
  width: 82%;
}
.map_box.box_right1 {
  top: 487px;
  left: 228px;
}
.map_box.box_right3 {
   top:48px;
  left: 88px;
}
.map_box p {
  font-size: 14px;
}
.map_box.box_right2 {
  width: 304px;
  left: 4px;
  top: 212px;
}
.map_box.box5 {
  position: absolute;
  right: 15px;
  top: 218px;
}
.map_box.box3 {
  position: absolute;
  top: 455px;
  right: 153px;
}
.arrow-right i {
  margin-top: 25px;
}
.student-green h1 {
  font-size: 27px;
  font-weight: bold;
  line-height: 37px;
}
.student-green p {
  font-size: 15px;
}
.step {
  width: 150px;
}
.step-label {
  font-size: 16px;
}
.step.top {
  top: -190px;
}
.road-steps .step .bottom{
  left:-20px;
}
.road_title h2 {
  font-size: 20px;
}
.img_an_logo {
  margin-bottom: 5px;
}
.road_title h2 {
  line-height: 24px;
}
.road_card{
  padding:20px 20px;

}
.road-section h1 {
  font-weight: bold;
  font-size: 35px;
  text-align: center;
  margin-bottom: 95px;
}
.road-section {
  height:auto;
}
.navbar .navbar-brand {
  width: 150px;
  height: auto;
  filter: none;
}
.content-strip a {
  text-decoration: none;
  color: var(--white);

}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 0px;
 padding-left: 0px;
}
.carousel-control-next-icon {
  left: 80px;
}
.carousel-control-prev-icon {
  left: -80px;
}
/* .carousel-control-next-icon, .carousel-control-prev-icon {
  display:none;
} */
/* .carousel-caption .col-lg-6 img{
width: 80%;
margin-top: 32px;
} */
#company-hiring ul li:nth-child(1) .career {
  left: -52px;
  top: 520px;
  animation-delay: 0s;
}
#company-hiring ul li:nth-child(10) .career {
  left: 1065px;
  top: 520px;
  animation-delay: 0s;
}

#company-hiring ul li:nth-child(1) .career-text {
  position: absolute;
  top: 557px;
  left: 62px;
}
#company-hiring ul li:nth-child(10) .career-text {
  left: 967px;
  top: 538px;
  position: absolute;
}
#company-hiring ul li:nth-child(2) .career {
  left: -21px;
  top: 350px;
  animation-delay: 1s;
}

#company-hiring ul li:nth-child(9) .career {
    left: 1039px;
    top: 350px;
    animation-delay: 8s;
}
#company-hiring ul li:nth-child(2) .career-text {
  left: 92px;
  top: 382px;
  position: absolute;
}
#company-hiring ul li:nth-child(9) .career-text {
  left: 947px;
  top: 384px;
  position: absolute;
}
#company-hiring ul li:nth-child(3) .career {
  left: 55px;
  top: 190px;
  animation-delay: 2s;
}
#company-hiring ul li:nth-child(8) .career {
  left: 961px;
  top: 190px;
  animation-delay: 7s;
}
#company-hiring ul li:nth-child(3) .career-text {
  left: 167px;
  top: 236px;
  position: absolute;
}
#company-hiring ul li:nth-child(8) .career-text {
  left: 837px;
  top: 233px;
  position: absolute;
}
#company-hiring ul li:nth-child(4) .career {
  left: 195px;
  top: 51px;
  animation-delay: 2s;
}
#company-hiring ul li:nth-child(5) .career {
  left: 390px;
  top: -29px;
  animation-delay: 4s;
}
#company-hiring ul li:nth-child(6) .career {
  left: 613px;
  top: -32px;
  animation-delay: 5s;
}
#company-hiring ul li:nth-child(7) .career {
  left: 810px;
  top: 51px;
  animation-delay: 6s;
}
#company-hiring ul li:nth-child(5) .career-text {
  left: 394px;
  top: 79px;
  position: absolute;
}
#company-hiring ul li:nth-child(6) .career-text {
  left: 611px;
  top: 79px;
  position: absolute;
}
#company-hiring ul li:nth-child(7) .career-text {
  left: 806px;
  top: 157px;
  position: absolute;
}
#company-hiring ul li:nth-child(4) .career-text {
  left: 183px;
  top: 156px;
  position: absolute;
}
.sec_1 #carouselExampleSlidesOnly .carousel-indicators {
  justify-content: end;
  margin-right: 3%;
  margin-left: 3%;
  margin-bottom: 2%;
}
.green-steps {
 
  gap: 0px;

}
.hexagon {
  position: relative;
  width: 180px;
  height: 168.74px;
}
}
@media(max-width:1343px){
.carousel-caption h5 {
  font-size: 35px;
}
.carousel-caption p {
  font-size: 20px;
}
.gradient-background {
  height: auto;
  position: relative;
  overflow: hidden;
}

}
@media(max-width:1280px){
 
  .carousel-caption h5 {
    font-size: 33px;
}
.carousel-caption p {
  font-size: 19px;
}
.red_strip {
  bottom: 107px;
  width: 87%;
}
.step.bottom {
  transform: translateX(-32%);  
  }
  .bnr-inner {
    left: 82%;
    top: 90%;
}

}
@media(max-width:1200px){
.carousel-caption h5 {
  font-size: 30px;
}
.carousel-control-next-icon {
  left: 65px;
}
.carousel-control-prev-icon {
  left: -65px;
}
.carousel-caption p {
  font-size: 18px;
}
.gatway .row1 .col-lg-8 {
  margin-top: 50px;
}
.red_strip {
  bottom: 107px;
  width: 93%;
}
#company-hiring .stats-bg {
  width: 94%;
  height: 635px;
}
#company-hiring ul li:nth-child(10) .career {
  left: 996px;
}
#company-hiring ul li:nth-child(10) .career-text {
  left: 905px;
}
#company-hiring ul li:nth-child(9) .career {
  left: 981px;
}
#company-hiring ul li:nth-child(9) .career-text {
  left: 892px;
  top: 384px;
}
#company-hiring ul li:nth-child(8) .career {
  left: 908px;
}
#company-hiring ul li:nth-child(8) .career-text {
  left: 797px;
  top: 227px;

}
#company-hiring ul li:nth-child(7) .career {
  left: 780px;
}
#company-hiring ul li:nth-child(7) .career-text {
  left: 768px;
}
}
@media(max-width:1199px){
  .navbar .navbar-brand {
    width: 125px;
}
.navbar .nav-item {
  padding:0px;
}
.contact-us-an h4 {
  font-weight: bold;
  font-size: 16px;
}
.contact-us-an h4 {
  font-size: 15px;
}
.gatway h2 {
  font-size: 36px;
  padding: 40px 37px;
}
.gatway p {
  font-size: 14px;
}
.gatway .row1 .col-lg-8 {
  margin-top: 34px;
}
.gatway .title h3 {
  font-size: 34px;
}
.gatway .red_strip h3 {
  font-weight: bold;
  font-size: 35px;
}
/* .green-card {
  width: 88px;
  margin:0px 2px;
} */
.gatway .card {
  height: 415px;
}
.red_strip {
  bottom: 85px;
  width: 78%;
}
.gatway .g_un p {
  font-size: 18px;
}
.gatway .g_un h4 {
  font-size: 34px;
}
.map_box.box_right1 {
  top: 411px;
  left: 143px;
}
.map_box.box3 {
  position: absolute;
  top: 382px;
  right: 79px;
}
.map_box.box1 {
  top: -51px;
  right: 140px;
}
.map_box.box_right4 {
  left: 91px;
  top: -155px;
}
.map_box.box_right3 {
  top: -13px;
  left: 25px;
}
.map_box.box_right2 {
  width: 304px;
  left: -46px;
  top: 154px;
}
.roadmap_section {
  margin-bottom:0px;
  margin-top: 80px;
  padding: 50px 0px;
}
.map_box.box5 {
  position: absolute;
  right: -36px;
  top: 219px;
}
/* .green-card p {
  padding: 0px 0px;
} */
.gatway .title h3 {
  font-size: 28px;
}
/* .map_box.box2 {
  position: absolute;
  right: -36px;
  top: 183px;
} */
.student-green h1 {
  font-size: 23px;
  font-weight: bold;
  line-height: 28px;
}
.green-card p {
  font-size: 14px;
  padding: 10px 0px;
}
.step.bottom {
  transform: translateX(-32%);  
  }
  .road_title h2 {
    font-size: 18px;
}
.road_card p {
  font-size: 15px;
  line-height: 26px;
}
.road_card{
  padding:20px 11px;
  height:220px;
}
.an_line hr{
  margin:8px 0px;
}
.road_map_2 h1 {
  font-size: 28px;
}
.road-text2 p {
  font-size: 14px;
}
.road-start {
  height: 199px;
}
.road-text2 {
  top: 28px;
}
.road-text2 h3 {
  font-size: 16px;
}
.road-icon {
  height: 62px;
  width: 62px;
}
.road-icon img {
  width: 2em;
}
#company-hiring .stats-bg {
  width: 100%;
}
#company-hiring ul li:nth-child(10) .career {
  left: 883px;
}
#company-hiring ul li:nth-child(10) .career-text {
  left: 742px;
  top:553px;
}
#company-hiring ul li:nth-child(9) .career {
  left: 878px;
  top:370px;
}
#company-hiring ul li:nth-child(9) .career-text {
  left: 792px;
  top: 402px;
}
#company-hiring ul li:nth-child(2) .career {
  left: -44px;
  top: 370px;
}
#company-hiring ul li:nth-child(2) .career-text {
  left: 66px;
  top: 403px;
  position: absolute;
}
#company-hiring ul li:nth-child(3) .career {
  left: 2px;
  top: 205px;
}
#company-hiring ul li:nth-child(3) .career-text {
  left: 115px;
  top: 250px;
}
#company-hiring ul li:nth-child(8) .career {
  left: 836px;
  top:205px;
}
#company-hiring ul li:nth-child(8) .career-text {
  left: 724px;
  top: 240px;
}
#company-hiring ul li:nth-child(4) .career {
  left: 139px;
  top: 60px;
}
#company-hiring ul li:nth-child(4) .career-text {
  left: 138px;
  top: 165px;
}
#company-hiring ul li:nth-child(5) .career {
  left: 322px;
  top: -32px;
}
#company-hiring ul li:nth-child(5) .career-text {
  left: 328px;
  top: 79px;
}
#company-hiring ul li:nth-child(6) .career {
  left: 536px;
  top: -31px;

}
#company-hiring ul li:nth-child(6) .career-text {
  left: 532px;
  top: 79px;

}
#company-hiring ul li:nth-child(7) .career {
  left: 716px;
  top:65px;
}
#company-hiring ul li:nth-child(7) .career-text {
  left: 704px;
  top:173px;
}
.gatway .g_un {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}
.content-strip a {
  font-size: 13px;
  text-decoration: none;
  color: var(--white);
}
.contact-us-an {
  display: flex;
  justify-content: center;
  gap: 6px;
}
.contact-us-an img {
  padding: 1px;
  background-color: white;
  border-radius: 50%;
}
.navbar .nav-link {
  font-size: 13px;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.hexagon {
  position: relative;
  width: 155px;
  height: 140.74px;
  padding:10px;
}
.hexagon h1 {
  font-size: 15px;
}
.hexagon p {
  font-size: 30px;
  margin: 0;
}
.content-strip p b{
  font-size: 13px;
}

}
@media(max-width:1152px){

  .carousel-caption h5{
    font-size:30px;
    margin-bottom:40px;
  }
  .btn-main a {
    font-size: 13px;
}
.team-btn::after {
  height: 750%;
}
.ser-text h3{
  font-size:30px;
}
.ser-text p{
  width:100%;
}
.scn-abt-img img{
  width:100%;
}
.abt-btn::after{
  height:550%;
}
.red_strip {
  bottom: 85px;
  width: 82%;
}
/* .blog-card-inside-text h3{
  font-size:15px;
} */


.blog-card-sec{
  margin:20px 0px;
}
.blog-card-inside-text p{
  font-size:13px;
}
.service-tt-card-sec {
  height: 370px;
}
.service-car2{
  height: 370px;
}
.abot-tt-text-inside h3{
  font-size: 38px;
}
}
@media(max-width:1024px){

  .carousel-caption img {
    height: auto;
  
}

.gradient-background {
  height: 74vh;
  position: relative;
  overflow: hidden;
}
    .abt-text-sec{
        margin:0;
    }
    .carousel-caption p {
      font-size: 17px;
  }
  .red_strip {
    bottom: 85px;
    width: 92%;
}
.map_box .card {
  width: 271px;
}
.map_box img:nth-child(1) {
  width: 290px;
}
.map_box.box1 {
  top: -51px;
  right: 150px;
}
.map_box.box5 {
  position: absolute;
  right: -26px;
  top: 183px;
}
.map_box.box3 {
  position: absolute;
  top: 381px;
  right: 90px;
}
.map_box.box_right4 {
  width: 294px;
  left: 100px;
  top: -176px;
}
.map_box.box_right3 {
  left:35px;
  width:294px;
  top: -32px;
}
.map_box.box_right2 {
  width: 294px;
  left: -37px;
  top: 134px;
}
.map_box.box_right1 {
  top: 411px;
  left: 151px;
  width:294px;
}
.step.bottom {
  transform: translateX(-40%);
    /* Adjust right positioning for vertical layout */
   
  }
  #company-hiring .stats-bg {
    width: 94%;
    height:540px;
}
#company-hiring ul li .career-text p {
  font-size: 14px;
}
#company-hiring .stats-bg .round .content h4 {
  font-size: 20px;
  margin-left:120px;
}
#company-hiring .stats-bg .round .content p {
  font-size: 14px;
}
#company-hiring .stats-bg .round .content {
  margin-top: 50px;
}
#company-hiring ul li .career {
  width: 80px;
  height: 80px;
}
#company-hiring ul li .career img {
  max-width: 50px;
  max-height: 50px;
}
#company-hiring .stats-bg ul li.active  .career img {
  max-width: 50px;
  max-height: 50px;
 
}
.carousel-control-prev-icon {
  top: -106px;
  left: -56px;
}
.carousel-control-next-icon {
  top: -106px;
  left: 56px;
}
#company-hiring ul li:nth-child(1) .career {
  left: -42px;
  top: 453px;
}
#company-hiring ul li:nth-child(10) .career {
  left: 843px;
  top:453px;
}
#company-hiring ul li:nth-child(2) .career {
  left: -29px;
  top: 310px;
}
#company-hiring ul li:nth-child(9) .career {
  left: 829px;
  top: 310px;
}
#company-hiring ul li:nth-child(4) .career {
  left: 145px;
  top: 49px;
}
#company-hiring ul li:nth-child(3) .career {
  left: 29px;
  top: 170px;
}
#company-hiring ul li:nth-child(8) .career {
  left: 780px;
  top: 170px;
}
#company-hiring ul li:nth-child(7) .career {
  left:673px;
  top: 56px;
}
#company-hiring ul li:nth-child(6) .career {
  left: 513px;
  top: -20px;
}
#company-hiring ul li:nth-child(5) .career {
  left: 314px;
  top: -24px;
}
#company-hiring ul li:nth-child(1) .career-text {
  position: absolute;
  top: 482px;
  left: 49px;
}
#company-hiring ul li:nth-child(2) .career-text {
  left: 57px;
  top: 335px;
  position: absolute;
}
#company-hiring ul li:nth-child(3) .career-text {
  left: 114px;
  top: 206px;
}
#company-hiring ul li:nth-child(4) .career-text {
  left: 135px;
  top: 136px;
}
#company-hiring ul li:nth-child(5) .career-text {
  left: 314px;
  top: 67px;
}
#company-hiring ul li:nth-child(6) .career-text {
  left: 505px;
  top: 69px;
}
#company-hiring ul li:nth-child(7) .career-text {
  left: 651px;
  top: 142px;
}
#company-hiring ul li:nth-child(8) .career-text {
  left: 685px;
  top: 204px;
}
#company-hiring ul li:nth-child(9) .career-text {
  left: 752px;
  top: 335px;
}
#company-hiring ul li:nth-child(10) .career-text {
  left: 714px;
  top: 478px;
}
.bnr-inner {
  left: 79%;
  top: 89%;
}
}
@media(max-width:992px){
.carousel-caption p {
  font-size: 16px;
}
.carousel-caption .col-lg-6 img{
  margin-left:-57px;
}
.gradient-background::before {
  clip-path: polygon(-10% 100%, 100% 100%, 100% 0%);
}
.bnr-btn:after {
  width: 203%;
}
.roadmap_section {
  margin-bottom:8px;
  margin-top: 120px;
  padding: 50px 0px;
}
.map_box .card {
  width: 235px;
}
.map_box img:nth-child(1) {
  width: 250px;
  right:-5px;
}
.map_box.box_right4 {
  width: 259px;
        left: 136px;
        height: 280px;
        top:-193px;
}
.map_box.box_right3 {
  left: 70px;
  width: 259px;
  top: -32px;
}
.map_box.box_right2 {
  width: 258px;
  left: -1px;
  top: 134px;
}
.map_box.box_right1 {
  top: 411px;
  left: 188px;
  width: 257px;
}
.map_box h4 {
  top: -32px;
}
.map_box.box1 {
  top: -75px;
  right: 191px;
}
.map_box.box5  img{ 
  left:0px;
}
.map_box.box3 img{
  left:0px;
}
.map_box.box5 {
  position: absolute;
  right: 15px;
  top: 183px;
}
.map_box.box3 {
  position: absolute;
  top: 381px;
  right: 129px;
}
.red_strip {
  bottom: 85px;
  width: 95%;
}
.step.bottom {
  transform: translateX(-40%);
    /* Adjust right positioning for vertical layout */
   
  }

  .road_card {
    padding: 10px 12px;
    height: 220px;
}
.img_an_logo img {
  width: 40px;
}
.img_an_logo {
  margin-bottom: 10px;
}
.road_title h2 {
  font-size: 17px;
}
 li:nth-child(6) {
  left: 348px;
  top: -40px;
}
.con {
  margin: 0px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
}
}
@media(max-width:991px){
  .offcanvas-header .navbar-logo img{
    width:80%;
  }
  .abot-tt-text-inside p, .abot-tt-secnd-text p {
    font-size: 14px;
  }
  .abot-vision p {
    font-size: 14px;
  }
  .w-c-u-part1 p {
    font-size: 14px;
  }
  .gatway .title h3 {
    margin-bottom:6px;
  }
  .navbar .nav-link:active{
    color:white;
  }
  .navbar .nav-link:focus{
    color:white;
  }
  .img_an_logo img {
    width: 50px;
}
    .road-steps .step.left:nth-child(1){
   
    top:20px !important;
} 
.red_strip {
  bottom: 410px;
  width: 70.3%;
  padding: 10px 5px;
}
/* .green-card {
  width: 103px;
  margin: 0px 2px;
} */
  .offcanvas.offcanvas-end{
    background-color: var(--pink) !important;
  }
  .offcanvas-header .btn-close{
    margin: 0px 10px;
  }
  .head-nav{
    display:none;
  }
  .nav-to{
    display:block;
    background-color: var(--red);
  }
  .gradient-background::after {
    content: "";
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(17, 17, 26, 0.1) 0%, transparent 20%);
    z-index: 0;
}
  .nav-link::before {
    background-color: var(--black);
  }

.nav-link::before{
  bottom:0;
}
  #about-ind-main .about-ind-card{
    position: unset;
  }
  .about-ind-sec{
    width:100%;
  }
  .about-ind-sec p{
    font-size:20px;
    line-height:35px;
  }
  .bnr-btn a{
    font-size:12px;
  }
  .bnr-btn{
    padding: 8px 20px;
  }
  .footer-head{
    margin-top:30px;
  }
  .footer-brand-section{
    margin-bottom:20px;
  }
  .footer-news{
    justify-content: left;
    margin:0px 20px;
  }
  .tech-w-c-u-text h2{
    font-size:25px;
    line-height:unset;
    width:100%;
  }
  .w-c-u-list li {
    font-size: 16px;
    margin: 6px 0px;
}
.w-c-u-list{
  align-items: baseline;
}
#service-main{
  height: auto;
  padding: 30px 0px;
}
.team-btn::after {
  height: 930%;
}
#w-c-u-main .row{
  display: flex;
  align-items: center;
  justify-content: center;
}
#about-ind-main .about-ind-card{
  background-color: #cccccc29;
  margin-top:30px;
}
.navbar-expand-lg{
  display: none;
}
.navbar-off-can{
  display: block;
}
.navbar-off-can{
  padding:0 !important;
}
.map-section iframe{
  height: 300px;
}
.contact-details-sec{
  padding:0;
}
.service-car2::after{
    top:unset;
    bottom:0;
}
.card-service-2 h2{
    margin-bottom: 15px;
}
.vision-class {
  border-right: transparent;
}
.w-c-u-text-sec{
  margin-top:30px;
}
#why-c-us-main{
  padding-top:30px;
  padding-bottom: 0;
}
#about-main-in {
  padding-top: 30px;
  padding-bottom: 0px;
}
.cont-social{
  margin-top: 0;
  margin-left: 0;
  padding: 15px 0px;
}
#footer-main{
  background-size: cover;
  background-position: right;
}
.gatway h2 {
  font-size: 34px;
  padding: 22px 10px;
}
.gatway .card {
  height: 265px;
  width:100%;
}
.gatway p {
  line-height: 28px;
  font-size: 14px;
}
.gatway .red_strip h3 {
  font-weight: bold;
  font-size: 24px;
  margin-left: 7px;
  margin-top: 18px;
}
.gatway .g_un h4 {
  font-size: 30px;
  text-align: center;
}
.gatway .g_un p {
  font-size: 15px;
  text-align: center;
}
.map_box.box_right1 {
  top: 306px;
  left: 74px;
  width: 257px;
}
.map_box.box3 {
  position: absolute;
  top: 284px;
  right: 34px;
}
.map_box.box5 {
  position: absolute;
  right: -54px;
  top: 136px;
}
.map_box.box_right2 {
  width: 258px;
  left: -67px;
  top: 68px;
}
.map_box.box_right3 {
  left: -14px;
  width: 259px;
  top: -88px;
  height: 207px;
}
.map_box.box_right4 {
  width: 259px;
  left: 35px;
  height: 306px;
  top: -245px;
}
.map_box.box1 {
  top: -90px;
  right: 77px;
}
.roadmap_section {
  margin-bottom: 0px;
  margin-top: 100px;
  padding: 50px 0px;
}
.arrow-right i {
  margin-top: 20px;
}
.student-green h1 {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
}
.student-green p {
  font-size: 14px;
}
body .about .navbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000; /* Adjust as needed */
}

/* Adjust content below the banner to accommodate the fixed navbar */
.content-below-banner {
  padding-top: 70px; /* Adjust based on your navbar height */
}
/* .roadmap2{
  height:auto;
} */

.road {
  width: 100px;
  height: 100vh;
  
  transform: rotate(0deg);
  padding: 50px 0;
  position: absolute;
  top: 0;
}


  .line-making {
    top: 0;
    left: 45px;
    width: 10px;
    height: 100%;
    background: repeating-linear-gradient(
      to bottom,
      white 0,
      white 20px,
      transparent 20px,
      transparent 40px
    );
    animation: moveStripsVertical 2s linear infinite;
  }

  @keyframes moveStripsVertical {
    from {
      background-position: 0 0;
    }
    to {
      background-position: 0 40px;
    }
  }

  .car {
    width: 43px;
    height: 70px;
    background-color: var(--red);
    top: 0;
    left: 0;
    border-radius: 10px;
    transform: rotate(0deg);
   
  }
  .car .step-right{
    transform: translateY(-32%);
  }

  .window {
    width: 20px;
    height: 29px;
    top: 21px;
    left: 10px;
}

  .wheel {
    width: 20px;
    height: 20px;
    top: 10px;
    animation: rotateWheel 0.5s linear infinite;
  }

  .car .wheel.front {
    left: -14px;
    transform: rotate(0deg);
  }

  .car .wheel.back {
    left:-14px;
    top:47px;
    transform: rotate(0deg);
  }
  .road-steps{
    top:0px;
  }
  .step{
    width:300px;
  }
 .step.left {
    /* Adjust left positioning for vertical layout */
    left: -300px;
   
  }
  .step{
    top:-35px;
  }
 .step.right {
  transform: translateY(-32%);
    /* Adjust right positioning for vertical layout */
    right: -300px;
  }
 
  .road::before {
    content: '';
    position: absolute;
    top: 0;
    /* width: 100%; */
    height: 10px;
    background-color: #fff;
  }
  .road::after{
    content: '';
    position: absolute;
    top: 0;
    /* width: 100%; */
    height: 10px;
    background-color: #fff;
  }
  .roadmap2{
    margin:100px 0px 50px;
  }
  .road-text {
    position: absolute;
    top: -43px;

}
.road-text h1{
  font-size: 28px;
}
  .navbar .nav-link {
    font-size: 16px;
}
.road_title h2 {
  font-size: 20px;
}
.road_card {
  padding: 20px 20px;
  height: 220px;
}
/* #road-full{
  margin:100px 0px 50px;
} */
.gatway .g_un {
  display:block;
}


.road-full {
  flex-direction:row; 
  flex-wrap: wrap; 
  gap: 20px; 
}
.road-section{
  display:none;
}
.road-section2{
  display:block;
  padding:50px 0px;
  height:auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.road-section2 h1{
  font-weight: bold;
  font-size: 35px;
  text-align: center;
  margin-bottom: 100px;
}
.road-section2 .row{
  row-gap: 50px;
}
.road-start{
  width:100%;
  height:195px;
  position: relative;
}
.road-section2 .road-icon{
  background-color:var(--red);
  position:absolute;
  height: 70px;
  width: 70px;
  line-height: 63px;
  margin-top: -40px;
  border-radius: 50%;
  margin-left:20px;
}
.road-icon img {
  width: 2.5em;
}
.road-text2 h3 {
  font-size: 20px;
}
.road-text2 {
  top: 40px;
}

.carousel-control-prev-icon {
  top: 0px;
  left: -56px;
 
}
.carousel-control-next-icon {
  top: 0px;
  left: 56px;
  
}
.sec_1 #carouselExampleSlidesOnly .carousel-indicators {
  justify-content: end;
  margin-right: 3%;
  margin-left: 3%;
  margin-bottom: 2%;
}
.gradient-background::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 101px;
  background-image: linear-gradient(45deg, #fff -20%, #1e1e1e -5%);
  clip-path: polygon(0% 100%, 100% 100%, 100% 0%);
  z-index: 1;
}

.carousel-item .banner-img {
  height: auto;
}
.carousel-caption img {
  height: auto;
  margin-top: 250px;
}
.gradient-background {
  z-index: 0;
  height: auto;
  position: relative;
  overflow: hidden;
}


#company-hiring .lead {
  font-size: 28px;
  text-align: left;
}
#company-hiring .stats-bg {
  width: 100%;
}
#company-hiring ul li:nth-child(10) .career {
  left: 657px;
  top: 453px;
}
#company-hiring ul li:nth-child(10) .career-text {
  left: 532px;
  top: 476px;
}
#company-hiring ul li:nth-child(2) .career {
  left: -41px;
  top: 330px;
}
#company-hiring ul li:nth-child(2) .career-text {
  left: 47px;
  top: 356px;
  position: absolute;
}
#company-hiring ul li:nth-child(9) .career {
  left: 654px;
  top: 330px;
}
#company-hiring ul li:nth-child(9) .career-text {
  left: 576px;
  top: 350px;
}
#company-hiring ul li:nth-child(3) .career {
  left: -19px;
  top: 200px;
}
#company-hiring ul li:nth-child(3) .career-text {
  left: 71px;
  top: 236px;
}
#company-hiring ul li:nth-child(8) .career {
  left: 637px;
  top: 200px;
}
#company-hiring ul li:nth-child(8) .career-text {
  left: 543px;
  top: 228px;
}
#company-hiring ul li:nth-child(7) .career {
  left: 550px;
  top: 65px;
}
#company-hiring ul li:nth-child(5) .career {
  left: 218px;
  top: -15px;
}
#company-hiring ul li:nth-child(6) .career {
  left: 390px;
  top: -26px;
}
#company-hiring ul li:nth-child(7) .career {
  left: 550px;
  top: 65px;
}
#company-hiring ul li:nth-child(4) .career-text {
  left: 63px;
  top: 148px;
}
#company-hiring ul li:nth-child(4) .career {
  left: 74px;
  top: 62px;
}
#company-hiring ul li:nth-child(5) .career-text {
  left: 222px;
  top: 73px;
}
#company-hiring ul li:nth-child(6) .career-text {
  left: 391px;
  top: 62px;
}
#company-hiring ul li:nth-child(7) .career-text {
  left: 525px;
  top: 154px;
}
.hexagon {
  padding: 16px 10px;
  position: relative;
  width: 180px;
  height: 160.74px;
}
.green-steps {
  gap: 20px;
}
.toggle-cont {
  margin: 10px 13px;

}
.toggle-cont span {
  font-size: 13px;

}
.toggle-cont a {
  font-size: 15px;

}
.bnr-inner {
  left: 74%;
  top: 89%;
}
}
@media(max-width:768px){
  #w-c-u-main{
    padding: 30px 0px;
  }
  .carousel-item .banner-img {
    height: auto;
    object-fit: cover;
}
.carousel-caption h5 {
  margin-top:-20px;
  font-size:23px;
}
.carousel-caption p {
  margin-top:-19px;
  margin-bottom: 23px;
}
.red_strip {
  bottom: 373px;
  width: 90.8%;
  padding: 6px 8px;
}
.gatway .card {
  height: 239px;
  width: 100%;
}
.gradient-background {
  z-index: 0;
  height: auto;
  position: relative;
  overflow: hidden;
}
.carousel-caption img {
  height: auto;
  margin-top: 365px;
}
.gradient-background::before {
  height: 70px;
}
.gatway .g_un p {
  font-size: 15px;
}
.gatway .red_strip h3 {
  font-weight: bold;
  font-size: 23px;
}
  .scnd-abt-scn-text p{
    line-height: 26px;
    font-weight:normal;
  }
  .scnd-abt-scn-text h2{
    width:100%;
    line-height:normal;
  }
  .scnd-abt-scn-text p{
    font-size:16px;
    width:100%;
  }
  .offcanvas.offcanvas-end{
    width:50%;
  }
  .offcanvas-header .btn-close{
    margin: 0px 33px;
  }
  #why-c-us-main .circle img, #why-c-us-main .circle2 img {
    width: 100px !important;
}
.map_box p {
  text-align: justify;
  line-height: 19px;
}
.map_box .card {
  width: 215px;
}
.map_box.box_right2 {
  width: 230px;
  left: -38px;
  top: 68px;
}
.map_box .card {
  width: 207px;
}
.map_box img:nth-child(1) {
  width: 222px;
  right: -5px;
}
.map_box h4 {
  top: -26px;
  font-size: 18px;
}
.map_box.box_right3 {
  left: 16px;
  width: 229px;
  top: -88px;
  height: 207px;
}
.map_box.box_right4 {
  width: 230px;
  left: 63px;
  height: 306px;
  top: -224px;
}
.map_box.box_right1 {
  top: 305px;
  left: 101px;
  width: 230px;
}
.map_box.box3 {
  position: absolute;
  top: 284px;
  right: 61px;
}
.map_box.box5 {
  position: absolute;
  right: -25px;
  top: 136px;
}
.map_box.box1 {
  top: -90px;
  right: 105px;
}
.map_box.box1 h4 {
  top: -51px;
}
.carousel-item .banner-img {
  height: auto;
}
#company-hiring ul li:nth-child(1) .career {
  left: -33px;
  top: 453px;
}
#company-hiring ul li:nth-child(10) .career {
  left: 647px;
  top: 453px;
}
#company-hiring ul li:nth-child(1) .career-text {
  position: absolute;
  top: 482px;
  left: 58px;
}
#company-hiring ul li:nth-child(10) .career-text {
  left: 519px;
  top: 477px;
}
#company-hiring ul li:nth-child(2) .career {
  left: -31px;
  top: 330px;
}
#company-hiring ul li:nth-child(2) .career-text {
  left: 52px;
  top: 356px;
  position: absolute;
}
#company-hiring ul li:nth-child(9) .career {
  left: 647px;
  top: 330px;
}
#company-hiring ul li:nth-child(9) .career-text {
  left: 570px;
  top: 350px;
}
#company-hiring .stats-bg .round .content h4 {
  font-size: 18px;
}
.carousel-control-prev-icon {
  top: 0px;
  left: -41px;
}
.carousel-control-next-icon {
  top: 0px;
  left: 41px;
}
.sec_1 #carouselExampleSlidesOnly .carousel-indicators {
  justify-content: end;
  margin-right: 3%;
  margin-left: 3%;
  margin-bottom: 2%;
}
.bnr-inner {
  left: 71%;
  top: 86%;
}

}
@media(max-width:767px){
  .red_strip {
    bottom: 403px;
    width: 67.5%;
    padding: 10px 10px;
}
.gatway .card {
  height: 305px;
  width: 100%;
}
/* .green-card {
  width: 70px;
  margin: 0px 0px;
} */

.gatway .title h3 {
  font-size: 28px;
}
.gatway .g_un {
  gap: 20px;
}
.gatway .g_un h4 {
  font-size: 28px;
}
.gatway .g_un p {
  line-height: 23px;
}
.gatway .red_strip h3 {
  font-size: 17px;
}
.gatway h2 {
  font-size: 30px;
  padding: 21px;
}
.gatway .red_strip h3 {
  font-size: 30px;
  margin-bottom: 17px;
}
.map_box.box5 {
  position: absolute;
  right: -77px;
  top: 100px;
}
.map_box.box3 {
  position: absolute;
  top: 235px;
  right: -13px;
}
.map_box.box_right1 {
  top: 229px;
  left: 16px;
  width: 230px;
}
.map_box.box1 {
  top: -103px;
  right: 20px;
}
.map_box.box_right2 {
  width: 230px;
  left: -89px;
  top: 17px;
}
.map_box.box_right3 {
  left: -47px;
  width: 229px;
  top: -135px;
  height: 233px;
}
.map_box.box_right4 {
  width: 230px;
  left: -12px;
  height: 319px;
  top: -268px;
}
.roadmap_section {
  margin-bottom: -80px;
  margin-top: 100px;
  padding: 50px 0px;
}
.navbar-brand img{
  width:80%;
}
.road-text {
  position: absolute;
  top: -50px;
 
}
.road_card {
  padding: 20px 20px;
  height: 200px;
}
.road_title h2 {
  font-size: 22px;
}
.road_map_2 {
  padding:50px 0px;
}
.road-text2 h3 {
  font-size: 18px;
}
.road-start {
  width: 100%;
  height: 204px;
  position: relative;
}

#company-hiring .lead {
  font-size: 28px;
  margin-top: 30px;
  margin-bottom:80px;
  text-align: center;

}
#company-hiring .stats-bg {
  border-top-left-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-bottom-right-radius: 1000px;
  margin-bottom:100px;
}
#company-hiring ul li:nth-child(1) .career {
  left: 45px;
  top: 443px;
}
#company-hiring ul li:nth-child(2) .career {
  left: -36px;
  top: 308px;
}
#company-hiring ul li:nth-child(3) .career {
  left: -25px;
  top: 151px;
}
#company-hiring ul li:nth-child(4) .career {
  left: 61px;
  top: 27px;
}
#company-hiring ul li:nth-child(10) .career {
  left: 218px;
  top: 510px;
}
#company-hiring ul li:nth-child(5) .career {
  left: 218px;
  top: -25px;
}
#company-hiring ul li:nth-child(9) .career {
  left: 385px;
  top: 455px;
}
#company-hiring ul li:nth-child(8) .career {
  left:463px;
  top: 308px;
}
#company-hiring ul li:nth-child(7) .career {
 left:463px;
  top: 151px;
}
#company-hiring ul li:nth-child(6) .career {
  left: 380px;
  top: 27px;
}
#company-hiring ul li:nth-child(5) .career-text {
  left: 210px;
  top: 63px;
}
#company-hiring ul li:nth-child(4) .career-text {
  left: 57px;
  top: 107px;
}
#company-hiring ul li:nth-child(6) .career-text {
  left: 355px;
  top: 111px;
}
#company-hiring ul li:nth-child(7) .career-text {
  left: 358px;
  top: 191px;
}
#company-hiring ul li:nth-child(8) .career-text {
  left: 361px;
  top: 333px;
}
#company-hiring ul li:nth-child(9) .career-text {
  left: 366px;
  top: 408px;
}
#company-hiring ul li:nth-child(10) .career-text {
  left: 206px;
  top: 444px;
}
#company-hiring ul li:nth-child(3) .career-text {
  left: 46px;
  top: 178px;
}
#company-hiring ul li:nth-child(2) .career-text {
  left: 40px;
  top: 314px;
  position: absolute;
}
#company-hiring ul li:nth-child(1) .career-text {
  position: absolute;
  top: 399px;
  left: 38px;
}
#company-hiring .stats-bg .round .content figure img {
  max-width: 81px;
  max-height: 81px;
}
#company-hiring .stats-bg .round .content {
  margin-top: -8px;
}
#company-hiring .stats-bg .round .content  h4{
  margin-top:60px;
  width:250px;
  margin-left:30px;

}
#company-hiring ul li .career-text p {
  font-size: 14px;
  width: 104px;
}
#company-hiring .stats-bg .round .content {
  margin-top: -8px;
  width: 250px;
  margin-left: 243px;
}
.con {
  margin: 0px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width:250px;
}

}
@media(max-width:600px){
.carousel-item .banner-img {
  height:auto;
  object-fit: cover;
}
.carousel-caption h5 {
  margin: -22px 0px 26px;
  font-size: 18px;
}
.carousel-caption img {
  height: auto;
  margin-top: 453px;
}
.carousel-control-prev-icon {
  height: 25px;
  width: 25px;
  top: 0px;
  left: -29px;
}
.carousel-control-next-icon {
  height: 25px;
  width: 25px;
  top: 0px;
  left: 29px;
}
.navbar-brand img {
  width: 80%;
}

.carousel-caption p {
  font-size: 14px;
  margin-bottom: 12px;
}
.red_strip {
  bottom: 397px;
  width: 86%;
  padding: 12px 10px;
}
.roadmap_section {
  margin-bottom: 0px;
  margin-top:0px;
min-height: 1300px;
  padding: 50px 0px;
}
#an-road{
  display: none;
}
.map_box.box_right2 {
  width: 100%;
  top: -600px;
  left: 0px;
  border-right: none;
}
.map_box.box_right3 {
  width:100%;
  left: 0px;
  top: -424px;
  border-right: none;
}
.map_box img:nth-child(1) {
  width:100%;
}
.map_box .card {
  width:97%;
  top:-18px;
}
.map_box.box_right4 {
  width:100%;
  left:0px;
  border-right:none;
  top: -248px;
}
.map_box.box_right1 {
  top: -69px;
  width: 100%;
  border-right: none;
  left: 0px;
}

.map_box.box3 {
  /* display: none; */
  top: 229px;
  border-left: none;
  right: 0px;
}
.map_box.box5 {
  position: absolute;
  right: 0px;
  top: 430px;
  border-left: none;
}
.map_box.box1 {
  top: 110px;
  right: 0px;
  width: 100%;
  border-left: none;
}
.map_box h4 {
  top: -60px;
  font-size: 28px;
}
.map_box.box1 h4 {
  top: -41px;
}
.arrow-img {
  display:flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.arrow-img i {
  display: block;
  position: absolute;
  top: 219px;
  font-size: 27px;
}
.arrow-img2 {
  display:flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.arrow-img2 i {
  display: block;
  position: absolute;
  top: 399px;
  font-size: 27px;
}
.arrow-img3 {
  display:flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.arrow-img3 i {
  display: block;
  position: absolute;
  top: 74px;
  font-size: 27px;
}
.arrow-img4{
  display:flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.arrow-img4 i {
  display: block;
  position: absolute;
  top: -102px;
  font-size: 27px;
}
.arrow-img5{
  display:flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.arrow-img5 i {
  display: block;
  position: absolute;
  top: -278px;
  font-size: 27px;
}
.arrow-img6{
  display:flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.arrow-img6 i {
  display: block;
  position: absolute;
  top: -455px;
  font-size: 27px;
}
.extra-img{
  display:block;
  width:100%;
}
.extra-img-2{
  display:none;
}
#card-extra-one {
  top: -40px;
  left: 0px;
  width: 96%;
}
#card-extra-second {
  width: 96%;
  left: 21px;
  top: -38px;
}
.step{
  width:240px;
}
.step.left{
  left:-240px;
}
.step.right{
  right:-240px;
  transform: translateY(-45%);
}
.bnr-inner {
  left: 65%;
  top: 83%;
}
}
@media(max-width:576px){
  .red_strip {
    bottom: 395px;
    width: 89.5%;
    padding: 12px 10px;
}
.carousel-caption img {
  height: auto;
  margin-top: 465px;
}
.step{
  width:225px;
}
.step.left {
  left:-225px;
}
.step.right{
  right:-225px;
}
.gatway .g_un {
  display:flex;
}
.gatway .red_strip h3 {
  margin-top:0px;
  margin-left:0px;
}
.gatway .g_un {
  gap: 6px;
}
.gatway .card {
  height: 244px;
  width: 100%;
}
}

@media(max-width:540px){
  .carousel-caption{
    display: block !important;
  }
  
    .carousel-item .banner-img {
      height: auto;
      
      object-fit: cover;
  }
  .row1{
    text-align: center;
  }
.carousel-caption p {
  font-size: 14px;
  margin-bottom: 20px;
}
.gatway .img_logo img {
  width: 60%;
}
.gatway h2 {
  font-size: 30px;
  padding: 36px 6px;
}
.gatway .red_strip h3 {
  font-size: 30px;
} 
/* .red_strip {
  bottom: 401px;
  width: 95.5%;
  padding: 12px 10px;
} */
.red_strip {
  bottom: 411px;
  width: 95.5%;
  padding: 12px 10px;
}
.gatway .card {
  height: 347px;
  width: 100%;
}
.green-card p {
  text-align: center;
  font-size: 14px;
  padding: 10px 0px;
  margin-bottom: 0px;
}
.gree{
  display:block;
}
.gatway .card {
  height: 347px;
  width: 100%;
}
.green-card {
  width: 100%;
  margin: 0px 2px;
}
.arrow-right{
  display:none;
}
.arrow-down{
  display:block;
}
.gatway .g_un p {
  line-height: 36px;
  font-size: 20px;
  margin-left: 32px;
}
#global{
  margin-left:15px;
}
    .carousel-caption h5 {
    font-size: 30px;
    line-height: inherit;
    }
  .offcanvas-header .btn-close{
    margin: 0px 10px;
  }
  #about-ind-main .about-ind-card{
    margin-bottom:30px;
    padding:20px;
  }
  .about-ind-sec p{
    line-height:unset;
    font-size: 16px;
  }
  .head-nav{
    display:none;
  }
  .nav-to{
   
    display:block;
    background-color: var(--red);
  }
  .gradient-background{
    top:0px;
  }
  .team-btn{
    width:auto;
  }
  .team-btn::after {
    height: 820%;
}
.scnd-abt-scn-text{
  margin: 20px 0px;
}
.about-btn{
  text-align: left;
}
.offcanvas.offcanvas-end{
  width:100%;
}
.ser-text h3 br{
  display: none;
}
.tech-w-c-u-text h2{
  font-weight: 400;
}
#team-main .row{
  text-align: center;
}
.team-text p{
  width:100%;
}
.team-btn{
  margin: auto;
}
.team-text p{
  font-size:16px;
}
.w-c-u-list i{
  font-size: 16px;
}
#about-ind-main .about-ind-card{
    position:relative;
    margin:10px 10px;
    background-color:var(--white);
}

#bnr-inner-main{
  height: auto;
}
.contact-details-sec h3{
  font-weight: normal;
}
.contact-details-sec span{
  font-size: 15px;
}
#contact-main {
  padding: 10px 0px;
}
.contact-details-sec{
  margin-top: 20px;
}
.footer-head h3{
  font-weight: normal;
}
.abt-text-inside p{
    width:100%;
}
.abt-text-inside h2{
    font-size:30px;
}
#why-c-us-main .circle2{
  bottom: 50px;
}
#why-c-us-main .circle, #why-c-us-main .circle2{
 display: none;
}
.abot-tt-text-inside h3{
  margin-bottom: 20px;
}
.abot-vision h3{
  text-align: left;
}
.abot-mision{
  padding:0;
}
#about-vision-main{
  padding: 50px 0;
}
.snd-abt-text{
  padding: 10px 10px 10px 30px;
  left:0;
}
#about-ind-main .abt-scnd-row{
    margin-top:50px;
}
.scnd-abt-scn-text h2{
    font-size:25px;
}
#footer-main{
    background-position: center;
}
.gatway .title h3 {
  text-align: left;
  font-size: 28px;
}
.arrow-down{
  display:none;
}
.arrow-right{
  display:none;
}
.navbar-logo img{
  width:45%;
}
.bnr-inner h2 {
  font-size: 25px;
}
.bnr-inner a {
  font-size: 16px;
}
.bnr-inner span {
  font-size: 16px;
}
.road {
  width: 65px;
}
.line-making{
  left:29px;
  width:5px;
  background: repeating-linear-gradient(
    to bottom,
    white 0,
    white 8px,
    transparent 9px,
    transparent 24px
  );
}
.service h1{
  font-size: 28px;
}
.contact-head h3 {
  font-size: 28px;
}
.road_card {
  padding: 20px 20px;
  height: 190px;
}
.road_card p {
  font-size: 14px;
}
.img_an_logo img {
  width: 40px;
}
.img_an_logo {
  padding:8px;
}
.road_map_2 h1 {
  margin-bottom: 30px;
}
.road-section2 .row {
  row-gap: 65px;
}
.road-start {
  width: 100%;
  height: 172px;
  position: relative;
}
.road-section2 h1 {
  font-size: 28px;
}
#company-hiring .stats-bg {
  border:none;
  background-color: none;
border-radius: none;
}
#company-hiring{
  display:none;
}
.road-com{
  display:block;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:50px 0px;
}
.road-com h2{
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  line-height: 28px;
  margin-bottom:50px;
}
.road-com .row {
  row-gap: 50px;
}

.img-small {
  gap: 51px;
  display: flex;
  padding: 0px 40px;
  height: 100px;
}
.anc-text h4{
  font-size: 18px;
  color:var(--red);
  font-weight: bold;
}
.anc-img {
  width: 100px;
  height: 95px;
  background: #fff;
  border: 1px solid var(--red); 
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  line-height: 98px;
  display: flex;
}
.anc-img img {
  max-width: 60px;
  max-height: 60px;
  filter: invert(37%) sepia(134%) saturate(8964%) hue-rotate(-372deg);
  padding: 5px;
  transition: filter 0.3s ease, background 0.3s ease;
}
.anc-img.active {
  background-color: var(--red); 
  width: 100px;
  height: 95px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.anc-img.active img {
  max-width: 60px;
  max-height: 60px;
  filter: grayscale(100%) contrast(0%) brightness(1000%);
}
.anc-text{
  padding:15px 10px 10px;
}
.anc-text p {
  width:250px;
  font-size: 14px;
  margin-bottom: 0px;
}
.anc-img::after{
  content: "";
  height: 120px;
  width: 1px;
  background:var(--red);
  display: inline-grid;
  position: relative;
  left: -31px;
  top: 72px;
  z-index:-1;
}
.anc-img .active::after {
  content: "";
  height: 100px;
  width: 2px;
  background: var(--red);
  position: relative;
  left: -31px;
  top: 72px;
}
#anc-img2:after{
  display:none;
}
.gatway .g_un p {
  line-height: 36px;
  font-size: 20px;
  margin-left: 48px;
}
#global {
  margin-left: 32px;
}
#cust{
margin-left:27px;
}
.carousel-caption img {
  height: auto;
  margin-top: 483px;
}
.gradient-background::before {
  height: 61px;
}
.carousel-control-prev-icon {
  left: -21px;
}
.carousel-control-next-icon {
  left: 21px;
}
.sec_1 #carouselExampleSlidesOnly .carousel-indicators .active {
  width: 12px;
  height: 12px;
}
.sec_1 #carouselExampleSlidesOnly .carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
}
}
@media(max-width:492px){
.carousel-caption h5 {
  font-size: 26px;
    margin: -61px 0px 37px;
}
.arrow-down {
  display: block;
}
/* .red_strip {
  bottom: 406px;
  width: 95.5%;
  padding: 12px 10px;
} */
.red_strip {
  bottom: 406px;
  width: 95.5%;
  padding: 12px 10px;
}
.gatway p {
line-height: 28px;
}
.step{
  width:208px;
}
.step.left{
  left:-208px;
}
.step.right{
  right:-208px;
}
.carousel-caption img {
  height: auto;
  margin-top: 507px;
}
/* .red_strip {
  bottom: 428px;
  width: 95.1%;
  padding: 12px 10px;
} */
.road_card {
  height:190px;
}
.carousel-item .banner-img {
  height: auto;
  object-fit: cover;
}
#company-hiring .stats-bg {
  width: 413px;
  height: 328px;
}
#company-hiring ul li:nth-child(10) {
  left: 376px;
  top: 266px;
}
#company-hiring ul li:nth-child(9) {
  left: 376px;
  top: 179px;
}
#company-hiring ul li:nth-child(8) {
  left: 353px;
  top: 101px;
}
#company-hiring ul li:nth-child(7) {
  left: 314px;
  top: 22px;
}
#company-hiring ul li:nth-child(3) {
  left: -13px;
  top: 88px;
}
#company-hiring ul li:nth-child(2) {
  left: -36px;
  top: 178px;
}
#company-hiring .stats-bg .round .content h4 {
  font-size: 20px;
}
#company-hiring .btn-main {
  position: absolute;
  right: 177px;
}
.img-small {
  gap: 25px;
  display: flex;
  padding: 0px 27px;
}
.bnr-inner a {
  font-size: 14px;
}
.bnr-inner {
  left: 60%;
  top: 81%;
}
.bnr-inner span {
  font-size: 14px;
}
.green-card-sec .abot-tt-text-inside h3 {
  font-size: 25px;

}
#why-c-us-main .choose-sec {

  row-gap: 0px;
}
}
/* @media(max-width:480px){
.gatway h2 {
  font-size: 29px;
  padding: 36px 6px;
}
.red_strip {
  bottom: 454px;
  width: 95.1%;
  padding: 12px 10px;
} */


@media(max-width:465px){
  .red_strip {
    bottom: 429px;
  }
  }
  @media(max-width:440px){
  .red_strip {
    bottom: 433px;
    width: 95.5%;
    padding: 12px 10px;
  }
  .gatway h2 {
    font-size: 28px;
  }
  }



@media(max-width:432px){
  #footer-main{
    padding: 20px 0px;
  }
  .footer-copy{
    flex-direction: column;
    text-align: center;
  }
  .tech-w-c-u-text h2{
    font-size:20px;
  }
  .carousel-caption h5{
    font-size: 22px;
  }
  .team-text p{
    width:100%;
  }
  .offcanvas-header .btn-close{
    margin: 0px 7px;
    filter: invert(1)grayscale(10);
  }
  .footer-brand-section{
    justify-content:center;
  }
  .footer-brand-section {
    margin-bottom: -5px;
  }
  .footer-brand-img img{
      margin-bottom:13px;
  }
  .footer-copy p{
      padding:0;
  }
  .footer-copy span{
      padding:0;
  }
  .abt-btn::after {
    height: 580% !important;
}
.bnr-btn:after{
    height:460%;
}
.team-btn::after{
    height:820% !important;
}
.blog-card-tags{
  display: block;
}
.blog-card-tags p{
  margin-left: 0;
  margin-top:0;
}
.blog-card-inside-text h3{
  font-size:16px;
}
.abt-text-inside p{
    font-size: 14px;
    line-height: 25px;
}
.abot-tt-text-inside h3 {
  font-size: 33px;
}
#why-c-us-main .circle2 {
  bottom: 70px;
}
.snd-abt-text{
    bottom: 84px;
}
.footer-brand-social{
    display: none !important;
}
.footer-social-scnd{
    display:block!important;
}
.toggle-social{
    margin-left: 20px;
}
/* .red_strip {
  bottom: 458px;
  width: 94.5%;
  padding: 12px 10px;
} */
.red_strip {
  bottom: 435px;
  width: 94.5%;
  padding: 12px 10px;
}
.carousel-item .banner-img {
  height: auto;
  object-fit: cover;
}
.arrow-down {
  display: block;
}
.gatway h2 {
  font-size: 26px;
  padding: 27px 6px;
}
.gatway .red_strip h3 {
  font-size: 28px;
}
.gatway .title h3 {
  font-size: 23px;
}
.map_box h4 {
  top: -45px;
  font-size: 28px;
}
.map_box .card {
  width: 96%;
}
.map_box.box_right2 {
  width: 100%;
  top: -589px;
  left: -4px;
  border-right: none;
}
.arrow-img6 i {
  top: -451px;
}
.map_box.box_right3 {
  top: -412px;
}
.arrow-img5 i {
  top: -273px;
}
.map_box.box_right4 {
  top: -226px;
  left: -4px;
}
.arrow-img4 i {
  top: -104px;
}
.map_box.box_right1 {
  top: -66px;
}
.arrow-img3 i {
  top: 81px;
}
#card-extra-second {
  width: 96%;
  left: 15px;
}
.map_box.box1 h4 {
  top: -89px;
}
.map_box.box1 h4 {
  top: -75px;
}
.map_box.box1 .card {
  top: -44px;
}
.map_box.box1 img {
  height: 125px;
}
.map_box.box1 {
  top: 118px;
}
.arrow-img i {
  top: 270px;
}
.map_box.box3 {
  top: 284px;
}
.arrow-img2 i {
  top: 426px;
}
.map_box.box5 {
  top: 458px;
}
.step{
  width:190px;
}
.step.left{
  left:-190px;
}
.step.right{
  right:-190px;
}
.road{
  width:49px;
}
.line-making{
  left:20px;
}
.car{
  width:30px;
  height:60px;
  left:10px;
}
.car .wheel.front{
  left:-10px;
}
.car .wheel.back{
  top:39px;
  left:-10px;
}
.window{
  width:15px;
  height:23px;
  top:18px;
  left:8px;
}
.wheel{
  width:15px;
  height:15px;
  border-radius: 8px;
}
.step-label{
  padding:0px;
}
.road-text h1{
  font-size: 25px;
}
.road_title h2 {
  font-size: 20px;
}
.road_map_2 h1 {
  margin-bottom:25px;
}
 #company-hiring ul li {
  width: 60px;
  height: 60px;
  animation: rotate 10s linear infinite;
}
#company-hiring .stats-bg {
  width: 356px;
  height: 275px;
}
#company-hiring .stats-bg .animate {
  position:relative;
  top:-12px;
  height:275px;
  width:356px;
}
#company-hiring .stats-bg .round .content {
  margin-top: 169px;
}
#company-hiring .stats-bg .round .content figure img {
  max-width: 120px;
  max-height: 123px;
}
#company-hiring .stats-bg .round .content h4 {
  margin-top: 77px;
  margin-left: 134px;
}
#company-hiring ul li:nth-child(10) {
  left: 324px;
  top: 223px;
}
#company-hiring ul li:nth-child(9) {
  left: 330px;
  top: 150px;
}
#company-hiring ul li:nth-child(8) {
  left: 308px;
  top: 79px;
}
#company-hiring ul li:nth-child(7) {
  left: 265px;
  top: 18px;
}
#company-hiring ul li:nth-child(6) {
  left: 192px;
  top: -22px;
}
#company-hiring ul li:nth-child(5) {
  left: 111px;
  top: -24px;
}
#company-hiring ul li:nth-child(4) {
  left: 40px;
  top: 11px;
}
#company-hiring ul li:nth-child(3) {
  left: -15px;
  top: 68px;
}
#company-hiring ul li:nth-child(2) {
  left: -31px;
  top: 145px;
}
#company-hiring ul li:nth-child(1) {
  left: -29px;
  top: 223px;
}
#company-hiring .btn-main {
  position: absolute;
  right: 150px;
}
.img-small {
  gap: 25px;
  display: flex;
  padding: 0px 8px;
}
.road-com h2 {
  font-size: 24px;
}
.img-small {
  align-items: center;
}
}
@media(max-width:425px){
  .footer-social-scnd{
    text-align: left;
  }
  .footer-social-scnd .toggle-social{
    margin-left: 20px;
  }
  .footer-social-scnd .toggle-social i{
    margin-top:-10px;
  }
  .footer-social-scnd i{
    border: solid 1px var(--white) !important;
    color: var(--white);
    margin-right:5px;
    padding: 6px 6px;
  }
  .insta{
    padding: 6px 8px !important;
  }
  .footer-brand-social{
    display: none;
  }
  .footer-social-scnd{
    display: block !important;
  }
  .footer-brand-img img{
    width:100%;
  }
  .footer-head{
      margin-bottom:10px;
  }
  .toggle-social {
    margin-bottom: 10px;
    margin-top: 25px;
  }
  #abot-main .row{
      padding-top:25px;
      padding-bottom:0;
  }
  .w-c-u-text-sec h2{
    font-size:30px;
    margin-bottom:20px;
  }
  .w-c-u-part1 h3{
    font-size:20px;
  }
  .scnd-abt-scn-text h2 {
    font-size: 20px;
}
/* .red_strip {
  bottom: 430px;
  width: 94.5%;
  padding: 12px 10px;
} */
.red_strip {
  bottom: 430px;
  width: 94.5%;
  padding: 12px 10px;
}
.step{
  width:185px;
}
.step.left{
  left:-185px;
}
.step.right{
  right:-185px;
}
.road_map_2 h1 {
  font-size: 26px;
}
.road-section2 h1 {
  font-size: 27px;
  margin-bottom:70px;
}
.carousel-caption .col-lg-6 img {
  margin: 26px 0px 0px 25px;
}
#company-hiring .lead {
  font-size: 26px;
}
.gradient-background::before {
  clip-path: polygon(-17% 100%, 100% 100%, 100% 0%);
}
}
@media(max-width:420px){
.gatway h2 {
  font-size: 24px;
  padding: 27px 6px;
}
}
@media(max-width:414px){
  .bnr-inner span{
    font-size:14px;
  }
  .carousel-caption img {
    height: auto;
    margin-bottom: 0px;
    margin-top: 528px;
}
  .carousel-caption h5 {
    font-size: 21px;
}
  .bnr-inner a{
    font-size:14px;
  }
  .map_box.box_right2 {
    width: 100%;
    top: -602px;
  }
  /* .red_strip {
    bottom: 484px;
    width: 94.5%;
    padding: 12px 10px;
} */
.red_strip {
  bottom: 461px;
  width: 94.5%;
  padding: 12px 10px;
}
.step{
  width:176px;
}
.step.right{
  right:-176px;
}
.step.left{
  left:-176px;
}
.step-label{
  font-size: 15px;
}
.step-text{
  line-height: 21px;
}
.gatway h2 {
  font-size: 25px;
}
#company-hiring ul li:nth-child(1) {
  left: -27px;
  top: 223px;
}
#company-hiring ul li:nth-child(2) {
  left: -25px;
  top: 145px;
}
#company-hiring ul li:nth-child(9) {
  left: 322px;
  top: 150px;
}
#company-hiring ul li:nth-child(10) {
  left: 321px;
  top: 223px;
}
}
@media(max-width:412px){
  .ser-text h3 {
    font-size: 21px;
}
.ser-text p{
  font-size: 19px;
}
#about-ind-main .abt-scnd-row{
    margin-top:0;
}
.carousel-caption h5 {
    font-size: 23px;
}
.blog-card-inside-text h3 {
  font-size: 19px;
}
.snd-abt-text {
    bottom: 44px;
}
.arrow-down {
  display: block;
}
.student-green h1 {
  font-size: 22px;
}
.road-section2 h1 {
  font-size: 26px;
  margin-bottom: 60px;
}
.bnr-inner {
  left: 53%;
  top: 78%;
}
.gatway .red_strip h3 {
  font-size: 26px;
}
}
@media(max-width:400px){
  .abot-tt-text-inside h3 {
    font-size: 25px;
}
.carousel-caption img {
  height: auto;
  margin-bottom: 0px;
  margin-top: 540px;
}
.contact-details-sec a{
    font-size:16px;
}
.gatway h2 {
  padding: 27px 3px;
  font-size:24px;
}
/* .red_strip {
  bottom: 460px;
} */
.red_strip {
  bottom: 460px;
}
.map_box h4 {
  top: -43px;
  font-size: 25px;
}
.map_box.box1 h4 {
  font-size: 25px;
  top: -73px;
}
.arrow-img5 i {
  top: -281px;
}
.map_box.box_right4 {
  top: -238px;
  left: -4px;
}
.arrow-img4 i {
  top: -115px;
}
.map_box.box_right1 {
  top: -75px;
}
.arrow-img3 i {
  top: 60px;
}
.map_box.box1 {
  top: 99px;
}
.roadmap_section {
  margin-bottom: -25px;
  margin-top: 0px;
  min-height: 1300px;
  padding: 50px 0px;
}
.step{
  width:172px;
}
.step.left{
  left:-172px;
}
.step.right{
  right:-172px;
}
.img-small {
  gap: 16px;
  display: flex;
  padding: 0px 5px;
}
#global {
  margin-left: 19px;
}
.gatway .g_un p {
  line-height: 36px;
  font-size: 20px;
  margin-left: 36px;
}
.bnr-inner {
  left: 53%;
  top: 78%;
}
}
@media(max-width:395px){
    .team-btn::after {
    height: 800% !important;
}
.carousel-caption img {
  height: fit-content;

  margin-top: 545px;
}
.abt-text-inside h2 {
    font-size: 25px;
}
.gatway h2 {
  padding: 30px 0px;
}

/* .red_strip {
  bottom: 514px;
} */
.gatway .card {
  height: 361px;
}
.red_strip {
  bottom: 465px;
}
.road-section2 h1 {
  font-size: 25px;
  margin-bottom: 60px;
}
#company-hiring .lead {
  font-size: 25px;
}
#company-hiring .stats-bg {
  width: 330px;
  height: 275px;
}
#company-hiring ul li:nth-child(10) {
  left: 292px;
  top: 223px;
}
#company-hiring ul li:nth-child(9) {
  left: 298px;
  top: 150px;
}
#company-hiring ul li:nth-child(8) {
  left: 289px;
  top: 81px;
}
#company-hiring ul li:nth-child(7) {
  left: 252px;
  top: 18px;
}
#company-hiring .btn-main {
  position: absolute;
  right: 123px;
}
.anc-img::after {
  left: -23px;
}
.anc-img img {
  max-width: 50px;
  max-height: 50px;
}
.anc-img {
  width: 80px;
  height: 80px;
  line-height: 34px;;
}
.anc-img.active{
  width: 80px;
  height: 80px;
}
.anc-img.active img {
  width: 50px;
  height: 50px;
}
.anc-img.active::after {
  left: -23px;
}
.img-small {
  height:88px;
}
}
@media(max-width:394px){
  .red_strip {
    bottom: 465px;
}
}
@media(max-width:393px){
.gatway h2 {
  padding: 25px 10px;
  font-size:23px;

}
.red_strip {
  bottom: 454px;
}
/* .red_strip {
  bottom: 509px;
} */
.gatway .red_strip h3 {
  font-size: 25px;
}
.gatway .title h3 {
  font-size: 21px;
}
.roadmap_section {
  margin-bottom: 0px;
  margin-top: 25px;
  min-height: 1300px;
  padding: 50px 0px;
}

.gatway .card {
  height: 329px;
}
  .arrow-down {
      display: block;
  }
  .arrow-img6 i {
    top: -460px;
}
.road{
  width:40px;
}
.line-making{
  left:18px;
}
.car{
  left:10px !important;
}
.road_card {
  height:190px;
}
.road-section2 .row {
  row-gap: 56px;
}
}
@media(max-width:391px){
.gatway .g_un p {
  line-height: 33px;
  font-size: 20px;
  margin-left: 24px;
}
}
@media(max-width:385px){
.carousel-caption h5 {
    font-size: 21px;
    margin: -42px 0px 37px;
}
.gatway .card {
  height: 331px;
}
.arrow-down {
  display: block;
}
.carousel-item .banner-img {
  height: auto;
  object-fit: cover;
}
.red_strip {
  width: 93.8%;
}
.map_box.box_right3 {
  top: -424px;
}
.arrow-img5 i {
  top: -292px;
}
.map_box.box_right4 {
  top: -251px;
  left: -4px;
}
.map_box h4 {
  top: -39px;
  font-size: 23px;
}
.map_box.box1 h4 {
  font-size: 23px;
  top: -69px;
}
.arrow-img6 i {
  top: -468px;
}
.arrow-img2 i {
  top: 421px;
}
.roadmap_section {
  margin-bottom: 0px;
  margin-top: 0px;
  min-height: 1300px;
  padding: 50px 0px 10px;
}
.gatway .g_un p {
  margin-left: 36px;
  font-size: 19px;
}
.gatway h2 {
  padding: 33px 10px;
  font-size: 23px;
}
.step{
  width:167px;
}
.step.left{
  left:-167px;
}
.step.right{
  right:-167px;
}
  .road_card {
      padding: 20px 20px;
      height: 190px;
  }
  .road_map_2 h1 {
    font-size: 24px;
}
#company-hiring ul li:nth-child(2) {
  left: -22px;
  top: 152px;
}
#company-hiring ul li:nth-child(3) {
  left: -15px;
  top: 81px;
}
#company-hiring ul li:nth-child(4) {
  left: 31px;
  top: 21px;
}
#company-hiring ul li:nth-child(5) {
  left: 100px;
  top: -15px;
}
#company-hiring ul li:nth-child(6) {
  left: 177px;
  top: -16px;
}
#company-hiring ul li:nth-child(7) {
  left: 246px;
  top: 18px;
}
#company-hiring ul li:nth-child(8) {
  left: 286px;
  top: 78px;
}
#company-hiring ul li:nth-child(9) {
  left: 292px;
  top: 150px;
}
.anc-text {
  padding: 15px 0px 10px;
}
}
@media(max-width:384px){
.gatway .g_un p {
  margin-left: 29px;
}
.gatway h2 {
  padding: 33px 10px;
  font-size: 22px;
}
}
@media(max-width:380px){
.gatway h2 {
  padding: 29px 10px;
  font-size: 24px;
}
.road-section2 h1 {
  font-size: 24px;
  margin-bottom: 60px;
}
}
@media(max-width:375px){
  .gatway .g_un p {
    margin-left: 20px;
}
.gatway h2 {
  padding: 29px 5px;
  font-size: 22px;
}
#global {
  margin-left: 4px;
}
.student-green h1 {
  font-size: 21px;
}
.step{
  width:163px;
}
.step.left{
  left:-163px;
}
.step.right{
  right:-163px;
}
.carousel-caption .col-lg-6 img {
  margin-top: 0px;
  width: 95%;
  margin: 0px 0px 0px 10px;
}
.road-section2 h1 {
  font-size: 24px;
  margin-bottom: 60px;
}
#cust {
  margin-left: 8px;
}
.img-small {
  gap: 10px;
  display: flex;
  padding: 0px 5px;
}
.anc-text {
  padding: 15px 0px 10px 7px;
}
/* .red_strip {
  bottom: 539px;
} */
.red_strip {
  bottom: 454px;
}
}

@media(max-width:370px){
 
.road-com h2 {
  font-size: 22px;
}
}
@media(max-width:360px){
  .gatway h2 {
    padding: 18px 2px;
}
/* .red_strip {
  bottom: 526px;
  width: 93.2%;
} */
.red_strip {
  bottom: 513px;
  width: 93.2%;
}
.gatway .g_un p {
  font-size:18px;
}
.gatway .card {
  height: 320px;
}
.map_box h4 {
  top: -35px;
  font-size: 20px;
}
.map_box.box1 img {
  height: 90px;
}
.map_box.box1 h4 {
  font-size: 20px;
  top: -39px;
}
.roadmap_section {
  min-height: 1250px;
}
.arrow-img2 i {
  top: 394px;
}
.map_box.box5 {
  top: 441px;
}
.map_box.box3 {
  top: 242px;
}
.arrow-img i {
  top: 215px;
}
.map_box.box1 {
  top: 75px;
}
.arrow-img3 i {
  top: 39px;
}
.map_box.box_right1 {
  top: -85px;
}
.arrow-img4 i {
  top: -120px;
}
.map_box.box_right4 {
  top: -250px;
  left: -4px;
}
.arrow-img5 i {
  top: -289px;
}
.map_box.box_right3 {
  top: -419px;
}
.arrow-img6 i {
  top: -459px;
}
.map_box.box_right2 {
  width: 100%;
  top: -591px;
}
.arrow-down {
  display: block;
}
.student-green h1 {
  font-size: 20px;
}
.step{
  width:150px;
}
.step.right{
  right:-150px;
}
.step.left{
  left:-150px;
}
.car{
  left:10px !important;
}
.road{
  width:42px;
}
.road-text h1{
  font-size: 23px;
}
.road_map_2 h1 {
  font-size: 23px;
}
.road_title h2 {
  font-size: 18px;
}
.road-section2 h1 {
  font-size: 23px;
  margin-bottom: 60px;
}
.carousel-item .banner-img {
  height: auto;
  object-fit: cover;
}
.road-com h2 {
  font-size: 22px;
}
.carousel-control-prev-icon {
  height: 21px;
  width: 21px;
  top: 0px;
  left: -21px;
}
.carousel-control-next-icon {
  height: 21px;
  width: 21px;
  top: 0px;
  left: 21px;
}
.gatway .red_strip h3 {
  font-size: 23px;
}
}
@media(max-width:340px){
  .road-com h2 {
    font-size: 20px;
  }
  }
@media(max-width:350px){
  .bnr-inner span{
    font-size:13px;
  }
  .bnr-inner a{
    font-size:13px;
  }
  .road_map_2 h1 {
    font-size: 22px;
}
.road_title h2 {
  font-size: 17px;
}
.road-section2 h1 {
  font-size: 22px;
  margin-bottom: 60px;
}
.red_strip {
  bottom: 503px;
  width: 93.2%;
}
.gatway h2 {
  font-size: 23px
}
.gatway .g_un p {
  margin-left: 18px;
}
.gatway .card {
  height: 312px;
}
}
@media(max-width:320px){
    .carousel-caption h5 {
    font-size: 18px;
}
.bnr-inner span{
  font-size:12px;
}
.bnr-inner a{
  font-size:12px;
}
#about-ind-main .abt-scnd-row {
    margin-top: 50px;
}
.gatway .g_un p {
  line-height: 36px;
  font-size: 16px;
  margin-left: 13px;
}
/* .red_strip {
  bottom: 586px;
  width: 92.5%;
} */
.red_strip {
  bottom: 530px;
  width: 92.5%;
}
.gatway h2 {
  font-size: 18px;
}
.gatway .red_strip h3 {
  font-size: 20px;
  margin-bottom: 16px;
}
.gatway .card {
  height: 298px;
}
.carousel-item .banner-img {
  height: auto;
  object-fit: cover;
}
.carousel-caption img {
  height: fit-content;
  margin-top: 574px;
}
.gradient-background::before {
  height: 52px;
}
.carousel-control-prev-icon {
  height: 19px;
  width: 19px;
  top: 0px;
  left: -12px;
}
.carousel-control-next-icon {
  height: 19px;
  width: 19px;
  top: 0px;
  left: 12px;
}
.map_box h4 {
  top: -27px;
  font-size: 18px;
}
.map_box.box1 h4 {
  font-size: 18px;
  top: -45px;
}
.map_box.box1 {
  top: 97px;
}
.arrow-img3 i {
  top: 56px;
}
.map_box.box3 {
  top: 255px;
}
.arrow-img2 i {
  top: 395px;
}
.arrow-img i {
  top: 240px;
}
.map_box.box5 {
  top: 439px;
}
#global {
  margin-left: -2px;
}
.arrow-down {
  display: block;
}
.student-green h1 {
  font-size: 18px;
}
.step{
  width:130px;
}
.step.left{
  left:-130px;
}
.step.right{
  right:-130px;
}
.step-label{
  font-size: 14px;
}
.step-text{
  font-size: 13px;
  line-height: 18px;
}
.road-text h1{
  font-size: 20px;
}
.road_map_2 h1 {
  font-size: 20px;
}
.img_an_logo {
  margin-bottom: 5px;
}
.road_card {
  padding: 20px 18px;
 height:180px;
}
.road_title h2 {
  font-size: 16px;
}
.road-section2 h1 {
  font-size: 20px;
  margin-bottom: 55px;
}
.anc-img {
  width: 85px;
  height: 74px;
  line-height: 1px;
}
.anc-img.active {
  width: 85px;
  height: 74px;
  line-height: 1px;
}
.anc-text p {
  width: 200px;
  font-size: 14px;
  margin-bottom: 0px;
}
.anc-text h4 {
  width: 200px;
}
.img-small {
  height: 100px;
}
}