.arrow-icon,
.leadership-icon,
.calture-icon,
.platform-icon,
.time-icon,
.volume-icon,
.cycle-icon,
.device-icon,
.cases-icon,
.staff-icon,
.left-arrow,
.insta-icon,
.fb-icon,
.linkedin-icon,
.title-icon,
.logo-icon,
.centralized-icon,
.growth-icon,
.confidential-icon,
.wave-shape-icon,
.questionmark-icon,
.integration-icon,
.transaction-icon,
.blueprint-icon,
.diligence-icon,
.three-shape-icon,
.three-shape-big-icon,
.footer-shape,
.scheduling-icon,
.map-icon,
.support-icon,
.border-map-icon,
.border-phone-icon,
.border-link-icon,
.menu-bar {
display: inline-block;
/* cursor: pointer; */
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
transition: all .5s ease;
}
.arrow-icon {
position: relative;
top: -2px;
background-color: #fff;
width: 22px;
height: 15px;
vertical-align: middle;
--svg: url('data:image/svg+xml,');
}
.leadership-icon {
background-color: rgba(24, 54, 141, 1);
width: 45px;
height: 61px;
--svg: url('data:image/svg+xml,');
}
.calture-icon {
background-color: rgba(24, 54, 141, 1);
width: 61px;
height: 61px;
--svg: url('data:image/svg+xml,');
}
.platform-icon {
background-color: rgba(24, 54, 141, 1);
width: 62px;
height: 61px;
--svg: url('data:image/svg+xml,');
}
.time-icon {
background-color: rgba(24, 54, 141, 1);
width: 60px;
height: 59px;
--svg: url('data:image/svg+xml,');
}
.volume-icon {
background-color: rgba(24, 54, 141, 1);
width: 43px;
height: 59px;
--svg: url('data:image/svg+xml,');
}
.cycle-icon {
background-color: rgba(24, 54, 141, 1);
width: 58px;
height: 59px;
--svg: url('data:image/svg+xml,');
}
.device-icon {
background-color: rgba(24, 54, 141, 1);
width: 52px;
height: 60px;
--svg: url('data:image/svg+xml,');
}
.cases-icon {
background-color: rgba(24, 54, 141, 1);
width: 60px;
height: 60px;
--svg: url('data:image/svg+xml,');
}
.staff-icon {
background-color: rgba(24, 54, 141, 1);
width: 60px;
height: 60px;
--svg: url('data:image/svg+xml,');
}
.left-arrow {
background-color: rgba(24, 54, 141, 1);
width: 39px;
height: 15px;
--svg: url('data:image/svg+xml,');
}
.insta-icon {
background-color: rgba(8, 24, 77, 1);
width: 32px;
height: 32px;
--svg: url('data:image/svg+xml,');
}
.fb-icon {
background-color: rgba(8, 24, 77, 1);
width: 32px;
height: 32px;
--svg: url('data:image/svg+xml,');
}
.linkedin-icon {
background-color: rgba(8, 24, 77, 1);
width: 32px;
height: 32px;
--svg: url('data:image/svg+xml,');
}
.title-icon {
background-color: rgba(195, 31, 39, 1);
width: 100px;
height: 106px;
--svg: url('data:image/svg+xml,');
vertical-align: middle;
}
.centralized-icon {
background-color: rgba(24, 54, 141, 1);
width: 60px;
height: 60px;
--svg: url('data:image/svg+xml,');
}
.growth-icon {
background-color: rgba(24, 54, 141, 1);
width: 60px;
height: 60px;
--svg: url('data:image/svg+xml,');
}
.confidential-icon {
background-color: rgba(191, 231, 255, 1);
width: 111px;
height: 132px;
--svg: url('data:image/svg+xml,');
}
.wave-shape-icon {
background-color: rgba(199, 216, 239, 0.10);
width: 1075px;
height: 166px;
--svg: url('data:image/svg+xml,');
}
.questionmark-icon {
background-color: rgba(33, 64, 154, 1);
width: 60px;
height: 60px;
--svg: url('data:image/svg+xml,');
}
.integration-icon {
background-color: rgba(191, 231, 255, 1);
width: 129px;
height: 122px;
--svg: url('data:image/svg+xml,');
}
.transaction-icon {
background-color: rgba(191, 231, 255, 1);
width: 105px;
height: 105px;
--svg: url('data:image/svg+xml,');
}
.blueprint-icon {
background-color: rgba(191, 231, 255, 1);
width: 107px;
height: 132px;
--svg: url('data:image/svg+xml,');
}
.diligence-icon {
background-color: rgba(191, 231, 255, 1);
width: 121px;
height: 121px;
--svg: url('data:image/svg+xml,');
}
.three-shape-icon {
background-color: rgba(240, 246, 253, 1);
width: 495px;
height: 478px;
--svg: url('data:image/svg+xml,');
}
.three-shape-big-icon {
background-color: rgba(244, 244, 244, 1);
width: 721px;
height: 717px;
--svg: url('data:image/svg+xml,');
}
.footer-shape {
background-color: #F2F5FF;
width: 813px;
height: 785px;
--svg: url('data:image/svg+xml,');
}
.scheduling-icon {
background-color: rgba(33, 64, 154, 1);
width: 60px;
height: 60px;
--svg: url('data:image/svg+xml,');
}
.map-icon {
background-color: rgba(33, 64, 154, 1);
width: 60px;
height: 60px;
--svg: url('data:image/svg+xml,');
}
.support-icon {
background-color: rgba(33, 64, 154, 1);
width: 60px;
height: 60px;
--svg: url('data:image/svg+xml,');
}
.border-map-icon {
background-color: rgba(8, 24, 77, 1);
width: 60px;
height: 60px;
--svg: url('data:image/svg+xml,');
}
.border-phone-icon {
background-color: rgba(8, 24, 77, 1);
width: 60px;
height: 60px;
--svg: url('data:image/svg+xml,');
}
.border-link-icon {
background-color: rgba(8, 24, 77, 1);
width: 60px;
height: 60px;
--svg: url('data:image/svg+xml,');
}
.menu-bar {
background-color: #fff;
width: 31px;
height: 21px;
--svg: url('data:image/svg+xml,');
}