OwlCyberSecurity - MANAGER

Edit File: imagebox.css

.lakit-imagebox.floating-style .lakit-imagebox__body, .lakit-imagebox.style-modern .lakit-imagebox__body {
	border-radius: 10px;
	box-shadow: -1.216px 6.894px 25px 0 rgba(0, 0, 0, .07);
	margin-left: auto;
	margin-right: auto
}
.lakit-imagebox__title_icon svg, .lakit-imagebox__top_icon_inner svg {
	width: 1em;
	height: 1em
}
.lakit-imagebox {
	transition: .4s;
	--lakit-imagebox-icon-spacing: 10px;
	--lakit-imagebox-icon-vspacing: 0
}
.lakit-imagebox > a {
	text-decoration: none;
	outline: 0
}
.lakit-imagebox__header {
	transition: .4s;
	position: relative;
	overflow: hidden
}
.lakit-imagebox__header img {
	display: block;
	transition: .4s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.lakit-imagebox__title_icon, .lakit-imagebox__title_icon i, .lakit-imagebox__title_icon svg, .lakit-imagebox__title_text, .lakit-imagebox__top_icon_inner, .lakit-imagebox__top_icon_inner svg {
	vertical-align: middle;
	display: inline-block
}
.lakit-imagebox__content-align-center {
	text-align: center
}
.lakit-imagebox__content-align-center img {
	margin: 0 auto
}
.lakit-imagebox__content-align-left {
	text-align: left
}
.lakit-imagebox__content-align-left img {
	margin-right: auto
}
.lakit-imagebox__content-align-right {
	text-align: right
}
.lakit-imagebox__content-align-right img {
	margin-left: auto
}
.lakit-imagebox__body {
	padding: 2rem;
	position: relative
}
.lakit-imagebox__button_wrapper {
	line-height: 1;
	margin-top: 20px
}
.lakit-imagebox__desc, .lakit-imagebox__title {
	margin: 0 0 1rem;
	transition: .4s
}
.lakit-imagebox__title {
	font-size: 1.5rem
}
.lakit-imagebox__title a {
	color: inherit;
	line-height: inherit;
	text-decoration: inherit
}
.lakit-imagebox__title_text + .lakit-imagebox__title_icon {
	padding-left: var(--lakit-imagebox-icon-spacing);
	padding-right: 0
}
.lakit-imagebox__title_icon {
	padding-right: var(--lakit-imagebox-icon-spacing);
	transform: translateY(var(--lakit-imagebox-icon-vspacing))
}
.lakit-imagebox.hover-border-bottom .lakit-imagebox__body, .lakit-imagebox.shadow-line .lakit-imagebox__body {
	position: relative
}
.lakit-imagebox.hover-border-bottom .lakit-imagebox__body:before {
	position: absolute;
	content: "";
	bottom: -1px;
	left: 0;
	height: 3px;
	width: 100%;
	background-color: var(--lakit-primary-color);
	transition: transform 250ms ease-in;
	transform: scaleX(0);
	transform-origin: 0 50%
}
.lakit-imagebox.hover-border-bottom.hover_from_left .lakit-imagebox__body {
	transform-origin: right center
}
.lakit-imagebox.hover-border-bottom.hover_from_center .lakit-imagebox__body {
	transform-origin: center center
}
.lakit-imagebox.hover-border-bottom:hover .lakit-imagebox__body:before {
	transform: scaleX(1);
	transform-origin: 100% 50%
}
.lakit-imagebox.hover-border-bottom:hover.hover_from_left .lakit-imagebox__body {
	transform-origin: left center
}
.lakit-imagebox.hover-border-bottom:hover.hover_from_center .lakit-imagebox__body {
	transform-origin: center center
}
.lakit-imagebox.style-modern {
	overflow: inherit
}
.lakit-imagebox.style-modern .lakit-imagebox__body {
	background-color: rgba(255, 255, 255, .9);
	width: calc(100% - 40px);
	padding: 30px 40px;
	position: relative;
	z-index: 2;
	margin-top: -20px
}
.lakit-imagebox.floating-style .lakit-imagebox__body {
	background-color: #fff;
	width: calc(100% - 40px);
	position: relative;
	padding: 30px 35px;
	transition: .4s;
	height: 90px;
	margin-top: -40px
}

.lakit-imagebox.floating-style .lakit-imagebox__body:after {
	bottom: -20px;
	width: calc(100% - 40px);
	z-index: -2
}
.lakit-imagebox.floating-style .lakit-iconbox__button_wrapper, .lakit-imagebox.floating-style .lakit-imagebox__desc {
	opacity: 0;
	transition: .4s ease-in-out
}
.lakit-imagebox.floating-style:hover .lakit-imagebox__body {
	height: 220px
}
.lakit-imagebox.floating-style:hover .lakit-iconbox__button_wrapper, .lakit-imagebox.floating-style:hover .lakit-imagebox__body:after, .lakit-imagebox.floating-style:hover .lakit-imagebox__body:before, .lakit-imagebox.floating-style:hover .lakit-imagebox__desc {
	opacity: 1
}
.lakit-imagebox.style-sideline .lakit-imagebox__body {
	padding-left: 0;
	padding-right: 0
}
.lakit-imagebox.style-sideline .lakit-imagebox__body_inner {
	padding-left: 40px;
	padding-right: 40px;
	border-style: solid;
	border-color: var(--lakit-primary-color);
	border-top-width: 0 !important;
	border-bottom-width: 0 !important;
	transition: border-color .3s
}
.lakit-imagebox.style-sideline.lakit-imagebox__content-align-right .lakit-imagebox__body_inner, .rtl .lakit-imagebox.style-sideline.lakit-imagebox__content-align-center .lakit-imagebox__body_inner {
	border-left-width: 0 !important
}
.lakit-imagebox.style-sideline.lakit-imagebox__content-align-left .lakit-imagebox__body_inner, .ltr .lakit-imagebox.style-sideline.lakit-imagebox__content-align-center .lakit-imagebox__body_inner {
	border-right-width: 0 !important
}
.lakit-imagebox.style-sideline .lakit-iconbox__button_wrapper {
	padding-left: 40px;
	padding-right: 40px
}
.lakit-imagebox.shadow-line .lakit-imagebox__body:after, .lakit-imagebox.shadow-line .lakit-imagebox__body:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	height: 100%;
	background-color: #fff;
	width: 10px;
	box-shadow: -1.216px 6.894px 15px 0 rgba(0, 0, 0, .07)
}
.lakit-imagebox.shadow-line .lakit-imagebox__body:after {
	left: inherit;
	right: 0;
	height: calc(100% + 40px)
}
.lakit-imagebox__top_icon_inner {
	font-size: 3em;
	text-align: center;
	transition: .3s
}
.lakit-imagebox__header:before {
	content: '';
	position: absolute;
	z-index: 1;
	transition: .5s
}
.lakit-imagebox.text-center .lakit-imagebox__header {
	margin-left: auto;
	margin-right: auto
}
.lakit-imagebox.text-right .lakit-imagebox__header {
	margin-left: auto
}