.elementor-22 .elementor-element.elementor-element-427e8cea > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-22 .elementor-element.elementor-element-427e8cea:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-427e8cea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(66deg, #030801 0%, #000000 100%);}.elementor-22 .elementor-element.elementor-element-427e8cea > .elementor-container{max-width:960px;}.elementor-22 .elementor-element.elementor-element-427e8cea{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:24px 40px 48px 40px;}.elementor-22 .elementor-element.elementor-element-427e8cea > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-22 .elementor-element.elementor-element-63b02e19{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-22 .elementor-element.elementor-element-63b02e19 img{width:96px;border-style:solid;border-width:4px 4px 4px 4px;border-color:#FFFFFF;border-radius:50px 50px 50px 50px;}.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-22 .elementor-element.elementor-element-678121d6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-22 .elementor-element.elementor-element-678121d6 .elementor-heading-title{font-family:"Hind Siliguri", Sans-serif;font-size:40px;font-weight:900;line-height:1.2em;letter-spacing:-0.5px;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-22 .elementor-element.elementor-element-373dc550 .elementor-button{background-color:transparent;font-family:"Hind Siliguri", Sans-serif;font-size:30px;font-weight:900;background-image:linear-gradient(236deg, #87FF49 0%, #50D801 0%);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:50px 50px 50px 50px;padding:20px 45px 20px 45px;}.elementor-22 .elementor-element.elementor-element-37e614ea:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-37e614ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-22 .elementor-element.elementor-element-37e614ea{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-37e614ea > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-7f110498{margin-top:30px;margin-bottom:25px;}.elementor-22 .elementor-element.elementor-element-783def5d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22 .elementor-element.elementor-element-783def5d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-22 .elementor-element.elementor-element-783def5d > .elementor-element-populated, .elementor-22 .elementor-element.elementor-element-783def5d > .elementor-element-populated > .elementor-background-overlay, .elementor-22 .elementor-element.elementor-element-783def5d > .elementor-background-slideshow{border-radius:50px 50px 50px 50px;}.elementor-22 .elementor-element.elementor-element-783def5d > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-22 .elementor-element.elementor-element-783def5d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-1c2bcbc1{padding:10px 0px 10px 0px;border-radius:50px 0px 50px 0px;text-align:center;}.elementor-22 .elementor-element.elementor-element-1c2bcbc1 .elementor-heading-title{font-family:"Hind Siliguri", Sans-serif;font-size:40px;font-weight:900;color:#FDFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-74ba78e1{padding:20px 0px 0px 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-22 .elementor-element.elementor-element-74ba78e1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(13px/2);}.elementor-22 .elementor-element.elementor-element-74ba78e1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(13px/2);}.elementor-22 .elementor-element.elementor-element-74ba78e1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-22 .elementor-element.elementor-element-74ba78e1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-22 .elementor-element.elementor-element-74ba78e1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-22 .elementor-element.elementor-element-74ba78e1 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-74ba78e1 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-22 .elementor-element.elementor-element-74ba78e1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-22 .elementor-element.elementor-element-74ba78e1 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-22 .elementor-element.elementor-element-74ba78e1 .elementor-icon-list-text{color:#2B2B2C;transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-36676a4f img{width:100%;max-width:100%;height:600px;border-radius:15px 15px 15px 15px;}.elementor-22 .elementor-element.elementor-element-206db623:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-206db623 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-22 .elementor-element.elementor-element-206db623{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 30px 0px;}.elementor-22 .elementor-element.elementor-element-206db623 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-4f49932 .elementor-button{background-color:transparent;font-family:"Hind Siliguri", Sans-serif;font-size:30px;font-weight:900;background-image:linear-gradient(236deg, #87FF49 0%, #50D801 0%);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:50px 50px 50px 50px;padding:20px 45px 20px 45px;}.elementor-22 .elementor-element.elementor-element-56f29c7{margin-top:30px;margin-bottom:25px;}.elementor-22 .elementor-element.elementor-element-641340c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22 .elementor-element.elementor-element-641340c > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-22 .elementor-element.elementor-element-641340c > .elementor-element-populated, .elementor-22 .elementor-element.elementor-element-641340c > .elementor-element-populated > .elementor-background-overlay, .elementor-22 .elementor-element.elementor-element-641340c > .elementor-background-slideshow{border-radius:50px 50px 50px 50px;}.elementor-22 .elementor-element.elementor-element-641340c > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-22 .elementor-element.elementor-element-641340c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-9450d34{padding:10px 0px 10px 0px;border-radius:50px 0px 50px 0px;text-align:center;}.elementor-22 .elementor-element.elementor-element-9450d34 .elementor-heading-title{font-family:"Hind Siliguri", Sans-serif;font-size:40px;font-weight:900;color:#FDFFFF;}.elementor-22 .elementor-element.elementor-element-392b6968{padding:20px 0px 0px 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-22 .elementor-element.elementor-element-392b6968 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(13px/2);}.elementor-22 .elementor-element.elementor-element-392b6968 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(13px/2);}.elementor-22 .elementor-element.elementor-element-392b6968 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-22 .elementor-element.elementor-element-392b6968 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-22 .elementor-element.elementor-element-392b6968 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-22 .elementor-element.elementor-element-392b6968 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-392b6968 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-22 .elementor-element.elementor-element-392b6968 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-22 .elementor-element.elementor-element-392b6968 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-22 .elementor-element.elementor-element-392b6968 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-4f2411c4 .elementor-button{background-color:transparent;font-family:"Hind Siliguri", Sans-serif;font-size:30px;font-weight:900;background-image:linear-gradient(236deg, #87FF49 0%, #50D801 0%);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:50px 50px 50px 50px;padding:20px 45px 20px 45px;}.elementor-22 .elementor-element.elementor-element-43cdbd4a img{border-style:solid;border-width:5px 5px 5px 5px;border-color:#000000;border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-22 .elementor-element.elementor-element-46a516b9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-22 .elementor-element.elementor-element-46a516b9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-22 .elementor-element.elementor-element-10d76c4{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-22 .elementor-element.elementor-element-46b6f1df .elementor-button{background-color:transparent;font-family:"Hind Siliguri", Sans-serif;font-size:30px;font-weight:900;background-image:linear-gradient(236deg, #87FF49 0%, #50D801 0%);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:50px 50px 50px 50px;padding:20px 45px 20px 45px;}.elementor-22 .elementor-element.elementor-element-60f4e0cb:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-60f4e0cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-22 .elementor-element.elementor-element-60f4e0cb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:30px 0px 30px 0px;}.elementor-22 .elementor-element.elementor-element-60f4e0cb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-6e70fa6f{text-align:center;}.elementor-22 .elementor-element.elementor-element-6e70fa6f .elementor-heading-title{font-family:"Hind Siliguri", Sans-serif;font-size:40px;font-weight:600;color:#000000;}.elementor-22 .elementor-element.elementor-element-547738bd{padding:20px 0px 20px 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-22 .elementor-element.elementor-element-547738bd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-22 .elementor-element.elementor-element-547738bd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-22 .elementor-element.elementor-element-547738bd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-22 .elementor-element.elementor-element-547738bd .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-22 .elementor-element.elementor-element-547738bd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-22 .elementor-element.elementor-element-547738bd .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-547738bd .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-22 .elementor-element.elementor-element-547738bd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-22 .elementor-element.elementor-element-547738bd .elementor-icon-list-item > a{font-family:"Hind Siliguri", Sans-serif;font-size:20px;font-weight:500;}.elementor-22 .elementor-element.elementor-element-547738bd .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-69dcf76:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22 .elementor-element.elementor-element-69dcf76 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-22 .elementor-element.elementor-element-69dcf76 > .elementor-element-populated, .elementor-22 .elementor-element.elementor-element-69dcf76 > .elementor-element-populated > .elementor-background-overlay, .elementor-22 .elementor-element.elementor-element-69dcf76 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-22 .elementor-element.elementor-element-69dcf76 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 0px 15px 0px;}.elementor-22 .elementor-element.elementor-element-69dcf76 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-e53277c{text-align:center;}.elementor-22 .elementor-element.elementor-element-e53277c .elementor-heading-title{font-family:"Hind Siliguri", Sans-serif;font-size:40px;font-weight:600;color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-aaea56e{--divider-border-style:curved;--divider-color:#000000;--divider-border-width:3px;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--divider-pattern-height:20px;--divider-pattern-size:20px;}.elementor-22 .elementor-element.elementor-element-aaea56e .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-22 .elementor-element.elementor-element-aaea56e .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-22 .elementor-element.elementor-element-a912f24{padding:0px 30px 0px 30px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-22 .elementor-element.elementor-element-a912f24 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-22 .elementor-element.elementor-element-a912f24 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-22 .elementor-element.elementor-element-a912f24 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-22 .elementor-element.elementor-element-a912f24 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-22 .elementor-element.elementor-element-a912f24 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-22 .elementor-element.elementor-element-a912f24 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-a912f24 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-22 .elementor-element.elementor-element-a912f24 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-22 .elementor-element.elementor-element-a912f24 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-22 .elementor-element.elementor-element-a912f24 .elementor-icon-list-text{color:#020202;transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-b209a1d .elementor-button{background-color:transparent;font-family:"Hind Siliguri", Sans-serif;font-size:30px;font-weight:900;background-image:linear-gradient(236deg, #87FF49 0%, #50D801 0%);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:50px 50px 50px 50px;padding:20px 45px 20px 45px;}.elementor-22 .elementor-element.elementor-element-671bc0c7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 40px 40px 40px;}.elementor-22 .elementor-element.elementor-element-671bc0c7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-4328cc3c > .elementor-element-populated, .elementor-22 .elementor-element.elementor-element-4328cc3c > .elementor-element-populated > .elementor-background-overlay, .elementor-22 .elementor-element.elementor-element-4328cc3c > .elementor-background-slideshow{border-radius:12px 12px 12px 12px;}.elementor-22 .elementor-element.elementor-element-4328cc3c > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:32px 40px 48px 40px;}.elementor-22 .elementor-element.elementor-element-4328cc3c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-4328cc3c{z-index:1;}.elementor-22 .elementor-element.elementor-element-78757421 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-end;align-items:flex-end;}.elementor-22 .elementor-element.elementor-element-78757421{border-style:solid;border-width:0px 0px 1px 0px;border-color:#DEE0E3;margin-top:0px;margin-bottom:24px;padding:0px 0px 32px 0px;}.elementor-22 .elementor-element.elementor-element-20c279f6.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-22 .elementor-element.elementor-element-20c279f6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-15653250{width:initial;max-width:initial;background-color:#000000;padding:15px 25px 15px 25px;border-radius:35px 35px 35px 35px;text-align:center;}.elementor-22 .elementor-element.elementor-element-15653250.elementor-element{--align-self:center;}.elementor-22 .elementor-element.elementor-element-15653250 .elementor-heading-title{font-family:"Hind Siliguri", Sans-serif;font-size:40px;font-weight:900;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{background-color:#060606;}.elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button:hover, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button:hover, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce #order_review button:hover, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small:hover, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon:hover, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button:hover, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button:hover, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button:hover, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn:hover, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn:hover{background-color:#000000;}.elementor-22 .elementor-element.elementor-element-55e0d500 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form-modern-checkout{--wcf-primary-color:#994BFB;--wcf-text-color:#566376;--wcf-link-color:#566376;--wcf-payment-section-bg-color:#F8F6F8;--wcf-payment-section-desc-bg-color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row input.input-text:focus, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row textarea:focus, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review .wcf-custom-coupon-field input.input-text:focus{box-shadow:0 0 0 1px #994BFB;}.elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note:before{border-top-color:#994BFB;}.elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns a.wcf-next-button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form form .checkout_coupon .button, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{background-color:#994BFB;color:#fff;}.elementor-22 .elementor-element.elementor-element-55e0d500 .cartflows-elementor__checkout-form .wcf-embed-checkout-form{font-family:"Inter", Sans-serif;}.elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form-modern-checkout{--wcf-heading-color:#1A1E23;--wcf-field-border-color:#000000;}.elementor-22 .elementor-element.elementor-element-55e0d500 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce h3, .elementor-22 .elementor-element.elementor-element-55e0d500 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce h3 span, .elementor-22 .elementor-element.elementor-element-55e0d500 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce-checkout #order_review_heading, .elementor-22 .elementor-element.elementor-element-55e0d500 .cartflows-elementor__checkout-form .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-name, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce .col2-set .col-1 h3, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce .col2-set .col-2 h3{font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;}.elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce form .form-row textarea, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .select2-container--default .select2-selection--single, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce form .form-row select.select, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce .col2-set .col-1, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce .col2-set .col-2, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce form p.form-row label, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:checked + label, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:not(:checked) + label, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce form .form-row select{font-family:"Hind Siliguri", Sans-serif;font-size:18px;font-weight:700;}.elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form #order_review .wcf-custom-coupon-field input[type="text"], .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce form .form-row textarea, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .select2-container--default .select2-selection--single, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce form .form-row select.select, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce form .form-row select{border-style:solid;border-width:2px 2px 2px 2px;}.elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce #payment #place_order:before, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;}.elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-el-checkout-form .wcf-product-option-wrap .wcf-qty-options .wcf-qty-row{color:#F3E8E8;}.elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-el-checkout-form .wcf-product-option-wrap.wcf-yp-skin-classic .wcf-qty-options{background-color:#267338;}.elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-el-checkout-form .wcf-product-option-wrap.wcf-yp-skin-cards .wcf-qty-options .wcf-qty-row{background-color:#267338;}.elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-el-checkout-form .wcf-product-option-wrap .wcf-qty-options .wcf-qty-row.wcf-highlight{color:#FCFCFC;}.elementor-22 .elementor-element.elementor-element-7f15ac5d > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-22 .elementor-element.elementor-element-7f15ac5d:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-7f15ac5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-22 .elementor-element.elementor-element-7f15ac5d > .elementor-container{max-width:1080px;}.elementor-22 .elementor-element.elementor-element-7f15ac5d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 40px 40px 40px;}.elementor-22 .elementor-element.elementor-element-7f15ac5d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-36379d78{text-align:center;}.elementor-22 .elementor-element.elementor-element-36379d78 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;line-height:1em;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(32px/2);}.elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(32px/2);}.elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(32px/2);}.elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-32px/2);}.elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-32px/2);}.elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-icon i{color:#4959FF;transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-icon svg{fill:#4959FF;transition:fill 0.3s;}.elementor-22 .elementor-element.elementor-element-55e5909b{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;}.elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-text{color:#F9FBFF;transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-item:hover .elementor-icon-list-text{color:#C4C4C4;}body.elementor-page-22:not(.elementor-motion-effects-element-type-background), body.elementor-page-22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F8;}@media(max-width:1024px) and (min-width:768px){.elementor-22 .elementor-element.elementor-element-7bb20ae1{width:60%;}.elementor-22 .elementor-element.elementor-element-21d19605{width:40%;}}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-427e8cea{margin-top:0px;margin-bottom:16px;padding:24px 24px 24px 24px;}.elementor-22 .elementor-element.elementor-element-63b02e19{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;}.elementor-22 .elementor-element.elementor-element-671bc0c7{padding:0px 24px 48px 24px;}.elementor-22 .elementor-element.elementor-element-4328cc3c > .elementor-element-populated{padding:32px 20px 24px 20px;}.elementor-22 .elementor-element.elementor-element-4328cc3c{z-index:1;}.elementor-22 .elementor-element.elementor-element-78757421{padding:0px 16px 32px 16px;}.elementor-22 .elementor-element.elementor-element-55e0d500 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-7f15ac5d{padding:24px 24px 24px 24px;}.elementor-22 .elementor-element.elementor-element-36379d78{text-align:start;}.elementor-22 .elementor-element.elementor-element-36379d78 .elementor-heading-title{font-size:13px;}.elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-item > a{font-size:13px;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-427e8cea{margin-top:0px;margin-bottom:0px;padding:24px 20px 24px 20px;}.elementor-22 .elementor-element.elementor-element-7d1b830e > .elementor-element-populated{padding:0px 0px 20px 0px;}.elementor-22 .elementor-element.elementor-element-63b02e19{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-22 .elementor-element.elementor-element-63b02e19 img{width:80px;}.elementor-22 .elementor-element.elementor-element-678121d6{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-22 .elementor-element.elementor-element-678121d6 .elementor-heading-title{font-size:24px;}.elementor-22 .elementor-element.elementor-element-373dc550 .elementor-button{font-size:19px;padding:15px 30px 15px 30px;}.elementor-22 .elementor-element.elementor-element-1c2bcbc1 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-22 .elementor-element.elementor-element-36676a4f img{width:300px;height:300px;}.elementor-22 .elementor-element.elementor-element-4f49932 .elementor-button{font-size:19px;padding:15px 30px 15px 30px;}.elementor-22 .elementor-element.elementor-element-9450d34 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-22 .elementor-element.elementor-element-18654ee6{margin-top:-30px;margin-bottom:0px;}.elementor-22 .elementor-element.elementor-element-4f2411c4 .elementor-button{font-size:19px;padding:15px 30px 15px 30px;}.elementor-22 .elementor-element.elementor-element-46b6f1df .elementor-button{font-size:19px;padding:15px 30px 15px 30px;}.elementor-22 .elementor-element.elementor-element-6e70fa6f .elementor-heading-title{font-size:30px;}.elementor-22 .elementor-element.elementor-element-e53277c .elementor-heading-title{font-size:30px;}.elementor-22 .elementor-element.elementor-element-b209a1d .elementor-button{font-size:19px;padding:15px 30px 15px 30px;}.elementor-22 .elementor-element.elementor-element-671bc0c7{padding:0px 8px 40px 8px;}.elementor-22 .elementor-element.elementor-element-4328cc3c > .elementor-element-populated, .elementor-22 .elementor-element.elementor-element-4328cc3c > .elementor-element-populated > .elementor-background-overlay, .elementor-22 .elementor-element.elementor-element-4328cc3c > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-22 .elementor-element.elementor-element-4328cc3c > .elementor-element-populated{padding:24px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-4328cc3c{z-index:1;}.elementor-22 .elementor-element.elementor-element-78757421{margin-top:0px;margin-bottom:0px;padding:0px 12px 24px 12px;}.elementor-22 .elementor-element.elementor-element-15653250 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-22 .elementor-element.elementor-element-55e0d500 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-55e0d500 .cartflows-elementor__checkout-form .wcf-embed-checkout-form{font-size:14px;}.elementor-22 .elementor-element.elementor-element-55e0d500 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce h3, .elementor-22 .elementor-element.elementor-element-55e0d500 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce h3 span, .elementor-22 .elementor-element.elementor-element-55e0d500 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce-checkout #order_review_heading, .elementor-22 .elementor-element.elementor-element-55e0d500 .cartflows-elementor__checkout-form .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-name, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce .col2-set .col-1 h3, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce .col2-set .col-2 h3{font-size:16px;}.elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce #payment #place_order:before, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-22 .elementor-element.elementor-element-55e0d500 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{font-size:14px;}.elementor-22 .elementor-element.elementor-element-7bb20ae1 > .elementor-element-populated{padding:0px 0px 16px 0px;}.elementor-22 .elementor-element.elementor-element-36379d78{padding:0px 0px 0px 0px;text-align:center;}.elementor-22 .elementor-element.elementor-element-36379d78 .elementor-heading-title{line-height:1.3em;}.elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-22 .elementor-element.elementor-element-55e5909b .elementor-icon-list-item > a{line-height:2em;}}/* Start custom CSS for heading, class: .elementor-element-15653250 *//* ========================================================= CARTFLOWS / WOOCOMMERCE CHECKOUT TARGET DESIGN - DESKTOP + MOBILE ========================================================= */ /* ========================================================= 1. GLOBAL ========================================================= */ html, body, body.woocommerce-checkout { background: #000000 !important; color: #ffffff !important; } body.woocommerce-checkout, body.woocommerce-checkout * { box-sizing: border-box !important; } body.woocommerce-checkout .woocommerce, body.woocommerce-checkout .wcf-embed-checkout-form, body.woocommerce-checkout .wcf-embed-checkout-form .woocommerce { background: #000000 !important; color: #ffffff !important; } /* Main checkout outer box */ body.woocommerce-checkout .wcf-embed-checkout-form { width: 100% !important; max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; padding: 28px !important; background: #000000 !important; border: 1px solid #3b3b3b !important; border-radius: 15px !important; overflow: visible !important; } /* ========================================================= 2. REMOVE CUSTOMER INFORMATION / EMAIL ========================================================= */ body.woocommerce-checkout .wcf-customer-info-main-wrapper { display: none !important; } body.woocommerce-checkout #billing_email_field { display: none !important; } /* ========================================================= 3. GENERAL TEXT ========================================================= */ body.woocommerce-checkout .wcf-embed-checkout-form, body.woocommerce-checkout .wcf-embed-checkout-form p, body.woocommerce-checkout .wcf-embed-checkout-form label, body.woocommerce-checkout .wcf-embed-checkout-form span, body.woocommerce-checkout .wcf-embed-checkout-form th, body.woocommerce-checkout .wcf-embed-checkout-form td { color: #ffffff; } /* ========================================================= 4. YOUR PRODUCTS ========================================================= */ body.woocommerce-checkout .wcf-product-option-wrap { width: 100% !important; max-width: 100% !important; display: block !important; float: none !important; clear: both !important; margin: 0 0 35px 0 !important; padding: 0 !important; background: transparent !important; } /* Your Products heading */ body.woocommerce-checkout #your_products_heading { color: #ffffff !important; font-size: 20px !important; font-weight: 800 !important; margin: 0 0 22px 0 !important; padding: 0 !important; } /* Products row */ body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-row { width: 100% !important; display: flex !important; flex-wrap: wrap !important; gap: 18px !important; margin: 0 !important; padding: 0 !important; } /* Desktop = two products side by side */ body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-row > * { flex: 0 0 calc(50% - 9px) !important; width: calc(50% - 9px) !important; max-width: calc(50% - 9px) !important; margin: 0 !important; } /* Product card */ body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-option, body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-options { min-height: 130px !important; display: flex !important; align-items: center !important; padding: 20px 25px !important; background: linear-gradient( 90deg, #164e28 0%, #237a38 50%, #164e28 100% ) !important; color: #ffffff !important; border: 1px solid #39ff14 !important; border-radius: 7px !important; box-shadow: none !important; } /* Selected product */ body.woocommerce-checkout .wcf-product-option-wrap input[type="radio"]:checked + label, body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-option.selected { background: linear-gradient( 90deg, #164e28 0%, #237a38 50%, #164e28 100% ) !important; border-color: #39ff14 !important; } /* Product radio */ body.woocommerce-checkout .wcf-product-option-wrap input[type="radio"] { appearance: auto !important; -webkit-appearance: radio !important; width: 18px !important; height: 18px !important; min-width: 18px !important; margin-right: 15px !important; accent-color: #39ff14 !important; } /* Product images */ body.woocommerce-checkout .wcf-product-option-wrap img { max-width: 70px !important; max-height: 70px !important; object-fit: contain !important; margin-right: 18px !important; } /* Product text */ body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-option *, body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-options * { color: #ffffff; } /* Product price */ body.woocommerce-checkout .wcf-product-option-wrap .amount, body.woocommerce-checkout .wcf-product-option-wrap .price { color: #39ff14 !important; font-weight: 800 !important; } /* ========================================================= 5. CHECKOUT FORM ========================================================= */ body.woocommerce-checkout form.checkout { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #000000 !important; overflow: visible !important; } /* ========================================================= 6. DESKTOP LAYOUT ========================================================= */ @media (min-width: 768px) { body.woocommerce-checkout form.checkout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: auto auto auto !important; column-gap: 18px !important; row-gap: 0 !important; align-items: start !important; } /* ----------------------------------------- Products = full width top row ----------------------------------------- */ body.woocommerce-checkout form.checkout .wcf-product-option-wrap { grid-column: 1 / -1 !important; grid-row: 1 !important; width: 100% !important; } /* ----------------------------------------- Left side Billing + Order Notes ----------------------------------------- */ body.woocommerce-checkout form.checkout #customer_details { grid-column: 1 !important; grid-row: 2 / 4 !important; width: 100% !important; max-width: 100% !important; display: block !important; float: none !important; clear: both !important; margin: 0 !important; padding: 0 !important; align-self: start !important; } /* ----------------------------------------- Right side Your Order heading ----------------------------------------- */ body.woocommerce-checkout form.checkout #order_review_heading { grid-column: 2 !important; grid-row: 2 !important; width: 100% !important; align-self: start !important; } /* ----------------------------------------- Right side order content ----------------------------------------- */ body.woocommerce-checkout form.checkout #order_review { grid-column: 2 !important; grid-row: 3 !important; width: 100% !important; max-width: 100% !important; align-self: start !important; } } /* ========================================================= 7. CUSTOMER DETAILS ========================================================= */ body.woocommerce-checkout #customer_details { background: transparent !important; } /* remove WooCommerce float */ body.woocommerce-checkout #customer_details .col-1, body.woocommerce-checkout #customer_details .col-2 { float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; } /* ========================================================= 8. BILLING CARD ========================================================= */ body.woocommerce-checkout #customer_details .col-1 { margin: 0 !important; padding: 22px !important; background: #050505 !important; border: 1px solid #333333 !important; border-radius: 8px !important; } /* Billing details */ body.woocommerce-checkout .woocommerce-billing-fields { width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } /* Billing heading */ body.woocommerce-checkout .woocommerce-billing-fields h3 { color: #ffff00 !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.2 !important; margin: 0 0 25px 0 !important; padding: 0 !important; } /* Billing wrapper */ body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper { width: 100% !important; display: block !important; margin: 0 !important; padding: 0 !important; } /* Billing field rows */ body.woocommerce-checkout .woocommerce-billing-fields .form-row { display: block !important; width: 100% !important; max-width: 100% !important; float: none !important; clear: both !important; margin: 0 0 17px 0 !important; padding: 0 !important; } /* Labels */ body.woocommerce-checkout .woocommerce-billing-fields label { display: block !important; width: 100% !important; color: #ffffff !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 0 0 8px 0 !important; padding: 0 !important; } /* Required */ body.woocommerce-checkout .woocommerce-billing-fields .required { color: #ffff00 !important; } /* ========================================================= 9. INPUTS ========================================================= */ body.woocommerce-checkout .woocommerce-billing-fields input.input-text, body.woocommerce-checkout .woocommerce-billing-fields input[type="text"], body.woocommerce-checkout .woocommerce-billing-fields input[type="tel"], body.woocommerce-checkout .woocommerce-billing-fields input[type="email"], body.woocommerce-checkout .woocommerce-billing-fields input[type="number"], body.woocommerce-checkout .woocommerce-billing-fields select { display: block !important; width: 100% !important; max-width: 100% !important; height: 52px !important; min-height: 52px !important; padding: 10px 14px !important; margin: 0 !important; background: #111111 !important; background-color: #111111 !important; color: #ffffff !important; border: 1px solid #666666 !important; border-radius: 5px !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.2 !important; box-shadow: none !important; } /* Placeholder */ body.woocommerce-checkout input::placeholder, body.woocommerce-checkout textarea::placeholder { color: #999999 !important; opacity: 1 !important; } /* Focus */ body.woocommerce-checkout .woocommerce-billing-fields input:focus, body.woocommerce-checkout .woocommerce-billing-fields select:focus, body.woocommerce-checkout textarea:focus { border-color: #39ff14 !important; outline: none !important; box-shadow: 0 0 7px rgba(57,255,20,.22) !important; } /* ========================================================= 10. ORDER NOTES ========================================================= */ body.woocommerce-checkout #customer_details .col-2 { margin: 16px 0 0 0 !important; padding: 0 !important; background: transparent !important; } /* Hide shipping-address area if CartFlows creates it */ body.woocommerce-checkout .woocommerce-shipping-fields { display: none !important; } /* Notes card */ body.woocommerce-checkout .woocommerce-additional-fields { width: 100% !important; margin: 0 !important; padding: 22px !important; background: #050505 !important; border: 1px solid #333333 !important; border-radius: 8px !important; } /* Notes heading */ body.woocommerce-checkout .woocommerce-additional-fields h3 { color: #ffffff !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.3 !important; margin: 0 0 15px 0 !important; padding: 0 !important; } /* Notes row */ body.woocommerce-checkout .woocommerce-additional-fields .form-row { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Notes textarea */ body.woocommerce-checkout .woocommerce-additional-fields textarea { display: block !important; width: 100% !important; max-width: 100% !important; height: 110px !important; min-height: 110px !important; margin: 0 !important; padding: 12px 14px !important; background: #111111 !important; color: #ffffff !important; border: 1px solid #666666 !important; border-radius: 5px !important; font-size: 14px !important; resize: vertical !important; box-shadow: none !important; } /* ========================================================= 11. YOUR ORDER HEADING ========================================================= */ body.woocommerce-checkout #order_review_heading { display: block !important; width: 100% !important; margin: 0 !important; padding: 22px 22px 14px 22px !important; background: #050505 !important; color: #ffffff !important; border-top: 1px solid #333333 !important; border-left: 1px solid #333333 !important; border-right: 1px solid #333333 !important; border-radius: 8px 8px 0 0 !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.2 !important; } /* ========================================================= 12. YOUR ORDER BOX ========================================================= */ body.woocommerce-checkout #order_review { width: 100% !important; max-width: 100% !important; float: none !important; margin: 0 !important; padding: 8px 22px 22px 22px !important; background: #050505 !important; color: #ffffff !important; border-left: 1px solid #333333 !important; border-right: 1px solid #333333 !important; border-bottom: 1px solid #333333 !important; border-radius: 0 0 8px 8px !important; overflow: visible !important; box-shadow: none !important; } /* ========================================================= 13. ORDER TABLE ========================================================= */ body.woocommerce-checkout #order_review table.shop_table { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #050505 !important; border: 1px solid #444444 !important; border-radius: 5px !important; border-collapse: collapse !important; overflow: hidden !important; } /* Cells */ body.woocommerce-checkout #order_review table.shop_table th, body.woocommerce-checkout #order_review table.shop_table td { padding: 13px 10px !important; background: #050505 !important; color: #ffffff !important; border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; border-bottom: 1px dashed #666666 !important; font-size: 14px !important; line-height: 1.3 !important; } /* remove last border */ body.woocommerce-checkout #order_review table.shop_table tr:last-child th, body.woocommerce-checkout #order_review table.shop_table tr:last-child td { border-bottom: none !important; } /* Product/subtotal price */ body.woocommerce-checkout #order_review .amount { color: #39ff14 !important; font-weight: 800 !important; } /* Order total */ body.woocommerce-checkout #order_review .order-total th { color: #ffff00 !important; font-size: 16px !important; font-weight: 800 !important; } body.woocommerce-checkout #order_review .order-total td, body.woocommerce-checkout #order_review .order-total .amount { color: #39ff14 !important; font-size: 18px !important; font-weight: 800 !important; } /* ========================================================= 14. SHIPPING ========================================================= */ body.woocommerce-checkout #order_review .woocommerce-shipping-methods { width: 100% !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } body.woocommerce-checkout #order_review .woocommerce-shipping-methods li { width: 100% !important; display: flex !important; align-items: center !important; margin: 6px 0 !important; padding: 0 !important; background: transparent !important; } body.woocommerce-checkout #order_review .woocommerce-shipping-methods input[type="radio"] { appearance: auto !important; -webkit-appearance: radio !important; width: 17px !important; height: 17px !important; min-width: 17px !important; flex: 0 0 17px !important; margin: 0 8px 0 0 !important; accent-color: #39ff14 !important; } body.woocommerce-checkout #order_review .woocommerce-shipping-methods label { display: block !important; flex: 1 !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 14px !important; line-height: 1.35 !important; } /* Shipping price green */ body.woocommerce-checkout #order_review .woocommerce-shipping-methods .amount { color: #39ff14 !important; font-weight: 800 !important; } /* ========================================================= 15. HIDE CASH ON DELIVERY / PAYMENT CONTENT KEEP ONLY PLACE ORDER BUTTON ========================================================= */ body.woocommerce-checkout #payment .wc_payment_methods, body.woocommerce-checkout #payment ul.payment_methods, body.woocommerce-checkout #payment .wc_payment_method, body.woocommerce-checkout #payment .payment_box, body.woocommerce-checkout .wcf-payment-option-heading { display: none !important; } /* Hide privacy / terms text */ body.woocommerce-checkout .woocommerce-privacy-policy-text, body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { display: none !important; } /* Payment wrapper remains so button works */ body.woocommerce-checkout #payment { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.woocommerce-checkout #payment .place-order { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } /* ========================================================= 16. PLACE ORDER BUTTON ========================================================= */ body.woocommerce-checkout #place_order, body.woocommerce-checkout button#place_order { display: block !important; width: 100% !important; max-width: 100% !important; min-height: 58px !important; height: 58px !important; margin: 18px 0 0 0 !important; padding: 10px 18px !important; background: #39ff14 !important; background-color: #39ff14 !important; color: #000000 !important; border: 0 !important; border-radius: 35px !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.2 !important; text-align: center !important; box-shadow: 0 0 18px rgba(57,255,20,.40) !important; cursor: pointer !important; } body.woocommerce-checkout #place_order:hover, body.woocommerce-checkout button#place_order:hover { background: #ffff00 !important; background-color: #ffff00 !important; color: #000000 !important; } /* ========================================================= 17. REMOVE RANDOM DEFAULT BACKGROUNDS ========================================================= */ body.woocommerce-checkout .woocommerce-checkout-review-order, body.woocommerce-checkout .woocommerce-checkout-payment, body.woocommerce-checkout .woocommerce-checkout-payment div, body.woocommerce-checkout #order_review, body.woocommerce-checkout #customer_details { box-shadow: none !important; } /* ========================================================= 18. MOBILE ========================================================= */ @media (max-width: 767px) { html, body { overflow-x: hidden !important; } body.woocommerce-checkout .woocommerce { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Main outer box */ body.woocommerce-checkout .wcf-embed-checkout-form { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 10px !important; background: #000000 !important; border: 1px solid #444444 !important; border-radius: 10px !important; overflow: visible !important; } /* Form single column */ body.woocommerce-checkout form.checkout { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ===================================================== MOBILE PRODUCTS ===================================================== */ body.woocommerce-checkout .wcf-product-option-wrap { width: 100% !important; margin: 0 0 12px 0 !important; padding: 0 !important; } body.woocommerce-checkout #your_products_heading { color: #ffff00 !important; font-size: 19px !important; margin: 0 0 12px 0 !important; } /* IMPORTANT: Mobile products = one per row */ body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-row { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; width: 100% !important; gap: 10px !important; } body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-row > * { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-option, body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-options { width: 100% !important; max-width: 100% !important; min-height: 90px !important; padding: 14px 16px !important; border-radius: 6px !important; } body.woocommerce-checkout .wcf-product-option-wrap input[type="radio"] { width: 17px !important; height: 17px !important; min-width: 17px !important; margin-right: 10px !important; } body.woocommerce-checkout .wcf-product-option-wrap img { max-width: 55px !important; max-height: 55px !important; margin-right: 12px !important; } /* ===================================================== MOBILE CUSTOMER DETAILS ===================================================== */ body.woocommerce-checkout #customer_details { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Billing card */ body.woocommerce-checkout #customer_details .col-1 { width: 100% !important; margin: 0 !important; padding: 14px !important; background: #050505 !important; border: 1px solid #333333 !important; border-radius: 7px !important; } /* Billing heading */ body.woocommerce-checkout .woocommerce-billing-fields h3 { color: #ffff00 !important; font-size: 18px !important; margin: 0 0 18px 0 !important; } /* Labels */ body.woocommerce-checkout .woocommerce-billing-fields label { font-size: 14px !important; margin-bottom: 6px !important; } /* Fields */ body.woocommerce-checkout .woocommerce-billing-fields .form-row { margin-bottom: 13px !important; } /* Inputs */ body.woocommerce-checkout .woocommerce-billing-fields input.input-text, body.woocommerce-checkout .woocommerce-billing-fields input[type="text"], body.woocommerce-checkout .woocommerce-billing-fields input[type="tel"], body.woocommerce-checkout .woocommerce-billing-fields input[type="email"], body.woocommerce-checkout .woocommerce-billing-fields select { width: 100% !important; height: 48px !important; min-height: 48px !important; padding: 9px 11px !important; font-size: 14px !important; } /* ===================================================== MOBILE ORDER NOTES ===================================================== */ body.woocommerce-checkout #customer_details .col-2 { width: 100% !important; margin: 10px 0 0 0 !important; padding: 0 !important; } body.woocommerce-checkout .woocommerce-additional-fields { width: 100% !important; margin: 0 !important; padding: 14px !important; background: #050505 !important; border: 1px solid #333333 !important; border-radius: 7px !important; } body.woocommerce-checkout .woocommerce-additional-fields h3 { font-size: 15px !important; margin: 0 0 10px 0 !important; } body.woocommerce-checkout .woocommerce-additional-fields textarea { width: 100% !important; height: 85px !important; min-height: 85px !important; padding: 10px !important; font-size: 13px !important; } /* ===================================================== MOBILE YOUR ORDER ===================================================== */ body.woocommerce-checkout #order_review_heading { display: block !important; width: 100% !important; margin: 12px 0 0 0 !important; padding: 15px 14px 8px 14px !important; background: #050505 !important; color: #ffff00 !important; border-top: 1px solid #333333 !important; border-left: 1px solid #333333 !important; border-right: 1px solid #333333 !important; border-radius: 7px 7px 0 0 !important; font-size: 18px !important; font-weight: 800 !important; } body.woocommerce-checkout #order_review { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 7px 14px 14px 14px !important; background: #050505 !important; border-left: 1px solid #333333 !important; border-right: 1px solid #333333 !important; border-bottom: 1px solid #333333 !important; border-radius: 0 0 7px 7px !important; overflow: visible !important; } /* Order table */ body.woocommerce-checkout #order_review table.shop_table { width: 100% !important; margin: 0 !important; font-size: 13px !important; } body.woocommerce-checkout #order_review table.shop_table th, body.woocommerce-checkout #order_review table.shop_table td { padding: 10px 7px !important; font-size: 13px !important; line-height: 1.25 !important; } body.woocommerce-checkout #order_review .order-total th { font-size: 15px !important; } body.woocommerce-checkout #order_review .order-total td, body.woocommerce-checkout #order_review .order-total .amount { font-size: 17px !important; } /* Mobile shipping */ body.woocommerce-checkout #order_review .woocommerce-shipping-methods li { margin: 5px 0 !important; } body.woocommerce-checkout #order_review .woocommerce-shipping-methods input[type="radio"] { width: 16px !important; height: 16px !important; min-width: 16px !important; flex: 0 0 16px !important; margin-right: 7px !important; } body.woocommerce-checkout #order_review .woocommerce-shipping-methods label { font-size: 13px !important; line-height: 1.3 !important; } /* ===================================================== MOBILE PLACE ORDER ===================================================== */ body.woocommerce-checkout #place_order, body.woocommerce-checkout button#place_order { width: 100% !important; height: 55px !important; min-height: 55px !important; margin: 12px 0 0 0 !important; padding: 8px 12px !important; background: #39ff14 !important; color: #000000 !important; border-radius: 30px !important; font-size: 16px !important; font-weight: 800 !important; white-space: normal !important; } /* ===================================================== REMOVE ALL INTERNAL SCROLL / HORIZONTAL SCROLL ===================================================== */ body.woocommerce-checkout .woocommerce-checkout, body.woocommerce-checkout form.checkout, body.woocommerce-checkout #customer_details, body.woocommerce-checkout #order_review, body.woocommerce-checkout #payment { overflow: visible !important; max-height: none !important; } } /* ========================================================= 19. VERY SMALL MOBILE ========================================================= */ @media (max-width: 420px) { body.woocommerce-checkout .wcf-embed-checkout-form { padding: 7px !important; } body.woocommerce-checkout #customer_details .col-1, body.woocommerce-checkout .woocommerce-additional-fields { padding: 12px !important; } body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-option, body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-options { min-height: 82px !important; padding: 12px !important; } body.woocommerce-checkout .wcf-product-option-wrap img { max-width: 50px !important; max-height: 50px !important; } body.woocommerce-checkout #order_review_heading { padding-left: 12px !important; padding-right: 12px !important; } body.woocommerce-checkout #order_review { padding-left: 12px !important; padding-right: 12px !important; padding-bottom: 12px !important; } }/* End custom CSS */ /* Start custom CSS for checkout-form, class: .elementor-element-55e0d500 *//* ========================================================= CARTFLOWS / WOOCOMMERCE CHECKOUT TARGET DESIGN - DESKTOP + MOBILE ========================================================= */ /* ========================================================= 1. GLOBAL ========================================================= */ html, body, body.woocommerce-checkout { background: #000000 !important; color: #ffffff !important; } body.woocommerce-checkout, body.woocommerce-checkout * { box-sizing: border-box !important; } body.woocommerce-checkout .woocommerce, body.woocommerce-checkout .wcf-embed-checkout-form, body.woocommerce-checkout .wcf-embed-checkout-form .woocommerce { background: #000000 !important; color: #ffffff !important; } /* Main checkout outer box */ body.woocommerce-checkout .wcf-embed-checkout-form { width: 100% !important; max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; padding: 28px !important; background: #000000 !important; border: 1px solid #3b3b3b !important; border-radius: 15px !important; overflow: visible !important; } /* ========================================================= 2. REMOVE CUSTOMER INFORMATION / EMAIL ========================================================= */ body.woocommerce-checkout .wcf-customer-info-main-wrapper { display: none !important; } body.woocommerce-checkout #billing_email_field { display: none !important; } /* ========================================================= 3. GENERAL TEXT ========================================================= */ body.woocommerce-checkout .wcf-embed-checkout-form, body.woocommerce-checkout .wcf-embed-checkout-form p, body.woocommerce-checkout .wcf-embed-checkout-form label, body.woocommerce-checkout .wcf-embed-checkout-form span, body.woocommerce-checkout .wcf-embed-checkout-form th, body.woocommerce-checkout .wcf-embed-checkout-form td { color: #ffffff; } /* ========================================================= 4. YOUR PRODUCTS ========================================================= */ body.woocommerce-checkout .wcf-product-option-wrap { width: 100% !important; max-width: 100% !important; display: block !important; float: none !important; clear: both !important; margin: 0 0 35px 0 !important; padding: 0 !important; background: transparent !important; } /* Your Products heading */ body.woocommerce-checkout #your_products_heading { color: #ffffff !important; font-size: 20px !important; font-weight: 800 !important; margin: 0 0 22px 0 !important; padding: 0 !important; } /* Products row */ body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-row { width: 100% !important; display: flex !important; flex-wrap: wrap !important; gap: 18px !important; margin: 0 !important; padding: 0 !important; } /* Desktop = two products side by side */ body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-row > * { flex: 0 0 calc(50% - 9px) !important; width: calc(50% - 9px) !important; max-width: calc(50% - 9px) !important; margin: 0 !important; } /* Product card */ body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-option, body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-options { min-height: 130px !important; display: flex !important; align-items: center !important; padding: 20px 25px !important; background: linear-gradient( 90deg, #164e28 0%, #237a38 50%, #164e28 100% ) !important; color: #ffffff !important; border: 1px solid #39ff14 !important; border-radius: 7px !important; box-shadow: none !important; } /* Selected product */ body.woocommerce-checkout .wcf-product-option-wrap input[type="radio"]:checked + label, body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-option.selected { background: linear-gradient( 90deg, #164e28 0%, #237a38 50%, #164e28 100% ) !important; border-color: #39ff14 !important; } /* Product radio */ body.woocommerce-checkout .wcf-product-option-wrap input[type="radio"] { appearance: auto !important; -webkit-appearance: radio !important; width: 18px !important; height: 18px !important; min-width: 18px !important; margin-right: 15px !important; accent-color: #39ff14 !important; } /* Product images */ body.woocommerce-checkout .wcf-product-option-wrap img { max-width: 70px !important; max-height: 70px !important; object-fit: contain !important; margin-right: 18px !important; } /* Product text */ body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-option *, body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-options * { color: #ffffff; } /* Product price */ body.woocommerce-checkout .wcf-product-option-wrap .amount, body.woocommerce-checkout .wcf-product-option-wrap .price { color: #39ff14 !important; font-weight: 800 !important; } /* ========================================================= 5. CHECKOUT FORM ========================================================= */ body.woocommerce-checkout form.checkout { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #000000 !important; overflow: visible !important; } /* ========================================================= 6. DESKTOP LAYOUT ========================================================= */ @media (min-width: 768px) { body.woocommerce-checkout form.checkout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: auto auto auto !important; column-gap: 18px !important; row-gap: 0 !important; align-items: start !important; } /* ----------------------------------------- Products = full width top row ----------------------------------------- */ body.woocommerce-checkout form.checkout .wcf-product-option-wrap { grid-column: 1 / -1 !important; grid-row: 1 !important; width: 100% !important; } /* ----------------------------------------- Left side Billing + Order Notes ----------------------------------------- */ body.woocommerce-checkout form.checkout #customer_details { grid-column: 1 !important; grid-row: 2 / 4 !important; width: 100% !important; max-width: 100% !important; display: block !important; float: none !important; clear: both !important; margin: 0 !important; padding: 0 !important; align-self: start !important; } /* ----------------------------------------- Right side Your Order heading ----------------------------------------- */ body.woocommerce-checkout form.checkout #order_review_heading { grid-column: 2 !important; grid-row: 2 !important; width: 100% !important; align-self: start !important; } /* ----------------------------------------- Right side order content ----------------------------------------- */ body.woocommerce-checkout form.checkout #order_review { grid-column: 2 !important; grid-row: 3 !important; width: 100% !important; max-width: 100% !important; align-self: start !important; } } /* ========================================================= 7. CUSTOMER DETAILS ========================================================= */ body.woocommerce-checkout #customer_details { background: transparent !important; } /* remove WooCommerce float */ body.woocommerce-checkout #customer_details .col-1, body.woocommerce-checkout #customer_details .col-2 { float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; } /* ========================================================= 8. BILLING CARD ========================================================= */ body.woocommerce-checkout #customer_details .col-1 { margin: 0 !important; padding: 22px !important; background: #050505 !important; border: 1px solid #333333 !important; border-radius: 8px !important; } /* Billing details */ body.woocommerce-checkout .woocommerce-billing-fields { width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } /* Billing heading */ body.woocommerce-checkout .woocommerce-billing-fields h3 { color: #ffff00 !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.2 !important; margin: 0 0 25px 0 !important; padding: 0 !important; } /* Billing wrapper */ body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper { width: 100% !important; display: block !important; margin: 0 !important; padding: 0 !important; } /* Billing field rows */ body.woocommerce-checkout .woocommerce-billing-fields .form-row { display: block !important; width: 100% !important; max-width: 100% !important; float: none !important; clear: both !important; margin: 0 0 17px 0 !important; padding: 0 !important; } /* Labels */ body.woocommerce-checkout .woocommerce-billing-fields label { display: block !important; width: 100% !important; color: #ffffff !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 0 0 8px 0 !important; padding: 0 !important; } /* Required */ body.woocommerce-checkout .woocommerce-billing-fields .required { color: #ffff00 !important; } /* ========================================================= 9. INPUTS ========================================================= */ body.woocommerce-checkout .woocommerce-billing-fields input.input-text, body.woocommerce-checkout .woocommerce-billing-fields input[type="text"], body.woocommerce-checkout .woocommerce-billing-fields input[type="tel"], body.woocommerce-checkout .woocommerce-billing-fields input[type="email"], body.woocommerce-checkout .woocommerce-billing-fields input[type="number"], body.woocommerce-checkout .woocommerce-billing-fields select { display: block !important; width: 100% !important; max-width: 100% !important; height: 52px !important; min-height: 52px !important; padding: 10px 14px !important; margin: 0 !important; background: #111111 !important; background-color: #111111 !important; color: #ffffff !important; border: 1px solid #666666 !important; border-radius: 5px !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.2 !important; box-shadow: none !important; } /* Placeholder */ body.woocommerce-checkout input::placeholder, body.woocommerce-checkout textarea::placeholder { color: #999999 !important; opacity: 1 !important; } /* Focus */ body.woocommerce-checkout .woocommerce-billing-fields input:focus, body.woocommerce-checkout .woocommerce-billing-fields select:focus, body.woocommerce-checkout textarea:focus { border-color: #39ff14 !important; outline: none !important; box-shadow: 0 0 7px rgba(57,255,20,.22) !important; } /* ========================================================= 10. ORDER NOTES ========================================================= */ body.woocommerce-checkout #customer_details .col-2 { margin: 16px 0 0 0 !important; padding: 0 !important; background: transparent !important; } /* Hide shipping-address area if CartFlows creates it */ body.woocommerce-checkout .woocommerce-shipping-fields { display: none !important; } /* Notes card */ body.woocommerce-checkout .woocommerce-additional-fields { width: 100% !important; margin: 0 !important; padding: 22px !important; background: #050505 !important; border: 1px solid #333333 !important; border-radius: 8px !important; } /* Notes heading */ body.woocommerce-checkout .woocommerce-additional-fields h3 { color: #ffffff !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.3 !important; margin: 0 0 15px 0 !important; padding: 0 !important; } /* Notes row */ body.woocommerce-checkout .woocommerce-additional-fields .form-row { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Notes textarea */ body.woocommerce-checkout .woocommerce-additional-fields textarea { display: block !important; width: 100% !important; max-width: 100% !important; height: 110px !important; min-height: 110px !important; margin: 0 !important; padding: 12px 14px !important; background: #111111 !important; color: #ffffff !important; border: 1px solid #666666 !important; border-radius: 5px !important; font-size: 14px !important; resize: vertical !important; box-shadow: none !important; } /* ========================================================= 11. YOUR ORDER HEADING ========================================================= */ body.woocommerce-checkout #order_review_heading { display: block !important; width: 100% !important; margin: 0 !important; padding: 22px 22px 14px 22px !important; background: #050505 !important; color: #ffffff !important; border-top: 1px solid #333333 !important; border-left: 1px solid #333333 !important; border-right: 1px solid #333333 !important; border-radius: 8px 8px 0 0 !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.2 !important; } /* ========================================================= 12. YOUR ORDER BOX ========================================================= */ body.woocommerce-checkout #order_review { width: 100% !important; max-width: 100% !important; float: none !important; margin: 0 !important; padding: 8px 22px 22px 22px !important; background: #050505 !important; color: #ffffff !important; border-left: 1px solid #333333 !important; border-right: 1px solid #333333 !important; border-bottom: 1px solid #333333 !important; border-radius: 0 0 8px 8px !important; overflow: visible !important; box-shadow: none !important; } /* ========================================================= 13. ORDER TABLE ========================================================= */ body.woocommerce-checkout #order_review table.shop_table { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #050505 !important; border: 1px solid #444444 !important; border-radius: 5px !important; border-collapse: collapse !important; overflow: hidden !important; } /* Cells */ body.woocommerce-checkout #order_review table.shop_table th, body.woocommerce-checkout #order_review table.shop_table td { padding: 13px 10px !important; background: #050505 !important; color: #ffffff !important; border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; border-bottom: 1px dashed #666666 !important; font-size: 14px !important; line-height: 1.3 !important; } /* remove last border */ body.woocommerce-checkout #order_review table.shop_table tr:last-child th, body.woocommerce-checkout #order_review table.shop_table tr:last-child td { border-bottom: none !important; } /* Product/subtotal price */ body.woocommerce-checkout #order_review .amount { color: #39ff14 !important; font-weight: 800 !important; } /* Order total */ body.woocommerce-checkout #order_review .order-total th { color: #ffff00 !important; font-size: 16px !important; font-weight: 800 !important; } body.woocommerce-checkout #order_review .order-total td, body.woocommerce-checkout #order_review .order-total .amount { color: #39ff14 !important; font-size: 18px !important; font-weight: 800 !important; } /* ========================================================= 14. SHIPPING ========================================================= */ body.woocommerce-checkout #order_review .woocommerce-shipping-methods { width: 100% !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } body.woocommerce-checkout #order_review .woocommerce-shipping-methods li { width: 100% !important; display: flex !important; align-items: center !important; margin: 6px 0 !important; padding: 0 !important; background: transparent !important; } body.woocommerce-checkout #order_review .woocommerce-shipping-methods input[type="radio"] { appearance: auto !important; -webkit-appearance: radio !important; width: 17px !important; height: 17px !important; min-width: 17px !important; flex: 0 0 17px !important; margin: 0 8px 0 0 !important; accent-color: #39ff14 !important; } body.woocommerce-checkout #order_review .woocommerce-shipping-methods label { display: block !important; flex: 1 !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 14px !important; line-height: 1.35 !important; } /* Shipping price green */ body.woocommerce-checkout #order_review .woocommerce-shipping-methods .amount { color: #39ff14 !important; font-weight: 800 !important; } /* ========================================================= 15. HIDE CASH ON DELIVERY / PAYMENT CONTENT KEEP ONLY PLACE ORDER BUTTON ========================================================= */ body.woocommerce-checkout #payment .wc_payment_methods, body.woocommerce-checkout #payment ul.payment_methods, body.woocommerce-checkout #payment .wc_payment_method, body.woocommerce-checkout #payment .payment_box, body.woocommerce-checkout .wcf-payment-option-heading { display: none !important; } /* Hide privacy / terms text */ body.woocommerce-checkout .woocommerce-privacy-policy-text, body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { display: none !important; } /* Payment wrapper remains so button works */ body.woocommerce-checkout #payment { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.woocommerce-checkout #payment .place-order { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } /* ========================================================= 16. PLACE ORDER BUTTON ========================================================= */ body.woocommerce-checkout #place_order, body.woocommerce-checkout button#place_order { display: block !important; width: 100% !important; max-width: 100% !important; min-height: 58px !important; height: 58px !important; margin: 18px 0 0 0 !important; padding: 10px 18px !important; background: #39ff14 !important; background-color: #39ff14 !important; color: #000000 !important; border: 0 !important; border-radius: 35px !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.2 !important; text-align: center !important; box-shadow: 0 0 18px rgba(57,255,20,.40) !important; cursor: pointer !important; } body.woocommerce-checkout #place_order:hover, body.woocommerce-checkout button#place_order:hover { background: #ffff00 !important; background-color: #ffff00 !important; color: #000000 !important; } /* ========================================================= 17. REMOVE RANDOM DEFAULT BACKGROUNDS ========================================================= */ body.woocommerce-checkout .woocommerce-checkout-review-order, body.woocommerce-checkout .woocommerce-checkout-payment, body.woocommerce-checkout .woocommerce-checkout-payment div, body.woocommerce-checkout #order_review, body.woocommerce-checkout #customer_details { box-shadow: none !important; } /* ========================================================= 18. MOBILE ========================================================= */ @media (max-width: 767px) { html, body { overflow-x: hidden !important; } body.woocommerce-checkout .woocommerce { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Main outer box */ body.woocommerce-checkout .wcf-embed-checkout-form { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 10px !important; background: #000000 !important; border: 1px solid #444444 !important; border-radius: 10px !important; overflow: visible !important; } /* Form single column */ body.woocommerce-checkout form.checkout { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ===================================================== MOBILE PRODUCTS ===================================================== */ body.woocommerce-checkout .wcf-product-option-wrap { width: 100% !important; margin: 0 0 12px 0 !important; padding: 0 !important; } body.woocommerce-checkout #your_products_heading { color: #ffff00 !important; font-size: 19px !important; margin: 0 0 12px 0 !important; } /* IMPORTANT: Mobile products = one per row */ body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-row { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; width: 100% !important; gap: 10px !important; } body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-row > * { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-option, body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-options { width: 100% !important; max-width: 100% !important; min-height: 90px !important; padding: 14px 16px !important; border-radius: 6px !important; } body.woocommerce-checkout .wcf-product-option-wrap input[type="radio"] { width: 17px !important; height: 17px !important; min-width: 17px !important; margin-right: 10px !important; } body.woocommerce-checkout .wcf-product-option-wrap img { max-width: 55px !important; max-height: 55px !important; margin-right: 12px !important; } /* ===================================================== MOBILE CUSTOMER DETAILS ===================================================== */ body.woocommerce-checkout #customer_details { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Billing card */ body.woocommerce-checkout #customer_details .col-1 { width: 100% !important; margin: 0 !important; padding: 14px !important; background: #050505 !important; border: 1px solid #333333 !important; border-radius: 7px !important; } /* Billing heading */ body.woocommerce-checkout .woocommerce-billing-fields h3 { color: #ffff00 !important; font-size: 18px !important; margin: 0 0 18px 0 !important; } /* Labels */ body.woocommerce-checkout .woocommerce-billing-fields label { font-size: 14px !important; margin-bottom: 6px !important; } /* Fields */ body.woocommerce-checkout .woocommerce-billing-fields .form-row { margin-bottom: 13px !important; } /* Inputs */ body.woocommerce-checkout .woocommerce-billing-fields input.input-text, body.woocommerce-checkout .woocommerce-billing-fields input[type="text"], body.woocommerce-checkout .woocommerce-billing-fields input[type="tel"], body.woocommerce-checkout .woocommerce-billing-fields input[type="email"], body.woocommerce-checkout .woocommerce-billing-fields select { width: 100% !important; height: 48px !important; min-height: 48px !important; padding: 9px 11px !important; font-size: 14px !important; } /* ===================================================== MOBILE ORDER NOTES ===================================================== */ body.woocommerce-checkout #customer_details .col-2 { width: 100% !important; margin: 10px 0 0 0 !important; padding: 0 !important; } body.woocommerce-checkout .woocommerce-additional-fields { width: 100% !important; margin: 0 !important; padding: 14px !important; background: #050505 !important; border: 1px solid #333333 !important; border-radius: 7px !important; } body.woocommerce-checkout .woocommerce-additional-fields h3 { font-size: 15px !important; margin: 0 0 10px 0 !important; } body.woocommerce-checkout .woocommerce-additional-fields textarea { width: 100% !important; height: 85px !important; min-height: 85px !important; padding: 10px !important; font-size: 13px !important; } /* ===================================================== MOBILE YOUR ORDER ===================================================== */ body.woocommerce-checkout #order_review_heading { display: block !important; width: 100% !important; margin: 12px 0 0 0 !important; padding: 15px 14px 8px 14px !important; background: #050505 !important; color: #ffff00 !important; border-top: 1px solid #333333 !important; border-left: 1px solid #333333 !important; border-right: 1px solid #333333 !important; border-radius: 7px 7px 0 0 !important; font-size: 18px !important; font-weight: 800 !important; } body.woocommerce-checkout #order_review { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 7px 14px 14px 14px !important; background: #050505 !important; border-left: 1px solid #333333 !important; border-right: 1px solid #333333 !important; border-bottom: 1px solid #333333 !important; border-radius: 0 0 7px 7px !important; overflow: visible !important; } /* Order table */ body.woocommerce-checkout #order_review table.shop_table { width: 100% !important; margin: 0 !important; font-size: 13px !important; } body.woocommerce-checkout #order_review table.shop_table th, body.woocommerce-checkout #order_review table.shop_table td { padding: 10px 7px !important; font-size: 13px !important; line-height: 1.25 !important; } body.woocommerce-checkout #order_review .order-total th { font-size: 15px !important; } body.woocommerce-checkout #order_review .order-total td, body.woocommerce-checkout #order_review .order-total .amount { font-size: 17px !important; } /* Mobile shipping */ body.woocommerce-checkout #order_review .woocommerce-shipping-methods li { margin: 5px 0 !important; } body.woocommerce-checkout #order_review .woocommerce-shipping-methods input[type="radio"] { width: 16px !important; height: 16px !important; min-width: 16px !important; flex: 0 0 16px !important; margin-right: 7px !important; } body.woocommerce-checkout #order_review .woocommerce-shipping-methods label { font-size: 13px !important; line-height: 1.3 !important; } /* ===================================================== MOBILE PLACE ORDER ===================================================== */ body.woocommerce-checkout #place_order, body.woocommerce-checkout button#place_order { width: 100% !important; height: 55px !important; min-height: 55px !important; margin: 12px 0 0 0 !important; padding: 8px 12px !important; background: #39ff14 !important; color: #000000 !important; border-radius: 30px !important; font-size: 16px !important; font-weight: 800 !important; white-space: normal !important; } /* ===================================================== REMOVE ALL INTERNAL SCROLL / HORIZONTAL SCROLL ===================================================== */ body.woocommerce-checkout .woocommerce-checkout, body.woocommerce-checkout form.checkout, body.woocommerce-checkout #customer_details, body.woocommerce-checkout #order_review, body.woocommerce-checkout #payment { overflow: visible !important; max-height: none !important; } } /* ========================================================= 19. VERY SMALL MOBILE ========================================================= */ @media (max-width: 420px) { body.woocommerce-checkout .wcf-embed-checkout-form { padding: 7px !important; } body.woocommerce-checkout #customer_details .col-1, body.woocommerce-checkout .woocommerce-additional-fields { padding: 12px !important; } body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-option, body.woocommerce-checkout .wcf-product-option-wrap .wcf-qty-options { min-height: 82px !important; padding: 12px !important; } body.woocommerce-checkout .wcf-product-option-wrap img { max-width: 50px !important; max-height: 50px !important; } body.woocommerce-checkout #order_review_heading { padding-left: 12px !important; padding-right: 12px !important; } body.woocommerce-checkout #order_review { padding-left: 12px !important; padding-right: 12px !important; padding-bottom: 12px !important; } } /* ========================================================= FINAL DESKTOP FIX MOBILE WILL NOT BE AFFECTED ========================================================= */ @media (min-width: 768px) { /* ===================================================== MAIN DESKTOP GRID LEFT = BILLING + NOTES RIGHT = YOUR ORDER ===================================================== */ body.woocommerce-checkout #wcf-embed-checkout-form form.checkout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 22px !important; row-gap: 0 !important; width: 100% !important; max-width: 100% !important; align-items: start !important; overflow: visible !important; } /* ===================================================== PRODUCTS = FULL WIDTH TOP ===================================================== */ body.woocommerce-checkout #wcf-embed-checkout-form form.checkout .wcf-product-option-wrap { grid-column: 1 / -1 !important; grid-row: 1 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 0 28px 0 !important; padding: 0 !important; float: none !important; clear: both !important; background: transparent !important; border: none !important; } /* ===================================================== IMPORTANT PRODUCT FIX .wcf-qty-options = wrapper .wcf-qty-row = each product ===================================================== */ body.woocommerce-checkout #wcf-embed-checkout-form .wcf-product-option-wrap .wcf-qty-options { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: stretch !important; gap: 18px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-color: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; } /* Each product = 50% */ body.woocommerce-checkout #wcf-embed-checkout-form .wcf-product-option-wrap .wcf-qty-options .wcf-qty-row { flex: 0 0 calc(50% - 9px) !important; width: calc(50% - 9px) !important; max-width: calc(50% - 9px) !important; min-width: 0 !important; min-height: 125px !important; display: flex !important; align-items: center !important; margin: 0 !important; padding: 18px 22px !important; background: linear-gradient( 90deg, #174f29 0%, #237a38 50%, #174f29 100% ) !important; background-color: #237a38 !important; border: 1px solid #39ff14 !important; border-radius: 7px !important; box-shadow: none !important; overflow: hidden !important; } /* Remove old 50% widths from children */ body.woocommerce-checkout #wcf-embed-checkout-form .wcf-product-option-wrap .wcf-qty-row > * { flex: 0 0 auto !important; width: auto !important; max-width: none !important; min-width: 0 !important; } /* Product inner content can use remaining space */ body.woocommerce-checkout #wcf-embed-checkout-form .wcf-product-option-wrap .wcf-qty-row .wcf-item-wrap { flex: 1 1 auto !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; } /* Product radio */ body.woocommerce-checkout #wcf-embed-checkout-form .wcf-product-option-wrap .wcf-qty-row input[type="radio"] { flex: 0 0 18px !important; width: 18px !important; height: 18px !important; min-width: 18px !important; margin: 0 15px 0 0 !important; accent-color: #39ff14 !important; } /* Product image */ body.woocommerce-checkout #wcf-embed-checkout-form .wcf-product-option-wrap .wcf-qty-row img { flex: 0 0 auto !important; width: 70px !important; max-width: 70px !important; height: 70px !important; max-height: 70px !important; object-fit: contain !important; margin: 0 18px 0 0 !important; } /* ===================================================== LEFT COLUMN ===================================================== */ body.woocommerce-checkout #wcf-embed-checkout-form form.checkout > #customer_details { grid-column: 1 !important; grid-row: 2 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: both !important; align-self: start !important; } /* Billing */ body.woocommerce-checkout #customer_details .col-1 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; float: none !important; margin: 0 !important; padding: 22px !important; } /* Notes column */ body.woocommerce-checkout #customer_details .col-2 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; float: none !important; margin: 16px 0 0 0 !important; padding: 0 !important; } body.woocommerce-checkout .woocommerce-additional-fields { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } /* ===================================================== RIGHT COLUMN CRITICAL FIX ===================================================== */ body.woocommerce-checkout #wcf-embed-checkout-form form.checkout > .wcf-order-wrap { grid-column: 2 !important; grid-row: 2 !important; display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; float: none !important; clear: both !important; margin: 0 !important; padding: 0 !important; align-self: start !important; justify-self: stretch !important; position: relative !important; left: auto !important; right: auto !important; transform: none !important; } /* Some CartFlows versions apply percentage width here */ body.woocommerce-checkout .wcf-embed-checkout-form .woocommerce-checkout .wcf-order-wrap { width: 100% !important; max-width: 100% !important; min-width: 0 !important; float: none !important; margin-left: 0 !important; margin-right: 0 !important; } /* ===================================================== YOUR ORDER HEADING ===================================================== */ body.woocommerce-checkout .wcf-order-wrap #order_review_heading, body.woocommerce-checkout #order_review_heading { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; float: none !important; clear: both !important; margin: 0 !important; padding: 22px 22px 14px 22px !important; background: #050505 !important; color: #ffffff !important; border-top: 1px solid #333333 !important; border-left: 1px solid #333333 !important; border-right: 1px solid #333333 !important; border-radius: 8px 8px 0 0 !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.2 !important; box-sizing: border-box !important; } /* ===================================================== ORDER REVIEW FULL RIGHT COLUMN WIDTH ===================================================== */ body.woocommerce-checkout .wcf-order-wrap #order_review, body.woocommerce-checkout #order_review { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; float: none !important; clear: both !important; margin: 0 !important; padding: 8px 22px 22px 22px !important; background: #050505 !important; border-left: 1px solid #333333 !important; border-right: 1px solid #333333 !important; border-bottom: 1px solid #333333 !important; border-radius: 0 0 8px 8px !important; box-sizing: border-box !important; overflow: visible !important; } /* ===================================================== TABLE FULL WIDTH ===================================================== */ body.woocommerce-checkout .wcf-order-wrap #order_review table.shop_table, body.woocommerce-checkout #order_review table.shop_table { display: table !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; table-layout: fixed !important; margin: 0 !important; border-collapse: collapse !important; box-sizing: border-box !important; } body.woocommerce-checkout .wcf-order-wrap table.shop_table thead, body.woocommerce-checkout .wcf-order-wrap table.shop_table tbody, body.woocommerce-checkout .wcf-order-wrap table.shop_table tfoot { width: 100% !important; } body.woocommerce-checkout .wcf-order-wrap table.shop_table tr { display: table-row !important; width: 100% !important; } body.woocommerce-checkout .wcf-order-wrap table.shop_table th, body.woocommerce-checkout .wcf-order-wrap table.shop_table td { display: table-cell !important; box-sizing: border-box !important; white-space: normal !important; word-break: normal !important; overflow-wrap: anywhere !important; } /* Left column table */ body.woocommerce-checkout .wcf-order-wrap table.shop_table th:first-child, body.woocommerce-checkout .wcf-order-wrap table.shop_table td:first-child { width: 62% !important; max-width: 62% !important; } /* Price column */ body.woocommerce-checkout .wcf-order-wrap table.shop_table th:last-child, body.woocommerce-checkout .wcf-order-wrap table.shop_table td:last-child { width: 38% !important; max-width: 38% !important; } /* ===================================================== SHIPPING ===================================================== */ body.woocommerce-checkout .wcf-order-wrap .woocommerce-shipping-methods { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } body.woocommerce-checkout .wcf-order-wrap .woocommerce-shipping-methods li { display: flex !important; align-items: center !important; width: 100% !important; margin: 5px 0 !important; padding: 0 !important; white-space: normal !important; } body.woocommerce-checkout .wcf-order-wrap .woocommerce-shipping-methods label { flex: 1 1 auto !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; white-space: normal !important; line-height: 1.35 !important; } /* ===================================================== PAYMENT / BUTTON AREA FULL WIDTH ===================================================== */ body.woocommerce-checkout .wcf-order-wrap #payment { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } body.woocommerce-checkout .wcf-order-wrap #payment .place-order { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* Place Order */ body.woocommerce-checkout .wcf-order-wrap #place_order, body.woocommerce-checkout .wcf-order-wrap button#place_order, body.woocommerce-checkout #place_order { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 58px !important; min-height: 58px !important; margin: 18px 0 0 0 !important; padding: 10px 18px !important; background: #39ff14 !important; background-color: #39ff14 !important; color: #000000 !important; border: none !important; border-radius: 35px !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; text-align: center !important; box-sizing: border-box !important; } /* ===================================================== REMOVE CARTFLOWS OLD WIDTHS ===================================================== */ body.woocommerce-checkout #wcf-embed-checkout-form .wcf-order-wrap, body.woocommerce-checkout #wcf-embed-checkout-form #order_review, body.woocommerce-checkout #wcf-embed-checkout-form #order_review_heading, body.woocommerce-checkout #wcf-embed-checkout-form #customer_details { max-height: none !important; overflow: visible !important; } }/* End custom CSS */