.elementor-11388 .elementor-element.elementor-element-27d3a8a{--display:flex;--margin-top:-10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:30px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-11388 .elementor-element.elementor-element-27d3a8a:not(.elementor-motion-effects-element-type-background), .elementor-11388 .elementor-element.elementor-element-27d3a8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #340101 0%, #180808 100%);}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11388 .elementor-element.elementor-element-64e7c46{text-align:left;}.elementor-11388 .elementor-element.elementor-element-64e7c46 img{width:11%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11388 .elementor-element.elementor-element-69331cd .elementor-heading-title{font-family:"Microsoft Aptos", Sans-serif;font-size:35px;font-weight:900;letter-spacing:2px;color:#FFFFFF;}.elementor-11388 .elementor-element.elementor-element-d67c356{--spacer-size:80px;}.elementor-11388 .elementor-element.elementor-element-3dfa5ce{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-11388 .elementor-element.elementor-element-3dfa5ce .elementor-heading-title{font-family:"Microsoft Aptos", Sans-serif;font-size:16px;font-weight:300;line-height:20px;letter-spacing:1px;color:#FFFFFF;}.elementor-11388 .elementor-element.elementor-element-539d18e{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--border-radius:25px 25px 25px 25px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11388 .elementor-element.elementor-element-539d18e:not(.elementor-motion-effects-element-type-background), .elementor-11388 .elementor-element.elementor-element-539d18e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11388 .elementor-element.elementor-element-6ae5e71 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11388 .elementor-element.elementor-element-6ae5e71 .elementor-heading-title{font-family:"Microsoft Aptos", Sans-serif;font-size:18px;font-weight:900;letter-spacing:1px;color:#FF0000;}.elementor-11388 .elementor-element.elementor-element-41a8105 .elementor-heading-title{font-family:"Aptos Mono", Sans-serif;font-size:15px;font-weight:100;letter-spacing:1px;color:#FF0000;}.elementor-11388 .elementor-element.elementor-element-b91142a{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-11388 .elementor-element.elementor-element-b91142a .elementor-heading-title{font-family:"Microsoft Aptos", Sans-serif;font-size:16px;font-weight:300;line-height:20px;letter-spacing:1px;color:#FFFFFF;}.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-11388 .elementor-element.elementor-element-5558dfb .elementor-button{background-color:#FF0202;font-family:"Microsoft Aptos", Sans-serif;font-weight:600;letter-spacing:2px;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:10px 22px 10px 20px;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11388 .elementor-element.elementor-element-3d36ae0{width:var( --container-widget-width, 76% );max-width:76%;--container-widget-width:76%;--container-widget-flex-grow:0;}.elementor-11388 .elementor-element.elementor-element-3d36ae0 > .elementor-widget-container{margin:0px 0px 0px -19px;}.elementor-11388 .elementor-element.elementor-element-3d36ae0 .cart button, .elementor-11388 .elementor-element.elementor-element-3d36ae0 .cart .button{transition:all 0.2s;}.elementor-11388 .elementor-element.elementor-element-3d36ae0 .quantity .qty{transition:all 0.2s;}body.elementor-page-11388{margin:0% 0% 0% 0%;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-11388 .elementor-element.elementor-element-539d18e{--width:45%;}}@media(max-width:767px){.elementor-11388 .elementor-element.elementor-element-27d3a8a{--margin-top:-40%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:40px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-11388 .elementor-element.elementor-element-64e7c46 img{width:27%;}.elementor-11388 .elementor-element.elementor-element-69331cd .elementor-heading-title{font-size:25px;}.elementor-11388 .elementor-element.elementor-element-3dfa5ce{width:var( --container-widget-width, 93% );max-width:93%;--container-widget-width:93%;--container-widget-flex-grow:0;}.elementor-11388 .elementor-element.elementor-element-3dfa5ce .elementor-heading-title{font-size:12px;}.elementor-11388 .elementor-element.elementor-element-539d18e{--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:5px;--padding-top:10px;--padding-bottom:10px;--padding-left:5px;--padding-right:5px;}.elementor-11388 .elementor-element.elementor-element-6ae5e71 .elementor-heading-title{font-size:16px;}.elementor-11388 .elementor-element.elementor-element-41a8105 .elementor-heading-title{font-size:12px;}.elementor-11388 .elementor-element.elementor-element-b91142a{width:var( --container-widget-width, 93% );max-width:93%;--container-widget-width:93%;--container-widget-flex-grow:0;}.elementor-11388 .elementor-element.elementor-element-b91142a .elementor-heading-title{font-size:12px;}.elementor-11388 .elementor-element.elementor-element-5558dfb .elementor-button{font-size:12px;}.elementor-11388 .elementor-element.elementor-element-3d36ae0{width:100%;max-width:100%;}}/* Start custom CSS */.klone26-form-container { color: #fff; padding: 20px; }
        .form-row { margin-bottom: 20px; }
        .form-row label { display: block; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; }
        
        /* 1. Indent the fields */
        /*.field-indent { padding-left: 15px !important; }*/

        /* 3. Global 10px Border Radius */
        .klone26-form-container input[type="text"], 
        .cat-button,
        #add-more-member,
        #klone26-proceed,
        .calculation-box { 
            border-radius: 10px !important; 
        }

        .klone26-form-container input[type="text"] { width: 100%; background: #ccc; border: none; padding: 10px; color: #000; }

        /* 2. Category Box as Button */
        .cat-button { 
            display: block; 
            background: #ccc; 
            color: #000; 
            padding: 12px; 
            margin-bottom: 8px; 
            cursor: pointer; 
            text-align: center;
            transition: background 0.3s;
        }
        
        /* Visual feedback when "clicked" (selected) */
        .cat-button.selected {
            background: #ff0000;
            color: #fff;
        }

        #add-more-member { background: transparent; border: 1px dashed #ff0000; color: #ff0000; width: 100%; margin-top: 10px; padding: 10px;  }
        #klone26-proceed { background: #ff0000; color: #fff; width: 100%; font-weight: bold; padding: 15px; border: none; cursor: pointer; }
        .calculation-box { background: #ccc; color: #ff0000; padding: 20px; text-align: center; font-weight: bold; }
        .verify-text { font-size: 0.9em; margin-top: 20px; text-align: left; }
        
        .single_add_to_cart_button{
            background-color: red !important;
        }
        
        /* --- MOBILE OPTIMIZATION (THE "1/2 SIZE" ADJUSTMENT) --- */
        @media screen and (max-width: 767px) {
            /* Shrink the Labels */
            .form-row label { 
                font-size: 12px !important; /* Smaller text */
                margin-bottom: 5px !important; /* Less gap */
                letter-spacing: 0.5px;
            }
        
            /* Shrink the Input Fields */
            .klone26-form-container input[type="text"],
            .klone26-form-container input[type="email"] { 
                padding: 6px 10px !important; /* Half padding */
                font-size: 12px !important; 
                height: auto !important;
            }
        
            /* Shrink the Category Buttons */
            .cat-button {
                padding: 8px !important;
                font-size: 11px !important;
                margin-bottom: 5px !important;
            }
        
            /* Reduce the gap between rows */
            .form-row { margin-bottom: 12px !important; }
            
            /* Shrink the "Add More Member" button */
            #add-more-member {
                padding: 6px !important;
                font-size: 11px !important;
            }
            
            .verify-text { font-size: 11px;}
            
            .calculation-box { font-size: 15px; letter-spacing: 1px;}
            
            .team-infor{ font-size: 18px; }
            .button-proceed { 
                background-color: #FF0202;
                    font-family: "Microsoft Aptos", Sans-serif;
                    font-weight: bold !important;
                    letter-spacing: 2px;
                    fill: #FFFFFF;
                    color: #FFFFFF;
                    border-radius: 10px 10px 10px 10px;
                    padding: 10px 5px !important;
                    font-size: 12px !important;
                    width: 40% !important;
                } 
            
        }
        
        @media screen and (min-width: 767px) {
        #klone26-registration-form input[type="text"],
    #klone26-registration-form input[type="email"],
    #klone26-registration-form input[type="tel"], label.cat-button, button#add-more-member, .calculation-box, input.nric-mask, .member-input-row, input[type="email"] {
        width: 60% !important;
        box-sizing: border-box; /* Ensures padding doesn't push it wider than 100% */
        border-radius: 10px !important;
            background: #ccc;
    }
            
        /*proceed button*/
        .button-proceed { 
                        background-color: #FF0202;
            font-family: "Microsoft Aptos", Sans-serif;
            font-weight: bold !important;
            letter-spacing: 2px;
            fill: #FFFFFF;
            color: #FFFFFF;
            border-radius: 10px 10px 10px 10px;
            padding: 12px 5px 10px 5px !important;
            font-size: 16px !important;
            width: 30% !important;
                    } 
        
        .form-row { margin: 20px 0px !important;
        }
    
    
    
   /* Hide the default quantity, price/details, and the original Book Now button */
    form.cart .quantity,
    form.cart .details,
    form.cart .single_add_to_cart_button:not(#klone26-submit),
    form.cart #thwepof_product_fields {
        display: none !important;
        visibility: hidden !important;
    }

    /* Ensure our custom registration form is visible */
    #klone26-registration-form {
        display: block !important;
        width: 100%;
    }
    
    h3 {
    letter-spacing: 2px !important;
}

/* email box*/

input[type="email"] {
    border-radius: 10px !important;
    background-color: #cccccc !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Microsoft Aptos';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://flow-official.com/storage/2026/05/Aptos.ttf') format('truetype');
}
@font-face {
	font-family: 'Microsoft Aptos';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://flow-official.com/storage/2026/05/Aptos-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Microsoft Aptos';
	font-style: italic;
	font-weight: 800;
	font-display: auto;
	src: url('https://flow-official.com/storage/2026/05/Aptos-Black-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Microsoft Aptos';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://flow-official.com/storage/2026/05/Aptos-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Microsoft Aptos';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://flow-official.com/storage/2026/05/Aptos-Bold-Italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Aptos Mono';
	font-display: auto;
	src: url('https://flow-official.com/storage/2026/05/Aptos-Mono-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */