@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://fonts.googleapis.com/css?family=Roboto:900,800,100,600,400,700");



body {padding: 0px;margin: 0px;font-size: 16px; background: #00092a; font-family:  "Roboto", serif !important;}
*,*:before,*:after {box-sizing: border-box;}
:focus-visible {outline: none;}
ol, ul {list-style: none;padding: 0 0 ;margin: 0 ;}
.clear {clear: both;}
p { text-align: justify;} 
.bg1 { margin-top: 85px;}
.advisory-services{position: relative;align-self: stretch;margin-top: -1.00px;font-family: "Roboto", Helvetica;font-weight: 900;color: #ffffff;font-size: 40px;letter-spacing: 0;line-height: normal; margin-top: 55px; text-transform: uppercase;text-align: left;}
.text-wrapper {position: relative;align-self: stretch;font-family: "Roboto", Helvetica;font-weight: 400;color: #ffffff;font-size: 16px;text-align: justify;letter-spacing: 0;line-height: 26px;}
.frame-2 {    width: 970px; height: 403px; max-width: 100%; position: relative; margin: 0px auto; margin-top: 61px;}
.frame-2 .img {position: absolute;top: 0;        left: 545px;}
.frame-2 .p  {font-family: "Roboto", Helvetica;font-weight: 400;color: #ffffff;font-size: 20px;
text-align: justify;letter-spacing: 0;
line-height: 26px; width: 467px; max-width: 100%;}
.frame-2 .transform-your {font-family: "Roboto", Helvetica; width: 467px; max-width: 100%;font-weight: 700;color: #ffffff;font-size: 32px;letter-spacing: 0;line-height: normal; }
.why-choose-our-cloud {font-family: "Roboto", Helvetica;font-weight: 900;color: #ffffff;font-size: 40px;letter-spacing: 0;line-height: 48.0px; width: 970px; max-width: 100%; margin: 0px auto; margin-top: 99px;}
.overlap-group{width: 339px;height: 207px;background: url(/images/rectangle-123.svg) top center no-repeat;border-radius: 30px; padding: 26px 16px;display: inline-block; margin: 0px 0px 40px 22px; }
.overlap-group:first-child {margin: 0px 0px 40px 0px; }
.text-wrapper-3{font-family: "Roboto", Helvetica;font-weight: 600;color: #ffffff;font-size: 20px;text-align: center;letter-spacing: 0;line-height: normal;margin-top: 11px; margin-bottom: 18px;  }
.text-wrapper-2 {font-family: "Roboto", Helvetica;font-weight: 400;color: #00082a;font-size: 16px;letter-spacing: 0;line-height: normal;}
.mt-49 { margin-top: 49px;}
.fs-0 { font-size: 0;}
.text-wrapper-4{font-family: "Roboto", Helvetica;font-weight: 900;color: #ffffff;font-size: 40px;text-align: center;letter-spacing: 0;line-height: 48.0px; margin-top: 59px;}
.mt-50 { margin-top: 50px;}
.nav-tabs1 .nav-link{font-family: "Roboto", Helvetica;font-weight: 400;color: #ffffff;font-size: 16px;    text-align: center;letter-spacing: 0;    line-height: normal; background-color: #00092a;border: 1px solid;border-color: #6ecbd1; padding: 8px 32px;}
.nav-tabs1 .nav-link:first-child{ border-radius: 28px 0px 0px 0px;}
.nav-tabs1 .nav-link:last-child{ border-radius: 0px 28px 0px 0px;}
.nav-tabs1 .nav-item.show .nav-link, .nav-tabs1 .nav-link.active {font-family: "Roboto", Helvetica;font-weight: 400;color: #00092a;font-size: 16px;text-align: center;letter-spacing: 0;line-height: normal; background: #10cff2;border: 0;border: 1px solid;border-color: #6ecbd1;}
.nav-tabs1 .nav-link:focus, .nav-tabs1 .nav-link:hover { border: 1px solid;border-color: #6ecbd1;}
.tab-content{font-family: "Roboto", Helvetica;font-weight: 400;color: #00082a;font-size: 20px;text-align: justify;letter-spacing: 0;line-height: 25.2px;}
.bg2 {border-radius: 28px;border: 1px solid;border-color: #6ecbd1;max-width: 1130px;background: linear-gradient(180deg, rgb(0, 204, 255) 0.74%, rgb(0, 151.05, 255) 52.16%, rgb(0, 90.63, 153) 100%);}
.tab-box {  display: flex;}
.tab-img { display: flex;}
.tab-img img{ max-width: none; border-radius: 0px 0px 0px 28px;}
.tab-text { padding: 50px 50px;font-family: "Roboto", Helvetica;font-weight: 400;
color: #00082a;font-size: 20px;text-align: justify;letter-spacing: 0;line-height: 25.2px;}
.bg-3 { background: url(/images/group-4.png) top center no-repeat; min-height: 371px; margin-top: 107px; position: relative;}
.bg-3 .col-md-3 { position: relative; height: 530px;  }
.text-wrapper-6 {font-family: "Roboto", Helvetica;  font-weight: 700;  color: #ffffff;  font-size: 20px;  letter-spacing: 0;
line-height: 25.2px;  white-space: nowrap;}
.text-wrapper-6 .span1{ padding: 18px 0 12px 20px; display: inline-block;}
.text-wrapper-7 {   margin: 0px auto;font-family: "Roboto", Helvetica;font-weight: 400;color: #ffffff;font-size: 16px;text-align: center;letter-spacing: 0;line-height: 25.2px;}
.box1{position: absolute;  top: -90px;  z-index: -1; width: 100%;}
.mt-23 { margin-top: 33px;}
.box2{position: absolute;   bottom: 87px;   width: 100%; left: 0; }
.box3 {position: absolute;  width: 100%;  bottom: 190px; left: 0;}


.bg-4 {height: 131px;  border-radius: 30px 30px 0px 0px;  background-color: #00092a; margin-top: 10px;padding: 18px 15px;
border: 1px solid;  border-color: #6ecbd1; margin-bottom: 35px;}
.text-wrapper-14 {font-family: "Roboto", Helvetica;
font-weight: 700;
color: #6ecbd1;
font-size: 36px;
letter-spacing: 0;
line-height: 47.2px;
white-space: nowrap;}
.text-wrapper-15 {font-family: "Roboto", Helvetica;
font-weight: 700;
color: #ffffff;
font-size: 16px;
letter-spacing: 0;
line-height: 21.0px;
white-space: nowrap;}
.mt-25{margin-top: 5px;}
.mt-80 { margin-top: -80px;}
.frame-11 {
display: flex  ;
align-items: center;
justify-content: space-between;
position: relative;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
}
.frame-12 {
display: flex
;
flex-direction: column;
width: 250px;
align-items: center;
justify-content: center;
gap: 12px;
position: relative;
}
.frame-14 {
display: flex;
flex-direction: column;
width: 250px;
align-items: center;
justify-content: center;
gap: 16px;
position: relative;
}.frame-13 {
display: flex
;
flex-direction: column;
align-items: flex-start;
gap: 6px;
position: relative;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
}.text-wrapper-13 {
position: relative;
align-self: stretch;
margin-top: -1.00px;
font-family: "Roboto", Helvetica;
font-weight: 900;
color: #ffffff;
font-size: 24px;
text-align: center;
letter-spacing: 0;
line-height: 32px;
}
.text-wrapper-12 {
position: relative;
align-self: stretch;
font-family: "Roboto", Helvetica;
font-weight: 400;
color: #ffffff;
font-size: 16px;
text-align: center;
letter-spacing: 0;
line-height: 20px;
}
.text-wrapper-11 {
position: relative;
align-self: stretch;
height: 32px;
margin-top: -1.00px;
font-family: "Roboto", Helvetica;
font-weight: 900;
color: #ffffff;
font-size: 24px;
text-align: center;
letter-spacing: 0;
line-height: 32px;
white-space: nowrap;
}

.frame-16 {
display: flex
;
flex-direction: column;
align-items: center;
gap: 24px;
position: relative;
align-self: stretch;
width: 100%;
flex: 0 0 auto; margin-top: 6px;
} .frame-17 {
display: flex
;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 30px;
position: relative;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
} .frame-18 {
display: flex
;
align-items: center;
justify-content: flex-start;
gap: 60px;
padding: 8px 0px;
position: relative;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
} .frame-19 {
display: flex
;
align-items: flex-start;
gap: 24px;
position: relative;
flex: 1;
flex-grow: 1; max-width: 525px;
} .img-3 {
position: relative;
width: 48px;
height: 48px;
} .frame-20 {
display: inline-flex
;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 16px;
position: relative;
 
} .text-wrapper-18 {
position: relative;
width: fit-content;
margin-top: -1.00px;
font-family: "Roboto", Helvetica;
font-weight: 700;
color: #ffffff;
font-size: 24px;
letter-spacing: 0;
line-height: 31.4px;
white-space: nowrap;
} .text-wrapper-19 {
position: relative;
width: fit-content;
font-family: "Roboto", Helvetica;
font-weight: 400;
color: #ffffff;
font-size: 16px;
letter-spacing: 0;
line-height: 21.0px;
 
}
.bg-7{ background: url(/images/Transform-bg.png) top center no-repeat; height: 385px; margin-top: 76px; background-size: cover;}
.frame-23 {
display: inline-flex
;
flex-direction: column;
align-items: center;
gap: 30px;
padding: 20px;
position: relative;
top: 66px;

background-color: #00082a80;
border-radius: 24px;
backdrop-filter: blur(20px) brightness(100%);
-webkit-backdrop-filter: blur(20px) brightness(100%);
} .frame-24 {
display: inline-flex
;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
position: relative;
flex: 0 0 auto; max-width: 765px;
} .text-wrapper-20 {
position: relative;
width: fit-content;
margin-top: -1.00px;
font-family: "Roboto", Helvetica;
font-weight: 800;
color: #00c4ff;
font-size: 36px;
letter-spacing: 0;
line-height: 47.2px;
white-space: nowrap;
} .text-wrapper-21 {
position: relative;
width: 515px; max-width: 100%;
font-family: "Roboto", Helvetica;
font-weight: 400;
color: #ffffff;
font-size: 16px;
text-align: center;
letter-spacing: 0;
line-height: 21.0px;
} .schedule-your-free-wrapper {
position: relative;
width: 344px;
height: 45px;
border-radius: 264px;color: #00092a;
background: linear-gradient(180deg, rgb(0, 204, 255) 0.74%, rgb(0, 151.05, 255) 52.16%, rgb(0, 90.63, 153) 100%);
}
.schedule-your-free {position: absolute;
top: 13px;
left: 44px;
font-family: "Roboto", Helvetica;
font-weight: 400;
font-size: 15px;
letter-spacing: 0;
line-height: normal;
white-space: nowrap;
}
.schedule-your-free-wrapper:hover {background: #fff; color: #000;}
.frame-25 {
display: flex
;
width: 100%;
align-items: center;
gap: 40px;

}
.frame-26 {
display: inline-flex
;
height: 218px;
align-items: center;
gap: 30px;
position: relative;
flex: 0 0 auto;
}
.frame-27 {
display: flex
;
flex-direction: column;
width: 346px;
height: 144px;
align-items: flex-start;
justify-content: space-between;
position: relative;
} .text-wrapper-23 {
position: relative;
align-self: stretch;
margin-top: -1.00px;
font-family: "Roboto", Helvetica;
font-weight: 400;
color: #6ecbd1;
font-size: 16px;
letter-spacing: 0;
line-height: 23.7px;
}
.text-wrapper-24 {
position: relative;
align-self: stretch;
height: 24px;
font-family: "Roboto", Helvetica;
font-weight: 800;
color: #6ecbd1;
font-size: 16px;
letter-spacing: 0;
line-height: 23.7px;
white-space: nowrap; text-align: left;
}
.frame-28 {
position: relative;
width: 145.95px;
height: 144px;

}
.text-wrapper-25 {
position: absolute;
top: 104px;
left: 19px;
font-family: "Roboto", Helvetica;
font-weight: 900;
color: #00092a;
font-size: 14px;
letter-spacing: 0;
line-height: normal;
white-space: nowrap;
}
.text-wrapper-26 {
position: absolute;
top: 120px;
left: 54px;
font-family: "Roboto", Helvetica;
font-weight: 100;
color: #00092a;
font-size: 7.8px;
letter-spacing: 0;
line-height: normal;
white-space: nowrap;
}
.heading1{color: #FFF;

text-align: justify;
font-family: Roboto;
font-size: 40px;
font-style: normal;
font-weight: 900;
}

 
.devops li { display: block; color: #FFF;

text-align: justify;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; background: url(/images/li-dot.png) 0px 9px no-repeat; padding-left: 20px; }
.devops li b{font-weight: 700;}
.heading2 {color: #FFF;

font-family: Roboto;
font-size: 24px;
font-style: normal;
font-weight: 900;
line-height: normal;
text-transform: uppercase;}
.text-16 {color: #FFF;

text-align: justify;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;}
.box10 {gap: 24px;}
.box10-img img {width: 268px;
height: auto;
align-self: stretch;
border-radius: 16px; max-width: none;}
.box10 .box10-img{}
.box10 .box10-text{}
.bg-8 { background: url(/images/bg-8.svg) top center no-repeat;  
height: 468px;
flex-shrink: 0;  width: 100%;max-width: 970px; padding: 90px 65px;}
.bg-8h {color: #FFF;
font-family: Roboto;font-size: 48px;
font-style: normal;font-weight: 900;
line-height: normal;
text-transform: uppercase; }
.why-us2 li {background: url(/images/li-dot1.png) 0px 9px no-repeat; padding-left: 20px; color: #00092A;
font-family: Roboto;font-size: 16px;
font-style: normal;font-weight: 400;
line-height: 26px; text-align: justify;}
.why-us2 li b {font-weight: 800;}
.bdr-r {background: url(/images/Line3.png) right center no-repeat;}
.mt-100 { margin-top: 100px;}
.w-box{display: flex;
width: 245.506px;
height: 256.18px;
padding: 5.337px 0px;
flex-direction: column;
align-items: flex-start;
gap: 0px;
flex-shrink: 0; background: #fff; padding: 18px; border-radius: 17.079px;
background: #FFF;}
.w-box h1 {color: #00092A;
text-align: justify;    font-family: Roboto;
font-size: 16px;    font-style: normal;
font-weight: 900;
line-height: 21.348px;  margin: 0;  }
.w-box p{color: #00092A;    font-family: Roboto;  font-size: 12.809px;    font-style: normal;    font-weight: 400;    line-height: 21.348px; text-align: left;}
.approch { position: absolute; top: 0; left: 0;}
.approch1 { display: flex;gap: 25px; justify-content: center;
align-items: center; margin-top: 25px;}
.p-right{ background: url(/images/Line4.png) center right no-repeat; padding-right: 70px; }
.p-left { padding-left: 70px;}
.f20 li{ font-size: 20px; line-height: 34px;background: url(/images/li-dot.png) 0px 14px no-repeat; text-align: left;
  padding-left: 15px;}
  .master-in { min-height: 350px;}
 .ft-16, .service p.ft-16 { color: #fff; font-size: 16px; font-family: Montserrat; line-height: 24px;}
#career1 { color:#fff}
 
ul.big-btn1 { text-align: center ; padding-left: 30px;}
ul.big-btn1 li { display: inline-block; width: 147px; margin-bottom: 14px; vertical-align: top;}
ul.big-btn1 li a { display: block; text-align:center; text-decoration:none}
ul.big-btn1 li a p{ text-align:center} 
ul.big-btn1 li a  {color: #FFF;
font-family: 'Roboto';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 16.8px */
text-transform: uppercase; vertical-align: top; }
 
ul.big-btn1 li a:hover svg rect {
  fill: #fff!important;
  }

ul.big-btn1 li a:hover  path {
fill: #00092A!important;
}
ul.Reviews { display: flex;}
ul.Reviews li { position: relative;
   /* background: url(/images/frame4.svg) top center no-repeat; */
  width: 243.671px;
  height: 361.516px;
  flex-shrink: 0;padding: 23px 29px; vertical-align: top; margin: 0; margin: 167px -15.35px 0px -15.35px;
}
ul.Reviews li svg { width: 100%; position: absolute; top: 0; left: 0;}
ul.Reviews li.sec {  
  
  /* background: url(/images/frame4-a.svg) top center no-repeat; */
 }
ul.Reviews li:first-child,ul.Reviews li:last-child { margin-top: 0;}

ul.Reviews li p {color: #FFF;

  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; text-align: left; margin: 0; }

  ul.Reviews li p span {color: #0CF;

    text-align: left;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; margin: 5px 0 5px 0;}

    .bdr2 {border-radius: 8px;
      border: 2px solid #6ECBD1;}

      ul.why-migrate {  text-align: center; margin-top: 40px; padding-bottom: 15px;}
      ul.why-migrate li { display: flex;
        height: 287px;
        padding: 10px;
         border-radius: 8px;
        border: 1px solid #6ECBD1; display: inline-block; vertical-align: top; max-width: 353px; margin: 9px;} 
        ul.why-migrate li:first-child{ margin-left: 0;}
        ul.why-migrate li:last-child {margin-right: 0;}
      ul.why-migrate li p span{ display: inline-block;color: #0CF;

        text-align: center;
        font-family: Roboto;
        font-size: 22px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;margin-top: 18px;
        text-transform: uppercase;}
      ul.why-migrate li p{ text-align: center; color: #FFF;

        text-align: center;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;}
   
ul.why-migrate1 {}
ul.why-migrate1 li { width: 272px; height: 258px;   vertical-align: top; float: left;padding-top: 70px; position: relative; margin-left: -63px;
  padding-left: 90px;
  padding-right: 30px;
}
ul.why-migrate1 li:first-child { margin-left: 0; padding-left: 21px;}
ul.why-migrate1 li svg { position: absolute; top: 0; left: 0; width: 100%;}
ul.why-migrate1 li p {color: #FFF;
  text-align: left;
  margin: 0;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.34px;  }
ul.why-migrate1 li p span {color: #FFF;display: block;
  margin-bottom: 10px;

  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;} 
.managed-s {max-width: 1160px;}
.frame126 { width: 100%;min-height: 424px;   float: left; }
.frame126-1 { position: absolute;    width: 100%;    top: 0; text-align: center; left: 0;}
.frame126-2 { width: 100%; max-width: 301px;position: relative;    height: 116px; padding: 21px 35px;}
.frame126-2 img { position: absolute; top: 0; left: 0; z-index: -1;}
.frame126-2 p {color: #FFF;
  font-family: Roboto;
  font-size: 8.583px;
  font-style: normal;
  font-weight: 400;
  line-height: 11.244px; margin: 0;
  margin-bottom: 10px;}
.frame126-2 p span{color: #FFF;
  font-family: Roboto;
  font-size: 12.261px;
  font-style: normal;
  font-weight: 700;
  line-height: 16.063px; /*  */}
.frame126 .w-100 .frame126-2:first-child { float: left;}
.frame126 .w-100 .frame126-2:last-child { float: right;}
.mt-42 { margin-top: 42px;}
.mt-34 {margin-top: 34px;}
.omsa{color: #FFF;
  text-align: center;
  font-family: Roboto;
  font-size: 19.618px;
  font-style: normal;
  font-weight: 700;
  line-height: 24.523px;
  width: 100%;
  position: absolute;
  top: 111px;}
  .ft-32 {font-size: 31px;
    line-height: normal;
    text-align: left;
    line-height: 44px; }
    .frame-131 {
      display: flex
  ;
      flex-direction: row;
      gap: 30px;
      align-items: flex-start;
      justify-content: flex-start;
      flex-shrink: 0;
      width: 100%;
      position: relative;
  }
  .image2 {
    border-radius: 40px;
    
 
    align-self: stretch;
    flex-shrink: 0;
    width: 390px;
    position: relative;
    object-fit: cover;
}

    .frame-130 {
      display: flex
  ;
      flex-direction: column;
      gap: 20px;
      align-items: flex-start;
      justify-content: flex-start;
      align-self: stretch;
      flex: 1;
      position: relative;
  }
  .frame-132 {
    padding: 0px 12px 0px 12px;
    display: flex
;
    flex-direction: row;
    gap: 12px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
frame-132a { gap: 100px;}
.programming-1 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  position: relative;
  overflow: hidden;
}.frame-186 {
  display: flex
;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.custom-software-development {
  color: #ffffff;
  text-align: left;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 25px;
  line-height: 28px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.we-build-cs {
  color: #ffffff;
  text-align: left;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 15px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.enterprise-software {
  text-align: justified;
  font-family: "-", sans-serif;
  font-size: 20px;
  line-height: 36px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.enterprise-list {
  color: #00ccff;
  list-style-type: disc;
  padding-left: 1em;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 20px;
  line-height: 36px;
  font-weight: 700; text-align: left;
}
.enterprise-list .text-white { font-weight: 400;}
.why-choose li { display: block; background: url(/images/group1.svg) 0 2px no-repeat;  padding-left: 30px; color: #fff;color: #FFF;
  font-family: Roboto;
  font-size: 16.807px;
  font-style: normal;
  font-weight: 400; line-height:  22.017px; text-align: left;}
  .why-choose li b {color: #00C4FF;

    font-family: Roboto;
    font-size: 16.807px;
    font-style: normal;
    font-weight: 700;
  }
  .frame-149 {
    display: flex
;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}.call-1 {
  flex-shrink: 0;
  width: 38.1px;
  height: 38.1px;
  position: relative;
  overflow: visible;
}
.frame-150 {
  display: flex
;
  flex-direction: column;
  gap: 23.81px;
  align-items: flex-start;
  justify-content: flex-start;
 
}

.frame-151 {
  display: flex
;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.call-us-at {
  color: #1e1e1e;
  text-align: left;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 23.809524536132812px;
  line-height: 120%;
  font-weight: 400;
  position: relative;
   
}
.frame-151 a {
  color: #ffffff;
  text-align: left;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 23.809524536132812px;
  line-height: 120%;
  font-weight: 700;
  position: relative;
  
}
.pr-30 {padding-right: 20px;}

.img-5{ 
 
  align-self: stretch;
  flex-shrink: 0;
 
  position: relative;
 }
 .f24 { font-size: 24px;}