/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 3.0
*/

.design_name a:hover {
    color: #00aeef!important;
}

.header-transparent.ab-hide #Top_bar{
	top:0 !important;
}
.products-title h6.title {
    min-height: 56px;
}
.social-container ul {
    display: flex;
    flex-direction: row;
    list-style: none;
    font-size: 18px;
		margin-left: 10px;
}
li.social-icon a {
    color: #000;
    margin: 0 20px;
}
hr.no_line {
    margin: 0 !important;
}
.social-container {
    margin-top: -15px;
}
.button-custom input[type="submit"]{
	padding:10px 20px;
	background-color:#00AEEF;
		border-color:#00AEEF;
}
.button-custom input[type="submit"]:hover{
	background-color:#00AEEF;
		border-color:#00AEEF;
}
.mcb-column-inner.mcb-column-inner-1da4dacda.mcb-item-lottie-inner {
    margin: 0;
}
.footer-widgets {
    display: flex;
	gap: 2rem;
}
/* .footer-menu {
    margin-right: 20px;
} */
#Top_bar .menu > li > a span:not(.description){
	padding:0 15px;
}
.column.mcb-column.mcb-item-nus9am7sq.one.tablet-one.mobile-one.column_image_gallery {
    margin-left: 20px;
    margin-top: -69px;
}


img.attachment-thumbnail.size-thumbnail {
    width: 60px !important;
    margin: auto;
}
.mcb-section .mcb-wrap .mcb-item-ef776c899 .mfn-lottie-wrapper .lottie {
    width: 60px !important;
}
.mcb-section .mcb-wrap .mcb-item-5621e92e5 .mfn-lottie-wrapper .lottie{
		width: 60px !important;
}
p.form-line {
    font-size: 18px;
}
.section_wrapper.mcb-section-inner.mcb-section-inner-ae3e6527c {
    border-bottom: 1px solid #a1a1a1;
}

.title-height .elementor-image-box-title {
    min-height: 56px;
}

#btimeline-510 .timeline__content h2 {
    margin: 0px;
}

tr.tb-th {
    background-color: #e4f6fd;
}

.page-id-907 .tab-sep .elementor-accordion .elementor-accordion-item {
    border: 1px solid #d4d4d4;
    margin-bottom: 10px;
}

.page-id-907 .tab-sep .elementor-accordion .elementor-accordion-item+.elementor-accordion-item {
   border: 1px solid #d4d4d4!important
}

.tl {
    text-align: left;
    padding-left: 20px;
}

.gridForm {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
	gap: 1rem;
}

button.swal2-close {
    padding: 0px !important;
    background: none;
    color: #fff !important;
	}

button.swal2-close:hover {
    background: #017fe4 !important;
}

.tab-width td{
	width:0;
}

#btimeline-510 .timeline__content{
border: none !important;	background:transparent!important;
	background: #fff;
   
}

.timeline--horizontal .timeline__item .timeline__content:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(100%);
    top: 100%;
	
}
.value-section .elementor-widget-container {
    min-height: 196px;
}

.table_tophead {
    border-style: solid;
    border-width: 1px;
    border-color: #B9B3B32B;
}

.table_tophead tr:nth-child(1) {
	 background: #E4F6FD!important;
   text-align: left!important;
   color: #000000!important;
	 font-size: 16px!important;
	 font-weight: 600;
}

td {
    text-align: left!important;
    padding: 10px!important;
}

th {
    background: #E4F6FD!important;
    text-align: left!important;
    color: #000000!important;
	font-size: 16px!important;
}

.product_table {
    margin: 0px;
}
.timeline--horizontal .timeline__item:after{
	left: 30%;
}
#btimeline-510 .timeline-nav-button {
    background-color: #fff;
    border: 1px solid #00aeef !important;
    padding: 15px;
}

/* Dropdown */

.product_dropdown a{
	padding: 15px !important;
}

/* Products */

.product_section_main{
	columns: 3;
}

.alphabet{
	break-inside: avoid;
}

.product_section h2{
	text-align: center;
}

.product_section_main h3{
	color: #00AEEF;
	margin: 0;
}

.product_section_main .underline{
	display: block;
  height: 2px;
  width: 70%;
  background: #00AEEF;
  margin-bottom: 0.75rem;
}

#search_product{
	width: 75%;
	margin-inline: auto;
	padding: 0.75rem 1.5rem;
}

#search_product:focus{
	color: #000;
	border-color: #00AEEF;
}
.product_name{
	margin-bottom: 12px;
	line-height: 1.5;
}
.is-ajax-search-result {
	position:absolute;
	overflow-y:scroll;
}
.simplebar-placeholder {
	display:none;
}
.product_flex .elementor-container.elementor-column-gap-default{
	justify-content: center;
}

.product_cat .elementor-widget-wrap.elementor-element-populated img{
	transition: 0.4s ease-in-out;
	outline: 2px solid transparent;
	padding: 5px;
}

.product_cat .elementor-widget-wrap.elementor-element-populated:hover img{
	transform: translateY(-5px);
	outline-color: #00AEEF;
}

.main_logo{
	transform: translateY(15px) scale(1.5);
	filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.25));
}

.career_forms .select-caret-down-wrapper{
	display: none;
}

div.is-ajax-search-result{
	padding: 0 !important;
	z-index: 1 !important;
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}

.is-show-more-results{
	margin-top: 1px !important;
}

.is-form-style input.is-search-input{
	height: 50px;
	padding: 0 20px;
	border-radius: 50px;
}

/* Career Form */

.career_form_main{
	display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
}

.career_form_main div:has([data-name='personal_note']){
	grid-area: 3/span 4;
}

.career_form_main select{
	border-radius: 0;
}

