:root{
	--primary-font: var(--e-global-typography-primary-font-family);
	--text-font: var(--e-global-typography-text-font-family);
}
body{
	line-height:1.7 !important;
}
/* h1,h2,h3,h4,h5,h6{
	font-family: var(--primary-font);
} */
body .page-content a{
    text-decoration: initial;
}
.single-product .swiper-slide-inner img.swiper-slide-image{
	width:100%;
}
/*Header Button*/
.header-button .elementor-button-icon:after {
    content: '';
    border-right: 2px solid;
    position: absolute;
    top: 0;
    bottom: 0;
    transform: translateX(27px);
}
/*Accordion Sty CSS*/
.e-n-accordion-item {
    padding: 24px;
    border-bottom: 1px solid #4D4D4D;
    min-height: 79px;
}
/*Discover Button*/
.discover-btn .elementor-button-content-wrapper {
    flex-direction: column-reverse !important;
	align-items: center;
}
.discover-btn .elementor-button-content-wrapper .elementor-button-icon svg{
	width: 14px;
}

.text-link-btn.elementor-widget-text-editor a,
.text-link-btn a span:is(.elementor-icon-list-text,.elementor-button-text){
	background-image: linear-gradient(0deg, currentcolor,currentcolor);
	background-repeat: no-repeat;
	background-size: 0% 1px;
	background-position: left bottom;
	transition: all 0.3s ease !important;
}
.text-link-btn.elementor-widget-text-editor a:hover,
.text-link-btn a:hover span:is(.elementor-icon-list-text,.elementor-button-text){
	background-size: 100% 1px;
}

/*Default Gravity Form Sty*/
.default-form .gform-body .gfield :is(input:not([type="checkbox"]),textarea,select) {
    --gf-local-bg-color: #ffffff;
 	--gf-local-padding-x: 20px;
    --gf-local-padding-y: 12px;
    --gf-local-border-color: #4D4D4D;
    --gf-local-radius: 0px;
    --gf-local-font-size: 14px;
    --gf-local-color: #4D4D4D;
    --gf-ctrl-placeholder-color: color-mix(in srgb, transparent,var(--gf-local-color) 70%);
    --gf-local-line-height: 1;
    --gf-local-height: auto;
    --gf-local-border-width: 1px;
    --gf-ctrl-select-icon-position: calc(100% - 1.375rem);
	--gf-ctrl-select-icon: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.5L5 5.5L10 0.5H0Z' fill='%234D4D4D'/%3E%3C/svg%3E%0A");
	--gf-ctrl-select-icon-hover: var(--gf-ctrl-select-icon);
    width: 100%;
	word-break: break-word;
	font-family: var(--text-font)  !important;
    outline-offset: -1px !important;
    outline: 2px solid transparent !important;
	height: 55px;
	font-size: 14px !important;
	line-height: 2;
}
.default-form .gform-theme--foundation .gform_fields{
	row-gap: 14px !important;
}
.enquiry-popup-form fieldset.gfield--type-checkbox input {
    position: relative;
    top: 2px;
    --gf-ctrl-choice-size: 16px;
}

.enquiry-popup-form fieldset.gfield--type-checkbox input label {
    margin-left: 0 !important;
}

.enquiry-popup-form fieldset.gfield--type-checkbox label {
    margin-left: 4px !important;
}
.default-form .gform-body .gfield :is(input:not([type="checkbox"]),textarea,select):focus{
    outline-color: #11120D !important;
}
.default-form .gfield textarea{
	height:100px !important;
}
.default-form .gform-body .gfield.gfield_error :is(input:not([type="checkbox"]),textarea,select){
    outline: 2px solid #ff6767 !important;
    outline-offset: -1px;
}
.default-form .gform-body{
    --gf-form-gap-y: 24px;
}
.default-form .gform-footer input[type="submit"] {
    outline: 0 !important;
	background-color: #11120D !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    padding: 12px 50px 12px 24px !important;
    transition: all 0.3s ease !important;
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_447_9515)'%3E%3Cpath d='M14.1574 8.00769L7.87111 14.2939L6.75864 13.1815L6.76626 13.0976L11.0257 8.83824L0.800044 8.79252L0.800044 7.19239L11.0257 7.17715L6.75864 2.91012L6.75864 2.83393L7.87111 1.72145L14.1574 8.00769Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_447_9515'%3E%3Crect width='10.0216' height='10' fill='white' transform='translate(7.07104 0.921387) rotate(45)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: calc(100% - 24px) center;
	font-size: 16px !important;
	line-height: 1.5 !important;
	font-family: var(--text-font) !important;
}
.default-form .gform-footer input[type="submit"]:hover{
	background-color: #2A2A2A !important;
    color: #FFFFFF;
}
.gform_validation_errors,
.validation_message{
    display: none !important;
}

