/*
Theme Name: Hello Elementor Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/


.menu__underline a{
	   color: #FFFFFFB3;
}
.menu__underline a:hover{
	  color: #FFF;
    text-decoration: underline;
	  text-decoration-thickness: 2px;
}

/* Keep button fixed - no movement */
.animate__btn .elementor-button {
    position: relative;
    overflow: hidden;
	width:200px;
}

/* Keep text + arrow centered */
.animate__btn .elementor-button-content-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Text */
.animate__btn .elementor-button-text {
    display: inline-block;
    transform: translateX(0);
    transition: transform 0.7s ease, padding-right 0.7s ease;
}

/* Arrow - hidden initially */
.animate__btn .elementor-button-content-wrapper .elementor-button-icon {
    position: absolute;
    left: calc(100% + 20px);
    top: 50%;
    margin-left: 0 !important;
    width: 30px;
    opacity: 0;
    transform: translateY(-50%);
    transition:
        left 0.7s ease,
        opacity 0.7s ease;
}

/* SVG */
.animate__btn .elementor-button-content-wrapper svg {
    width: 30px !important;
    margin-left: 0 !important;
    display: block;
}

/* Hover: arrow comes from right to left */
.animate__btn .elementor-button:hover .elementor-button-icon {
    left: calc(100% - 30px);
    opacity: 1;
}

/* Hover: text moves left + creates gap for arrow */
.animate__btn .elementor-button:hover .elementor-button-text {
    transform: translateX(-25px);
    padding-right: 20px;
}
.privacy__policy__content ul{
	margin:10px 0px !important
	
}
.privacy__policy__content ul li{
	margin:5px 0px !important
	
}
#quantity_6ab17c667cafd{
	  width: 100px;
    background: #6917d70f;
    border: 2px solid #6917d70f;
    border-radius: 10px;
}
.frontpage__quantity .shopengine_add_to_list_action,
.frontpage__quantity .shopengine_comparison_add_to_list_action {
	display:none !important
}


/********************************

    sticky section style start here

*******************************/

.other-condition-parent{
    overflow: visible !important;
}

.other-condition-fixed{
    position: sticky !important;
    top: 80px;
    align-self: flex-start;
    height: fit-content;
    z-index: 10;
}

.scroll__section{
    overflow: visible !important;
}
.other-condition-fixed .shopengine_add_to_list_action ,.other-condition-fixed .shopengine_comparison_add_to_list_action,
.single_veriations .shopengine_add_to_list_action ,.single_veriations .shopengine_comparison_add_to_list_action {
	display:none !important
}
.scroll__section .quantity__input{
	background:#6917d70f;
	border:1.5px solid #6917d70f;
	width:100px;
}
.frontpage__termslists .uc_post_grid_style_one_item {
	    box-shadow: 0 0 20px  #0601093d;
    border-radius: 12px !important;
}
.single_veriations .input-text{
	    width: 120px !important;
    padding: 15px !important;
    border: 2px solid #6917d71c !important;
}
.header__marquee .marquixfe-marquee-item span{
	margin: 0px 10px;
}
.header__marquee .marquixfe-marquee-item{
	margin: 0px !important;
  padding: 0px !important;
}


/* ---------------------------------------------------
   Product Policy Accordion — CSS
   Ise WordPress > Appearance > Customize > Additional CSS
   mein paste karein, YA phir Elementor > Site Settings >
   Custom CSS mein daal dein.
--------------------------------------------------- */

.ppa-accordion{
	width:100%;
	max-width:100%;
	font-family:inherit;
    margin-top:30px;
}
.ppa-item{
	border-bottom:1px solid #e5e5e5;
}
.ppa-header{
	width: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 16px 4px !important;
    text-align: left !important;
    font-size: 16px !important;
    color: #111 !important;
}
.ppa-header:hover{
	background: none !important;
}
.ppa-header-left{
	display:flex;
	align-items:center;
	gap:10px;
}
.ppa-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	color:#111;
	flex-shrink:0;
}
.ppa-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.3;
    font-family: 'Poppins';
    margin-left: 10px;
    color:#232323;
}
.ppa-toggle{
	position:relative;
	width:16px;
	height:16px;
	flex-shrink:0;
}
.ppa-toggle::before,
.ppa-toggle::after{
	content:"";
	position:absolute;
	background:#111;
	top:50%;
	left:50%;
	transition:transform .25s ease;
}
.ppa-toggle::before{
	width:14px;
	height:2px;
	transform:translate(-50%,-50%);
}
.ppa-toggle::after{
	width:2px;
	height:14px;
	transform:translate(-50%,-50%);
}
.ppa-header[aria-expanded="true"] .ppa-toggle::after{
	transform:translate(-50%,-50%) rotate(90deg);
	opacity:0;
}
.ppa-panel{
	max-height:0;
	overflow:hidden;
	transition:max-height .3s ease;
}
.ppa-panel-inner{
	padding:20 4px 20px 4px;
	font-size:15px;
	line-height:1.7;
	color:#232323;
    font-family: 'Poppins';
}
.ppa-panel-inner p{
	margin:0 0 14px 0;
}
.ppa-panel-inner ul{
	margin:0 0 14px 20px;
	padding:0;
}
.ppa-panel-inner h1,
.ppa-panel-inner h2,
.ppa-panel-inner h3,
.ppa-panel-inner h4{
	font-weight:700;
	margin:0 0 10px 0;
}
.other-condition-fixed .flex-control-thumbs{
margin-top:50px
}
.main__menu svg.ekit-menu-icon.ekit-svg-icon{
    fill: #ffffff !important;
}
.main__menu .ekit-menu-dropdown-toggle:hover svg {
    fill: #6917D7 !important;
    stroke: #6917D7 !important;
}
.main__header {
    width: 100%;
    z-index: 99999;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Header when scrolling up */
.main__header.show-on-scroll-up {
    position: fixed !important;
    top: 0px !important;
    left: 0;
    width: 100%;
    z-index: 99999;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    transform: translateY(0);
}

/* Smoothly move header away before returning to normal position */
.main__header.show-on-scroll-up.returning-to-top {
    transform: translateY(-20px);
}
@media (max-width: 768px) {
    .main__menu .ekit-menu-dropdown-toggle {
        justify-content: space-between;
    }
}