.terralogo {
    height: 42px;
    width: 156px;
}
.animation-bg{
	background-color: #1B1B1B;
	height: 100px;	
	width: 100%;
}

.newdesing-knowmore{
	padding: 10px 20px 10px 20px;
    border-radius: 5px;
    background-color: #1B1B1B;
    border: 1px solid #FDD106;
    color: #FDD106;
	letter-spacing: 0.86px;
    font-family: 'ceragr-bolduploaded_file';
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 120px;
    outline:none;
}
.newdesing-knowmore1{
	padding: 10px 20px 10px 20px;
    border-radius: 5px;
    background-color: #FFFFFF;
    border: 1px solid #1CA5D9;
    color: #1CA5D9;
	letter-spacing: 0.86px;
    font-family: 'ceragr-bolduploaded_file';
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    margin-top: 15px;
   margin-bottom: 120px;
   outline:none;
}

.newdesing-knowmore1-ent-sol{
	padding: 10px 20px 10px 20px;
    border-radius: 5px;
    background-color: #FFFFFF;
    border: 1px solid #1CA5D9;
    color: #1CA5D9;
	letter-spacing: 0.86px;
    font-family: 'ceragr-bolduploaded_file';
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    margin-top: 15px;
    outline:none;
	margin-bottom: 120px;
}

.design-water-wave{
	margin-top: -5px;
	padding-top: 0px;
    padding-bottom: 0px;
}
svg.water-wave-black {
    position: relative;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
	transition: transform 3s cubic-bezier(.01,.32,.11,.99);
    will-change: transform;
	vertical-align:top;
	transform-origin: bottom;
	transform: scaleX(1) scaleY(0);
}
.in-view svg.water-wave-black{ transform: scaleX(1) scaleY(1); vertical-align:top; top:-1px;  transition: transform 1s ease;}
svg.water-wave {
    position: relative;
    height: 100%;
    width: 100%;
    left: 0;
    top: -1px;
	transition: transform 3s cubic-bezier(.01,.32,.11,.99);
    will-change: transform;
	vertical-align:bottom;
	transform-origin: top;
	transform: scaleX(1) scaleY(0);					
}
.in-view svg.water-wave{ transform: scaleX(1) scaleY(1); vertical-align:top; top:0px;  transition: transform 1s ease;}
canvas {
    width: 100% !important;
	/*height:530px !important;*/
}

.canvas-wave{
  height:530px !important;
  }


.digi-trans-design-new{
	background-color: #1B1B1B;
	padding-top: 0px;
    padding-bottom: 0px;
	margin-top: -9px;
}
.terralogic-sets-grow {		
	color: #FFFFFF;	
	font-family: montserratregular;	
	font-size: 18px;	
  line-height: 28px;
  padding-top: 15px;
	}
.terralogic-sets-grow1 {		
	color: #111111;	
	font-family: montserratregular;	
	font-size: 18px;	
  line-height: 28px;
  padding-top: 15px;
	}
.corner-border{
	height: 170px;	
	width: 2px;	
  background-color: #292929;
  margin-top: 20px;
}
.corner-border1{
	height: 170px;	
	width: 2px;	
  background-color: #E8E8E8;
  margin-top: 20px;
}
.corner-border3{
	height: 225px;	
	width: 2px;	
  background-color: #292929;
  margin-top: 20px;
}
.corner-border4{
	height: 227px;	
	width: 2px;	
  background-color: #E8E8E8;
  margin-top: 20px;
}
.newdesign-padding{
	padding:0;
}
.enter-prise-design1{
	color: #FDD106;	
	font-family: 'ceragr-bolduploaded_file';
	font-size: 36px;	
	letter-spacing: 1px;	
  line-height: 46px;
  margin-top: 52px;
}


.digital-transformatin-design1{
	color: #FDD106;	
	font-size: 36px;	
	letter-spacing: 1px;	
  line-height: 46px;
  margin-top: 165px;
}


@-webkit-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes change {
  0%, 12.66%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
  }
  33.32%,45.98% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  49.98%,62.64% {
    -webkit-transform: translate3d(0, -75%, 0);
            transform: translate3d(0, -75%, 0);
  }
  66.64%,79.3% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  83.3%,95.96% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
  }
}
@keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes change {
  0%, 12.66%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
  }
  33.32%,45.98% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  49.98%,62.64% {
    -webkit-transform: translate3d(0, -75%, 0);
            transform: translate3d(0, -75%, 0);
  }
  66.64%,79.3% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  83.3%,95.96% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
  }
}



@keyframes move-twink-back {
  from {background-position:0 0;}
  to {background-position:-10000px 5000px;}
}

@-webkit-keyframes move-twink-back {
  from {background-position:0 0;}
  to {background-position:-10000px 5000px;}
}

@-moz-keyframes move-twink-back {
  from {background-position:0 0;}
  to {background-position:-10000px 5000px;}
}

@-ms-keyframes move-twink-back {
  from {background-position:0 0;}
  to {background-position:-10000px 5000px;}
}



@keyframes moveUp {
  0% {
      transform: translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
  }
   
  50% {
      transform: translate3d(0px, 10px, 0px);
      animation-timing-function: ease-out;
  }
   
  100% {
      transform: translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
  }
}
@-webkit-keyframes moveUp {
  0% {
      transform: translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
  }
   
  50% {
      transform: translate3d(0px, 10px, 0px);
      animation-timing-function: ease-out;
  }
   
  100% {
      transform: translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
  }
}
@-moz-keyframes moveUp {
  0% {
      transform: translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
  }
   
  50% {
      transform: translate3d(0px, 10px, 0px);
      animation-timing-function: ease-out;
  }
   
  100% {
      transform: translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
  }
}
@-ms-keyframes moveUp {
  0% {
      transform: translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
  }
   
  50% {
      transform: translate3d(0px, 10px, 0px);
      animation-timing-function: ease-out;
  }
   
  100% {
      transform: translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
  }
}

.moveUp{
  animation: moveUp 2s infinite;
}

@keyframes moveDown {
  0% {
      transform: translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
  }
   
  50% {
      transform: translate3d(0px, -10px, 0px);
      animation-timing-function: ease-out;
  }
   
  100% {
      transform: translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
  }
} 
@-webkit-keyframes moveDown {
  0% {
      transform: translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
  }
   
  50% {
      transform: translate3d(0px, -10px, 0px);
      animation-timing-function: ease-out;
  }
   
  100% {
      transform: translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
  }
} 
@-moz-keyframes moveDown {
  0% {
      transform: translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
  }
   
  50% {
      transform: translate3d(0px, -10px, 0px);
      animation-timing-function: ease-out;
  }
   
  100% {
      transform: translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
  }
} 
@-ms-keyframes moveDown {
  0% {
      transform: translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
  }
   
  50% {
      transform: translate3d(0px, -10px, 0px);
      animation-timing-function: ease-out;
  }
   
  100% {
      transform: translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
  }
} 

.moveDown{
  animation: moveDown 2s infinite;
}




/*Location SVG Animation*/

.animated-delays{
visibility:hidden;
}

.delayedShow{
animation: 0s linear 0.5s forwards delayedShow ;
}


.element-1 {
visibility: hidden;
animation: 0s linear 0s forwards delayedShow ;
}

.element-2 {
visibility: hidden;
animation: 0s linear 0.5s forwards delayedShow ;
}

.element-3 {
visibility: hidden;
animation: 0s linear 1s forwards delayedShow ;
}

.element-4 {
visibility: hidden;
animation: 0s linear 1.5s forwards delayedShow ;
}


.element-5 {
visibility: hidden;
animation: 0s linear 2s forwards delayedShow ;
}

.element-6 {
visibility: hidden;
animation: 0s linear 2.5s forwards delayedShow ;
}


.element-7 {
visibility: hidden;
animation: 0s linear 3s forwards delayedShow ;
}

.element-8 {
visibility: hidden;
animation: 0s linear 3.5s forwards delayedShow ;
}

.element-9 {
visibility: hidden;
animation: 0s linear 4s forwards delayedShow ;
}

@keyframes delayedShow {
to {
  visibility: visible;
}
}

@-webkit-keyframes delayedShow {
 to {
  visibility: visible;
}
}

@-moz-keyframes delayedShow {
 to {
  visibility: visible;
}
}

@-ms-keyframes delayedShow {
to {
  visibility: visible;
}
}


.service-cards:hover .zig-zag-class {  
animation: wobble 2s linear;
}

@keyframes wobble {
0% {transform: translateX(0%);}
15% {transform: translateX(-25%) rotate(-5deg);}
30% {transform: translateX(20%) rotate(3deg);}
45% {transform: translateX(-15%) rotate(-3deg);}
60% {transform: translateX(10%) rotate(2deg);}
75% {transform: translateX(-5%) rotate(-1deg);}
100% {transform: translateX(0%);}
}

.digital-transformati {

color: #EA7024;
font-family: 'ceragr-bolduploaded_file';
font-size: 16px;
/* font-weight: bold; */
line-height: 22px;
margin-top: 130px;
}

.digital-transformati-web,.digital-transformati-web:hover,.digital-transformati-web:active,.digital-transformati-web:focus{
color: #EA7024;
}
.mobile-header{
color: #111111;	font-family: 'ceragr-bolduploaded_file';	font-size: 36px;	/* font-weight: bold; */	line-height: 49px;	text-align: center;
}
.para-center{
color: #111111;	font-family: 'montserratregular';	font-size: 17px;	line-height: 24px;	text-align: center; margin-bottom: 75px;
}
.digital_web_development{
  padding-top: 53px;
  padding-bottom: 75px;
  background: #f8f8f8;
}
.web_development_carousel_class{
    margin-top: 10px;
}


.speed-animation .digital-active ul li:nth-child(8) .button-terra8{animation: pound8 .5s forwards alternate; transform-origin: center; animation-delay: 4s;  }
.speed-animation .digital-active ul li:nth-child(9) .button-terra9{animation: pound9 1s forwards alternate; transform-origin: center; animation-delay: 6s;}
.article-web1-card-healthcare {
  margin-top: -17px;
  }



























.mobile-apps-text{
	position: absolute;
    color: #ffffff;
    left: 115px;
    right: 0;
    bottom: 0;
    top: 20px;
    font-size: 16px;
    letter-spacing: 1px;
	
}

.mobile-apps-text-large{
	position: absolute;
    color: #ffffff;
    left: 125px;
    right: 0;
    bottom: 0;
    top: 35px;
    font-size: 16px;
    letter-spacing: 1px;
	
}



.software-text{
  position: absolute;
  color: #111111;
  left: 115px;
  right: 0;
  bottom: 0;
  top: 20px;
  font-size: 16px;
  letter-spacing: 1px;
}
  
.software-text-large{
  position: absolute;
  color: #111111;
  left: 125px;
  right: 0;
  bottom: 0;
  top: 30px;
  font-size: 16px;
  letter-spacing: 1px;
}
 

.solution-text{
  position: absolute;
  color: #111111;
  left: 115px;
  right: 0;
  bottom: 0;
  top: 20px;
  font-size: 16px;
  letter-spacing: 1px;
}

.solution-text-large{
  position: absolute;
  color: #111111;
  left: 125px;
  right: 0;
  bottom: 0;
  top: 30px;
  font-size: 16px;
  letter-spacing: 1px;
}


/* svg path {
  fill: none;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  stroke: #fff;
  stroke-width: 1px;
  -webkit-animation: dash 8s infinite linear;
  animation: dash 8s infinite linear;
}
@-webkit-keyframes dash {
  
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
} */


/*


.mobile-apps-svg{
  fill: none;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  stroke: #fff;
  stroke-width: 1px;
  -webkit-animation: dash 5s infinite linear;
  animation: dash 5s infinite linear;
}


 .active .svg-align .mobile-apps-svg{   fill: none;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  stroke: #fff;
  stroke-width: 1px;
  -webkit-animation: dash 5s infinite linear;
  animation: dash 5s infinite linear;}

@-webkit-keyframes dash {
  
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}





.active .svg-align1 .mobile-apps-svg{   fill: none;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  stroke: #fff;
  stroke-width: 1px;
  -webkit-animation: dash 10s infinite linear;
  animation: dash 10s infinite linear;}

@-webkit-keyframes dash {
  
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
     





 ESupport-IT PROFESSIONA CONSULTING  

.active .svg-align3 .mobile-apps-svg{   fill: none;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  stroke: #fff;
  stroke-width: 1px;
  -webkit-animation: dash 20s infinite linear;
  animation: dash 20s infinite linear;}

@-webkit-keyframes dash {
  
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
  

*/

.svg-align,.svg-align1,.svg-align2,.svg-align3{
  vertical-align: middle;
}

.digitaltrans-group svg path{fill:none;}

.digitaltrans-group .active svg path{ fill: none;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  stroke: #fff;
  stroke-width: 1px;
  -webkit-animation: line 5s infinite linear;}

@keyframes line {
  to {
    stroke-dashoffset: 0;
  }
}


/* DEMO-SPECIFIC STYLES */
.typewriter-support  {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  animation: 
    typing 7.5s steps(100, end),
    blink-caret .5s step-end infinite;
}

.typewriter-solution  {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  animation: 
    typing 6.5s steps(100, end),
    blink-caret .5s step-end infinite;
}

.typewriter-software  {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  animation: 
    typing 6.5s steps(100, end),
    blink-caret .5s step-end infinite;
}

.typewriter  {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  animation: 
    typing 6.5s steps(100, end),
    blink-caret .5s step-end infinite;
}



/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
.svg-zoomin{
  vertical-align: middle;
}

.active .svg-zoomin { /*animation:  pop-in 4s;*/ }


/*@-webkit-keyframes pop-in {
  0% { opacity: 0; -webkit-transform: scale(0.5); }
  100% { opacity: 1; -webkit-transform: scale(1); }
  }
  @-moz-keyframes pop-in {
  0% { opacity: 0; -moz-transform: scale(0.5); }
  100% { opacity: 1; -moz-transform: scale(1); }
  }
  @keyframes pop-in {
  0% { opacity: 0; transform: scale(0.5); }
  100% { opacity: 1; transform: scale(1); }
  }*/

.selected{
 width: 100vh;
    height: 100vh;
    margin-top: 0;
    border-radius: 0;
    background: #0f0;
    transition: all 100s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    filter: blur(0);
	z-index:990;
}



/* 
 Zoom in Keyframes 
@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.5);}
  100% {transform: scale(1);}
} */


.digitaltrans-group {
  position: relative;
  height: 300px;
  margin-top: 80px;
}

.software-group {
  position: relative;
  height: 300px;
  margin-top:0px;
}

.support-group {
  position: relative;
  height: 300px;
  margin-top: 0px;
}

.solution-group {
  position: relative;
  height: 300px;
  margin-top: 0px;
}



/*hover animation */


.btn.newdesing-knowmore:hover {
  color: #1B1B1B;
  box-shadow:#FDD106 0 0px 0px 40px inset;
  -webkit-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -moz-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -ms-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -o-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
}

.newdesing-knowmore1:hover{
  color: #fff;
  box-shadow:#1CA5D9 0 0px 0px 40px inset;
  -webkit-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -moz-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -ms-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -o-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
}



.newdesing-knowmore1-ent-sol:hover{
  color: #fff;
  box-shadow:#1CA5D9 0 0px 0px 40px inset;
  -webkit-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -moz-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -ms-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -o-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
}
.newdesing-knowmore.ent-support:hover{
   color: #1B1B1B;
  box-shadow:#FDD106 0 0px 0px 40px inset;
  -webkit-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -moz-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -ms-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -o-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
}

.getintouch:hover{
  color: #1B1B1B;
  box-shadow:#FFFFFF 0 0px 0px 40px inset;
  -webkit-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -moz-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -ms-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -o-transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  transition: all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
}

/* .bub-large svg{ width:39px; height:68px; transform: scale(1); vertical-align: middle;}
.bub-medium svg{ width:39px; height:68px; transform: scale(1); vertical-align: middle;}
.bub-small svg{ width:39px; height:68px; transform: scale(1); vertical-align: middle;} */


