/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/hello-theme/
 Description:  A child theme of Hello Elementor
 Author:       Your Name
 Author URI:   https://yourwebsite.com
 Template:     hello-elementor
 Version:      1.0
 Text Domain:  hello-elementor-child
*/

.d-flex { display:flex; }
.justify-content-between { justify-content:space-between; }
.justify-content-start { justify-content:flex-start; }
.justify-content-end { justify-content:flex-end; }
.gap-10 { gap: 12px; }
.gap-16 { gap: 15px; }
.gap-20 { gap: 20px; }

.careers-btn-header { position: absolute; right: 0; top: 0; height: 100%; width: 10%; z-index: 4; }
.careers-btn-header .elementor-button-wrapper,
.careers-btn-header .elementor-button-wrapper>a { width: 100%; height: 100%; overflow: hidden; }
.eael-simple-menu-container .eael-simple-menu-toggle { right: 10px; }

li#menu-item-502 ul.sub-menu { position: initial; height: 0; }
li#menu-item-502:hover ul.sub-menu { height: auto !important; }

.table>div { margin-bottom: 15px; }

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea { width: 100%; border: 1px solid #666; border-radius: 3px; padding: 8px 10px !important; transition: all .3s; font-size: 18px !important; line-height: 22px !important; height:inherit !important; }
label { font-size: 20px !important; margin-bottom: 5px !important }
form p,
div.wpforms-container-full .wpforms-field-label, .wp-core-ui div.wpforms-container-full .wpforms-field-label { font-size: 20px !important; }
form h3 { font-size: 22px !important; }

div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button, .wp-core-ui div.wpforms-container-full input[type=submit], .wp-core-ui div.wpforms-container-full button[type=submit], .wp-core-ui div.wpforms-container-full .wpforms-page-button,
form input[type=submit] { font-size: 20px;padding: 10px 20px !important; height: inherit; }
#wpforms-form-368 input, #wpforms-form-368 textarea, #wpforms-form-368 button { border: 2px solid #d4d0ba; font-family: inherit; /*padding: 0.5vw !important;*/ color: #141412; }
#wpforms-form-368 #wpforms-submit-368 { border: none; border-bottom: 3px solid #b93207; border-radius: 2px; color: #fff; display: inline-block; padding: 5px 10px; text-decoration: none; background: linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /*width: 8vw !important;*/ font-size: 16px; line-height: 18px; }
#wpforms-form-368 .wpforms-field-label, #wpforms-form-368 label { font-size: 16px !important; font-weight: normal; }
.eael-simple-menu-container .eael-simple-menu.eael-simple-menu-horizontal li ul { min-width: 250px; width: max-content; }
.um input[type=submit].um-button, .um input[type=submit].um-button:focus { background: var( --e-global-color-ee50f36 ) !important; }
.um-login .um-right { display: none; }

.um-field-checkbox-option { font-family: "Source Sans Pro", Sans-serif; font-size: 18px !important; font-weight: 400; color: #000000; }
.um.um-login .um-form label { font-family: "Source Sans Pro", Sans-serif; font-size: 18px !important; font-weight: 400; color: #000000; }

.um.um-login .um-form .um-col-alt-b a { font-family: "Source Sans Pro", Sans-serif; font-size: 18px !important; font-weight: 400; color: #000000 !important; }

/* Account */

#um_account_submit_mytab { display: none; }

/* same template */
.content-templates { font-family: Arial, sans-serif; background-color: #ffffff; color: #333333; line-height: 1.6; margin: 0; }
.content-templates .highlight { color: #f46b00; font-weight: bold; }
.content-templates ul { padding-left: 20px; }
.content-templates h2 { font-size: 25px; font-weight: 700; margin-top: 40px; color:#f46b00; }
.content-templates p, li { margin-bottom: 16px; }
.content-templates ul li { color: #f46b00; }
.content-templates .footer { font-size: 24px; font-weight: bold; color: #f46b00; margin-top: 60px; }

/* 2nd content templates */

span.eael-simple-menu-toggle-text { display: none; }

/* single template */
.product-buy-botton,
.new-account-form-main input[type=submit] { background-color: #f8a41a; color: #ffffff; padding: 12px 24px; text-decoration: none; border-radius: 5px; font-weight: bold; display: inline-block; width: 100%; text-align: center; }


/* show products */
form#product-filter-form { position: relative; }
form#product-filter-form::before { content: ''; position: absolute; left: 325px; top: 15px; height: 10px; width: 10px; background-image: url(/wp-content/uploads/2025/05/arrow-down-select.png); background-size: contain; background-position: center; background-repeat: no-repeat; }

.show-main-product { display: grid; gap: 20px; grid-template-columns: 1fr 1fr 1fr; padding: 30px; border-style: solid; border-width: 6px; border-top: 0; border-color: #f8a41a; }
.show-dv-flx { display: flex; flex-direction: column; justify-content: space-between; }
.product-main-title { background: #f8a41a; color: #ffffff; padding: 10px 0; line-height: 22px; margin-bottom: 0; }

.buy-now-btn { width: 100%; text-align: center; background: #f8a41a !important; }
.create-account-field span.um-field-checkbox-option { margin-left: 0; }
.create-account-field a{ background-color: var( --e-global-color-ee50f36 ) }
.new-account-form-main input[type=submit] { border:none; width: max-content; }
.new-account-form-main a { color: #f46b00; }
.wpforms-form .wpforms-submit { background: #f8a41a !important; }
.product-featured { width: 100%; margin: 0 auto; }
.product-featured img { width: 100%; height: 100%; object-fit: contain; }
.product-box { border: 1px solid #ddd; border-radius: 10px; overflow: hidden; padding: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); min-height: 260px; }
.detail-btn { display:flex; flex-direction: row; flex-wrap: no-wrap; gap: 20px; }
.detail-btn .inner-btn { display: inline-block; background: #f8a41a; color: white; padding: 10px 5px; text-decoration: none; border-radius: 5px; text-align: center; width: 50%; }
.coming-soon { cursor:pointer; }

/* Password reset */
.page-id-293 .entry-title { text-align: center; }

/* Account Page */
.um-page-account .page { max-width: 1540px !important; padding: 0px 20px; }
.um-page-account .page .um-account-side { padding-right: 50px; }
.um-page-account .page .um-account-name>a { position: relative; top: -6px; text-transform: capitalize; }

/*product-slide*/
/* Slider CSS Start  */
/*.swiper-wrapper,*/
/*.swiper-container{ height:fit-content; }*/
.slider-container .slider {
	 overflow: hidden;
	 margin-bottom: 10px;
	 justify-content: center;
	 display: flex;
}
.slider-container .slider .slides {
	 width: 900px;
	 height: 120px;
}

.slider-container nav {
    display: flex;
    list-style: none;
    justify-content: flex-start;
    overflow: auto;
}
.slider-container nav ul {
	 list-style: none;
	 display: flex;
	 padding: 0;
	 margin: 0;
	 justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    width: max-content;
}
.slider-container nav ul li {
	 cursor: pointer;
	 width: 70px;
}
.slider-container nav ul li:not(:first-child) {
	 margin-left: 10px;
}
.slider-container nav ul li img {
	 width: 70px;
	 height: 70px;
	 /*object-fit: cover;*/
}

 

/* Slider CSS End  */

form#product-filter-form select { appearance: none; }
.product-featured img { height: 120px; }
/*.slider-thumbnail img { height: 60px; object-fit: cover; padding: 6px 5px; }*/
/*.slider-thumbnail .swiper-wrapper { justify-content: center; }*/

/* accordion style */
.accordion-wrapper { margin-top: 8px; }
.accordion-item { border: 0px solid #ccc; margin-bottom: 10px; border-radius: 0px; }
.accordion-header { background-color: #f5f5f5; padding: 15px 0px; cursor: pointer; width: 100%; border: none; text-align: left; font-size: 16px; }
.accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; padding: 0 15px; }

.accordion-content.open { max-height: fit-content; padding: 0px 15px; padding-bottom:15px; }
.accordion-content hr { margin-top: 25px; }
.order-header-inner { display: flex; flex-wrap: nowrap; }
.order-header-inner span { width: 25%; text-transform: uppercase; font-size: 16px; padding: 0px 15px; color: #00000052; }
.accordion-content p { font-size: 16px !important; color: #000000; display: flex; align-items: center; }
.accordion-content p strong { font-size: 16px; font-weight: 500; color: #000000; margin-right: 10px; padding: 3px 0px; border-bottom:1px solid #000000; border-radius: 0px; display: block; width: max-content; }
.accordion-content h4 { font-size: 32px; color: #000000; margin-block-start: 10px; margin-block-end: 0px; display: block; }
.accordion-content h5 { font-size: 20px; color: #000000; margin-block-start: 10px; margin-block-end: 0px; display: block; }
.accordion-header .order-header-inner span { color: #000000; }

.wrap>h1 { font-size: 25px; color: #f8a41a; }



@media(max-width:1150px) and (min-width: 1025px){
	ul#menu-main-menu { flex-wrap: wrap; }
}

@media(max-width:800px){
    .show-main-product { grid-template-columns: 1fr; padding: 10px; }
}

@media(max-width:530px){
    .detail-btn { flex-direction: column; }
    .detail-btn .inner-btn { width: 100%; }
}

@media(min-width:768px){
	.input-column { width: 35%; }
	.input-column input,
	.input-column canvas { width: 100%; }
	.page-id-292 .entry-title { max-width: 30% !important; width: 100% !important; margin-left: 0 !important; text-align: center; padding-right: 50px; }
}

@media(max-width:767px){
	ul#menu-footer-menu { flex-wrap: wrap; justify-content: center; }
	form .row { flex-wrap:wrap; }
	header nav ul li a { color: #f46b00 !important; }
	.top-bar nav ul li a { color:#ffffff !important; }
	.eael-simple-menu-container .eael-simple-menu .eael-simple-menu-indicator { width: 45px; height: 45px; top: 3px; }
	.elementor-widget-eael-simple-menu .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-horizontal li ul li .eael-simple-menu-indicator { width: 36px; height: 36px; top: 3px; }
	.text-left { text-align: left; }
	.mob-marg { margin-top: 20px; }
	.page-id-293 .entry-title { text-align: center; font-size: 25px; }
	.input-column .cell input, .input-column .cell, .input-column { width: 100% !important; }
	.cell_gaurantee { text-align: left !important; }
	.input-column canvas { width: 100%; }
	.cell_gaurantee canvas { width: 100%; }
	.cell_lable_g { text-align: left !important; }
	
	.main-table { overflow-x: scroll; }
	.main-sec { width: 1200px; }
	
	.page-id-292 h1.entry-title { text-align: center; }
	
	.wrap { overflow: auto; }
    .wrap>div { width: 780px; }
    
    form#product-filter-form::before { left:inherit; right:25px; }

}