/*Header Menu*/
.elementor-nav-menu--main .elementor-nav-menu > .menu-item > a{
	background-image: linear-gradient(0deg, currentcolor,currentcolor);
	background-repeat: no-repeat;
	background-size: 0% 2px;
	background-position: left bottom;
	transition: all 0.3s ease;
}
.elementor-nav-menu--main .elementor-nav-menu > .current-menu-ancestor.menu-item > a,
.elementor-nav-menu--main .elementor-nav-menu > .current-menu-item.menu-item > a,
.elementor-nav-menu--main .elementor-nav-menu > .menu-item > a:hover{
    background-size: 40px 2px;
}
.elementor-nav-menu--main .elementor-nav-menu a{
	border: 0 !important;
}
.product-item .elementor-widget-image img{
	transition: all 0.3s linear;
}
.product-item .elementor-widget-image  a{
	overflow:hidden;
}
.product-item:hover .elementor-widget-image img {
    scale: 1.1;
}
.default-form .gform-body .gfield textarea {
    min-block-size: 6rem !important;
}
body:not(.load-completed) .zoom-in-banner{
	display:none;
}


/*Responsive*/

.popup-head span.popup-header {
    font-family: "Almarai", Sans-serif;
    font-size: 29px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.3;
    text-align: center;
	display: block;
	margin-bottom: 8px;
}

.popup-head p.popup-text {
    font-family: "Inter", Sans-serif;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
}
@media screen and (min-width:1025px){
	
	.elementor-nav-menu--main .elementor-nav-menu ul{
		box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	}
	/*Product grid*/
	.product-grid .elementor-grid{
		grid-template-columns: repeat(12,1fr) !important;
	}
	.product-grid .elementor-grid .e-loop-item {
		grid-column: span 4;
	}

	.product-grid .elementor-grid .e-loop-item:nth-child(3n + 5):nth-last-child(2) {
		grid-column: 3 / 7;
	}
	.product-grid .elementor-grid .e-loop-item:nth-child(3n + 5):nth-last-child(1){
		grid-column: 5 / 9;

	}
}

@media screen and (max-width: 1024px){
	.header-button{
		margin-left: auto;
	}
	.primary-menu nav.elementor-nav-menu--dropdown{
		position: fixed;
        top: 86px;
        bottom: 0;
        right: 0;
        width: 100%;
		z-index: 1;
		margin: 0;
	}
	body.admin-bar .primary-menu nav.elementor-nav-menu--dropdown{
		top: calc(86px + 32px);
	}
	.primary-menu .elementor-menu-toggle{
		z-index: 1;
	}
	
	.menu-item a .sub-arrow{
		margin-left: auto !important;
	}
	.menu-item a .sub-arrow svg{
		fill: currentcolor !important;
	}
	.elementor.elementor-527.elementor-location-header:has(.elementor-menu-toggle.elementor-active) {
		position: sticky;
		top: 0;
		z-index: 1000;
		transition: all 0.3s 0.3s ease;
	}
	body:has(.elementor-menu-toggle.elementor-active){
		overflow: clip;
	}
	.popup-head span.popup-header{
        font-size: 28px;
    }
}

@media screen and (max-width:767px){
	.e-n-accordion-item{
		padding:24px 0;
	}
	.popup-head span.popup-header{
        font-size: 24px;
    }
}