/* new design */

    /*Digital Transformation */
    .digital-active{position: relative;}
    .digital-active ul li{z-index: 0; position: absolute; top: 0;  list-style:none;    cursor: pointer;
    }
    .digital-active ul li .bub{}

    
    /*.digital-active ul li:hover{-webkit-filter: blur(0px);  filter: blur(0px); z-index: 99;} 
    .digital-active ul li:hover .bub{z-index: 99; width: 80px; height: 80px; font-size: 24px; line-height: 80px; color: #fff;  transform: scale(1.3);transition: 1s ease-In-Out;} 
    .digital-active ul li:hover.active{-webkit-filter: blur(7px);  filter: blur(7px); } */
    
    .digital-active ul li:nth-child(1){top: 9em; right:55%}
    .digital-active ul li:nth-child(2){top: 1em; left: 0%;}
    .digital-active ul li:nth-child(3){top: 3em; right: 20%;}
    .digital-active ul li:nth-child(4){ top:18em; right:40%;}
    .digital-active ul li:nth-child(5){ top:16em; left: 5%;}
    .digital-active ul li:nth-child(6){ top: 9em; left:0%;}
    .digital-active ul li:nth-child(7){top: 1em; right:50%;} 
    .digital-active ul li:nth-child(8){top: 10em; left: 60%;}

    .bub-large-ui-ux{width: 80px; height: 80px; border-radius: 50%; text-align: center; line-height: 73px !important; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
    .bub-large-product{width: 80px; height: 80px; border-radius: 50%; text-align: center; line-height: 73px !important; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
    .bub-large-it{width: 80px; height: 80px; border-radius: 50%; text-align: center; line-height: 73px !important; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    

    .bub-large{width: 80px; height: 80px; border-radius: 50%; text-align: center; line-height: 73px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
	  .bub-medium{width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 53px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    

	

	.digital-active ul li:nth-child(1) .b1{background-color: #f8f8f852; opacity: 0.5;}
    .digital-active ul li.active:nth-child(1) .b1{background-color: #FDCD32 !important;}
	 
    .digital-active ul li:nth-child(2) .b2{background-color: #f8f8f852; opacity: 0.3;}
    .digital-active ul li.active:nth-child(2) .b2{background-color: #EA7024;}
	 
    .digital-active ul li:nth-child(3) .b3{background-color: #f8f8f852; opacity: 0.3;}
    .digital-active ul li.active:nth-child(3) .b3{background-color: #1CA5D9;}
	 
    .digital-active ul li:nth-child(4) .b4{background-color: #f8f8f852; opacity: 0.5;}
    .digital-active ul li.active:nth-child(4) .b4{background-color: #FDCD32;}
	 
    .digital-active ul li:nth-child(5) .b5{background-color: #f8f8f852; opacity: 0.3;}
    .digital-active ul li.active:nth-child(5) .b5{background-color: #EA7024;}
	 
    .digital-active ul li:nth-child(6) .b6{background-color: #f8f8f852; opacity: 0.3;}
    .digital-active ul li.active:nth-child(6) .b6{background-color: #1CA5D9;}
	 
    .digital-active ul li:nth-child(7) .b7{background-color: #f8f8f852; opacity: 0.5;}
    .digital-active ul li.active:nth-child(7) .b7{background-color: #FDCD32;}
	 
    .digital-active ul li:nth-child(8) .b8{background-color: #f8f8f852; opacity: 0.3;}
    .digital-active ul li.active:nth-child(8) .b8{background-color: #EA7024;}
	 
	.digital-active ul li.active  {-webkit-filter: blur(0px);  filter: blur(0px); z-index: 99;} 
	
    .digital-active ul li.active .bub-large{/* width: 130px; height: 130px; line-height: 130px; */z-index: 99; transform: scale(1.3);}
	  .digital-active ul li.active .bub-medium{/* width: 130px; height: 130px; line-height: 130px; */z-index: 99; transform: scale(1.3);}
    .digital-active ul li.active .bub-small{ /*width: 130px; height: 130px; line-height: 130px;*/ z-index: 99; transform: scale(1.3);}
    .digital-active ul li.active .bub-large-ui-ux{/* width: 130px; height: 130px; line-height: 130px; */z-index: 99; transform: scale(1.3);}

	
	/* .digital-active ul li:hover {} */
	.digital-active {
			position: relative;
			z-index: 999;
		}	
	.mobile-apps-text{
		display:none;
		transform: scale(1);
		transition: 1s ease-In-Out;
    font-size: 14px !important;
	}
	.digital-active .active	.mobile-apps-text{
		display:block;
        transform:scale()!important;
        
       
		
  }
  

/*  Software Service*/

.software-active{position: relative;}
.software-active ul li{z-index: 0; position: absolute; top: 0;  list-style:none;    cursor: pointer;/* Safari */
}
.software-active ul li .bub{}

/* .software-active ul li:hover{-webkit-filter: blur(0px);  filter: blur(0px); z-index: 99;} */
/* .software-active ul li:hover .bub{z-index: 99; width: 80px; height: 80px; font-size: 24px; line-height: 80px; color: #fff;  transform: scale(1.3);transition: 1s ease-In-Out;} */
/*  .software-active ul li:hover.active{-webkit-filter: blur(7px);  filter: blur(7px); } */

.software-active ul li:nth-child(1){ top: 9em; right:55%}
.software-active ul li:nth-child(2){ top:3em; left:3%;}
.software-active ul li:nth-child(3){top: 3em; right: 25%;}
.software-active ul li:nth-child(4){top:15em; left: 0%;}
.software-active ul li:nth-child(5){ top:15em; right:20%; }
.software-active ul li:nth-child(6){top: 20em; left: 30%;}

.bub-large{width: 80px; height: 80px; border-radius: 50%; text-align: center; line-height:73px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
.bub-medium{width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 53px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    


.software-active ul li:nth-child(1) .b1{background-color: #111111;}
.software-active ul li.active:nth-child(1) .b1{background-color: #FDCD32;}

.software-active ul li:nth-child(2) .b2{background-color: #111111;}
.software-active ul li.active:nth-child(2) .b2{background-color: #EA7024;}

.software-active ul li:nth-child(3) .b3{background-color: #111111;}
.software-active ul li.active:nth-child(3) .b3{background-color: #1CA5D9;}

.software-active ul li:nth-child(4) .b4{background-color: #111111;}
.software-active ul li.active:nth-child(4) .b4{background-color: #EA2471;}

.software-active ul li:nth-child(5) .b5{background-color: #111111;}
.software-active ul li.active:nth-child(5) .b5{background-color: #1CA5D9;}

.software-active ul li:nth-child(6) .b6{background-color: #111111;}
.software-active ul li.active:nth-child(6) .b6{background-color: #EA2471;}

.software-active ul li.active {-webkit-filter: blur(0px);  filter: blur(0px); z-index: 99;}

.software-active ul li.active .bub-large{/* width: 130px; height: 130px; line-height: 130px;*/ z-index: 99; transform: scale(1.3);}
.software-active ul li.active .bub-medium{/* width: 130px; height: 130px; line-height: 130px;*/ z-index: 99; transform: scale(1.3);}
.software-active ul li.active .bub-small{/* width: 130px; height: 130px; line-height: 130px;*/ z-index: 99; transform: scale(1.3);}
/* .software-active ul li:hover {} */
.software-active {
    position: relative;
    z-index: 999;
}
.software-text{
		display:none;
	}
.software-active .active	.software-text{
		display:block;
	}


/*Enterprise Spport */

.support-active{position: relative;}
.support-active ul li{z-index: 0; position: absolute; top: 0;  list-style:none;    cursor: pointer;/* Safari */
}
.support-active ul li .bub{}

/* .support-active ul li:hover{-webkit-filter: blur(0px);  filter: blur(0px); z-index: 99;} */
/* .support-active ul li:hover .bub{z-index: 99; width: 80px; height: 80px; font-size: 24px; line-height: 80px; color: #fff;  transform: scale(1.3);transition: 1s ease-In-Out;} */
/* .support-active ul li:hover.active{-webkit-filter: blur(7px);  filter: blur(7px); } */
   
    .support-active ul li:nth-child(1){top: 9em; right:55%}
    .support-active ul li:nth-child(2){top: 1em; left: 0%;}
    .support-active ul li:nth-child(3){top: 3em; right: 20%;}
    .support-active ul li:nth-child(4){ top:18em; right:40%;}
    .support-active ul li:nth-child(5){ top:16em; left: 5%;}
    .support-active ul li:nth-child(6){ top: 9em; left:0%;}
    .support-active ul li:nth-child(7){top: 1em; right:50%;} 
	  .support-active ul li:nth-child(8){top: 10em; left: 60%;}

.bub-large{width: 80px; height: 80px; border-radius: 50%; text-align: center; line-height: 73px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
.bub-medium{width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 53px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    

.support-active ul li:nth-child(1) .b1{background-color: #f8f8f852; opacity:0.5;}
.support-active ul li.active:nth-child(1) .b1{background-color: #FDCD32;}

.support-active ul li:nth-child(2) .b2{background-color: #f8f8f852; opacity:0.3;}
.support-active ul li.active:nth-child(2) .b2{background-color: #EA7024;}

.support-active ul li:nth-child(3) .b3{background-color: #f8f8f852; opacity:0.3;}
.support-active ul li.active:nth-child(3) .b3{background-color: #1CA5D9;}

.support-active ul li:nth-child(4) .b4{background-color: #f8f8f852; opacity:0.5;}
.support-active ul li.active:nth-child(4) .b4{background-color: #EA2471;}

.support-active ul li:nth-child(5) .b5{background-color: #f8f8f852; opacity:0.3;}
.support-active ul li.active:nth-child(5) .b5{background-color: #1CA5D9;}

.support-active ul li:nth-child(6) .b6{background-color: #f8f8f852; opacity:0.3;}
.support-active ul li.active:nth-child(6) .b6{background-color: #FDD106;}

.support-active ul li:nth-child(7) .b7{background-color: #f8f8f852; opacity:0.5;}
.support-active ul li.active:nth-child(7) .b7{background-color: #EA2471;}

.support-active ul li:nth-child(8) .b8{background-color: #f8f8f852; opacity:0.3;}
.support-active ul li.active:nth-child(8) .b8{background-color: #EA7024;}

.support-active ul li.active {-webkit-filter: blur(0px);  filter: blur(0px); z-index: 99;}

.support-active ul li.active .bub-large{ /*width: 130px; height: 130px; line-height: 130px;*/ z-index: 99; transform: scale(1.3);}
.support-active ul li.active .bub-medium{ /*width: 130px; height: 130px; line-height: 130px;*/ z-index: 99; transform: scale(1.3);}
.support-active ul li.active .bub-small{ /*width: 130px; height: 130px; line-height: 130px;*/ z-index: 99; transform: scale(1.3);}

/* .support-active ul li:hover {} */
.support-active {
    position: relative;
    z-index: 999;
}
.support-active .active	.mobile-apps-text{
		display:block;
  }
  

/* Enterprise Solution*/

.solution-active{position: relative;}
.solution-active ul li{z-index: 0; position: absolute; top: 0;  list-style:none;    cursor: pointer;/* Safari */
}
.solution-active ul li .bub{}

/* .solution-active ul li:hover{-webkit-filter: blur(0px);  filter: blur(0px); z-index: 99;} */
/* .solution-active ul li:hover .bub{z-index: 99; width: 80px; height: 80px; font-size: 24px; line-height: 80px; color: #fff;  transform: scale(1.3);transition: 1s ease-In-Out;} */
/*.solution-active ul li:hover.active{-webkit-filter: blur(7px);  filter: blur(7px); } */
.solution-active ul li:nth-child(1){ top: 9em; right:55%}
.solution-active ul li:nth-child(2){ top:3em; left:3%;}
.solution-active ul li:nth-child(3){ top: 3em; right:25%;}
.solution-active ul li:nth-child(4){ top:16em; left:2%;}

.bub-large{width: 80px; height: 80px; border-radius: 50%; text-align: center; line-height: 73px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
.bub-medium{width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 53px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    

.solution-active ul li:nth-child(1) .b1{background-color: #111111;}
.solution-active ul li.active:nth-child(1) .b1{background-color: #FDCD32;}

.solution-active ul li:nth-child(2) .b2{background-color: #111111;}
.solution-active ul li.active:nth-child(2) .b2{background-color:#EA7024;}

.solution-active ul li:nth-child(3) .b3{background-color: #111111;}
.solution-active ul li.active:nth-child(3) .b3{background-color:#1CA5D9;}

.solution-active ul li:nth-child(4) .b4{background-color: #111111;}
.solution-active ul li.active:nth-child(4) .b4{background-color:#EA2471;}

.solution-active ul li.active {-webkit-filter: blur(0px);  filter: blur(0px); z-index: 99;}

.solution-active ul li.active .bub-large{ /*width: 130px; height: 130px; line-height: 130px;*/ z-index: 99; transform: scale(1.3);}
.solution-active ul li.active .bub-medium{ /*width: 130px; height: 130px; line-height: 130px;*/ z-index: 99; transform: scale(1.3);}
.solution-active ul li.active .bub-small{ /*width: 130px; height: 130px; line-height: 130px;*/ z-index: 99; transform: scale(1.3);}

/* .solution-active ul li:hover {} */
.solution-active {
    position: relative;
    z-index: 999;
}
.solution-text{
		display:none;
	}
.solution-active .active .solution-text{
		display:block;
	}

.blog-event-news{
  background-color: #f8f8f8;
}





.background {
  position: absolute;
  width: 100%;
}
.fgfghff{
	z-index:9999;
}

.button-terra:nth-child(odd),.button-terra:nth-child(even) {
  transition: 0.3s ease all;
  display: block;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 3px 17px 0 rgba(0, 0, 0, 0.2);
  position:relative;
}

.button-terra:nth-child(odd):after,.button-terra:nth-child(even):after {
  font-size: 18px;
  color: white;
  line-height: 50px;
}
.button-terra:nth-child(odd):active,.button-terra:nth-child(even):active {
  transition: 0.3s ease all;
  border: none;
  box-shadow: none;
  -webkit-transform: none;
          transform: none;
}
.button-terra:nth-child(odd).current,.button-terra:nth-child(even).current {
  transition: 0.3s ease all;
  border: none;
  box-shadow: none;
  pointer-events: none;
}












/* Media queries for new design*/


@media screen and (max-width: 1440px){

}
@media screen and (max-width: 1280px){

  
  .content__container__list__item {
    line-height: 55px;
  }
  .content__container__list__item1 {
    line-height: 55px;
  }
  .content__container__list__item2 {
    line-height: 55px;
  }

  .bub-large{width: 80px; height: 80px; border-radius: 50%; text-align: center; line-height: 80px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
  .bub-medium{width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 60px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
  

  .corner-border4 {
    height: 230px;}

    .typing-text-support-managed p {
     width: 10ch; 
  }
}
@media screen and (max-width: 1200px){

}
@media screen and (max-width:1024px){


  .content {
    top: 35%;
   }

  .enter-prise-design1,.digital-transformatin-design1 {
    font-size: 30px; 
}
.digital-transformatin-design {
  font-size: 30px; 
}
.digital-transformatin-design2{
  font-size: 30px; 
}
.terralogic-sets-grow{
  font-size: 18px;

}
.terralogic-sets-grow1{
  font-size: 18px;

}
.digitaltrans-group {
  position: relative;
  height: 400px;
  
}

.leftarrow_class{
  margin-left: 25px;
}

.carousel-control.left {
 margin-left: 30px;
 }
 .carousel-control.right {
  margin-right: 65px;
  }
  

 .rightarrow_class {
  margin-top: 185px;
  right: 65px;
  }


  .about-carousel-indicators .active{
    background-color: unset !important;
  }
/* .solution-active ul li.active .bub-large{ width: 125px; height: 125px; line-height: 125px; z-index: 99; transform: scale(1.3);}
.solution-active ul li.active .bub-medium{ width: 125px; height: 125px; line-height: 125px; z-index: 99; transform: scale(1.3);}
.solution-active ul li.active .bub-small{ width: 125px; height: 125px; line-height: 125px; z-index: 99; transform: scale(1.3);}

.software-active ul li.active .bub-large{ width: 125px; height: 125px; line-height: 125px; z-index: 99; transform: scale(1.3);}
.software-active ul li.active .bub-medium{ width: 125px; height: 125px; line-height: 125px; z-index: 99; transform: scale(1.3);}
.software-active ul li.active .bub-small{ width: 125px; height: 125px; line-height: 125px; z-index: 99; transform: scale(1.3);}

.bub-large{width: 75px; height: 75px; border-radius: 50%; text-align: center; line-height: 75px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
.bub-medium{width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
.bub-small{width: 35px; height: 35px; border-radius: 50%; text-align: center; line-height: 35px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    

.digital-active ul li.active .bub-large{ width: 125px; height: 125px; line-height: 125px; z-index: 99; transform: scale(1.3);}
.digital-active ul li.active .bub-medium{ width: 125px; height: 125px; line-height: 125px; z-index: 99; transform: scale(1.3);}
.digital-active ul li.active .bub-small{ width: 125px; height: 125px; line-height: 125px; z-index: 99; transform: scale(1.3);}

.support-active ul li.active .bub-large{ width: 125px; height: 125px; line-height: 125px; z-index: 99; transform: scale(1.3);}
.support-active ul li.active .bub-medium{ width: 125px; height: 125px; line-height: 125px; z-index: 99; transform: scale(1.3);}
.support-active ul li.active .bub-small{ width: 125px; height: 125px; line-height: 125px; z-index: 99; transform: scale(1.3);} */


.bub-large{width: 75px; height: 75px; border-radius: 50%; text-align: center; line-height: 65px; }    
.bub-medium{width: 55px; height: 55px; border-radius: 50%; text-align: center; line-height: 45px;}

.digital-active ul li:nth-child(1){top: 9em; right:50%}
.digital-active ul li:nth-child(2){top: 1em; left: 5%;}
.digital-active ul li:nth-child(3){top: 3em; right: 25%;}
.digital-active ul li:nth-child(4){ top:18em; right:45%;}
.digital-active ul li:nth-child(5){ top:17em; left: 10%;}
.digital-active ul li:nth-child(6){ top: 9em; left:5%;}
.digital-active ul li:nth-child(7){top: 1em; right:45%;} 
.digital-active ul li:nth-child(8){top: 11em; left: 60%;}


.software-active ul li:nth-child(1){ top: 9em; right:55%}
.software-active ul li:nth-child(2){ top:3em; left:3%;}
.software-active ul li:nth-child(3){top: 3em; right: 25%;}
.software-active ul li:nth-child(4){top:15em; left: 0%;}
.software-active ul li:nth-child(5){ top:15em; right:20%; }
.software-active ul li:nth-child(6){top: 20em; left: 30%;}






.support-active ul li:nth-child(1){top: 9em; right:50%}
.support-active ul li:nth-child(2){top: 1em; left: 5%;}
.support-active ul li:nth-child(3){top: 3em; right: 25%;}
.support-active ul li:nth-child(4){ top:18em; right:45%;}
.support-active ul li:nth-child(5){ top:17em; left: 10%;}
.support-active ul li:nth-child(6){ top: 9em; left:5%;}
.support-active ul li:nth-child(7){top: 1em; right:45%;} 
.support-active ul li:nth-child(8){top: 11em; left: 60%;}




.solution-active ul li:nth-child(1){ top: 9em; right:55%}
.solution-active ul li:nth-child(2){ top:3em; left:3%;}
.solution-active ul li:nth-child(3){ top: 3em; right:25%;}
.solution-active ul li:nth-child(4){ top:16em; left:2%;}



.typing-text p{
  font-size: 15px !important;
 }
 .typing-text-width p{
  font-size: 15px !important;
 }

 .typing-text-cloud p{
  font-size: 15px !important;
 }

 .typing-text-support p{
  font-size: 15px !important;
 }
 .typing-text-support-managed p{
  font-size: 15px !important;
 }
 .typing-text-support-product p{
  font-size: 15px !important;
 }


 .typing-text-software p{
  font-size: 15px !important;
 }

 .typing-text-solution p{
  font-size: 15px !important;
 }




 .mobile-apps-text {
  position: absolute;
  color: #ffffff;
  right: 0px;
  bottom: 0;
  left: 110px;
  top: auto;
  font-size: 12px;
  bottom: 0px;
}



.software-text{
  position: absolute;
  color: #111111;
  right: 0px;
  bottom: 0;
  left: 110px;
  top: 20px;
  font-size: 12px;
  bottom: 0px;
}
.software-text-large{
  position: absolute;
  color: #111111;
  right: 0px;
  bottom: 0;
  left: 120px;
  top: 30px;
  font-size: 12px;
  bottom: 0px;
}
.solution-text{
  position: absolute;
  color: #111111;
  right: 0px;
  bottom: 0;
  left: 110px;
  top: auto;
  font-size: 12px;
  bottom: 0px;
} 

a.btn.newdesing-knowmore {
  padding: 8px 16px;
  font-size: 10px;
  margin-top: 20px;
}

button.newdesing-knowmore1 {
  padding: 8px 16px;
  font-size: 10px;
  margin-top: 45px;
}

button.newdesing-knowmore.ent-support{
  padding: 8px 16px;
  font-size: 10px;
  margin-top: 45px;
}

button.newdesing-knowmore1-ent-sol{
  padding:8px 16px;
  font-size: 10px;
  margin-top: 30px;
}

.corner-border4 {
  height: 267px;}

svg.svg-zoomin {
  width: 28px;
}
.content__container__list{
  font-size: 34px;
}
.content__container__text{
  font-size: 34px;
}

.content__container__list__item {
  line-height: 50px;
}
.content__container__list__item1 {
  line-height: 50px;
}
.content__container__list__item2 {
  line-height: 50px;
}


@keyframes float-1 {
  from {
    transform: translate(2em, 1em);
  }
  to {
    transform: translate(2em, 10em) rotate(360deg);
  }
}
.ball:nth-child(1) {
	    position: relative;
    top: 100px;
    left: 12%;
  background: #EA7024;
    width: 34px;
    height: 34px;
    margin: 0px 15px;
    animation: float-1 20s ease-in-out infinite alternate;
}

@keyframes float-2 {
  from {
    transform: translate(15em, 20em);
  }
  to {
    transform: translate(8em, 12em) rotate(360deg);
  }
}
.ball:nth-child(2) {
    position: relative;
    top: 80px;
    right: 6%;
  background: #FDD106;
    width: 62px;
    height: 62px;
    margin: 0px 190px;
    animation: float-2 14s ease-in-out infinite alternate;
}

@keyframes float-3 {
  from {
    transform: translate(4em, 4.5em);
  }
  to {
    transform: translate(3em, 10em) rotate(360deg);
  }
}
.ball:nth-child(3) {
    position: relative;
    top: 70px;
    right: 10%;
  background: #1CA5D9;
    width: 34px;
    height: 34px;
    margin: 0 5px;
    animation: float-3 16s ease-in-out infinite alternate;
}

@keyframes float-4 {
  from {
    transform: translate(2em, 6.5em);
  }
  to {
    transform: translate(1em, 10em) rotate(360deg);
  }
}
.ball:nth-child(4) {
 background: #EA7024;
    width: 62px;
    height: 62px;
    margin: 0 125px;
    animation: float-4 18s ease-in-out infinite alternate;
}

@keyframes float-5 {
  from {
    transform: translate(1em, 12em);
  }
  to {
    transform: translate(4em, 15em) rotate(360deg);
  }
}
.ball:nth-child(5) {
	    position: relative;
    top: -50px;
    left: 5%;
 background: #1CA5D9;
    width: 127px;
    height: 127px;
    margin: 0 -48px;
    animation: float-5 12s ease-in-out infinite alternate;
}
@keyframes float-6 {
  from {
    transform: translate(8em, -10em);
  }
  to {
    transform: translate(2em, -8em) rotate(360deg);
  }
}
.ball:nth-child(6) {
    background: #FDD106;
    width: 20px;
    height: 20px;
    margin: 0 -104px;
    animation: float-6 14s ease-in-out infinite alternate;
}
@keyframes float-7 {
  from {
    transform: translate(2em, -8em);
  }
  to {
    transform: translate(2em, 1em) rotate(360deg);
  }
}
.ball:nth-child(7) {
    background: #1CA5D9;
    width: 40px;
    height: 40px;
    margin: 0px -205px;
    animation: float-7 18s ease-in-out infinite alternate;
}

}
@media screen and (max-width: 991px){
  .enter-prise-design1,.digital-transformatin-design1 {
    font-size: 30px; 
}

.digital-transformatin-design {
  font-size: 30px; 
}
.digital-transformatin-design2{
  font-size: 30px; 
}
.terralogic-sets-grow{
  font-size: 18px;

}
.terralogic-sets-grow1{
  font-size: 18px;

}
.digitaltrans-group {
  position: relative;
  height: 400px;
  
}

.article-card-align {
  align-items: unset;
  display: unset;
  justify-content: unset;
}

.article-card-careers{
  align-items: center !important;
    display: flex !important;
    justify-content: center !important;
}

.mar-bt {
  margin-bottom: 0px;
}

.getintouch{
  background-color:#000 !important;
}

.services-txt {
  font-size: 18px;
  margin-bottom: 30px !important;
  padding-top: 5px;
}
.contact-us-mp{
  margin-top: 20px;
}

.careers-para{
  margin-bottom: 20px !important;
}
/* .solution-active ul li.active .bub-large{ width: 100px; height: 100px; line-height: 100px; z-index: 99; transform: scale(1.3);}
.solution-active ul li.active .bub-medium{ width: 100px; height: 100px; line-height: 100px; z-index: 99; transform: scale(1.3);}
.solution-active ul li.active .bub-small{ width: 100px; height: 100px; line-height: 100px; z-index: 99; transform: scale(1.3);}

.software-active ul li.active .bub-large{ width: 100px; height: 100px; line-height: 100px; z-index: 99; transform: scale(1.3);}
.software-active ul li.active .bub-medium{ width: 100px; height: 100px; line-height: 100px; z-index: 99; transform: scale(1.3);}
.software-active ul li.active .bub-small{ width: 100px; height: 100px; line-height: 100px; z-index: 99; transform: scale(1.3);}


.bub-large{width: 75px; height: 75px; border-radius: 50%; text-align: center; line-height: 75px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
.bub-medium{width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
.bub-small{width: 35px; height: 35px; border-radius: 50%; text-align: center; line-height: 35px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    

.digital-active ul li.active .bub-large{ width: 100px; height: 100px; line-height: 100px; z-index: 99; transform: scale(1.3);}
.digital-active ul li.active .bub-medium{ width: 100px; height: 100px; line-height: 100px; z-index: 99; transform: scale(1.3);}
.digital-active ul li.active .bub-small{ width: 100px; height: 100px; line-height: 100px; z-index: 99; transform: scale(1.3);}

.support-active ul li.active .bub-large{ width: 100px; height: 100px; line-height: 100px; z-index: 99; transform: scale(1.3);}
.support-active ul li.active .bub-medium{ width: 100px; height: 100px; line-height: 100px; z-index: 99; transform: scale(1.3);}
.support-active ul li.active .bub-small{ width: 100px; height: 100px; line-height: 100px; z-index: 99; transform: scale(1.3);} */



.bub-large{width: 75px; height: 75px; border-radius: 50%; text-align: center; line-height: 65px; }    
.bub-medium{width: 55px; height: 55px; border-radius: 50%; text-align: center; line-height: 45px;}

.digital-active ul li:nth-child(1){top: 9em; right:60%}
.digital-active ul li:nth-child(2){top: 1em; left: 5%;}
.digital-active ul li:nth-child(3){top: 3em; right: 25%;}
.digital-active ul li:nth-child(4){ top:18em; right:45%;}
.digital-active ul li:nth-child(5){ top:17em; left: 10%;}
.digital-active ul li:nth-child(6){ top: 9em; left:5%;}
.digital-active ul li:nth-child(7){top: 1em; right:55%;} 
.digital-active ul li:nth-child(8){top: 11em; left: 60%;}


.software-active ul li:nth-child(1){ top: 9em; right:55%}
.software-active ul li:nth-child(2){ top:3em; left:3%;}
.software-active ul li:nth-child(3){top: 3em; right: 25%;}
.software-active ul li:nth-child(4){top:15em; left: 0%;}
.software-active ul li:nth-child(5){ top:15em; right:20%; }
.software-active ul li:nth-child(6){top: 20em; left: 30%;}






.support-active ul li:nth-child(1){top: 9em; right:60%}
.support-active ul li:nth-child(2){top: 1em; left: 5%;}
.support-active ul li:nth-child(3){top: 3em; right: 25%;}
.support-active ul li:nth-child(4){ top:18em; right:45%;}
.support-active ul li:nth-child(5){ top:17em; left: 10%;}
.support-active ul li:nth-child(6){ top: 9em; left:5%;}
.support-active ul li:nth-child(7){top: 1em; right:55%;} 
.support-active ul li:nth-child(8){top: 11em; left: 60%;}




.solution-active ul li:nth-child(1){ top: 9em; right:55%}
.solution-active ul li:nth-child(2){ top:3em; left:3%;}
.solution-active ul li:nth-child(3){ top: 3em; right:25%;}
.solution-active ul li:nth-child(4){ top:16em; left:2%;}



.typing-text p{
  font-size: 15px !important;
 }
 .typing-text-width p{
  font-size: 15px !important;
 }

 .typing-text-cloud p{
  font-size: 15px !important;
 }

 .typing-text-support p{
  font-size: 15px !important;
 }
 .typing-text-support-managed p{
  font-size: 15px !important;
 }
 .typing-text-support-product p{
  font-size: 15px !important;
 }


 .typing-text-software p{
  font-size: 15px !important;
 }

 .typing-text-solution p{
  font-size: 15px !important;
 }




.mobile-apps-text {
  position: absolute;
  color: #ffffff;
  right: 0px;
  bottom: 0;
  left: 10px;
  top: auto;
  font-size: 12px;
  bottom: -80px;
}



.software-text{
  position: absolute;
  color: #111111;
  right: 0px;
  bottom: 0;
  left: 10px;
  top: auto;
  font-size: 12px;
  bottom: -80px;
}

.solution-text{
  position: absolute;
  color: #111111;
  right: 0px;
  bottom: 0;
  left: 10px;
  top: auto;
  font-size: 12px;
  bottom: -80px;
}

a.btn.newdesing-knowmore {
  padding: 8px 16px;
  font-size: 10px;
  margin-top: 20px;
}

button.newdesing-knowmore1 {
  padding: 8px 16px;
  font-size: 10px;
  margin-top: 45px;
}

button.newdesing-knowmore.ent-support{
  padding: 8px 16px;
  font-size: 10px;
  margin-top: 45px;
}

button.newdesing-knowmore1-ent-sol{
  padding:8px 16px;
  font-size: 10px;
  margin-top: 20px;
}


svg.svg-zoomin {
  width: 25px;
}
.content__container__list{
  font-size: 22px;
}
.content__container__text{
  font-size: 22px;
}

.content__container__list__item {
  line-height: 50px;
}
.content__container__list__item1 {
  line-height: 50px;
}
.content__container__list__item2 {
  line-height: 50px;
}

canvas {
    width: 100% !important;
    height: 530px !important;
}
.content {
    position: absolute;
    top: 42%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 160px;
    overflow: hidden;
    font-family: 'ceragr-bolduploaded_file';
    letter-spacing: 1.44px;
    font-size: 52px;
    line-height: 44px;
    color: #ecf0f1;
    width: 100%;
}
.newdesing-knowmore {
    margin-bottom: 10px;
}
.newdesing-knowmore1 {
    margin-bottom: 10px;
}
.newdesing-knowmore1-ent-sol {
    margin-bottom: 10px;
}

.digitaltrans-group {
    position: relative;
    height: 375px;
    margin-top: 15px;
}

@keyframes float-1 {
  from {
    transform: translate(2em, 1em);
  }
  to {
    transform: translate(2em, 10em) rotate(360deg);
  }
}
.ball:nth-child(1) {
    position: relative;
    top: 135px;
    left: 14%;
    background: #EA7024;
    width: 34px;
    height: 34px;
    margin: 0 295px;
    animation: float-1 20s ease-in-out infinite alternate;
}

@keyframes float-2 {
  from {
    transform: translate(15em, 20em);
  }
  to {
    transform: translate(10em, 15em) rotate(360deg);
  }
}
.ball:nth-child(2) {
    position: relative;
    top: 80px;
    right: 6%;
    background: #FDD106;
    width: 62px;
    height: 62px;
    margin: 0 135px;
    animation: float-2 14s ease-in-out infinite alternate;
}

@keyframes float-3 {
  from {
    transform: translate(4em, 4.5em);
  }
  to {
    transform: translate(3em, 10em) rotate(360deg);
  }
}
.ball:nth-child(3) {
    position: relative;
    top: 70px;
    right: -10%;
    background: #1CA5D9;
    width: 34px;
    height: 34px;
    margin: 0 5px;
    animation: float-3 16s ease-in-out infinite alternate;
}

@keyframes float-4 {
  from {
    transform: translate(2em, 6.5em);
  }
  to {
    transform: translate(1em, 10em) rotate(360deg);
  }
}
.ball:nth-child(4) {
 background: #EA7024;
    width: 62px;
    height: 62px;
    margin: 0 125px;
    animation: float-4 18s ease-in-out infinite alternate;
}

.corner-border4 {
  height: 195px;
}

@keyframes float-5 {
  from {
    transform: translate(1em, 12em);
  }
  to {
    transform: translate(4em, 15em) rotate(360deg);
  }
}
.ball:nth-child(5) {
    position: relative;
    top: 50px;
    left: 2%;
 background: #1CA5D9;
    width: 127px;
    height: 127px;
    margin: 0 -48px;
    animation: float-5 12s ease-in-out infinite alternate;
}
@keyframes float-6 {
  from {
    transform: translate(8em, -10em);
  }
  to {
    transform: translate(2em, -8em) rotate(360deg);
  }
}
.ball:nth-child(6) {
    background: #FDD106;
    width: 20px;
    height: 20px;
    margin: 0 -104px;
    animation: float-6 14s ease-in-out infinite alternate;
}
@keyframes float-7 {
  from {
    transform: translate(2em, -8em);
  }
  to {
    transform: translate(2em, 1em) rotate(360deg);
  }
}
.ball:nth-child(7) {
    background: #1CA5D9;
    width: 40px;
    height: 40px;
    margin: 0 10px;
    animation: float-7 18s ease-in-out infinite alternate;
}
}
@media screen and (max-width: 768px){
.enter-prise-design1,.digital-transformatin-design1 {
    font-size: 28px; 
}

.digital-transformatin-design {
  font-size: 28px; 
}


.digital-transformatin-design2{
  font-size: 28px; 
}
.terralogic-sets-grow{
  font-size: 16px

}
.terralogic-sets-grow1{
  font-size: 16px

}
.digitaltrans-group {
  position: relative;
  height: 400px;
  
}

.carousel-control.left {
  margin-left: 31px;
  }

  .carousel-control.right {
    margin-right: 65px;
    }

/* .solution-active ul li.active .bub-large{ width: 90px; height: 90px; line-height: 90px; z-index: 99; transform: scale(1.3);}
.solution-active ul li.active .bub-medium{ width: 90px; height: 90px; line-height: 90px; z-index: 99; transform: scale(1.3);}
.solution-active ul li.active .bub-small{ width: 90px; height: 90px; line-height: 90px; z-index: 99; transform: scale(1.3);}

.software-active ul li.active .bub-large{ width: 90px; height: 90px; line-height: 90px; z-index: 99; transform: scale(1.3);}
.software-active ul li.active .bub-medium{ width: 90px; height: 90px; line-height: 90px; z-index: 99; transform: scale(1.3);}
.software-active ul li.active .bub-small{ width: 90px; height: 90px; line-height: 90px; z-index: 99; transform: scale(1.3);}


.bub-large{width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 60px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
.bub-medium{width: 45px; height: 45px; border-radius: 50%; text-align: center; line-height: 45px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
.bub-small{width: 35px; height: 35px; border-radius: 50%; text-align: center; line-height: 35px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    

.digital-active ul li.active .bub-large{ width: 90px; height: 90px; line-height: 90px; z-index: 99; transform: scale(1.3);}
.digital-active ul li.active .bub-medium{ width: 90px; height: 90px; line-height: 90px; z-index: 99; transform: scale(1.3);}
.digital-active ul li.active .bub-small{ width: 90px; height: 90px; line-height: 90px; z-index: 99; transform: scale(1.3);}

.support-active ul li.active .bub-large{ width: 90px; height: 90px; line-height: 90px; z-index: 99; transform: scale(1.3);}
.support-active ul li.active .bub-medium{ width: 90px; height: 90px; line-height: 90px; z-index: 99; transform: scale(1.3);}
.support-active ul li.active .bub-small{ width: 90px; height: 90px; line-height: 90px; z-index: 99; transform: scale(1.3);} */



.bub-large{width: 70px; height: 70px; border-radius: 50%; text-align: center; line-height: 62px; }    
.bub-medium{width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 45px;}

.digital-active ul li:nth-child(1){top: 9em; right:60%}
.digital-active ul li:nth-child(2){top: 1em; left: 5%;}
.digital-active ul li:nth-child(3){top: 3em; right: 25%;}
.digital-active ul li:nth-child(4){ top:18em; right:45%;}
.digital-active ul li:nth-child(5){ top:17em; left: 10%;}
.digital-active ul li:nth-child(6){ top: 9em; left:5%;}
.digital-active ul li:nth-child(7){top: 1em; right:55%;} 
.digital-active ul li:nth-child(8){top: 11em; left: 60%;}


.software-active ul li:nth-child(1){ top: 9em; right:55%}
.software-active ul li:nth-child(2){ top:3em; left:3%;}
.software-active ul li:nth-child(3){top: 3em; right: 25%;}
.software-active ul li:nth-child(4){top:15em; left: 0%;}
.software-active ul li:nth-child(5){ top:15em; right:20%; }
.software-active ul li:nth-child(6){top: 20em; left: 30%;}






.support-active ul li:nth-child(1){top: 9em; right:60%}
.support-active ul li:nth-child(2){top: 1em; left: 5%;}
.support-active ul li:nth-child(3){top: 3em; right: 25%;}
.support-active ul li:nth-child(4){ top:18em; right:45%;}
.support-active ul li:nth-child(5){ top:17em; left: 10%;}
.support-active ul li:nth-child(6){ top: 9em; left:5%;}
.support-active ul li:nth-child(7){top: 1em; right:55%;} 
.support-active ul li:nth-child(8){top: 11em; left: 60%;}




.solution-active ul li:nth-child(1){ top: 9em; right:55%}
.solution-active ul li:nth-child(2){ top:3em; left:3%;}
.solution-active ul li:nth-child(3){ top: 3em; right:25%;}
.solution-active ul li:nth-child(4){ top:16em; left:2%;}



.typing-text p{
  font-size: 15px !important;
 }
 .typing-text-width p{
  font-size: 15px !important;
 }

 .typing-text-cloud p{
  font-size: 15px !important;
 }

 .typing-text-support p{
  font-size: 15px !important;
 }
 .typing-text-support-managed p{
  font-size: 15px !important;
 }
 .typing-text-support-product p{
  font-size: 15px !important;
 }


 .typing-text-software p{
  font-size: 15px !important;
 }

 .typing-text-solution p{
  font-size: 15px !important;
 }




.mobile-apps-text {
  position: absolute;
  color: #ffffff;
  right: 0px;
  bottom: 0;
  left: 10px;
  top: auto;
  font-size: 12px;
  bottom: -75px;
}



.software-text{
  position: absolute;
  color: #111111;
  right: 0px;
  bottom: 0;
  left: 10px;
  top: auto;
  font-size: 12px;
  bottom: -75px;
}

.solution-text{
  position: absolute;
  color: #111111;
  right: 0px;
  bottom: 0;
  left: 10px;
  top: auto;
  font-size: 12px;
  bottom: -75px;
}



a.btn.newdesing-knowmore {
  padding: 8px 16px;
  font-size: 10px;
  margin-top: 50px;
}

button.newdesing-knowmore1 {
  padding: 8px 16px;
  font-size: 10px;
  margin-top: 45px;
}

button.newdesing-knowmore.ent-support{
  padding: 8px 16px;
  font-size: 10px;
  margin-top: 70px;
}

button.newdesing-knowmore1-ent-sol{
  padding:8px 16px;
  font-size: 10px;
  margin-top: 20px;
}

.corner-border4 {
  height: 170px}

svg.svg-zoomin {
  width: 23px;
}
.content__container__list{
  font-size: 30px;
}
.content__container__text{
  font-size: 30px;
}

.content__container__list__item {
  line-height: 50px;
}
.content__container__list__item1 {
  line-height: 50px;
}
.content__container__list__item2 {
  line-height: 50px;
}



canvas {
    width: 100% !important;
    height: 910px !important;
}
.content {
    position: absolute;
    top: 36%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 160px;
    overflow: hidden;
    font-family: 'ceragr-bolduploaded_file';
    letter-spacing: 1.44px;
    font-size: 52px;
    line-height: 44px;
    color: #ecf0f1;
    width: 100%;
}
.newdesing-knowmore {
    margin-bottom: 10px;
}
.newdesing-knowmore1 {
    margin-bottom: 10px;
}
.newdesing-knowmore1-ent-sol {
    margin-bottom: 10px;
}

.digitaltrans-group {
    position: relative;
    height: 375px;
    margin-top: 15px;
}

@keyframes float-1 {
  from {
    transform: translate(2em, 1em);
  }
  to {
    transform: translate(2em, 6em) rotate(360deg);
  }
}
.ball:nth-child(1) {
	position: relative;
    top: 135px;
    left: 14%;
	background: #EA7024;
    width: 34px;
    height: 34px;
    margin: 0 185px !important;
    animation: float-1 20s ease-in-out infinite alternate;
}

@keyframes float-2 {
  from {
    transform: translate(15em, 20em);
  }
  to {
    transform: translate(13em, 15em) rotate(360deg);
  }
}
.ball:nth-child(2) {
	position: relative;
    top: 80px;
    right: 6%;
	background: #FDD106;
    width: 73px;
    height: 73px;
    margin: 0 125px;
    animation: float-2 14s ease-in-out infinite alternate;
}

@keyframes float-3 {
  from {
    transform: translate(4em, 4.5em);
  }
  to {
    transform: translate(3em, 10em) rotate(360deg);
  }
}
.ball:nth-child(3) {
	position: relative;
    top: 70px;
    right: 2%;
	background: #1CA5D9;
    width: 34px;
    height: 34px;
    margin: 0 -50px;
    animation: float-3 16s ease-in-out infinite alternate;
}

@keyframes float-4 {
  from {
    transform: translate(2em, 6.5em);
  }
  to {
    transform: translate(1em, 10em) rotate(360deg);
  }
}
.ball:nth-child(4) {
 background: #EA7024;
    width: 62px;
    height: 62px;
    margin: 0 125px;
    animation: float-4 18s ease-in-out infinite alternate;
}

@keyframes float-5 {
  from {
    transform: translate(1em, 12em);
  }
  to {
    transform: translate(4em, 15em) rotate(360deg);
  }
}
.ball:nth-child(5) {
	position: relative;
    top: 50px;
    left: 2%;
 background: #1CA5D9;
    width: 127px;
    height: 127px;
    margin: 0 -45px;
    animation: float-5 12s ease-in-out infinite alternate;
}
@keyframes float-6 {
  from {
    transform: translate(8em, -10em);
  }
  to {
    transform: translate(2em, -8em) rotate(360deg);
  }
}
.ball:nth-child(6) {
    background: #FDD106;
    width: 20px;
    height: 20px;
    margin: 0 -100px;
    animation: float-6 14s ease-in-out infinite alternate;
}
@keyframes float-7 {
  from {
    transform: translate(2em, -8em);
  }
  to {
    transform: translate(2em, 1em) rotate(360deg);
  }
}
.ball:nth-child(7) {
    background: #1CA5D9;
    width: 40px;
    height: 40px;
    margin: 0 0px;
    animation: float-7 18s ease-in-out infinite alternate;
}

}
@media screen and (max-width: 640px){

.enter-prise-design1,.digital-transformatin-design1 {
    font-size: 26px; 
}
.digital-transformatin-design {
  font-size: 26px; 
}
.digital-transformatin-design2{
  font-size: 26px; 
}
.terralogic-sets-grow{
  font-size: 14px

}
.terralogic-sets-grow1{
  font-size: 14px

}
.digitaltrans-group {
  position: relative;
  height: 400px;
  
}


/* .solution-active ul li.active .bub-large{ width: 75px; height: 75px; line-height: 75px; z-index: 99; transform: scale(1.3);}
.solution-active ul li.active .bub-medium{ width: 75px; height: 75px; line-height: 75px; z-index: 99; transform: scale(1.3);}
.solution-active ul li.active .bub-small{ width: 75px; height: 75px; line-height: 75px; z-index: 99; transform: scale(1.3);}


.software-active ul li.active .bub-large{ width: 75px; height: 75px; line-height: 75px; z-index: 99; transform: scale(1.3);}
.software-active ul li.active .bub-medium{ width: 75px; height: 75px; line-height: 75px; z-index: 99; transform: scale(1.3);}
.software-active ul li.active .bub-small{ width: 75px; height: 75px; line-height: 75px; z-index: 99; transform: scale(1.3);}


.bub-large{width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
.bub-medium{width: 35px; height: 35px; border-radius: 50%; text-align: center; line-height: 35px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
.bub-small{width: 25px; height: 25px; border-radius: 50%; text-align: center; line-height: 25px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    

.digital-active ul li.active .bub-large{ width: 75px; height: 75px; line-height: 75px; z-index: 99; transform: scale(1.3);}
.digital-active ul li.active .bub-medium{ width: 75px; height: 75px; line-height: 75px; z-index: 99; transform: scale(1.3);}
.digital-active ul li.active .bub-small{ width: 75px; height: 75px; line-height: 75px; z-index: 99; transform: scale(1.3);}

.support-active ul li.active .bub-large{ width: 75px; height: 75px; line-height: 75px; z-index: 99; transform: scale(1.3);}
.support-active ul li.active .bub-medium{ width: 75px; height: 75px; line-height: 75px; z-index: 99; transform: scale(1.3);}
.support-active ul li.active .bub-small{ width: 75px; height: 75px; line-height: 75px; z-index: 99; transform: scale(1.3);} */


.bub-large{width: 70px; height: 70px; border-radius: 50%; text-align: center; line-height: 60px; }    
.bub-medium{width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 45px;}

.digital-active ul li:nth-child(1){top: 9em; right:60%}
.digital-active ul li:nth-child(2){top: 1em; left: 5%;}
.digital-active ul li:nth-child(3){top: 3em; right: 25%;}
.digital-active ul li:nth-child(4){ top:18em; right:45%;}
.digital-active ul li:nth-child(5){ top:17em; left: 10%;}
.digital-active ul li:nth-child(6){ top: 9em; left:5%;}
.digital-active ul li:nth-child(7){top: 1em; right:55%;} 
.digital-active ul li:nth-child(8){top: 11em; left: 60%;}


.software-active ul li:nth-child(1){ top: 9em; right:55%}
.software-active ul li:nth-child(2){ top:3em; left:3%;}
.software-active ul li:nth-child(3){top: 3em; right: 25%;}
.software-active ul li:nth-child(4){top:15em; left: 0%;}
.software-active ul li:nth-child(5){ top:15em; right:20%; }
.software-active ul li:nth-child(6){top: 20em; left: 30%;}






.support-active ul li:nth-child(1){top: 9em; right:60%}
.support-active ul li:nth-child(2){top: 1em; left: 5%;}
.support-active ul li:nth-child(3){top: 3em; right: 25%;}
.support-active ul li:nth-child(4){ top:18em; right:45%;}
.support-active ul li:nth-child(5){ top:17em; left: 10%;}
.support-active ul li:nth-child(6){ top: 9em; left:5%;}
.support-active ul li:nth-child(7){top: 1em; right:55%;} 
.support-active ul li:nth-child(8){top: 11em; left: 60%;}




.solution-active ul li:nth-child(1){ top: 9em; right:55%}
.solution-active ul li:nth-child(2){ top:3em; left:3%;}
.solution-active ul li:nth-child(3){ top: 3em; right:25%;}
.solution-active ul li:nth-child(4){ top:16em; left:2%;}



.typing-text p{
  font-size: 14px !important;
 }
 .typing-text-width p{
  font-size: 14px !important;
 }

 .typing-text-cloud p{
  font-size: 14px !important;
 }

 .typing-text-support p{
  font-size: 14px !important;
 }
 .typing-text-support-managed p{
  font-size: 14px !important;
 }
 .typing-text-support-product p{
  font-size: 14px !important;
 }


 .typing-text-software p{
  font-size: 14px !important;
 }

 .typing-text-solution p{
  font-size: 14px !important;
 }




.mobile-apps-text {
  position: absolute;
  color: #ffffff;
  right: 0px;
  bottom: 0;
  left: 10px;
  top: auto;
  font-size: 10px;
  bottom:-75px;
}

.mobile-apps-text.web-apps-text.typing-text {
  left: -10px;
}






.software-text{
  position: absolute;
  color: #111111;
  right: 0px;
  bottom: 0;
  left: -5px;
  top: auto;
  font-size: 10px;
  bottom:-75px;
}

.solution-text{
  position: absolute;
  color: #111111;
  right: 0px;
  bottom: 0;
  left: -5px;
  top: auto;
  font-size: 10px;
  bottom:-75px;
}


.mobile-apps-text.mobile-apps-terra.typing-text-width {
  left: -10px;
}

.mobile-apps-text.cloud-apps-text.typing-text-cloud {
  left: -10px;
}

.mobile-apps-text.mobile-apps-text-large.ai-text.typing-text {
  left: -10px;
}

.mobile-apps-text.data-eng-text.typing-text {
  left: -10px;
}

.mobile-apps-text.apps-per-text.typing-text {
  left: -10px;
}

.mobile-apps-text.mobile-apps-text-large.apps-auto-text.typing-text {
  left: -10px;
}

.mobile-apps-text.mobile-apps-text-large.it-pro-text.typing-text-support {
  left: -10px;
}


.mobile-apps-text.virtual-text.typing-text-support{
  left: -10px;
}

.mobile-apps-text.it-managed-text.typing-text-support-managed{ left: -10px;}

.mobile-apps-text.mobile-apps-text-large.help-text.typing-text-support{ left: -10px;}

.mobile-apps-text.kpo-text.typing-text-support{ left: -10px;}

.mobile-apps-text.nops-text.typing-text-support{ left: -10px;}

.mobile-apps-text.mobile-apps-text-large.sops-text.typing-text-support{ left: -10px;}

.mobile-apps-text.prod-text.typing-text-support-product{ left: -10px; }

.corner-border{
  height:160px;
}

.corner-border1{
height:150px;
}

.corner-border3{
  height:185px;
}

.corner-border4{
  height:150px;
}


.terralogic-sets-grow{
  font-size: 14px;
  margin-top:0px;
  line-height:22px;
  }
  .terralogic-sets-grow1{
  font-size: 14px;
  margin-top:0px;
  line-height:22px;
  
  }
  
  .newdesign-padding {
  padding: 0;
  margin-top: -15px;
  }



  
  a.btn.newdesing-knowmore {
    padding: 8px 16px;
    font-size: 10px;
    margin-top: 50px;
  }
  
  button.newdesing-knowmore1 {
    padding: 8px 16px;
    font-size: 10px;
    margin-top: 45px;
  }
  
  button.newdesing-knowmore.ent-support{
    padding: 8px 16px;
    font-size: 10px;
    margin-top: 60px;
  }
  
  button.newdesing-knowmore1-ent-sol{
    padding:8px 16px;
    font-size: 10px;
    margin-top: 40px;
  }

  .enter-prise-design1,.digital-transformatin-design1 {
    margin-top: 30px;
  }
  


svg.svg-zoomin {
  width: 19px;
}
.content__container__list{
  font-size: 20px;
}
.content__container__text{
  font-size: 20px;
}

.content__container__list__item {
  line-height: 50px;
}
.content__container__list__item1 {
  line-height: 50px;
}
.content__container__list__item2 {
  line-height: 50px;
}



canvas {
    width: 100% !important;
    height: 530px !important;
}
.content {
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 160px;
    overflow: hidden;
    font-family: 'ceragr-bolduploaded_file';
    letter-spacing: 1.44px;
    font-size: 52px;
    line-height: 44px;
    color: #ecf0f1;
    width: 100%;
}
.newdesing-knowmore {
    margin-bottom: 10px;
}
.newdesing-knowmore1 {
    margin-bottom: 10px;
}
.newdesing-knowmore1-ent-sol {
    margin-bottom: 10px;
}

.digitaltrans-group {
    position: relative;
    height: 370px;
    margin-top: 10px;
}

.universe {
top: 185px;
}


@keyframes float-1 {
  from {
    transform: translate(2em, 1em);
  }
  to {
    transform: translate(2em, 10em) rotate(360deg);
  }
}
.ball:nth-child(1) {
	position: relative;
    top: 0px;
    left: -20%;
    background: #EA7024;
    width: 15px;
    height: 15px;
    margin: 0px 410px !important;
    animation: float-1 20s ease-in-out infinite alternate;
}

@keyframes float-2 {
  from {
    transform: translate(4em, 12em);
  }
  to {
    transform: translate(3em, 15em) rotate(360deg);
  }
}
.ball:nth-child(2) {
		    position: relative;
    top: -65px;
    right: -8%;
  background: #FDD106;
    width: 62px;
    height: 62px;
    margin: 0 210px !important;
    animation: float-2 14s ease-in-out infinite alternate;
}

@keyframes float-3 {
  from {
    transform: translate(4em, 4.5em);
  }
  to {
    transform: translate(3em, 10em) rotate(360deg);
  }
}
.ball:nth-child(3) {
		    position: relative;
    top: -70px;
    right: 0%;
  background: #1CA5D9;
    width: 25px;
    height: 25px;
    margin: 0 80px !important;
    animation: float-3 16s ease-in-out infinite alternate;
}

@keyframes float-4 {
  from {
    transform: translate(2em, 6.5em);
  }
  to {
    transform: translate(1em, 10em) rotate(360deg);
  }
}
.ball:nth-child(4) {
 background: #EA7024;
    width: 45px;
    height: 45px;
    margin: 0 10px !important;
    animation: float-4 18s ease-in-out infinite alternate;
}

@keyframes float-5 {
  from {
    transform: translate(1em, 12em);
  }
  to {
    transform: translate(4em, 15em) rotate(360deg);
  }
}
.ball:nth-child(5) {
		    position: relative;
    top: 0px;
    left: 30%;
 background: #1CA5D9;
    width: 55px;
    height: 55px;
    margin: 0 22px !important;
    animation: float-5 12s ease-in-out infinite alternate;
}
@keyframes float-6 {
  from {
    transform: translate(2em, -7em);
  }
  to {
    transform: translate(2em, -4em) rotate(360deg);
  }
}
.ball:nth-child(6) {
		    position: relative;
    top: 275px;
    left: 95%;
    background: #FDD106;
    width: 20px;
    height: 20px;
    margin: 0 -135px !important;
    animation: float-6 14s ease-in-out infinite alternate;
}
@keyframes float-7 {
  from {
    transform: translate(2em, -8em);
  }
  to {
    transform: translate(2em, 1em) rotate(360deg);
  }
}
.ball:nth-child(7) {
		    position: relative;
    top: 229px;
    left: 130%;	
    background: #1CA5D9;
    width: 33px;
    height: 33px;
    margin: 0px -175px !important;
    animation: float-7 18s ease-in-out infinite alternate;
}

}


@media screen and (max-width: 480px){
  .enter-prise-design1,.digital-transformatin-design1 {
    font-size: 24px; 
}

.digital-transformatin-design{
  font-size: 24px; 
}

.digital-transformatin-design2{
  font-size: 24px; 
  margin-top:40px;
}
.terralogic-sets-grow{
  font-size: 12px;
  margin-top:-15px;
}
.terralogic-sets-grow1{
  font-size: 12px;
  margin-top:-15px;
}
.digitaltrans-group {
  position: relative;
  height: 400px;
  
}
.mobile-m-t{
  margin-top:20px !important;
}

.universe {
  top: 160px;
  }
  


.newdesign-padding {
  padding: 0;
  margin-top: -15px;
}

.enterprise-solution-knowmor{
  margin-bottom: 20px;
}

.anything-top{
margin-top: 50px;
}
 /* digital */
 .digital-active ul li:nth-child(1){top: 11em; right:50%}
 .digital-active ul li:nth-child(2){top: 1em; left: 0%;}
 .digital-active ul li:nth-child(3){top: 3em; right: 10%;}
 .digital-active ul li:nth-child(4){ top:18em; right:30%;}
 .digital-active ul li:nth-child(5){ top:17em; left: 15%;}
 .digital-active ul li:nth-child(6){ top: 9em; left:0%;}
 .digital-active ul li:nth-child(7){top: 4em; right:50%;} 
 .digital-active ul li:nth-child(8){top: 11em; left: 75%;}
   
/* ends digital */


/* support */
 .support-active ul li:nth-child(1){top: 11em; right:50%}
 .support-active ul li:nth-child(2){top: 1em; left: 0%;}
 .support-active ul li:nth-child(3){top: 3em; right: 10%;}
 .support-active ul li:nth-child(4){ top:18em; right:30%;}
 .support-active ul li:nth-child(5){ top:17em; left: 15%;}
 .support-active ul li:nth-child(6){ top: 9em; left:0%;}
 .support-active ul li:nth-child(7){top: 4em; right:50%;} 
 .support-active ul li:nth-child(8){top: 11em; left: 75%;}


/* ends support*/


/*  software*/
.software-active ul li:nth-child(1){ top: 9em; right:55%}
.software-active ul li:nth-child(2){ top:3em; left:3%;}
.software-active ul li:nth-child(3){top: 3em; right: 15%;}
.software-active ul li:nth-child(4){top:15em; left: 0%;}
.software-active ul li:nth-child(5){ top:15em; right:15%; }
.software-active ul li:nth-child(6){top: 20em; left: 35%;}


/* ends software*/


/*  solution*/
.solution-active ul li:nth-child(1){ top: 9em; right:55%}
.solution-active ul li:nth-child(2){ top:3em; left:3%;}
.solution-active ul li:nth-child(3){ top: 3em; right:15%;}
.solution-active ul li:nth-child(4){ top:16em; left:10%;}
/* ends solution*/

/* .solution-active ul li.active .bub-large{ width: 65px; height: 65px; line-height: 65px; z-index: 99; transform: scale(1.3);}
.solution-active ul li.active .bub-medium{ width: 65px; height: 65px; line-height: 65px; z-index: 99; transform: scale(1.3);}
.solution-active ul li.active .bub-small{ width: 65px; height: 65px; line-height: 65px; z-index: 99; transform: scale(1.3);}


.software-active ul li.active .bub-large{ width: 65px; height: 65px; line-height: 65px; z-index: 99; transform: scale(1.3);}
.software-active ul li.active .bub-medium{ width: 65px; height: 65px; line-height: 65px; z-index: 99; transform: scale(1.3);}
.software-active ul li.active .bub-small{ width: 65px; height: 65px; line-height: 65px; z-index: 99; transform: scale(1.3);}


.bub-large{width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
.bub-medium{width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    
.bub-small{width: 20px; height: 20px; border-radius: 50%; text-align: center; line-height: 20px; font-size: 20px; font-weight: 600; transform: scale(1) ;transition: 2s ease-In-Out;}    

.digital-active ul li.active .bub-large{ width: 65px; height: 65px; line-height: 65px; z-index: 99; transform: scale(1.3);}
.digital-active ul li.active .bub-medium{ width: 65px; height: 65px; line-height: 65px; z-index: 99; transform: scale(1.3);}
.digital-active ul li.active .bub-small{ width: 65px; height: 65px; line-height: 65px; z-index: 99; transform: scale(1.3);}

.support-active ul li.active .bub-large{ width: 65px; height: 65px; line-height: 65px; z-index: 99; transform: scale(1.3);}
.support-active ul li.active .bub-medium{ width: 65px; height: 65px; line-height: 65px; z-index: 99; transform: scale(1.3);}
.support-active ul li.active .bub-small{ width: 65px; height: 65px; line-height: 65px; z-index: 99; transform: scale(1.3);} */


.bub-large{width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 52px;}

.bub-medium{width:45px; height: 45px; border-radius: 50%; text-align: center; line-height: 37px;}


    .digital-active ul li:nth-child(1){top: 9em; right:60%}
    .digital-active ul li:nth-child(2){top: 1em; left: 5%;}
    .digital-active ul li:nth-child(3){top: 3em; right: 25%;}
    .digital-active ul li:nth-child(4){ top:18em; right:45%;}
    .digital-active ul li:nth-child(5){ top:17em; left: 10%;}
    .digital-active ul li:nth-child(6){ top: 9em; left:5%;}
    .digital-active ul li:nth-child(7){top: 1em; right:55%;} 
    .digital-active ul li:nth-child(8){top: 11em; left: 60%;}

    
    .software-active ul li:nth-child(1){ top: 9em; right:55%}
    .software-active ul li:nth-child(2){ top:3em; left:3%;}
    .software-active ul li:nth-child(3){top: 3em; right: 25%;}
    .software-active ul li:nth-child(4){top:15em; left: 0%;}
    .software-active ul li:nth-child(5){ top:15em; right:20%; }
    .software-active ul li:nth-child(6){top: 20em; left: 30%;}

    




    .support-active ul li:nth-child(1){top: 9em; right:60%}
    .support-active ul li:nth-child(2){top: 1em; left: 5%;}
    .support-active ul li:nth-child(3){top: 3em; right: 25%;}
    .support-active ul li:nth-child(4){ top:18em; right:45%;}
    .support-active ul li:nth-child(5){ top:17em; left: 10%;}
    .support-active ul li:nth-child(6){ top: 9em; left:5%;}
    .support-active ul li:nth-child(7){top: 1em; right:55%;} 
    .support-active ul li:nth-child(8){top: 11em; left: 60%;}




    .solution-active ul li:nth-child(1){ top: 9em; right:55%}
    .solution-active ul li:nth-child(2){ top:3em; left:3%;}
    .solution-active ul li:nth-child(3){ top: 3em; right:25%;}
    .solution-active ul li:nth-child(4){ top:16em; left:2%;}



    .typing-text p{
      font-size: 12px !important;
     }
     .typing-text-width p{
      font-size: 12px !important;
     }
    
     .typing-text-cloud p{
      font-size: 12px !important;
     }
    
     .typing-text-support p{
      font-size: 12px !important;
     }
     .typing-text-support-managed p{
      font-size: 12px !important;
     }
     .typing-text-support-product p{
      font-size: 12px !important;
     }
    
    
     .typing-text-software p{
      font-size: 12px !important;
     }
    
     .typing-text-solution p{
      font-size: 12px !important;
     }
    

.mobile-apps-text {
  position: absolute;
  color: #ffffff;
  right: 0px;
 
  left: 0px;
  top: auto;
  font-size: 10px;
  bottom: -65px;
}

.software-text{
  position: absolute;
  color: #111111;
  right: 0px;
  
  left: -10px;
  top: auto;
  font-size: 10px;
  bottom: -65px;
}

.solution-text{
  position: absolute;
  color: #111111;
  right: 0px;
 
  left: -10px;
  top: auto;
  font-size: 10px;
  bottom: -60px;
}

.enter-prise-design1,.digital-transformatin-design1 {
  margin-top: 30px;
}

.terralogic-sets-grow{
  font-size: 12px;
  margin-top:0px;
  line-height:22px;
  }
  .terralogic-sets-grow1{
  font-size: 12px;
  margin-top: 0px;
  line-height:22px;
  
  }
  
  .newdesign-padding {
  padding: 0;
  margin-top: -15px;
  }
  
  a.btn.newdesing-knowmore {
    padding: 8px 16px;
    font-size: 10px;
    margin-top: 40px;
  }
  
  button.newdesing-knowmore1 {
    padding: 8px 16px;
    font-size: 10px;
    margin-top: 35px;
  }
  
  button.newdesing-knowmore.ent-support{
    padding: 8px 16px;
    font-size: 10px;
    margin-top: 60px;
  }
  
  button.newdesing-knowmore1-ent-sol{
    padding:8px 16px;
    font-size: 10px;
    margin-top: 20px;
  }


  .corner-border{
    height:170px;
    }
    
    .corner-border1{
      height:165px;
    }
    
    .corner-border3{
      height:210px;
    }
    
    .corner-border4{
      height:170px;
    }


svg.svg-zoomin {
  width: 19px;
}
.content__container__list{
  font-size: 24px;
  float: none;
  text-align: center;
  display: inline-block;
  width:100%;
}
.content__container__text{
  font-size: 24px;
  float: none;
  text-align: center;
  display: inline-block;
  width:100%;
  background: #1b1b1b;
position: relative;
z-index: 99;
}

.content__container__list__item {
  line-height: 70px;
  float: none;
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-top: 100px;
  position: relative;
  top: 50px;
}
.content__container__list__item1 {
  line-height: 70px;
float: none;
text-align: center;
display: inline-block;
width: 100%;
margin-top: 100px;
position: relative;
top: 50px;
}
.content__container__list__item2 {
  line-height: 70px;
float: none;
text-align: center;
display: inline-block;
width: 100%;
margin-top: 100px;
position: relative;
top: 50px;
}

.content__container{height:80px;}

canvas {
    width: 100% !important;
    height: 500px !important;
}
.content {
    position: absolute;
    top: 44%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 160px;
    overflow: hidden;
    font-family: 'ceragr-bolduploaded_file';
    letter-spacing: 1.44px;
    font-size: 52px;
    line-height: 44px;
    color: #ecf0f1;
    width: 100%;
}
.newdesing-knowmore {
    margin-bottom: 10px;
}
.newdesing-knowmore1 {
    margin-bottom: 10px;
}
.newdesing-knowmore1-ent-sol {
    margin-bottom: 10px;
}

.digitaltrans-group {
    position: relative;
    height: 365px;
    margin-top: 10px;
}
@keyframes float-1 {
  from {
    transform: translate(2em, 1em);
  }
  to {
    transform: translate(2em, 10em) rotate(360deg);
  }
}
.ball:nth-child(1) {
	position: relative;
    top: 0px;
    left: -15%;
    background: #EA7024;
    width: 15px;
    height: 15px;
    margin: 0px 335px !important;
    animation: float-1 20s ease-in-out infinite alternate;
}

@keyframes float-2 {
  from {
    transform: translate(4em, 12em);
  }
  to {
    transform: translate(3em, 15em) rotate(360deg);
  }
}
.ball:nth-child(2) {
	position: relative;
    top: -65px;
    right: -8%;
	background: #FDD106;
    width: 62px;
    height: 62px;
    margin: 0 215px !important;
    animation: float-2 14s ease-in-out infinite alternate;
}

@keyframes float-3 {
  from {
    transform: translate(4em, 4.5em);
  }
  to {
    transform: translate(3em, 10em) rotate(360deg);
  }
}
.ball:nth-child(3) {
		    position: relative;
    top: -70px;
    right: 10%;
  background: #1CA5D9;
    width: 25px;
    height: 25px;
    margin: 0 40px !important;
    animation: float-3 16s ease-in-out infinite alternate;
}

@keyframes float-4 {
  from {
    transform: translate(2em, 6.5em);
  }
  to {
    transform: translate(1em, 10em) rotate(360deg);
  }
}
.ball:nth-child(4) {
 background: #EA7024;
    width: 45px;
    height: 45px;
    margin: 0 0px !important;
    animation: float-4 18s ease-in-out infinite alternate;
}

@keyframes float-5 {
  from {
    transform: translate(1em, 12em);
  }
  to {
    transform: translate(4em, 15em) rotate(360deg);
  }
}
.ball:nth-child(5) {
		    position: relative;
    top: 0px;
    left: 45%;
 background: #1CA5D9;
    width: 55px;
    height: 55px;
    margin: 0 -10px !important;
    animation: float-5 12s ease-in-out infinite alternate;
}
@keyframes float-6 {
  from {
    transform: translate(2em, -7em);
  }
  to {
    transform: translate(2em, -4em) rotate(360deg);
  }
}
.ball:nth-child(6) {
		    position: relative;
    top: 275px;
    left: 95%;
    background: #FDD106;
    width: 20px;
    height: 20px;
    margin: 0 -64px !important;
    animation: float-6 14s ease-in-out infinite alternate;
}
@keyframes float-7 {
  from {
    transform: translate(2em, -8em);
  }
  to {
    transform: translate(2em, 1em) rotate(360deg);
  }
}
.ball:nth-child(7) {
		    position: relative;
    top: 229px;
    left: 130%;
    background: #1CA5D9;
    width: 33px;
    height: 33px;
    margin: 0px -225px !important;
    animation: float-7 18s ease-in-out infinite alternate;
}

}
@media screen and (max-width: 455px){
.content {
  top: 28%;
}

canvas {
 
  height: 630px !important;}
}

@media screen and (max-width: 424px){
  canvas {
    width: 100% !important;
    height: 515px !important;
    margin-top: -2px;
}

.content {
    position: absolute;
    top: 32%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 160px;
    overflow: hidden;
    font-family: 'ceragr-bolduploaded_file';
    letter-spacing: 1.44px;
    font-size: 52px;
    line-height: 44px;
    color: #ecf0f1;
    width: 100%;
}


.bub-large{width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 48px;}

  .bub-medium{width:35px; height: 35px; border-radius: 50%; text-align: center; line-height: 28px;}

  /* digital */
  .digital-active ul li:nth-child(1){top: 11em; right:45%}
  .digital-active ul li:nth-child(2){top: 1em; left: 5%;}
  .digital-active ul li:nth-child(3){top: 3em; right: 10%;}
  .digital-active ul li:nth-child(4){ top:18em; right:25%;}
  .digital-active ul li:nth-child(5){ top:17em; left: 15%;}
  .digital-active ul li:nth-child(6){ top: 9em; left:5%;}
  .digital-active ul li:nth-child(7){top: 4em; right:45%;} 
  .digital-active ul li:nth-child(8){top: 11em; left: 75%;}
    
/* ends digital */
 

/* support */
        .support-active ul li:nth-child(1){top: 11em; right:45%}
        .support-active ul li:nth-child(2){top: 1em; left: 5%;}
        .support-active ul li:nth-child(3){top: 3em; right: 10%;}
        .support-active ul li:nth-child(4){ top:18em; right:25%;}
        .support-active ul li:nth-child(5){ top:17em; left: 15%;}
        .support-active ul li:nth-child(6){ top: 9em; left:5%;}
        .support-active ul li:nth-child(7){top: 4em; right:45%;} 
        .support-active ul li:nth-child(8){top: 11em; left: 75%;}
    
 
/* ends support*/


/*  software*/
.software-active ul li:nth-child(1){ top: 9em; right:50%}
.software-active ul li:nth-child(2){ top:3em; left:8%;}
.software-active ul li:nth-child(3){top: 3em; right: 20%;}
.software-active ul li:nth-child(4){top:15em; left: 5%;}
.software-active ul li:nth-child(5){ top:15em; right:15%; }
.software-active ul li:nth-child(6){top: 20em; left: 35%;}


/* ends software*/


/*  solution*/
.solution-active ul li:nth-child(1){ top: 10em; right:35%}
.solution-active ul li:nth-child(2){ top:3em; left:10%;}
.solution-active ul li:nth-child(3){ top: 3em; right:15%;}
.solution-active ul li:nth-child(4){ top:16em; left:5%;}




/* ends solution*/

.speed-animation .digital-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }

.speed-animation .support-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }

.speed-animation .software-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }

.speed-animation .solution-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }

  

a.btn.newdesing-knowmore {
  padding: 8px 16px;
  font-size: 10px;
  margin-top: 20px;
  margin-bottom: 50px;
}

.digital-transformatin-design1 {
  margin-top: 60px;
}


.corner-border1 {
  height: 145px;
}

button.newdesing-knowmore1 {
  padding: 8px 16px;
  font-size: 10px;
  margin-top: 15px;
  margin-bottom: 50px;
}

.corner-border3 {
  height: 190px;
}
button.newdesing-knowmore.ent-support {
  padding: 8px 16px;
  font-size: 10px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.corner-border4 {
  height: 190px;
}


}

@media screen and (max-width: 420px){

  .bub-large{width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 48px;}

  .bub-medium{width:35px; height: 35px; border-radius: 50%; text-align: center; line-height: 28px;}

  /* digital */
  .digital-active ul li:nth-child(1){top: 11em; right:45%}
  .digital-active ul li:nth-child(2){top: 1em; left: 5%;}
  .digital-active ul li:nth-child(3){top: 3em; right: 10%;}
  .digital-active ul li:nth-child(4){ top:18em; right:25%;}
  .digital-active ul li:nth-child(5){ top:17em; left: 15%;}
  .digital-active ul li:nth-child(6){ top: 9em; left:5%;}
  .digital-active ul li:nth-child(7){top: 4em; right:45%;} 
  .digital-active ul li:nth-child(8){top: 11em; left: 75%;}
    
/* ends digital */
 

/* support */
        .support-active ul li:nth-child(1){top: 11em; right:45%}
        .support-active ul li:nth-child(2){top: 1em; left: 5%;}
        .support-active ul li:nth-child(3){top: 3em; right: 10%;}
        .support-active ul li:nth-child(4){ top:18em; right:25%;}
        .support-active ul li:nth-child(5){ top:17em; left: 15%;}
        .support-active ul li:nth-child(6){ top: 9em; left:5%;}
        .support-active ul li:nth-child(7){top: 4em; right:45%;} 
        .support-active ul li:nth-child(8){top: 11em; left: 75%;}
    
 
/* ends support*/


/*  software*/
.software-active ul li:nth-child(1){ top: 9em; right:50%}
.software-active ul li:nth-child(2){ top:3em; left:8%;}
.software-active ul li:nth-child(3){top: 3em; right: 20%;}
.software-active ul li:nth-child(4){top:15em; left: 5%;}
.software-active ul li:nth-child(5){ top:15em; right:15%; }
.software-active ul li:nth-child(6){top: 20em; left: 35%;}


/* ends software*/


/*  solution*/
.solution-active ul li:nth-child(1){ top: 10em; right:35%}
.solution-active ul li:nth-child(2){ top:3em; left:10%;}
.solution-active ul li:nth-child(3){ top: 3em; right:15%;}
.solution-active ul li:nth-child(4){ top:16em; left:5%;}




/* ends solution*/

.speed-animation .digital-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }

.speed-animation .support-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }

.speed-animation .software-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }

.speed-animation .solution-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }

  


 .typing-text p{
  font-size: 11px !important;
 }
 .typing-text-width p{
  font-size: 11px !important;
 }

 .typing-text-cloud p{
  font-size: 11px !important;
 }

 .typing-text-support p{
  font-size: 11px !important;
 }
 .typing-text-support-managed p{
  font-size: 11px !important;
 }
 .typing-text-support-product p{
  font-size: 11px !important;
 }


 .typing-text-software p{
  font-size: 11px !important;
 }

 .typing-text-solution p{
  font-size: 11px !important;
 }

 
  .mobile-apps-text {
    position: absolute;
    color: #ffffff;
    right: 0px;
    bottom: 0;
    left: 0;
    top: auto;
    font-size: 10px;
    bottom: -55px;
  }
  
    .ui-ux-text {
    position: absolute;
    color: #ffffff;
    right: 0px;
    bottom: 0;
    left: 10px;
    top: auto;
    font-size: 10px;
    bottom: -55px;
  }



  .software-text{
    position: absolute;
    color: #111111;
    right: 0px;
    bottom: 0;
    left: -5px;
    top: auto;
    font-size: 10px;
    bottom: -55px;
  }
  
  .solution-text{
    position: absolute;
    color: #111111;
    right: 0px;
    bottom: 0;
    left: -10px;
    top: auto;
    font-size: 10px;
    bottom: -55px;
  }


  .terralogic-sets-grow{
    font-size: 12px;
    margin-top: 0px;
    line-height:19px;
    }
    .terralogic-sets-grow1{
    font-size: 12px;
    margin-top: 0px;
    line-height:21px;
    
    }
    
    .newdesign-padding {
    padding: 0;
    margin-top: -15px;
    }
    
    a.btn.newdesing-knowmore {
      padding: 6px 12px;
      font-size: 10px;
      margin-top: 50px;
    }
    
    button.newdesing-knowmore1 {
      padding: 6px 12px;
      font-size: 10px;
      margin-top: 45px;
    }
    
    button.newdesing-knowmore.ent-support{
      padding: 6px 12px;
      font-size: 10px;
      margin-top: 60px;
    }
    
    button.newdesing-knowmore1-ent-sol{
      padding: 6px 12px;
      font-size: 10px;
      margin-top: 30px;
    }

    .corner-border{
      height:180px;
      }
      
      .corner-border1{
        height:165px;
      }
      
      .corner-border3{
        height:210px;
      }
      
      .corner-border4{
        height:195px;
      }
      


canvas {
    width: 100% !important;
    height: 510px !important;
}
.content {
    position: absolute;
    top: 44%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 160px;
    overflow: hidden;
    font-family: 'ceragr-bolduploaded_file';
    letter-spacing: 1.44px;
    font-size: 52px;
    line-height: 44px;
    color: #ecf0f1;
    width: 100%;
}
.newdesing-knowmore {
    margin-bottom: 10px;
}
.newdesing-knowmore1 {
    margin-bottom: 10px;
}
.newdesing-knowmore1-ent-sol {
    margin-bottom: 10px;
}

.digitaltrans-group {
    position: relative;
    height: 340px;
    margin-top: 10px;
}	  
	  
@keyframes float-1 {
  from {
    transform: translate(2em, 1em);
  }
  to {
    transform: translate(2em, 10em) rotate(360deg);
  }
}
.ball:nth-child(1) {
		position: relative;
    top: 0px;
    left: -25%;
  background: #EA7024;
    width: 15px;
    height: 15px;
    margin: 0px 303px !important;
    animation: float-1 20s ease-in-out infinite alternate;
}

@keyframes float-2 {
  from {
    transform: translate(4em, 12em);
  }
  to {
    transform: translate(3em, 15em) rotate(360deg);
  }
}
.ball:nth-child(2) {
		    position: relative;
    top: -65px;
    right: -8%;
  background: #FDD106;
    width: 62px;
    height: 62px;
    margin: 0 180px !important;
    animation: float-2 14s ease-in-out infinite alternate;
}

@keyframes float-3 {
  from {
    transform: translate(4em, 4.5em);
  }
  to {
    transform: translate(3em, 10em) rotate(360deg);
  }
}
.ball:nth-child(3) {
		    position: relative;
    top: -70px;
    right: 10%;
  background: #1CA5D9;
    width: 25px;
    height: 25px;
    margin: 0 36px !important;
    animation: float-3 16s ease-in-out infinite alternate;
}

@keyframes float-4 {
  from {
    transform: translate(2em, 6.5em);
  }
  to {
    transform: translate(1em, 10em) rotate(360deg);
  }
}
.ball:nth-child(4) {
 background: #EA7024;
    width: 45px;
    height: 45px;
    margin: 0 0px !important;
    animation: float-4 18s ease-in-out infinite alternate;
}

@keyframes float-5 {
  from {
    transform: translate(1em, 12em);
  }
  to {
    transform: translate(4em, 15em) rotate(360deg);
  }
}
.ball:nth-child(5) {
		    position: relative;
    top: 0px;
    left: 45%;
 background: #1CA5D9;
    width: 55px;
    height: 55px;
    margin: 0 -10px !important;
    animation: float-5 12s ease-in-out infinite alternate;
}
@keyframes float-6 {
  from {
    transform: translate(2em, -7em);
  }
  to {
    transform: translate(2em, -4em) rotate(360deg);
  }
}
.ball:nth-child(6) {
		    position: relative;
    top: 275px;
    left: 95%;	
    background: #FDD106;
    width: 20px;
    height: 20px;
    margin: 0 -85px !important;
    animation: float-6 14s ease-in-out infinite alternate;
}
@keyframes float-7 {
  from {
    transform: translate(2em, -8em);
  }
  to {
    transform: translate(2em, 1em) rotate(360deg);
  }
}
.ball:nth-child(7) {
		    position: relative;
    top: 229px;
    left: 130%;	
    background: #1CA5D9;
    width: 33px;
    height: 33px;
    margin: 0px -205px !important;
    animation: float-7 18s ease-in-out infinite alternate;
}	  

.typing-text-width p{
 color: #fff; 
 margin:0;
 text-transform:uppercase;
 white-space: nowrap;
 overflow: hidden;
 font: bold 100% montserratregular;
 width: 16.5em;
 width: 13ch !important;
 -webkit-animation: type9 2s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
}
@-webkit-keyframes type9 { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }


.typing-text-width p:nth-child(2){
  -webkit-animation: type10 3s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
 }
 
 @-webkit-keyframes type10 { 0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; }  }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }


.typing-text-cloud p{
  color: #fff; 
 margin:0;
 text-transform:uppercase;
 white-space: nowrap;
 overflow: hidden;
 font: bold 100% montserratregular;
 width: 16.5em;
 width: 14ch !important;
 -webkit-animation: type11 2s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
}
@-webkit-keyframes type11 { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }

.typing-text-cloud p:nth-child(2){
  -webkit-animation: type12 3s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
}

@-webkit-keyframes type12 { 0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; }  }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }

.typing-text-software p{
 color: #000; 
 margin:0;
 text-transform:uppercase;
 white-space: nowrap;
 overflow: hidden;
 font: bold 100% montserratregular;
 width: 16.5em;
 width: 14ch !important;
 -webkit-animation: type1 2s steps(21, end),
	           blink-caret .5s step-end infinite alternate;
}

@-webkit-keyframes type1 { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }

.typing-text-software p:nth-child(2){
  -webkit-animation: type3 3s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
 }

 @-webkit-keyframes type3 { 0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; }  }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }

.typing-text-support-managed p{
  color: #fff; 
  margin:0;
 text-transform:uppercase;
 white-space: nowrap;
 overflow: hidden;
 font: bold 100% montserratregular;
 width: 16.5em;
 width: 14ch !important;
 -webkit-animation: type16 2s steps(21, end),
	           blink-caret .5s step-end infinite alternate;
   }
@-webkit-keyframes type16 { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }   

.typing-text-support-managed p:nth-child(2){
    -webkit-animation: type17 3s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
   }
@-webkit-keyframes type17 { 0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; }  }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }  

.typing-text-support p{
  color: #fff; 
  margin:0;
 text-transform:uppercase;
 white-space: nowrap;
 overflow: hidden;
 font: bold 100% montserratregular;
 width: 16.5em;
 width: 14ch !important;
 -webkit-animation: type4 2s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
 }
 
 @-webkit-keyframes type4 { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }
 
 .typing-text-support p:nth-child(2){
    -webkit-animation: type5 3s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
  }
 
@-webkit-keyframes type5 { 0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; }  }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }

.typing-text-support-product p{
    color: #fff; 
    margin:0;
 text-transform:uppercase;
 white-space: nowrap;
 overflow: hidden;
 font: bold 100% montserratregular;
 width: 16.5em;
 width: 14ch !important;
 -webkit-animation: type14 2s steps(21, end),
	           blink-caret .5s step-end infinite alternate;  
   }
   
@-webkit-keyframes type14 { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }  

.typing-text-support-product p:nth-child(2){
   -webkit-animation: type15 3s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
   }
@-webkit-keyframes type15 { 0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; }  }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } } 

.typing-text-solution p{
  color: #000; 
   margin:0;
 text-transform:uppercase;
 white-space: nowrap;
 overflow: hidden;
 font: bold 100% montserratregular;
 width: 16.5em;
 width: 14ch !important;
 -webkit-animation: type4 2s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
}
@-webkit-keyframes type4 { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }
 
 .typing-text-cloud p:nth-child(2){
  -webkit-animation: type5 3s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
}

@-webkit-keyframes type5 { 0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; }  }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }


}




@media screen and (max-width: 414px){
canvas {
  width: 100% !important;
  height: 640px !important;
  margin-top:-1px;
}
.content {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 160px;
  overflow: hidden;
  font-family: 'ceragr-bolduploaded_file';
  letter-spacing: 1.44px;
  font-size: 52px;
  line-height: 44px;
  color: #ecf0f1;
  width: 100%;
}
}

@media screen and (max-width: 411px){
  a.btn.newdesing-knowmore {
    padding: 6px 12px;
    font-size: 10px;
    margin-top: 20px;
  }
  
  button.newdesing-knowmore1 {
    padding: 6px 12px;
    font-size: 10px;
    margin-top: 10px;
  }
  
  button.newdesing-knowmore.ent-support{
    padding: 6px 12px;
    font-size: 10px;
    margin-top: 15px;
  }
  
  button.newdesing-knowmore1-ent-sol{
    padding: 6px 12px;
    font-size: 10px;
    margin-top: 5px;
  }
canvas {
  width: 100% !important;
  height: 715px !important;
  margin-top: -1px;
  margin-bottom: -3px;

}
.content {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 160px;
  overflow: hidden;
  font-family: 'ceragr-bolduploaded_file';
  letter-spacing: 1.44px;
  font-size: 52px;
  line-height: 44px;
  color: #ecf0f1;
  width: 100%;
}
.content-landing{
  top: 70% !important;
}
.newdesing-knowmore {
    margin-bottom: 10px;
}
.newdesing-knowmore1 {
    margin-bottom: 10px;
}
.newdesing-knowmore1-ent-sol {
    margin-bottom: 10px;
}

.digitaltrans-group {
    position: relative;
    height: 340px;
    margin-top: 10px;
}

  .corner-border{
    height:150px;
    }
    
    .corner-border1{
      height:130px;
    }
    
    .corner-border3{
      height:165px;
    }
    
    .corner-border4{
      height:170px;
    }
    
    

}


/* @media screen and (max-width: 393px){
  .content-landing {
    position: absolute;
    top: 32%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 160px;
    overflow: hidden;
    font-family: 'ceragr-bolduploaded_file';
    letter-spacing: 1.44px;
    font-size: 52px;
    line-height: 44px;
    color: #ecf0f1;
    width: 100%;
  }
  } */

@media screen and (max-width: 375px){


  .bub-large{width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 48px;}

  .bub-medium{width:35px; height: 35px; border-radius: 50%; text-align: center; line-height: 28px;}

  
  /* digital */
  .digital-active ul li:nth-child(1){top: 11em; right:50%}
  .digital-active ul li:nth-child(2){top: 1em; left: 0%;}
  .digital-active ul li:nth-child(3){top: 3em; right: 10%;}
  .digital-active ul li:nth-child(4){ top:18em; right:30%;}
  .digital-active ul li:nth-child(5){ top:17em; left: 15%;}
  .digital-active ul li:nth-child(6){ top: 9em; left:0%;}
  .digital-active ul li:nth-child(7){top: 4em; right:50%;} 
  .digital-active ul li:nth-child(8){top: 11em; left: 75%;}
    
/* ends digital */
 

/* support */
  .support-active ul li:nth-child(1){top: 11em; right:50%}
  .support-active ul li:nth-child(2){top: 1em; left: 0%;}
  .support-active ul li:nth-child(3){top: 3em; right: 10%;}
  .support-active ul li:nth-child(4){ top:18em; right:30%;}
  .support-active ul li:nth-child(5){ top:17em; left: 15%;}
  .support-active ul li:nth-child(6){ top: 9em; left:0%;}
  .support-active ul li:nth-child(7){top: 4em; right:50%;} 
  .support-active ul li:nth-child(8){top: 11em; left: 75%;}

 
/* ends support*/


/*  software*/
.software-active ul li:nth-child(1){ top: 9em; right:55%}
.software-active ul li:nth-child(2){ top:3em; left:3%;}
.software-active ul li:nth-child(3){top: 3em; right: 15%;}
.software-active ul li:nth-child(4){top:15em; left: 0%;}
.software-active ul li:nth-child(5){ top:15em; right:15%; }
.software-active ul li:nth-child(6){top: 20em; left: 35%;}


/* ends software*/


/*  solution*/
.solution-active ul li:nth-child(1){ top: 9em; right:55%}
.solution-active ul li:nth-child(2){ top:3em; left:3%;}
.solution-active ul li:nth-child(3){ top: 3em; right:15%;}
.solution-active ul li:nth-child(4){ top:16em; left:10%;}
/* ends solution*/

.speed-animation .digital-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }

.speed-animation .support-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }

.speed-animation .software-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }

.speed-animation .solution-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }



 .typing-text p{
  font-size: 11px !important;
 }
 .typing-text-width p{
  font-size: 11px !important;
 }

 .typing-text-cloud p{
  font-size: 11px !important;
 }

 .typing-text-support p{
  font-size: 11px !important;
 }
 .typing-text-support-managed p{
  font-size: 11px !important;
 }
 .typing-text-support-product p{
  font-size: 11px !important;
 }


 .typing-text-software p{
  font-size: 11px !important;
 }

 .typing-text-solution p{
  font-size: 11px !important;
 }

 
  .mobile-apps-text {
    position: absolute;
    color: #ffffff;
    right: 0px;
    bottom: 0;
    left: 10px;
    top: auto;
    
    bottom: -55px;
  }

  .software-text{
    position: absolute;
    color: #111111;
    right: 0px;
    bottom: 0;
    left: -5px;
    top: auto;
  
    bottom: -55px;
  }
  
  .solution-text{
    position: absolute;
    color: #111111;
    right: 0px;
    bottom: 0;
    left: -5px;
    top: auto;
  
    bottom: -55px;
  }

.enter-prise-design1,.digital-transformatin-design1 {
    font-size: 18px;
}

.digital-transformatin-design{
    font-size: 18px;
}

.digital-transformatin-design2{
     font-size: 18px; 
}
.terralogic-sets-grow{
font-size: 12px;
margin-top: 0px;
line-height:19px;
}
.terralogic-sets-grow1{
font-size: 12px;
margin-top: 0px;
line-height:19px;

}

.newdesign-padding {
padding: 0;
margin-top: -15px;
}

a.btn.newdesing-knowmore {
  padding: 6px 12px;
  font-size: 10px;
  margin-top: 30px;
}

button.newdesing-knowmore1 {
  padding: 6px 12px;
  font-size: 10px;
  margin-top: 22px;
}

button.newdesing-knowmore.ent-support{
  padding: 6px 12px;
  font-size: 10px;
  margin-top: 15px;
}

button.newdesing-knowmore1-ent-sol{
  padding: 6px 12px;
  font-size: 10px;
  margin-top:10px;
}

.corner-border{
  height:160px;
  }
  
  .corner-border1{
    height:150px;
  }
  
  .corner-border3{
    height:185px;
  }
  
  .corner-border4{
    height:180px;
  }
  



canvas {
  width: 100% !important;
  height: 680px !important;
}
.content {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 160px;
  overflow: hidden;
  font-family: 'ceragr-bolduploaded_file';
  letter-spacing: 1.44px;
  font-size: 52px;
  line-height: 44px;
  color: #ecf0f1;
  width: 100%;
}
.content-landing{
  top: 65%;
}
.newdesing-knowmore {
    margin-bottom: 10px;
}
.newdesing-knowmore1 {
    margin-bottom: 10px;
}
.newdesing-knowmore1-ent-sol {
    margin-bottom: 10px;
}

.digitaltrans-group {
    position: relative;
    height: 340px;
    margin-top: 10px;
}
}
@media screen and (max-width: 360px){


  .content-landing{
    top: 65%;
  }
  .bub-large{width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 48px;}

  .bub-medium{width:35px; height: 35px; border-radius: 50%; text-align: center; line-height: 28px;}

   /* digital */
   .digital-active ul li:nth-child(1){top: 11em; right:50%}
   .digital-active ul li:nth-child(2){top: 1em; left: 0%;}
   .digital-active ul li:nth-child(3){top: 3em; right: 10%;}
   .digital-active ul li:nth-child(4){ top:18em; right:30%;}
   .digital-active ul li:nth-child(5){ top:17em; left: 15%;}
   .digital-active ul li:nth-child(6){ top: 9em; left:0%;}
   .digital-active ul li:nth-child(7){top: 4em; right:50%;} 
   .digital-active ul li:nth-child(8){top: 11em; left: 75%;}
     
 /* ends digital */
  
 
 /* support */
   .support-active ul li:nth-child(1){top: 11em; right:50%}
   .support-active ul li:nth-child(2){top: 1em; left: 0%;}
   .support-active ul li:nth-child(3){top: 3em; right: 10%;}
   .support-active ul li:nth-child(4){ top:18em; right:30%;}
   .support-active ul li:nth-child(5){ top:17em; left: 15%;}
   .support-active ul li:nth-child(6){ top: 9em; left:0%;}
   .support-active ul li:nth-child(7){top: 4em; right:50%;} 
   .support-active ul li:nth-child(8){top: 11em; left: 75%;}
 /* ends support*/
 
 
 /*  software*/
 .software-active ul li:nth-child(1){ top: 9em; right:55%}
 .software-active ul li:nth-child(2){ top:3em; left:3%;}
 .software-active ul li:nth-child(3){top: 3em; right: 15%;}
 .software-active ul li:nth-child(4){top:15em; left: 0%;}
 .software-active ul li:nth-child(5){ top:15em; right:15%; }
 .software-active ul li:nth-child(6){top: 20em; left: 35%;}
 
 /* ends software*/
 
 
 /*  solution*/
 .solution-active ul li:nth-child(1){ top: 9em; right:55%}
 .solution-active ul li:nth-child(2){ top:3em; left:3%;}
 .solution-active ul li:nth-child(3){ top: 3em; right:15%;}
 .solution-active ul li:nth-child(4){ top:16em; left:10%;}
 /* ends solution*/

.speed-animation .digital-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }

.speed-animation .support-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }

.speed-animation .software-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }

.speed-animation .solution-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }
 
 .typing-text p{
   font-size: 11px !important;
 }
 .typing-text-width p{
   font-size: 11px !important;
 }

 .typing-text-cloud p{
   font-size: 11px !important;
 }

 .typing-text-support p{
   font-size: 11px !important;
 }
 .typing-text-support-managed p{
   font-size: 11px !important;
 }
 .typing-text-support-product p{
   font-size: 11px !important;
 }


 .typing-text-software p{
  font-size: 11px !important;
 }

 .typing-text-solution p{
   font-size: 11px !important;
 }

 
  .mobile-apps-text {
    position: absolute;
    color: #ffffff;
    right: 0px;
    bottom: 0;
    left: 10px;
    top: auto;
    font-size: 5px;
    bottom: -55px;
  }
  
  .software-text{
    position: absolute;
    color: #111111;
    right: 0px;
    bottom: 0;
    left: -5px;
    top: auto;
    font-size: 10px;
    bottom: -55px;
  }
  
  .solution-text{
    position: absolute;
    color: #111111;
    right: 0px;
    bottom: 0;
    left: -5px;
    top: auto;
    font-size: 5px;
    bottom: -55px;
  }

.enter-prise-design1,.digital-transformatin-design1 {
    font-size: 18px;
}

.digital-transformatin-design{
    font-size: 18px;
}

.digital-transformatin-design2{
     font-size: 18px; 
}
.terralogic-sets-grow{
font-size: 12px;
margin-top:0px;
line-height:19px;
}
.terralogic-sets-grow1{
font-size: 12px;
margin-top:0px;
line-height:19px;

}

.newdesign-padding {
padding: 0;
margin-top: -15px;
}

a.btn.newdesing-knowmore {
  padding: 6px 12px;
  font-size: 10px;
  margin-top: 30px;
}

button.newdesing-knowmore1 {
  padding: 6px 12px;
  font-size: 10px;
  margin-top: 30px;
}

button.newdesing-knowmore1-ent-sol {
  padding: 6px 12px;
  font-size: 10px;
  margin-top: 25px;
}

button.newdesing-knowmore.ent-support{
  padding: 6px 12px;
  font-size: 10px;
  margin-top: 20px;
}

.corner-border{
  height:180px;
  }
  
  .corner-border1{
    height:165px;
  }
  
  .corner-border3{
    height:210px;
  }
  
  .corner-border4{
    height:195px;
  }
  
  
  
  canvas {
    width: 100% !important;
    height: 530px !important;
}
.content {
    position: absolute;
    top: 42%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 160px;
    overflow: hidden;
    font-family: 'ceragr-bolduploaded_file';
    letter-spacing: 1.44px;
    font-size: 52px;
    line-height: 44px;
    color: #ecf0f1;
    width: 100%;
}
.newdesing-knowmore {
    margin-bottom: 10px;
}
.newdesing-knowmore1 {
    margin-bottom: 10px;
}
.newdesing-knowmore1-ent-sol {
    margin-bottom: 10px;
}

.digitaltrans-group {
    position: relative;
    height: 345px;
    margin-top: 10px;
}  
  
  @keyframes float-1 {
  from {
    transform: translate(2em, 1em);
  }
  to {
    transform: translate(2em, 10em) rotate(360deg);
  }
}
.ball:nth-child(1) {
	position: relative;
   top: 0px;
  right: 25%;
  background: #EA7024;
    width: 15px;
    height: 15px;
    margin: 0px 280px !important;
    animation: float-1 20s ease-in-out infinite alternate;
}

@keyframes float-2 {
  from {
    transform: translate(4em, 12em);
  }
  to {
    transform: translate(3em, 15em) rotate(360deg);
  }
}
.ball:nth-child(2) {
	    position: relative;
    top: -65px;
    right: -8%;
  background: #FDD106;
    width: 62px;
    height: 62px;
    margin: 0 165px !important;
    animation: float-2 14s ease-in-out infinite alternate;
}

@keyframes float-3 {
  from {
    transform: translate(4em, 4.5em);
  }
  to {
    transform: translate(3em, 10em) rotate(360deg);
  }
}
.ball:nth-child(3) {
	    position: relative;
    top: -70px;
    right: 10%;
  background: #1CA5D9;
    width: 25px;
    height: 25px;
    margin: 0 36px !important;
    animation: float-3 16s ease-in-out infinite alternate;
}

@keyframes float-4 {
  from {
    transform: translate(2em, 6.5em);
  }
  to {
    transform: translate(1em, 10em) rotate(360deg);
  }
}
.ball:nth-child(4) {
 background: #EA7024;
    width: 45px;
    height: 45px;
    margin: 0 0px !important;
    animation: float-4 18s ease-in-out infinite alternate;
}

@keyframes float-5 {
  from {
    transform: translate(1em, 12em);
  }
  to {
    transform: translate(4em, 15em) rotate(360deg);
  }
}
.ball:nth-child(5) {
	    position: relative;
    top: 0px;
    left: 45%;
 background: #1CA5D9;
    width: 55px;
    height: 55px;
    margin: 0 -10px !important;
    animation: float-5 12s ease-in-out infinite alternate;
}
@keyframes float-6 {
  from {
    transform: translate(2em, -7em);
  }
  to {
    transform: translate(2em, -4em) rotate(360deg);
  }
}
.ball:nth-child(6) {
	    position: relative;
    top: 275px;
    left: 95%;
    background: #FDD106;
    width: 20px;
    height: 20px;
    margin: 0 -64px !important;
    animation: float-6 14s ease-in-out infinite alternate;
}
@keyframes float-7 {
  from {
    transform: translate(2em, -8em);
  }
  to {
    transform: translate(2em, 1em) rotate(360deg);
  }
}
.ball:nth-child(7) {
	    position: relative;
    top: 229px;
    left: 130%;	
    background: #1CA5D9;
    width: 33px;
    height: 33px;
    margin: 0px -210px !important;
    animation: float-7 18s ease-in-out infinite alternate;
}
 
}
@media screen and (max-width: 320px){

  .bub-large{width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 48px;}

  .bub-medium{width:35px; height: 35px; border-radius: 50%; text-align: center; line-height: 28px;}

  
  /* digital */
  .digital-active ul li:nth-child(1){top: 11em; right:50%}
  .digital-active ul li:nth-child(2){top: 1em; left: 0%;}
  .digital-active ul li:nth-child(3){top: 3em; right: 10%;}
  .digital-active ul li:nth-child(4){ top:15em; right:28%;}
  .digital-active ul li:nth-child(5){ top:14em; left: 6%;}
  .digital-active ul li:nth-child(6){ top: 9em; left:0%;}
  .digital-active ul li:nth-child(7){top: 4em; right:50%;} 
  .digital-active ul li:nth-child(8){top: 11em; left: 75%;}
    
/* ends digital */
 

/* support */
  .support-active ul li:nth-child(1){top: 11em; right:50%}
  .support-active ul li:nth-child(2){top: 1em; left: 0%;}
  .support-active ul li:nth-child(3){top: 3em; right: 10%;}
  .support-active ul li:nth-child(4){ top:18em; right:30%;}
  .support-active ul li:nth-child(5){ top:17em; left: 15%;}
  .support-active ul li:nth-child(6){ top: 9em; left:0%;}
  .support-active ul li:nth-child(7){top: 4em; right:50%;} 
  .support-active ul li:nth-child(8){top: 11em; left: 75%;}

 
/* ends support*/


/*  software*/
.software-active ul li:nth-child(1){ top: 9em; right:55%}
.software-active ul li:nth-child(2){ top:3em; left:3%;}
.software-active ul li:nth-child(3){top: 3em; right: 15%;}
.software-active ul li:nth-child(4){top:15em; left: 0%;}
.software-active ul li:nth-child(5){ top:15em; right:15%; }
.software-active ul li:nth-child(6){top: 17em; left: 35%;}


/* ends software*/


/*  solution*/
.solution-active ul li:nth-child(1){ top: 9em; right:55%}
.solution-active ul li:nth-child(2){ top:3em; left:3%;}
.solution-active ul li:nth-child(3){ top: 3em; right:15%;}
.solution-active ul li:nth-child(4){ top:16em; left:10%;}
/* ends solution*/

.speed-animation .digital-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }

.speed-animation .support-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }

.speed-animation .software-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }

.speed-animation .solution-active ul li.active svg{width:20px !important; height: 20px !important; transform: none !important; }


 .typing-text p{
   font-size: 11px !important;
 }
 .typing-text-width p{
   font-size: 11px !important;
 }

 .typing-text-cloud p{
   font-size: 11px !important;
 }

 .typing-text-support p{
   font-size: 11px !important;
 }
 .typing-text-support-managed p{
   font-size: 11px !important;
 }
 .typing-text-support-product p{
   font-size: 11px !important;
 }

 .about-align-pad {
  margin-top: -160px !important;
}


 .typing-text-software p{
  font-size: 11px !important;
 }

 .typing-text-solution p{
   font-size: 11px !important;
 }

 
 /*  .mobile-apps-text {
    position: absolute;
    color: #ffffff;
    right: 0px;
    bottom: 0;
    left: 10px;
    top: auto;
    font-size: 5px;
    bottom: -55px;
  } */
  
  
   .cloud-apps-text {
    position: absolute;
    color: #ffffff;
    right: 0px;
    bottom: 0;
    left: -20px;
    top: auto;
    font-size: 5px;
    bottom: -55px;
  }

 .mobile-apps-terra{
	position: absolute;
    color: #ffffff;
    right: 0px;
    bottom: 0;
    left: -5px;
    top: auto;
    font-size: 5px;
    bottom: -55px; 
 }
  
  .software-text{
    position: absolute;
    color: #111111;
    right: 0px;
    bottom: 0;
    left: -5px;
    top: auto;
    font-size: 10px;
    bottom: -55px;
  }
  
  .solution-text{
    position: absolute;
    color: #111111;
    right: 0px;
    bottom: 0;
    left: -5px;
    top: auto;
    font-size: 5px;
    bottom: -55px;
  }
  
  .enter-prise-design1,.digital-transformatin-design1 {
    font-size: 18px;
}

.digital-transformatin-design{
    font-size: 18px;
}

.digital-transformatin-design2{
     font-size: 18px; 
}
.terralogic-sets-grow{
font-size: 12px;
margin-top:0px;
line-height:19px;
}
.terralogic-sets-grow1{
font-size: 12px;
margin-top:0px;
line-height:19px;

}

.newdesign-padding {
padding: 0;
margin-top: -15px;
}

a.btn.newdesing-knowmore {
  padding: 6px 12px;
  font-size: 10px;
  margin-top: 10px;
}

button.newdesing-knowmore1 {
  padding: 6px 12px;
  font-size: 10px;
  margin-top: 20px;
}

button.newdesing-knowmore1-ent-sol {
  padding: 6px 12px;
  font-size: 10px;
  margin-top: 30px;
}

button.newdesing-knowmore.ent-support{
  padding: 6px 12px;
  font-size: 10px;
  margin-top: 20px;
}

.corner-border{
height:180px;
}

.corner-border1{
  height:165px;
}

.corner-border3{
  height:210px;
}

.corner-border4{
  height:235px;
}


canvas {
    width: 100% !important;
    height: 530px !important;
}
.content {
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 160px;
    overflow: hidden;
    font-family: 'ceragr-bolduploaded_file';
    letter-spacing: 1.44px;
    font-size: 52px;
    line-height: 44px;
    color: #ecf0f1;
    width: 100%;
}

.content-landing{
  top: 64%;
  
}
.newdesing-knowmore {
    margin-bottom: 10px;
}
.newdesing-knowmore1 {
    margin-bottom: 10px;
}
.newdesing-knowmore1-ent-sol {
    margin-bottom: 10px;
}
.digitaltrans-group {
    position: relative;
    height: 345px;
    margin-top: 10px;
}
@keyframes float-1 {
  from {
    transform: translate(2em, 1em);
  }
  to {
    transform: translate(2em, 10em) rotate(360deg);
  }
}
.ball:nth-child(1) {
	position: relative;
    top: 115px;
    left: -20%;
  background: #EA7024;
    width: 15px;
    height: 15px;
    margin: 0px 270px !important;
    animation: float-1 20s ease-in-out infinite alternate;
}

@keyframes float-2 {
  from {
    transform: translate(4em, 12em);
  }
  to {
    transform: translate(3em, 15em) rotate(360deg);
  }
}
.ball:nth-child(2) {
	    position: relative;
    top: -65px;
    right: -8%;
  background: #FDD106;
    width: 62px;
    height: 62px;
    margin: 0 165px !important;
    animation: float-2 14s ease-in-out infinite alternate;
}

@keyframes float-3 {
  from {
    transform: translate(4em, 4.5em);
  }
  to {
    transform: translate(3em, 10em) rotate(360deg);
  }
}
.ball:nth-child(3) {
	    position: relative;
    top: -70px;
    right: 10%;
  background: #1CA5D9;
    width: 25px;
    height: 25px;
    margin: 0 36px !important;
    animation: float-3 16s ease-in-out infinite alternate;
}

@keyframes float-4 {
  from {
    transform: translate(2em, 6.5em);
  }
  to {
    transform: translate(1em, 10em) rotate(360deg);
  }
}
.ball:nth-child(4) {
 background: #EA7024;
    width: 45px;
    height: 45px;
    margin: 0 0px !important;
    animation: float-4 18s ease-in-out infinite alternate;
}

@keyframes float-5 {
  from {
    transform: translate(1em, 12em);
  }
  to {
    transform: translate(4em, 15em) rotate(360deg);
  }
}
.ball:nth-child(5) {
	    position: relative;
    top: 0px;
    left: 45%;
 background: #1CA5D9;
    width: 55px;
    height: 55px;
    margin: 0 -10px !important;
    animation: float-5 12s ease-in-out infinite alternate;
}
@keyframes float-6 {
  from {
    transform: translate(2em, -7em);
  }
  to {
    transform: translate(2em, -4em) rotate(360deg);
  }
}
.ball:nth-child(6) {
	    position: relative;
    top: 275px;
    left: 95%;
    background: #FDD106;
    width: 20px;
    height: 20px;
    margin: 0 -64px !important;
    animation: float-6 14s ease-in-out infinite alternate;
}
@keyframes float-7 {
  from {
    transform: translate(2em, -8em);
  }
  to {
    transform: translate(2em, 1em) rotate(360deg);
  }
}
.ball:nth-child(7) {
	    position: relative;
    top: 229px;
    left: 130%;
    background: #1CA5D9;
    width: 33px;
    height: 33px;
    margin: 0px -210px !important;
    animation: float-7 18s ease-in-out infinite alternate;
}
}

.overflow_hidden{
	overflow:hidden;
}































/*141118 digital Transformation */

/*.speed-animation .highlighted{filter: blur(0); transform: scale(1.3); width: 130px !important; height: 130px !important;}
.speed-animation .digital-active ul li:nth-child(1) { animation: blur-animation  0.2s forwards; }
.speed-animation .digital-active ul li:nth-child(2) {animation: blur-animation  0.4s forwards;}
.speed-animation .digital-active ul li:nth-child(3) {animation: blur-animation  0.6s forwards;}
.speed-animation .digital-active ul li:nth-child(4) {animation: blur-animation  0.8s forwards;}
.speed-animation .digital-active ul li:nth-child(5) {animation: blur-animation  1s forwards;}
.speed-animation .digital-active ul li:nth-child(6) {animation: blur-animation  1.2s forwards;}
.speed-animation .digital-active ul li:nth-child(7) {animation: blur-animation  1.4s forwards;}
.speed-animation .digital-active ul li:nth-child(8) {animation: blur-animation 1.6s forwards;}
.speed-animation .digital-active ul li:nth-child(9) {animation: blur-animation  1.8s forwards;}*/

.digital-active{display: none;}
.speed-animation .digital-active{display: block;}
.com-ani svg{width: 25px; height: 25px;}
 
.speed-animation .digital-active ul li:nth-child(1) .button-terra1{ animation: pound1  .5s forwards alternate;transform-origin: center;  animation-delay: 0.2s; background-color: #8A8A8A; opacity: 0.5; }
.speed-animation .digital-active ul li:nth-child(2) .button-terra2{animation: pound2 .5s forwards alternate; transform-origin: center; animation-delay: 0.3s; background-color: #5C5C5C;  opacity: 0.3;}
.speed-animation .digital-active ul li:nth-child(3) .button-terra3{animation: pound3 .5s forwards alternate; transform-origin: center; animation-delay: 0.4s;background-color: #5C5C5C; opacity: 0.3;  }
.speed-animation .digital-active ul li:nth-child(4) .button-terra4{animation: pound4 .5s forwards alternate; transform-origin: center; animation-delay: 0.5;background-color: #8A8A8A; opacity: 0.5; }
.speed-animation .digital-active ul li:nth-child(5) .button-terra5{animation: pound5 .5s forwards alternate; transform-origin: center; animation-delay: 0.6s; background-color: #5C5C5C; opacity: 0.3; }
.speed-animation .digital-active ul li:nth-child(6) .button-terra6{animation: pound6 .5s forwards alternate; transform-origin: center; animation-delay: 0.7s;background-color: #5C5C5C; opacity: 0.3; }
 .speed-animation .digital-active ul li:nth-child(7) .button-terra7{animation: pound7 .5s forwards alternate; transform-origin: center; animation-delay: 0.8s;background-color: #8A8A8A; opacity: 0.5; /*-webkit-filter: blur(0) !important;filter: blur(0) !important;*/} 
.speed-animation .digital-active ul li:nth-child(8) .button-terra8{animation: pound8 .5s forwards alternate; transform-origin: center; animation-delay: 0.9s; background-color: #5C5C5C; opacity: 0.3; }
.com-ani{-webkit-filter: blur(10px); filter: blur(10px); opacity: 0;}
.digital-active ul li.active .com-ani{-webkit-filter: blur(0px); filter: blur(0px);  opacity: 0}
.speed-animation .digital-active ul li.active .com-ani{-webkit-filter: blur(0px); filter: blur(0px);  opacity: 1}
.digital-active ul li.active .bub-large svg{width:35px !important; height:35px !important; }

.speed-animation .digital-active ul li.active .b1 {background-color: #FDCD32; }
.speed-animation .digital-active ul li.active .b2 {background-color: #EA7024; }
.speed-animation .digital-active ul li.active .b3 {background-color: #1CA5D9; }
.speed-animation .digital-active ul li.active .b4 {background-color: #EA2471; }
.speed-animation .digital-active ul li.active .b5 {background-color: #1CA5D9; }
.speed-animation .digital-active ul li.active .b6 {background-color: #FDCD32; }
.speed-animation .digital-active ul li.active .b7 { background-color:#EA2471;}
.speed-animation .digital-active ul li.active .b8 {background-color: #EA7024;}

.speed-animation .digital-active ul li .scale-animation{  -webkit-transform: scale(1); -moz-transform: scale(1);	-ms-transform: scale(1);	-o-transform: scale(1);	transform: scale(1); -webkit-transition-duration: 0.6s;	-moz-transition-duration: 0.6s;	-ms-transition-duration: 0.6s;	-o-transition-duration: 0.6s;	transition-duration: 0.6s;}
.speed-animation .digital-active ul li:nth-child(1).active .scale-animation, .speed-animation .digital-active ul li:nth-child(4).active .scale-animation, .speed-animation .digital-active ul li:nth-child(7).active .scale-animation{  -webkit-transform: scale(1.2); -moz-transform: scale(1.2);	-ms-transform: scale(1.2);-o-transform: scale(1.2);	transform: scale(1.2);   -webkit-transition-duration: 0.6s;	-moz-transition-duration: 0.6s;	-ms-transition-duration: 0.6s;	-o-transition-duration: 0.6s;	transition-duration: 0.6s; }
.speed-animation .digital-active ul li.active .scale-animation {  -webkit-transform: scale(1.7); -moz-transform: scale(1.7);	-ms-transform: scale(1.7);-o-transform: scale(1.7);	transform: scale(1.7);   -webkit-transition-duration: 0.6s;	-moz-transition-duration: 0.6s;	-ms-transition-duration: 0.6s;	-o-transition-duration: 0.6s;	transition-duration: 0.6s; }
.speed-animation .digital-active ul li.active svg{width:30px; height: 30px; transform: none !important; }

.speed-animation .svg-zoomin{ transform: scale(0.6); width:10px; height:10px;}
.speed-animation  .bub-small .svg-zoomin{transform: scale(0.3);  vertical-align: middle;}
.speed-animation .digital-class.active .svg-zoomin{ transform: scale(1)}
.button-terra1 svg path, .button-terra2 svg path, .button-terra3 svg path, .button-terra4 svg path, .button-terra5 svg path, .button-terra6 svg path, .button-terra7 svg path, .button-terra8 svg path{display: block; fill:#fff;  animation: svgani .5s infinite alternate; animation-iteration-count: 1;} 


@keyframes svgani {
	from {   }
	50% {  fill: initial;   }
	to {   }
}


@keyframes pound1 {
	from {   }
	50% {    display: block; opacity: 1;  filter: blur(0) ; -webkit-filter:blur(0); background-color: #FDCD32; transform: scale(1); fill: initial; }
	to {   display: block;opacity: 1}
}

@keyframes pound2 {
	from {   }
	50% {    display: block; opacity: 1;  filter: blur(0) ; -webkit-filter:blur(0); background-color: #EA7024; transform: scale(1.3); fill: initial;}
	to {   display: block;opacity: 1}
}
@keyframes pound3 {
	from {   }
	50% {    display: block; opacity: 1;   filter: blur(0) ; -webkit-filter:blur(0); background-color: #1CA5D9; transform: scale(1.3); fill: initial;}
	to {   display: block;opacity: 1}
}
@keyframes pound4 {
		from {   }
	50% {    display: block; opacity: 1;  filter: blur(0) ; -webkit-filter:blur(0); background-color: #EA2471; transform: scale(1.3); fill: initial;}
	to {   display: block;opacity: 1}
}
@keyframes pound5 {
		from {   }
	50% {    display: block; opacity: 1;  filter:blur(0) ; -webkit-filter:blur(0);  background-color: #1CA5D9; transform: scale(1.3)}
	to {   display: block;opacity: 1}
}
@keyframes pound6 {
		from {   }
	50% {    display: block; opacity: 1;  filter: blur(0) ; -webkit-filter:blur(0); background-color: #FDCD32; transform: scale(1.3); }
	to {   display: block;opacity: 1}
}
@keyframes pound7 {
		from {   }
	50% {    display: block; opacity: 1;  filter: blur(0) ; -webkit-filter:blur(0); background-color: #EA2471; transform: scale(1)}
	to {   display: block;opacity: 1}
}
@keyframes pound8 {
		from {   }
	50% {    display: block; opacity: 1;  filter: blur(0) ; -webkit-filter:blur(0); background-color: #EA7024; transform: scale(1.3)}
	to {   display: block;opacity: 1}
}




/*141118 software services */

.software-active{display: none;}
.speed-animation .software-active{display: block;}
.speed-animation .software-active ul li:nth-child(1) .button-terra9{ animation: pound9  .5s forwards alternate;transform-origin: center;  animation-delay: 0.5s; background-color: #888888;  }
.speed-animation .software-active ul li:nth-child(2) .button-terra10{animation: pound10 .5s forwards alternate; transform-origin: center; animation-delay: 0.2s; background-color: #B8B8B8; }
.speed-animation .software-active ul li:nth-child(3) .button-terra11{animation: pound11 .5s forwards alternate; transform-origin: center; animation-delay: 0.3s;background-color:#B8B8B8;   }
.speed-animation .software-active ul li:nth-child(4) .button-terra12{animation: pound12 .5s forwards alternate; transform-origin: center; animation-delay: 0.4s;background-color: #888888; }
.speed-animation .software-active ul li:nth-child(5) .button-terra13{animation: pound13 .5s forwards alternate; transform-origin: center; animation-delay: 0.5s; background-color: #B8B8B8; }
.speed-animation .software-active ul li:nth-child(6) .button-terra14{animation: pound14 .5s forwards alternate; transform-origin: center; animation-delay: 0.6s;background-color: #B8B8B8; }


.software-active ul li.active .com-ani{-webkit-filter: blur(0px); filter: blur(0px);  opacity: 0}
.speed-animation .software-active ul li.active .com-ani{-webkit-filter: blur(0px); filter: blur(0px);  opacity: 1}

.speed-animation .software-active ul li.active .b1 {background-color: #FDCD32; }
.speed-animation .software-active ul li.active .b2 {background-color: #EA7024; }
.speed-animation .software-active ul li.active .b3 {background-color: #1CA5D9; }
.speed-animation .software-active ul li.active .b4 {background-color: #EA2471; }
.speed-animation .software-active ul li.active .b5 {background-color: #1CA5D9; }
.speed-animation .software-active ul li.active .b6 {background-color: #EA7024; }


.speed-animation .svg-zoomin{ transform: scale(0.6)}
.speed-animation  .bub-small .svg-zoomin{transform: scale(0.3);  vertical-align: middle;}
.speed-animation .software-class.active .svg-zoomin{ transform: scale(1)}
.software-active ul li.active .bub-large svg{width:35px !important; height:35px !important; }


.speed-animation .software-active ul li .scale-animation{  -webkit-transform: scale(1); -moz-transform: scale(1);	-ms-transform: scale(1);	-o-transform: scale(1);	transform: scale(1); -webkit-transition-duration: 0.6s;	-moz-transition-duration: 0.6s;	-ms-transition-duration: 0.6s;	-o-transition-duration: 0.6s;	transition-duration: 0.6s;}
.speed-animation .software-active ul li:nth-child(1).active .scale-animation, .speed-animation .software-active ul li:nth-child(4).active .scale-animation{  -webkit-transform: scale(1.3); -moz-transform: scale(1.3);	-ms-transform: scale(1.3);-o-transform: scale(1.3);	transform: scale(1.3);   -webkit-transition-duration: 0.6s;	-moz-transition-duration: 0.6s;	-ms-transition-duration: 0.6s;	-o-transition-duration: 0.6s;	transition-duration: 0.6s; }
.speed-animation .software-active ul li.active .scale-animation{  -webkit-transform: scale(1.8); -moz-transform: scale(1.8);	-ms-transform: scale(1.8);-o-transform: scale(1.8);	transform: scale(1.8);   -webkit-transition-duration: 0.6s;	-moz-transition-duration: 0.6s;	-ms-transition-duration: 0.6s;	-o-transition-duration: 0.6s;	transition-duration: 0.6s; }
.speed-animation .software-active ul li.active svg{width:30px; height: 30px; transform: none !important; }

.button-terra9 svg path, .button-terra10 svg path, .button-terra11 svg path, .button-terra12 svg path, .button-terra13 svg path, .button-terra14 svg path{display: block; fill:#fff;  animation: svgani1 .5s infinite alternate; animation-iteration-count: 1;} 


@keyframes svgani1 {
	from {   }
	50% {  fill: initial;   }
	to {   }
}



@keyframes pound9 {
	from {   }
	50% {    display: block; opacity: 1;  filter: blur(0) ; -webkit-filter:blur(0); background-color: #FDCD32; transform: scale(1) }
	to {   display: block;opacity: 1}
}

@keyframes pound10 {
	from {   }
	50% {    display: block; opacity: 1;  filter: blur(0); -webkit-filter:blur(0); background-color: #EA7024; transform: scale(1.3)}
	to {   display: block;opacity: 1}
}
@keyframes pound11 {
	from {   }
	50% {    display: block; opacity: 1;   filter: blur(0) ; -webkit-filter:blur(0); background-color: #1CA5D9; transform: scale(1.3); }
	to {   display: block;opacity: 1}
}
@keyframes pound12 {
		from {   }
	50% {    display: block; opacity: 1;  filter: blur(0) ; -webkit-filter:blur(0); background-color: #EA2471; transform: scale(1.3)}
	to {   display: block;opacity: 1}
}
@keyframes pound13 {
		from {   }
	50% {    display: block; opacity: 1;  filter:blur(0) ; -webkit-filter:blur(0);  background-color: #1CA5D9; transform: scale(1.3)}
	to {   display: block;opacity: 1}
}
@keyframes pound14 {
		from {   }
	50% {    display: block; opacity: 1;  filter: blur(0); -webkit-filter:blur(0); background-color: #EA7024; transform: scale(1.3); }
	to {   display: block;opacity: 1}
}


/*141118 support */

.support-active{display: none;}
.speed-animation .support-active{display: block;}
.speed-animation .support-active ul li:nth-child(1) .button-terra15{ animation: pound15  .5s forwards alternate;transform-origin: center;  animation-delay: 0.2s; background-color: #8A8A8A; opacity:0.5; }
.speed-animation .support-active ul li:nth-child(2) .button-terra16{animation: pound16 .5s forwards alternate; transform-origin: center; animation-delay: 0.3s; background-color: #5C5C5C; opacity:0.3; }
.speed-animation .support-active ul li:nth-child(3) .button-terra17{animation: pound17 .5s forwards alternate; transform-origin: center; animation-delay: 0.4s;background-color: #5C5C5C;  opacity:0.3; }
.speed-animation .support-active ul li:nth-child(4) .button-terra18{animation: pound18 .5s forwards alternate; transform-origin: center; animation-delay: 0.5s;background-color: #8A8A8A;  opacity:0.5; }
.speed-animation .support-active ul li:nth-child(5) .button-terra19{animation: pound19 .5s forwards alternate; transform-origin: center; animation-delay: 0.6s; background-color: #5C5C5C; opacity:0.3; }
.speed-animation .support-active ul li:nth-child(6) .button-terra20{animation: pound20 .5s forwards alternate; transform-origin: center; animation-delay: 0.7s;background-color: #5C5C5C;  opacity:0.3;}
.speed-animation .support-active ul li:nth-child(7) .button-terra21{animation: pound21 .5s forwards alternate; transform-origin: center; animation-delay: 0.8s;background-color: #8A8A8A;  opacity:0.5;}
.speed-animation .support-active ul li:nth-child(8) .button-terra22{animation: pound22 .5s forwards alternate; transform-origin: center; animation-delay: 0.9s; background-color: #5C5C5C; opacity:0.3; }

.support-active ul li.active .com-ani{-webkit-filter: blur(0px); filter: blur(0px);  opacity: 0}
.speed-animation .support-active ul li.active .com-ani {-webkit-filter: blur(0px); filter: blur(0px);  opacity: 1}

.speed-animation .support-active ul li.active .b1 {background-color: #FDCD32; }
.speed-animation .support-active ul li.active .b2 {background-color: #EA7024; }
.speed-animation .support-active ul li.active .b3 {background-color: #1CA5D9; }
.speed-animation .support-active ul li.active .b4 {background-color: #EA2471; }
.speed-animation .support-active ul li.active .b5 {background-color: #1CA5D9; }
.speed-animation .support-active ul li.active .b6 {background-color: #FDCD32; }
.speed-animation .support-active ul li.active .b7 { background-color:#EA2471;}
.speed-animation .support-active ul li.active .b8 {background-color: #EA7024;}

.speed-animation .svg-zoomin{ transform: scale(0.6)}
.speed-animation  .bub-small .svg-zoomin{transform: scale(0.3);  vertical-align: middle;}
.speed-animation .support-class.active .svg-zoomin{ transform: scale(1)}
.support-active ul li.active .bub-large svg{width:35px !important; height:35px !important; }


.speed-animation .support-active ul li .scale-animation{  -webkit-transform: scale(1); -moz-transform: scale(1);	-ms-transform: scale(1);	-o-transform: scale(1);	transform: scale(1); -webkit-transition-duration: 0.6s;	-moz-transition-duration: 0.6s;	-ms-transition-duration: 0.6s;	-o-transition-duration: 0.6s;	transition-duration: 0.6s;}
.speed-animation .support-active ul li:nth-child(1).active .scale-animation, .speed-animation .support-active ul li:nth-child(4).active .scale-animation, .speed-animation .support-active ul li:nth-child(7).active .scale-animation{  -webkit-transform: scale(1.3); -moz-transform: scale(1.3);	-ms-transform: scale(1.3);-o-transform: scale(1.3);	transform: scale(1.3);   -webkit-transition-duration: 0.6s;	-moz-transition-duration: 0.6s;	-ms-transition-duration: 0.6s;	-o-transition-duration: 0.6s;	transition-duration: 0.6s; }
.speed-animation .support-active ul li.active .scale-animation{  -webkit-transform: scale(1.8); -moz-transform: scale(1.6);	-ms-transform: scale(1.6);-o-transform: scale(1.6);	transform: scale(1.6);   -webkit-transition-duration: 0.6s;	-moz-transition-duration: 0.6s;	-ms-transition-duration: 0.6s;	-o-transition-duration: 0.6s;	transition-duration: 0.6s; }
.speed-animation .support-active ul li.active svg{width:30px; height: 30px; transform: none !important; }


.button-terra15 svg path, .button-terra16 svg path, .button-terra17 svg path, .button-terra18 svg path, .button-terra19 svg path, .button-terra20 svg path, .button-terra21 svg path, .button-terra22 svg path{display: block; fill:#fff;  animation: svgani2 .5s infinite alternate; animation-iteration-count: 1;} 


@keyframes svgani2 {
	from {   }
	50% {  fill: none; width: 20px; height: 20px; stroke:#fff; stroke-width:0.5px; }
	to {   }
}


@keyframes pound15 {
	from {   }
	50% {    display: block; opacity: 1;  filter: blur(0) ; -webkit-filter:blur(0); background-color: #FDCD32; transform: scale(1) }
	to {   display: block;opacity: 1}
}

@keyframes pound16 {
	from {   }
	50% {    display: block; opacity: 1;  filter: blur(0) ; -webkit-filter:blur(0); background-color: #EA7024; transform: scale(1.3)}
	to {   display: block;opacity: 1}
}
@keyframes pound17 {
	from {   }
	50% {    display: block; opacity: 1;   filter: blur(0) ; -webkit-filter:blur(0); background-color: #1CA5D9; transform: scale(1.3); }
	to {   display: block;opacity: 1}
}
@keyframes pound18 {
		from {   }
	50% {    display: block; opacity: 1;  filter: blur(0); -webkit-filter:blur(0); background-color: #EA2471; transform: scale(1.3)}
	to {   display: block;opacity: 1}
}
@keyframes pound19 {
		from {   }
	50% {    display: block; opacity: 1;  filter:blur(0) ; -webkit-filter:blur(0);  background-color: #1CA5D9; transform: scale(1.3)}
	to {   display: block;opacity: 1}
}
@keyframes pound20 {
		from {   }
	50% {    display: block; opacity: 1;  filter: blur(0) ; -webkit-filter:blur(0); background-color: #FDCD32; transform: scale(1.3); }
	to {   display: block;opacity: 1}
}
@keyframes pound21 {
		from {   }
	50% {    display: block; opacity: 1;  filter: blur(0) ; -webkit-filter:blur(0); background-color: #EA2471; transform: scale(1)}
	to {   display: block;opacity: 1}
}
@keyframes pound22 {
		from {   }
	50% {    display: block; opacity: 1;  filter: blur(0); -webkit-filter:blur(0); background-color: #EA7024; transform: scale(1.3)}
	to {   display: block;opacity: 1}
}


@keyframes amove1 {
	from { }
	
	to {  }
}

/*141118 solution */

.solution-active{display: none;}
.speed-animation .solution-active{display: block;}
.speed-animation .solution-active ul li:nth-child(1) .button-terra23{ animation: pound23  .5s forwards alternate;transform-origin: center;  animation-delay: 0.2s; background-color: #888888;  }
.speed-animation .solution-active ul li:nth-child(2) .button-terra24{animation: pound24 .5s forwards alternate; transform-origin: center; animation-delay: 0.3s; background-color: #B8B8B8; }
.speed-animation .solution-active ul li:nth-child(3) .button-terra25{animation: pound25 .5s forwards alternate; transform-origin: center; animation-delay: 0.4s;background-color: #B8B8B8;  }
.speed-animation .solution-active ul li:nth-child(4) .button-terra26{animation: pound26 .5s forwards alternate; transform-origin: center; animation-delay: 0.5s;background-color: #888888; }


.solution-active ul li.active .com-ani{-webkit-filter: blur(0px); filter: blur(0px);  opacity: 0}
.speed-animation .solution-active ul li.active .com-ani{-webkit-filter: blur(0px); filter: blur(0px);  opacity: 1}

.speed-animation .solution-active ul li.active .b1 {background-color: #FDCD32; }
.speed-animation .solution-active ul li.active .b2 {background-color: #EA7024; }
.speed-animation .solution-active ul li.active .b3 {background-color: #1CA5D9; }
.speed-animation .solution-active ul li.active .b4 {background-color: #EA2471; }


.speed-animation .svg-zoomin{ transform: scale(0.6)}
.speed-animation  .bub-small .svg-zoomin{transform: scale(0.3);  vertical-align: middle;}
.speed-animation .solution-class.active .svg-zoomin{ transform: scale(1)}
.solution-active ul li.active .bub-large svg{width:35px !important; height:35px !important; }


.speed-animation .solution-active ul li .scale-animation{  -webkit-transform: scale(1); -moz-transform: scale(1);	-ms-transform: scale(1);	-o-transform: scale(1);	transform: scale(1); -webkit-transition-duration: 0.6s;	-moz-transition-duration: 0.6s;	-ms-transition-duration: 0.6s;	-o-transition-duration: 0.6s;	transition-duration: 0.6s;}
.speed-animation .solution-active ul li:nth-child(1).active .scale-animation, .speed-animation .solution-active ul li:nth-child(4).active .scale-animation{  -webkit-transform: scale(1.3); -moz-transform: scale(1.3);	-ms-transform: scale(1.3);-o-transform: scale(1.3);	transform: scale(1.3);   -webkit-transition-duration: 0.6s;	-moz-transition-duration: 0.6s;	-ms-transition-duration: 0.6s;	-o-transition-duration: 0.6s;	transition-duration: 0.6s; }
.speed-animation .solution-active ul li.active .scale-animation{  -webkit-transform: scale(1.6); -moz-transform: scale(1.6);	-ms-transform: scale(1.6);-o-transform: scale(1.6);	transform: scale(1.6);   -webkit-transition-duration: 0.6s;	-moz-transition-duration: 0.6s;	-ms-transition-duration: 0.6s;	-o-transition-duration: 0.6s;	transition-duration: 0.6s; }
.speed-animation .solution-active ul li.active svg{width:30px; height: 30px; transform: none !important; }


.button-terra23 svg path, .button-terra24 svg path, .button-terra25 svg path, .button-terra26 svg path{display: block; fill:#fff;  animation: svgani3 .5s infinite alternate; animation-iteration-count: 1;} 



@keyframes svgani3 {
	from {   }
	50% {  fill: initial;   }
	to {   }
}

@keyframes pound23 {
	from {   }
	50% {    display: block; opacity: 1;  filter: blur(0) ; -webkit-filter:blur(0); background-color: #FDCD32; transform: scale(1) }
	to {   display: block;opacity: 1}
}

@keyframes pound24 {
	from {   }
	50% {    display: block; opacity: 1;  filter: blur(0) ; -webkit-filter:blur(0); background-color: #EA7024; transform: scale(1.3)}
	to {   display: block;opacity: 1}
}
@keyframes pound25 {
	from {   }
	50% {    display: block; opacity: 1;   filter: blur(0) ; -webkit-filter:blur(0); background-color: #1CA5D9; transform: scale(1.3); }
	to {   display: block;opacity: 1}
}
@keyframes pound26 {
		from {   }
	50% {    display: block; opacity: 1;  filter: blur(0) ; -webkit-filter:blur(0); background-color: #EA2471; transform: scale(1.3)}
	to {   display: block;opacity: 1}
}


/* typing-text CSS */

/* */
.typing-text-cloud p{
  color: #fff; 
 margin:0;
 text-transform:uppercase;
 white-space: nowrap;
 overflow: hidden;
 font: bold 100% montserratregular;
 width: 16.5em;
 width: 13ch;
 -webkit-animation: type11 1s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
}
@-webkit-keyframes type11 { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }

.typing-text-cloud p:nth-child(2){
  -webkit-animation: type12 2s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
}

@-webkit-keyframes type12 { 0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; }  }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }

  
.typing-text-width p{
 color: #fff; 
 margin:0;
 text-transform:uppercase;
 white-space: nowrap;
 overflow: hidden;
 font: bold 100% montserratregular;
 width: 16.5em;
 width: 13ch;
 -webkit-animation: type9 1s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
}
@-webkit-keyframes type9 { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }


.typing-text-width p:nth-child(2){
  -webkit-animation: type10 2s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
 }
 
 @-webkit-keyframes type10 { 0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; }  }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }

/*digital transformation */
.typing-text p{
 color: #fff; 
 margin:0;
 text-transform:uppercase;
 white-space: nowrap;
 overflow: hidden;
 font: bold 100% montserratregular;
 width: 16.5em;
 width: 20ch;
 -webkit-animation: type 1s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
}
@-webkit-keyframes type { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }

.typing-text p:nth-child(2){
 -webkit-animation: type2 2s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
}

@-webkit-keyframes type2 { 0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; }  }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }
 

/*digital transformation ends */




/*software */
.typing-text-software p{
 color: #000; 
 margin:0;
 text-transform:uppercase;
 white-space: nowrap;
 overflow: hidden;
 font: bold 100% montserratregular;
 width: 16.5em;
 width: 20ch;
 -webkit-animation: type1 1s steps(21, end),
	           blink-caret .5s step-end infinite alternate;
}

@-webkit-keyframes type1 { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }

.typing-text-software p:nth-child(2){
  -webkit-animation: type3 2s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
 }

 @-webkit-keyframes type3 { 0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; }  }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }
 /*software ends */



 /*support */

 .typing-text-support p{
  color: #fff; 
  margin:0;
 text-transform:uppercase;
 white-space: nowrap;
 overflow: hidden;
 font: bold 100% montserratregular;
 width: 16.5em;
 width: 16ch !important;
 -webkit-animation: type4 1s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
 }
 
 @-webkit-keyframes type4 { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }
 
 .typing-text-support p:nth-child(2){
    -webkit-animation: type5 2s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
  }
 
@-webkit-keyframes type5 { 0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; }  }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }

   .typing-text-support-product p{
    color: #fff; 
    margin:0;
 text-transform:uppercase;
 white-space: nowrap;
 overflow: hidden;
 font: bold 100% montserratregular;
 width: 16.5em;
 width: 13ch;
 -webkit-animation: type14 1s steps(21, end),
	           blink-caret .5s step-end infinite alternate;  
   }
   
@-webkit-keyframes type14 { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }  

.typing-text-support-product p:nth-child(2){
   -webkit-animation: type15 2s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
   }
@-webkit-keyframes type15 { 0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; }  }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } } 


.typing-text-support-managed p{
  color: #fff; 
  margin:0;
 text-transform:uppercase;
 white-space: nowrap;
 overflow: hidden;
 font: bold 100% montserratregular;
 width: 16.5em;
 width: 13ch;
 -webkit-animation: type16 1s steps(21, end),
	           blink-caret .5s step-end infinite alternate;
   }
@-webkit-keyframes type16 { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }   

.typing-text-support-managed p:nth-child(2){
    -webkit-animation: type17 2s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
   }
@-webkit-keyframes type17 { 0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; }  }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }  


.typing-text-solution p{
  color: #000; 
  margin:0;
 text-transform:uppercase;
 white-space: nowrap;
 overflow: hidden;
 font: bold 100% montserratregular;
 width: 16.5em;
 width: 20ch;
 -webkit-animation: type4 1s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
}
@-webkit-keyframes type4 { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }
 
 .typing-text-solution p:nth-child(2){
   -webkit-animation: type5 2s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
}

@-webkit-keyframes type5 { 0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; }  }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }


   
   /*support ends */
  





   /*solution */

 .typing-text-solution p{
  color: #000; 
   margin:0;
 text-transform:uppercase;
 white-space: nowrap;
 overflow: hidden;
 font: bold 100% montserratregular;
 width: 16.5em;
 width: 20ch;
 -webkit-animation: type4 1s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
}
@-webkit-keyframes type4 { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }
 
 .typing-text-cloud p:nth-child(2){
  -webkit-animation: type5 2s steps(21, end),
	           blink-caret .5s step-end infinite alternate; 
}

@-webkit-keyframes type5 { 0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; }  }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }
   
   /*solution ends */
  


   svg#Layer_2{
   vertical-align: middle;
   }

    svg#Layer_1{
   vertical-align: middle;
    }




    @media screen and (max-width: 420px){

    .solution-active ul li.active .bub-large svg{width:25px !important; height:25px !important; }

    .software-active ul li.active .bub-large svg{width:25px !important; height:25px !important; }
    
    .support-active ul li.active .bub-large svg{width:25px !important; height:25px !important; }
    
    .digital-active ul li.active .bub-large svg{width:25px !important; height:25px !important; }
    }



.pulse1::before,
.pulse1::after {
  content: "";
  display: block;
  position: absolute;
  border: 1px solid #FDCD32;
  left: -2px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  border-radius: 50%;
  animation: animate1 3s linear infinite;
  backface-visibility: hidden;
}

@keyframes animate1 {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}