/*
Theme Name:   OOm Elementor Child
Theme URI:    https://oom.com.sg
Description:  Child theme for OOm Elementor
Author:       Your Name
Author URI:   https://oom.com.sg
Template:     oom-elementor
Version:      1.0.0
*/

html,
body {
	overflow-x: hidden;
}

/** Mobile Slide Menu **/
.oom-mobile-logo img {
	width: 80px;
}

.mm-hidden + .mm-navbar__breadcrumbs {
	visibility: hidden;
}

.mm-navbar__breadcrumbs a,
.mm-navbar__breadcrumbs span.mm-separator {
	display: none;
}

.mm-listitem {
	position: unset;
}

.mm-listitem__btn:not(.mm-listitem__text) {
	border-left-width: 0px;
}

/** Payment Gateway **/
.hitpay-payment-gateway-form {
	flex-wrap: inherit;
}

/** Elementor Login Ajax **/
.elementor-message-success {
	color: green;
}

.elementor-message-danger {
	color: red;
}

/** Hide Default Arrows **/
.swiper-button-next::after, 
.swiper-button-prev::after {
	content: ""!important;
}
.swiper-button-next,
.swiper-button-prev {
	background-image: none;
}

.swiper-button-next:after, 
.swiper-button-prev:after {
	display: none;
}

/** Custom Display Ratings/Stars **/
.fa-star.checked {
	color: #F4D174;
}

.fa-star {
	color: #808080;
}

/** Cover Spin Loading **/
#oom-cover-spin {
	position:fixed;
	width:100%;
	left:0;right:0;top:0;bottom:0;
	background-color: rgba(255,255,255,0.7);
	z-index:9999;
	display:none;
}

#oom-cover-spin::after {
	content:'';
	display:block;
	position:absolute;
	left:calc(50% - 22px);
	top:calc(50% - 22px);
	width:44px;
	height:44px;
	border-style:solid;
	border-color:black;
	border-top-color:transparent;
	border-width: 4px;
	border-radius:50%;
	-webkit-animation: spin .8s linear infinite;
	-moz-animation: spin .8s linear infinite;
	animation: spin .8s linear infinite;
}

#oom-cart-cover-spin {
	position:absolute;
	width:100%;
	left:0;right:0;top:0;bottom:0;
	background-color: rgba(255,255,255,0.7);
	z-index:9999;
	display:none;
}

#oom-cart-cover-spin::after {
	content:'';
	display:block;
	position:absolute;
	left:calc(50% - 22px);
	top:calc(50% - 22px);
	width:44px;
	height:44px;
	border-style:solid;
	border-color:black;
	border-top-color:transparent;
	border-width: 4px;
	border-radius:50%;
	-webkit-animation: spin .8s linear infinite;
	-moz-animation: spin .8s linear infinite;
	animation: spin .8s linear infinite;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

/** Responsive **/
@media (max-width: 1920px) {

}

@media (max-width: 1440px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 1024px) {

}

/*
 * Surface Pro
 */
@media (max-width: 912px) {

}

/*
 * iPad Air
 */
@media (max-width: 820px) {

}

/*
 * iPad 9th
 */
@media (max-width: 810px) {

}

/*
 * iPad Mini
 */
@media (max-width: 768px) {

}

@media (max-width: 480px) {

}

@media (max-width: 414px) {

}

/*
 * iPhone 14/15
 */
@media (max-width: 395px) {

}

@media (max-width: 375px) {

}

@media (max-width: 360px) {

}

@media (max-width: 320px) {

}

@media (max-width: 280px) {

}


.oom-number-box {
    width: 48px;
    height: 48px;
    background: #B0E8FF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

@media(min-width:767.98px){
	.oom-hover-box {
		width: 100% !important;
		transition: 0.3s;
	}

	.oom-hover-box:hover {
		width: 140% !important;
		transition: 0.3s;
	}

	.oom-hover-box-content{
		max-height:0px;
		visibility: hidden;
		transition: 0.3s;
	}

	.oom-hover-box:hover .oom-hover-box-content{
		max-height: 500px;
		visibility: visible;
		transition: 0.3s;
	}
	.oom-number-listing-num:after {
		content: "";
		background: #1C9ACA;
		position: relative;
		height: 83px;
		width: 1px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
	}

}


.oom-solution-carousel img{
	max-height: 56px;
	object-fit: contain;
}