.hardware-software > .row {
  display: flex;
  flex-wrap: wrap
}
.hardware-software svg {
  width: 100%
}
.hardware-software .hardware,
.hardware-software .software {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px
}
.hardware-software .hardware .resources-link,
.hardware-software .software .resources-link {
  text-align: center;
  margin-top: 50px
}
.hardware-software .hardware h5,
.hardware-software .software h5 {
  color: #112868;
  font-weight: 700;
  margin-bottom: 8px
}
.hardware-software .hardware-graphic,
.hardware-software .software-graphic {
  margin-top: auto
}
.hardware-software .software .resources-link {
  margin-left: 85px
}
@media (max-width:991px) {
  .hardware-software .software .resources-link {
    margin-left: 0
  }
}
.hardware-software .software .software-graphic svg {
  position: relative;
  top: 20px
}
.icon-item {
  transform: translate(0,0);
  transition: all .5s ease-in-out
}
.item-box.active {
  transform: translateY(-10px)
}
.sft0 {
  clip-path: url(#SVGID_00000158023276025291363840000011655003443922415489_)
}
.sft1 {
  fill: #10214c
}
.sft2 {
  opacity: .6
}
.sft3 {
  fill: #5a7dae
}
.sft4 {
  opacity: .4;
  fill: #5a7dae;
  enable-background: new
}
.sft5 {
  enable-background: new
}
.sft6 {
  fill: #aeb1c1
}
.sft7 {
  fill: #797e93
}
.sft8 {
  fill: #dde0ed
}
.sft9 {
  fill: #fff
}
.sft10 {
  fill: #393f4f
}
.sft11 {
  fill: #2a2e3a
}
.sft12 {
  fill: #eff1f9
}
.sft13 {
  fill: #454c5b
}
.sft14 {
  fill: #27aae1
}
.sft15 {
  fill: url(#SVGID_00000122679244533497984570000012280128123156882838_)
}
.sft16 {
  fill: #4f5360
}
.sft17 {
  fill: #112868
}
.sft18 {
  fill: #75c044
}
.sft19 {
  opacity: .2;
  fill: #010b16;
  enable-background: new
}
.sft20 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #fff
}
.sft21 {
  fill: #084cc8
}
.sft22 {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10
}
.sft23 {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: square;
  stroke-linejoin: round;
  stroke-miterlimit: 10
}
.sft24 {
  fill: #464646;
  stroke: #fff;
  stroke-width: 2;
  stroke-miterlimit: 10
}
.sft25 {
  fill: #7b71ff
}
.sft26 {
  fill: #7b71ff;
  stroke: #fff;
  stroke-width: 1.0508;
  stroke-linejoin: round;
  stroke-miterlimit: 10
}
.sft27 {
  fill: #23dce1
}
.sft28 {
  fill: #fed314
}
.sft29 {
  fill: #edafb8
}
.st0 {
  opacity: .7
}
.st1 {
  opacity: 0
}
.st2 {
  fill: #fff
}
.st3 {
  opacity: 3
}
.st4 {
  fill: #fdfdfe
}
.st5 {
  opacity: 6
}
.st6 {
  fill: #fafbfe
}
.st7 {
  opacity: 9
}
.st8 {
  fill: #f8f9fd
}
.st9 {
  opacity: .1
}
.st10 {
  fill: #f6f7fc
}
.st11 {
  opacity: .2
}
.st12 {
  fill: #f3f5fc
}
.st13 {
  opacity: .2
}
.st14 {
  fill: #f1f3fb
}
.st15 {
  opacity: .2
}
.st16 {
  fill: #eff1fa
}
.st17 {
  opacity: .3
}
.st18 {
  fill: #eceffa
}
.st19 {
  opacity: .3
}
.st20 {
  fill: #eaedf9
}
.st21 {
  opacity: .3
}
.st22 {
  fill: #e8ebf9
}
.st23 {
  opacity: .3
}
.st24 {
  fill: #e5e9f8
}
.st25 {
  opacity: .4
}
.st26 {
  fill: #e3e7f7
}
.st27 {
  opacity: .4
}
.st28 {
  fill: #e1e5f7
}
.st29 {
  opacity: .4
}
.st30 {
  fill: #dee3f6
}
.st31 {
  opacity: .5
}
.st32 {
  fill: #dce1f5
}
.st33 {
  opacity: .5
}
.st34 {
  fill: #dadef5
}
.st35 {
  opacity: .5
}
.st36 {
  fill: #d8dcf4
}
.st37 {
  opacity: .6
}
.st38 {
  fill: #d5daf3
}
.st39 {
  opacity: .6
}
.st40 {
  fill: #d3d8f3
}
.st41 {
  opacity: .6
}
.st42 {
  fill: #d1d6f2
}
.st43 {
  opacity: .6
}
.st44 {
  fill: #ced4f1
}
.st45 {
  opacity: .7
}
.st46 {
  fill: #ccd2f1
}
.st47 {
  opacity: .7
}
.st48 {
  fill: #cad0f0
}
.st49 {
  opacity: .7
}
.st50 {
  fill: #c7cef0
}
.st51 {
  opacity: .8
}
.st52 {
  fill: #c5ccef
}
.st53 {
  opacity: .8
}
.st54 {
  fill: #c3caee
}
.st55 {
  opacity: .871
}
.st56 {
  fill: #c0c8ee
}
.st57 {
  opacity: .9032
}
.st58 {
  fill: #bec6ed
}
.st59 {
  opacity: .9355
}
.st60 {
  fill: #bcc4ec
}
.st61 {
  opacity: .9677
}
.st62 {
  fill: #b9c2ec
}
.st63 {
  fill: #b7c0eb
}
.st64 {
  fill: url(#SVGID_1_)
}
.st65 {
  fill: #e4e7fb
}
.st66 {
  fill: #eff1fe
}
.st67 {
  clip-path: url(#SVGID_00000177484895035526167250000001164172543692659886_)
}
.st68 {
  enable-background: new
}
.st69 {
  fill: #bcbec0
}
.st70 {
  fill: url(#SVGID_00000107564581774969500810000015785747168090184344_)
}
.st71 {
  fill: url(#SVGID_00000175304730488177407110000008428828811569045423_)
}
.st72 {
  fill: #184eae
}
.st73 {
  fill: #fdfcff
}
.st74 {
  fill: #2859b4
}
.st75 {
  fill: #a7b5e5
}
.st76 {
  fill: #3865ba
}
.st77 {
  fill: #c4ccf1
}
.st78 {
  fill: #587cc6
}
.st79 {
  fill: #6887cd
}
.st80 {
  fill: #cfd5f5
}
.st81 {
  fill: #879ed9
}
.st82 {
  fill: #97a9df
}
.st83 {
  opacity: .2;
  fill: #231f20;
  enable-background: new
}
.st84 {
  fill: #112868
}
.st85 {
  opacity: .31
}
.st86 {
  fill: #5784d5
}
.st87 {
  fill: none;
  stroke: #008fd5;
  stroke-width: .8282;
  stroke-miterlimit: 10
}
.st88 {
  fill: #23dce1
}
.st89 {
  fill: #112868
}
.st90 {
  fill: #23dce1
}
.st91 {
  fill: #8fefea
}
.st92 {
  opacity: .28;
  fill: #fff;
  enable-background: new
}
.st93 {
  fill: #f7f7fc
}
.st94 {
  fill: #d0d4f6
}
.st95 {
  fill: url(#SVGID_00000020356524129515438670000005484584388258251443_)
}
.st96 {
  fill: #084cc8
}
.st97 {
  fill: #c1cbd1
}
.st98 {
  fill: #23dce1
}
.st99 {
  fill: url(#SVGID_00000146471952968242911350000014795943695133142716_)
}
.st100 {
  fill: #20196f
}
.st101 {
  fill: #003049
}
.st102 {
  fill: url(#SVGID_00000152258798172233152480000017523030347390453643_)
}
.st103 {
  fill: #464646
}
.st104 {
  fill: #191915
}
.st105 {
  fill: #ffd0cc
}
.st106 {
  fill: #244072
}
.st107 {
  fill: #9ea7ad
}
.st108 {
  fill: #e6e6e6
}
.st109 {
  fill: url(#SVGID_00000031905206438867443410000013618339938211333273_)
}
.st110 {
  fill: url(#SVGID_00000044177374265714428510000001734004878064036524_)
}
.st111 {
  fill: url(#SVGID_00000030468904248020172360000001540295532269644986_)
}
.st112 {
  fill: url(#SVGID_00000169549051222776154580000016692707466642459315_)
}
.st113 {
  fill: #017978
}
.st114 {
  fill: #75c044
}
.st115 {
  fill: url(#SVGID_00000042004926063037816900000007853008167392634797_)
}
.st116 {
  fill: url(#SVGID_00000026876654544056224860000014358144301559217823_)
}
.st117 {
  fill: #1e1c6b
}
.st118 {
  fill: #facfa7
}
.st119 {
  fill: url(#SVGID_00000000934332027191496020000003845337739498539683_)
}
.st120 {
  fill: url(#SVGID_00000114071109293895627300000013991425460131131546_)
}
.st121 {
  fill: #c04452
}
.st122 {
  fill: #edafb8
}
.st123 {
  fill: url(#SVGID_00000132793191914184937270000013723176199513544607_)
}
.st124 {
  fill: url(#SVGID_00000169532919340592771440000014692484923421811342_)
}
.st125 {
  fill: url(#SVGID_00000065044001808546755050000000504568331638001811_)
}
.st126 {
  fill: url(#SVGID_00000083057667372759338220000005982640214048175805_)
}
.st127 {
  fill: url(#SVGID_00000044173352713977851670000002764612348560415911_)
}
.st128 {
  fill: url(#SVGID_00000003789369308367212750000012087641233853670303_)
}
.st129 {
  fill: url(#SVGID_00000173842023320798319070000014523514581018528925_)
}
.st130 {
  fill: none;
  stroke: #fed314
}
.st131 {
  fill: #fff;
  stroke: #fed314
}
.st132 {
  fill: none;
  stroke: #7b71ff
}
.st133 {
  fill: #fff;
  stroke: #7b71ff
}
.st134 {
  fill: none;
  stroke: #edafb8
}
.st135 {
  fill: #fff;
  stroke: #edafb8
}
.st136 {
  fill: none;
  stroke: #23dce1
}
.st137 {
  fill: #fff;
  stroke: #23dce1
}
.st138 {
  fill: none;
  stroke: #112868
}
.st139 {
  fill: #fff;
  stroke: #112868
}
.st140 {
  opacity: .28
}
.st141 {
  clip-path: url(#SVGID_00000174567454817392248830000005154069578830858113_)
}
.st142 {
  opacity: .34
}
.st143 {
  fill: none
}
.st144 {
  opacity: .51
}
.st145 {
  opacity: .74
}
.st146 {
  opacity: .47
}
.st147 {
  opacity: .58
}
.st148 {
  opacity: .57
}
.st149 {
  fill: #7b71ff
}
.st150 {
  opacity: .18
}
.st151 {
  fill: #fed314
}
.st152 {
  fill: #ffecbc
}
.st153 {
  clip-path: url(#SVGID_00000039842824805897100080000001160064964732010632_)
}
.st154 {
  clip-path: url(#SVGID_00000163035821977915673470000002276622960401179279_);
  fill: url(#SVGID_00000105384810253507172540000008195879047789632940_)
}
.st155 {
  opacity: .77;
  fill: url(#SVGID_00000113341218171342401010000015646860170096529545_);
  enable-background: new
}