.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-4c59d35 .elementor-button{background-color:#0A0A0A;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-11 .elementor-element.elementor-element-4c59d35 .elementor-button:hover, .elementor-11 .elementor-element.elementor-element-4c59d35 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-11 .elementor-element.elementor-element-4c59d35 .elementor-button:hover svg, .elementor-11 .elementor-element.elementor-element-4c59d35 .elementor-button:focus svg{fill:#000000;}.elementor-11 .elementor-element.elementor-element-50deda1 .elementor-button{background-color:#0A0A0A;font-family:"Roboto", Sans-serif;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-11 .elementor-element.elementor-element-50deda1 .elementor-button:hover, .elementor-11 .elementor-element.elementor-element-50deda1 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-11 .elementor-element.elementor-element-50deda1 .elementor-button:hover svg, .elementor-11 .elementor-element.elementor-element-50deda1 .elementor-button:focus svg{fill:#000000;}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-2c956e52{padding:17px 17px 17px 17px;}.elementor-11 .elementor-element.elementor-element-50deda1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-50deda1 .elementor-button{font-size:13px;}}/* Start custom CSS */.checkout{
    color: black!important;
    background: white!important;
}	

.header-clone {display:none}
.sticky-header {display:none}
.main-header {display:none}
.topbar-wrapp {margin-top: -155px!important }
.topbar-wrapp.color-scheme-light {margin-top: -155px!important }
.footer-sidebar.widget-area.row {display:none }
@media (min-width: 320px) and (max-width: 1199px){
.website-wrapper{margin-top:-98px!important}}

/*dicsount code button style*/

.woocommerce-checkout .woocommerce-info {
    cursor: pointer !important;
    margin: auto;
    margin-bottom: 10px;
    background-color: #000000 !important;
    font-size: 15px !important;
    padding: 5px 24px !important;
    border-radius: 3px !important;
    color: #fff !important;
    fill: #00cdcd !important;
    text-align: center !important;
    max-width: 32% !important;
}

.woocommerce-checkout .woocommerce-info a {
    color: #fff !important;
    text-decoration: none;
}

.woocommerce-checkout .woocommerce-info:hover {
    background-color: #FFFFFF !important; /* White background */
    color: #000000 !important;
    border: 1px solid #000000; /* Black border */
}

.woocommerce-checkout .woocommerce-info:hover a {
    color: #000000 !important; /* Black text for link when container is hovered */
}

.woocommerce-checkout .woocommerce-info a:hover {
    color: #000000 !important; /* Black text for link when link is hovered */
}

/* Responsive adjustments for smaller screens */
@media screen and (max-width: 768px) {
    .woocommerce-checkout .woocommerce-info {
        font-size: 18px !important; /* Slightly larger font for readability */
        max-width: 100% !important; /* Full width for better visibility */
        padding: 10px 24px !important; /* Increased padding for better tap targets */
    }
}

/*centering the login and coupon forms*/

.woocommerce-checkout .login.hidden-form {
    max-width: 50%;
    padding: 20px 25px 20px 25px;
    margin-bottom: 20px;
    width: 100%;
    margin: auto;
}
.woocommerce-checkout .checkout_coupon {
    padding: 15px 20px;
    display: block;
    max-width: 50%;
    text-align: center;
    margin: auto;
}

/*google pay center and teal color*/

.g.gpay-card-info-container-fill, .gpay-card-info-container-fill > .gpay-card-info-container {
    width: 100%; /* Full width on mobile */
    margin: auto!important;
    text-align: center!important;
}

.gpay-card-info-container.black, .gpay-card-info-animation-container.black {
    background-color: #00cdcd !important;
}
  
/*making the login popup when checkout requires it with a blurred background*/

.login-popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* semi-transparent black */
    z-index: 9; /* below the popup */
}

.login-popup {
	display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    background: white;
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    z-index: 1000; /* above the overlay */
}

.login-popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    font-weight: bold;
}

.woocommerce-form-login-toggle{
    display: none;
}

/*square cc form position*/

#wc-square-credit-card-credit-card-form {
    border: 2px solid #E6E6E6;
    padding: 20px 40px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}/* End custom CSS */