body:not(.cf7p-message) :is(.contact_form_main, .career_form_main) .wpcf7-not-valid-tip{
	left: 0px!important;
  top: 0!important;
  width: 15px!important;
  height: 15px!important;
}

body:not(.cf7p-message) :is(.contact_form_main, .career_form_main) .wpcf7-not-valid-tip:before{
	right: 1px;
  top: 8px;
  width: 5px;
  height: 5px;
}

body:not(.cf7p-message) :is(.contact_form_main, .career_form_main) .wpcf7-not-valid-tip:after{
	left: 5px;
  top: -5px;
  font-size: 10px;
}

.career_form_main + p > .wpcf7-spinner{
	margin-bottom: -6px;
  margin-left: -50px;
}

.career_form_main + p + .wpcf7-response-output{
	font-weight: 700;
    color: #46b450;
    margin: 0;
    padding: 0;
}

.blend_img img{
	mix-blend-mode: darken;
}


.why_choose_main .elementor-icon-list-icon{
	padding-top: 8px;
}

.why_choose_main .elementor-icon-list-item{
	align-items: baseline !important;
}
 

.productCarousel_main img{
	height: 350px;
	object-fit: cover;
}

#Footer h5{
	font-weight: 600;
}

#Footer .footer_copy .copyright{
	font-size: 14px;
}

.wpb-pcf-btn-default:hover, .wpb-pcf-btn-default:focus{
	background: #00aeef !important;
}

.enquiry_main + .wpcf7-response-output{
    padding: 0 !important;
	color: #ff6868;
}

.wpcf7 form.sent .wpcf7-response-output{
	border-color: #46b450;
    color: #46b450;
    padding: 0;
    margin: 0;
}
.wpcf7-response-output{
		font-size: 12px;
		margin-left: 0;
}

.wpcf7 form.invalid .wpcf7-response-output{
  padding: 0 !important;
	color: #ff6868;
}

.elementor-item{
	text-decoration: none !important;
}

.contact-btn > .elementor-item{
	color: #FFFFFF !important;
    background-color: #00AEEF;
    border-radius: 10px 10px 10px 10px;
}

.wp-block-group a {
    word-wrap: break-word;
}


input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus{
	color: #00AEEF;
    background-color: rgba(255,255,255,1);
    border-color: #00AEEF;
}


/* Captcha Hide */

.grecaptcha-badge{
	display: none;
}

@media (max-width: 1024px){
	.career_form_main{
		grid-template-columns: auto;
	}
	.career_form_main div:has([data-name='personal_note']) {
			grid-area: 4/span 3;
	}
}


@media (max-width: 525px){
	.product_section{
		padding-inline: 30px;
	}
	.product_section_main{
		columns: 1;
	}
	.product_section_main a{
		font-size: 16px;
		line-height: 1.5;
	}
	.product_section_main .underline{
		width: 100%;
	}
	.productsearch{
		position: sticky;
		top: 60px;
		background: #fff;
    padding: 15px 0;
	}
	#search_product{
		margin-bottom: 0.5rem;
	}
	.main_logo{
		transform: none;
	}
	.main_logo img{
		width: auto;
	}
	.product_cat h5{
		font-size: 16px;
		padding-bottom: 2rem;
	}
	
	.menu_list > .elementor-widget-container{
		overflow-x: scroll !important;
	}
	
	.menu_list > .elementor-widget-container .elementor-icon-list-items.elementor-inline-items{
		width: max-content;
	}
	.career_form_main div:has([data-name='personal_note']) {
    grid-area: auto;
}
	body:not(.cf7p-message) :is(.contact_form_main, .career_form_main) .wpcf7-not-valid-tip:after{
		top: -2px;
	}
	
	.productCarousel_main img{
		height: 250px;
	}
	
	.footer-widgets{
		gap: 0rem;
		flex-direction: column;
	}
	
	#Footer .container{
		display: flex;
		flex-direction: column-reverse;
	}
	
	#Footer .widgets_wrapper{
		padding: 20px 0;
	}
	
	.footer_copy .mcb-column-inner{
		margin: 0;
	}
	
	.widget{
		margin: 0;
	}
	.footer-menu p {
    margin-bottom: 15px !important;
}
	#Footer h5{
		font-size: 16px !important;
	}
	
	.swal2-container{
		padding: 1.5rem !important;
	}
	
	.swal2-container.swal2-center>.swal2-popup{
		padding: 12px !important;
	}
	
	.swal2-html-container{
		margin: 1em !important;
	}
	
	.wpcf7-spinner{
		display: none;
	}
	
	.button-custom input[type="submit"]{
		font-size: 14px;
	}
}

@media (min-width: 280px) and (max-width: 992px) {
	.sub-heading{
		font-size: 12px !important;
		line-height: 1.2em !important;
		margin-bottom: 20px !important;
		display: inline-block !important;
	}
	.product-btn{
		margin: 10px 0px !important;
		display: inline-block;
	}
/* 	#btimeline-510 .timeline__item::after{
	width: 40px !important;
    height: 40px !important;
    background-size: 30px !important;
    top: 50px;
	}
	
	.timeline__item:nth-child(odd)::after{
	    width: 50px !important;
    height: 50px !important;
    background-size: 40px !important;
    top: 30% !important;
	}
		.timeline__item:nth-child(even)::after{
	    width: 50px !important;
    height: 50px !important;
    background-size: 40px !important;
    top: 30% !important;
	}
	#btimeline-510 .timeline__item::after {
    left: 10px;
}
	.timeline:not(.timeline--horizontal)::before {
		display: none;
}
	.timeline__content{
   padding: 20px 50px !important;
	}
	#btimeline-510 .timeline--mobile .timeline__item .timeline__content::after{
		display: none;
	} */
	.contact-btn > .elementor-item{
		color: #33373d !important;
		background-color: transparent;
	}
}