@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css');

/*FONTS CSS*/
@font-face {
    font-family: 'HelveticaNowText';
    src: url('../fonts/HelveticaNowText-Regular.eot');
    src: url('../fonts/HelveticaNowText-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNowText-Regular.woff2') format('woff2'),
        url('../fonts/HelveticaNowText-Regular.woff') format('woff'),
        url('../fonts/HelveticaNowText-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowText';
    src: url('../fonts/HelveticaNowText-Medium.eot');
    src: url('../fonts/HelveticaNowText-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNowText-Medium.woff2') format('woff2'),
        url('../fonts/HelveticaNowText-Medium.woff') format('woff'),
        url('../fonts/HelveticaNowText-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowText';
    src: url('../fonts/HelveticaNowText-Bold.eot');
    src: url('../fonts/HelveticaNowText-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNowText-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNowText-Bold.woff') format('woff'),
        url('../fonts/HelveticaNowText-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowText';
    src: url('../fonts/HelveticaNowText-Black.eot');
    src: url('../fonts/HelveticaNowText-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNowText-Black.woff2') format('woff2'),
        url('../fonts/HelveticaNowText-Black.woff') format('woff'),
        url('../fonts/HelveticaNowText-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


:root{
  /* BG Root */
    --bg-body:#f8f8fa;
    --bg-white:#ffffff;
    --bg-black:#000000;
    --clr-base:#000000;
  
  /* Color Root */
    --clr-white:#ffffff;
    --clr-black:#000000;
    --clr-theme:#000000;
    
    /* Border CSS */
    --bdr-base:rgba(0,0,0,0.2);
    --bdr-light:rgba(255,255,255,0.84);

    /* Loader Root */
    --loader-bg:var(--card-bg);
    --loader-clr:var(--clr-action);
    
    /* Selection Root */
    --selection-bg:var(--clr-base);
    --selection-clr:var(--clr-white);
    
    /* ScrollBar Root */
    --scrollBar-bg:#f8f8f8;
    --scrollBar-clr:var(--clr-base);

    /* Fonts CSS */
    --font-base:"HelveticaNowText";
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;}
:focus{outline:none;}
html{height:100%;-webkit-text-size-adjust:none;overflow-x:hidden;}
body{height:100%;font-size:12px;font-family:var(--font-base);color:var(--clr-base);background:var(--bg-body);font-weight:normal;line-height:normal;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;outline:none;color:var(--clr-action);outline:none;cursor:pointer;transition:all 0.5s ease 0s;}
a:hover, a:focus{text-decoration:none;outline:none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus, .btn:hover, .btn:focus, .btn.focus{outline:none;box-shadow:none;}
img{margin:0;padding:0;max-width:100%;border:none;height:auto;}
p{font-size:14px;line-height:1.25em;color:var(--clr-base);font-weight:normal;}

/* Heading CSS Start */
h1, h2, h3, h4, h5, h6{margin:0;padding:0;display:block;color:var(--clr-base);font-size:100%;}
/* Heading CSS End */

/* List CSS Start */
ul, ul li, ol, ol li{margin:0;padding:0;list-style:none;}
/* List CSS End */

/****** Normal CSS Start ******/
::selection{background:var(--selection-bg);color:var(--selection-clr);}
::-moz-selection{background:var(--selection-bg);color:var(--selection-clr);}
.pull-left{float:left;}
.pull-right{float:right;}
.block{float:left;width:100%;}
.scrollbar{overflow:auto;}
.highlight-text{color:var(--clr-action);font-weight:600;}
.d-inline{display:inline-block;color:inherit!important;}
.event-none{pointer-events:none;}
.icon{display:inline-block;font-size:20px;vertical-align:middle;}
.hidden{display:none !important;}
.word-label{display:inline-block;}
.hide-overflow{overflow:hidden;}
.disabled{pointer-events:none;opacity:0.6;filter:grayscale(0.7);}
.text-left{text-align:left!important;}
.justify-left{justify-content:flex-start!important;}
.justify-right{justify-content:flex-end!important;}
.text-center{text-align:center!important;}
.justify-center{justify-content:center!important;}

/* Perfect ScrollBar CSS Start */
*{scrollbar-color:var(--scrollBar-clr) auto;}
*::-webkit-scrollbar{width:5px;border-radius:20px;height:8px;}
*::-webkit-scrollbar-track{background:var(--scrollBar-bg);}
*::-webkit-scrollbar-thumb{background-color:var(--scrollBar-clr);border-radius:20px;width:5px;height:5px;}

@-moz-document url-prefix() {
  * {scrollbar-width:thin; scrollbar-color:var(--scrollBar-clr) #f2f2f2;}
}
/* Perfect ScrollBar CSS End */

/* Loader CSS Start */
.loading-wrapper{position:fixed;float:left;width:100%;top:0;left:0;right:0;bottom:0;z-index:12;text-align:center;background:var(--loader-bg);}
.page-overlay{float:left;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;gap:10px;}
.loading-wrapper.content-loader{position:absolute;height:100%;}
.loading-wrapper.content-relative{position:relative;height:200px;background:none;z-index:1;}
.loading-wrapper.content-relative-double{position:relative;height:400px;background:none;z-index:1;}
.loading-wrapper.scroll-loader{position:relative;height:80px;}
.loader-ring{display:inline-block;position:relative;width:42px;height:42px;border:4px solid var(--loader-clr);border-color:var(--loader-clr) transparent var(--loader-clr) var(--loader-clr);animation:lds-ring 650ms linear infinite;border-radius:50%;}
@keyframes lds-ring{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.loader-text{float:left; width:100%; text-align:center; font-size:14px; color:var(--clr-base);}
.loading-wrapper.data-loader{position:relative;height:100px;}
.loading-wrapper.data-loader .loader-ring{width:32px;height:32px;border-width:3px;}
/* Loader CSS End */

/* Form CSS Start */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type='number']{-moz-appearance:textfield;}
select, select option{width:100%;box-sizing:border-box;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;}
textarea.form-control{padding:12px;min-height:124px;resize:none; resize:vertical;}
.form-control[disabled],.form-control[readonly],
fieldset[disabled] .form-control{background-color:rgba(0, 0, 0, 0.1)!important;cursor:not-allowed;opacity:1;}
.form-block{float:left;width:100%;}
.custom-select{float:left;width:100%; position:relative;}
.custom-select:after{position:absolute; top:0; right:14px; height:100%; display:flex; align-items:center; position:absolute; color:#000; font-size:18px; content:'\f107'; pointer-events:none; font-family:'FontAwesome';}

/* Grid CSS Start */
.form-row{--column-count:2;--column-gap:38px; --row-col:20px; display: flex;flex-wrap: wrap;gap:var(--row-col) var(--column-gap);justify-content: space-between;float: left;width:100%;}
.form-col{float:left;min-width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));}
.flex-col-1{--column-count:1;}
.flex-col-2{--column-count:2;}
.flex-col-3{--column-count:3;}
.flex-col-4{--column-count:4;}
/* Grid CSS End */

.form-group{float:left;width:100%;}
.input-label{float:left;width:100%;font-size:16px;margin-bottom:4px;color:var(--clr-base);}
.input-label small{font-size:100%; color:rgba(0, 0, 0, 0.5);}
.input-group{float:left;width:100%;position:relative;}
.form-control{float:left;width:100%;font-size:18px;font-weight:normal;outline:medium none;height:50px;color:var(--clr-base);background:var(--bg-white);line-height:1.2em;padding:0 16px;transition:all 0.4s ease 0s;border-radius:10px;border:1px solid var(--bdr-base);} 
.form-control::placeholder{color:var(rgba(0,0,0,0.8));}
label{margin-bottom:5px; font-size:16px; color:var(--clr-base); font-weight:500; font-family:var(--font-base); float:left; width:100%;}
.asterisk{color:#FF0000;}
.input-validation{position:absolute; top:calc(100% + 1px); left:0; color:#FF0000; font-size:12px; display:none;}


/* Password Input */
.password-control{cursor:pointer;}
.password-control .password-icon{display:none;}
.password-control .password-icon .icon{color:var(--clr-light);}
.modal .password-control .password-icon .icon{color:var(--clr-action);}
.password-control .password-icon.hide-label,
.password-control.active .password-icon.show-label{display:block;}
.password-control.active .password-icon.hide-label{display:none;}

.control-alert{position:absolute;top:1px;bottom:1px;right:1px;width:40px;height:calc(100% - 2px);padding-left:4px;display:flex;align-items:center;background:transparent;border-radius:0px 10px 10px 0px;}
.control-alert .icon{font-size:20px;float:left;}
/* Form CSS End */

/* Button CSS Start */
.btn{display:inline-flex;width:100%;align-items:center;justify-content:center;background:#f8f8f8;border:none;border-radius:10px;color:#333;padding:0 14px;font-family:var(--font-base);font-size:24px;font-weight:600;text-align:center;min-height:60px;transition:all 0.5s ease 0s;grid-gap:6px;text-transform:uppercase;cursor:pointer;min-width:120px;}
.btn .icon{float:left;font-size:20px;}
.btn-text{white-space:nowrap;}
.primary-btn{background:#00aacf;color:var(--clr-white);}
.primary-btn:hover{background:rgba(0, 0, 0, 0.8);}


.secondary-btn{background:var(--bg-white);color:var(--clr-black); border:2px solid var(--clr-black);}
.secondary-btn:hover{background:rgba(0, 0, 0, 0.8);}
/* Button CSS End */

/* Button Bar */
.button-bar{float:left;width:100%;padding:10px 0px;}
.button-bar-outer{float:left;width:100%;display:flex;grid-gap:8px;}
.button-bar-center .button-bar-outer{justify-content:center;}
.btn-col{flex:1;}

/* Page Common CSS Start */
.main-section{float:left;width:100%;min-height:100dvh;}
.page-container{float:left;width:100%;height:100;position:relative;}
.middle-section{float:left;width:100%;}
.mid-wrapper{float:left;width:100%;}
.container{margin:0 auto;width:100%;max-width:1500px;}

.wcard{background:var(--bg-white);}

/* Header CSS Start */
.header{float:left; width:100%; position:relative; z-index:2;}
.header-bar{float:left; width:100%; background:var(--bg-black); position:relative;}
.header-bar::after{position:absolute; content:''; top:0; right:0;bottom:0;left:0; height:100%; width:100%; background:url('../images/header-bg.webp') no-repeat center;}
.header-bar-inner{float:left; width:100%; display:flex; justify-content:center; align-items:center; padding:10px 0; min-height:120px;}
.brand-logo{float:left; width:100%; max-width:443px; position:relative; z-index:1;}
.brand-figure{float:left; width:100%;}
.brand-figure img{float:left; width:100%;}
/* Header CSS End */

/* Common Section CSS Start */
.section-block{float:left;width:100%;}
.section-inner{float:left;width:100%;padding:40px 0px 60px;}
.section-content-block{float:left;width:100%;}

.section-title{float:left; width:100%; text-align:center; margin-bottom:100px;}
.sec-intro{float:left; width:100%; font-size:60px; color:var(--clr-black); font-weight:800; line-height:1.15em; letter-spacing:3px;}
.section-text{float:left;width:100%;font-size:24px; color:var(--clr-white); margin-top:30px;}
.section-pre{float:left;width:100%; font-size:20px; line-height:1.3em; font-weight:normal; color:var(--clr-white);}
.text-highlight{color:var(--clr-theme);position:relative;}
/* Common Section CSS End */

/****** Block/Form CSS Start ******/
.badge-label-bar{float:left; width:100%;}
.badge-label-inner{float:left; width:auto; display:flex; justify-content:center; align-items:center;}
.badge-label{float:left; width:100%; font-size:30px; text-transform:uppercase; font-weight:700;}

.section-block .section-inner{padding:74px 0;}
.block-card-outer{float:left; width:100%;}
.block-card-inner{float:left; width:100%;}
.block-card{float:left; width:100%; --radius:20px; border-radius:var(--radius); margin-top:74px;}
.block-form{float:left; width:100%; padding:40px;}
.block-card-one{margin-top:20px!important;}
.form-container{float:left; width:100%;}
.form-title{float:left; width:100%; position:relative; display:flex; align-items:center; gap:10px; background:linear-gradient(to right, #001fbc 0%,#4786de 43%,#001fbc 72%,#4b7acd 100%); padding:15px 20px 18px 106px; border-radius:10px; margin-bottom:40px;}
.form-title-label{font-size:26px; font-weight:700; color:var(--clr-white); line-height:1.2em;}
.title-icon{float:left; position:absolute; left:10px; display:flex; align-items:center; justify-content:center; --bx-size:80px; width:var(--bx-size); min-height:var(--bx-size); min-width:var(--bx-size); border-radius:8px; background:linear-gradient(to right, rgb(223,154,57) 0%, rgb(223,154,57) 27%, rgb(249,221,123) 56%, rgb(240,182,86) 100%);}
.title-icon .icon, .title-icon .icon img{float:left; width:100%; max-width:48px;}
.form-text{float:left; width:100%; padding:16px 0 34px;}
.form-text-label{font-size:27px; color:var(--clr-white);}
.login-btn{float:left; width:100%;display:flex; justify-content:center; align-items:center;}
.login-btn .btn{max-width:180px; position:relative;}
.login-button-outer{margin-top:40px;}

.form-badge{float:left; width:100%; margin-top:20px;}
.form-badge-inner{float:left; width:100%; display:flex; flex-direction:column; padding:18px 20px; gap:4px; border-radius:15px; background:linear-gradient(90deg, #df9939 0%, #df9939 27%, #f9dd7b 56%, #efb555 100%);}
.form-badge-title{float:left; width:100%; font-size:20px; text-transform:uppercase; font-weight:700;}
.form-badge-text{float:left; width:100%; font-size:14px; text-transform:uppercase; font-weight:700;}
.form-badge-text span{font-weight:normal; text-transform:none;}

/****** Block/Form CSS End ******/



/* Dropdown CSS Start */
.multi-select{float:left; width:100%; position:relative;}
.select-box{float:left; width:100%; position:relative; border:1px solid rgba(0, 0, 0, 0.2); height:auto !important; min-height:50px; border-radius:10px; font-size:18px; padding:6px 20px; padding-top:10px !important; padding-bottom:10px !important; cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#fff;}
.dropdown{position:absolute; top:calc(100% + 2px); left:0; float:left; width:100%;border:1px solid rgba(0, 0, 0, 0.2);background:#fff; border-radius:10px;max-height:310px;overflow:hidden; overflow-y:auto; z-index:10;opacity:0;transform:translateY(-8px);visibility:hidden;transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s;}
.dropdown{padding:6px 20px; transition:opacity 0.2s ease,transform 0.2s ease,visibility 0s linear 0.2s;}
.dropdown.open{opacity:1;transform:translateY(0);visibility:visible; transition-delay:0s;}
.search-bar{float:left; width:100%; display:flex; gap:4px; justify-content:center;padding:10px;border-bottom:1px solid rgba(0, 0, 0, 0.2);background:#fff; position:sticky; top:-8px; z-index:1;}
.search-icon{float:left; position:relative; top:2px;}
.search-icon .icon{float:left; font-size:22px; opacity:0.5;}
.search{float:left; width:100%;font-size:22px; border:none;outline:none;box-shadow:none; color:rgba(0, 0, 0, 0.5);}
.dropdown ul{float:left; width:100%; list-style:none;padding:0;margin:0;}
.dropdown li{float:left; width:100%;}
.dropdown li + li{margin-top:6px;}
.dropdown-arrow{float:right;}
.dropdown-arrow .arrow-icon{float:left;}

.itemList-label{font-size: 16px; color: #000; font-weight: 700; text-transform: uppercase; background:linear-gradient(to right, #001fbc 0%,#4786de 43%,#001fbc 72%,#4b7acd 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.select-all{float:left; width:100%; padding:10px 0px; font-weight:700;}
.select-all label{cursor: pointer; display: flex; gap: 8px; margin:0px;}
.product-block{float:left; width:100%; background:linear-gradient(to right, #001fbc 0%,#4786de 43%,#001fbc 72%,#4b7acd 100%); padding:2px; border-radius:10px;}
.product-outer{float:left; width:100%; display:flex; align-items:stretch; gap:10px; min-height:56px; background:#fff; border-radius:8px; overflow:hidden; padding-left:20px; position:relative;}
.product-block .checkbox{float:left; margin-right:10px;}
.item-checkbox{width:auto; margin:0px;}
.custom-checkbox.item-checkbox .checkmark{top:0px; bottom:0; margin:auto; left:0px;}

.product-block .custom-checkbox{position:relative;}
.product-block .custom-checkbox input{width:100%; height:100%; margin:0px;}

.product-icon{float:left; width:45px; min-width:45px; display:flex; align-items:center; }
.product-figure, .product-figure img{float:left; width:100%;}
.product-info{float:left; width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.product-title{float:left; width:100%; font-size:16px; font-weight:700; color:#000;}
.product-pre{float:left; width:100%; font-size:14px; color:#000;}
.product-price{float:right; width:100%; max-width:130px; display:flex; align-items:center; justify-content:center; padding:4px 20px; border-radius:8px; background:linear-gradient(to right, rgb(223,154,57) 0%, rgb(223,154,57) 27%, rgb(249,221,123) 56%, rgb(240,182,86) 100%);}
.product-price-label{font-size:20px; font-weight:700; color:#000;}


.form-row + .form-row{margin-top:20px;}

.product-block-list{float:left; width:100%; min-height:50px; border:1px solid rgba(0, 0, 0, 0.2); padding:20px; border-radius:10px;}
.product-list-item{float:left; width:100%; margin-bottom:20px;}
.product-list-item:last-child{margin-bottom:0px;}
.product-block-list .product-outer{min-height:auto; padding:4px 20px;}

.product-quantity{float:right; width:auto; display:flex; align-items:center; justify-content:center; gap:4px; margin-left:10px;}
.quantity-btn{font-size:22px; cursor:pointer;}
.decrease-btn{opacity:0.5;}
.quantity-value-info{float:left; width:130px; min-height:46px; background:#f8f8fa; border-radius:10px; border:1px solid var(--bdr-base); display:flex; justify-content:center; align-items:center;}
.quantity-value{float:left; width:100%; text-align:center; font-size:20px; font-weight:700; color:#000; border:none; background:transparent;}
.total-price-info{float:left; width:100%; border:1px solid rgba(0, 0, 0, 0.2); padding:6px 20px; min-height:50px; border-radius:10px; display:flex; align-items:center;}
.total-price-value{font-size:22px; font-weight:900; color:#000;}

.btn-bar-outer{float:left; width:100%; display:flex; align-items:center; justify-content:center; margin-top:40px; margin-bottom:20px;}
.btn-bar-outer .primary-btn{width:auto; padding:10px 20px; font-size:18px; background:var(--bg-black); min-height:50px; min-width:300px; border-radius: 10px;}
.btn-bar-outer .primary-btn:hover{background:#df9a39;}

.btn-bar-outer .secondary-btn:hover{background:#001fbc; border-color:#001fbc; color:#fff;}
.btn-bar-outer .secondary-btn:hover a{color:#fff;}

.btn-bar-outer{float:left; width:100%; display:flex; align-items:center; justify-content:center; margin-top:40px; margin-bottom:20px;}
.btn-bar-outer .btn{width:auto; padding:10px 20px; font-size:18px; min-height:50px; min-width:300px; border-radius: 10px;}
/* Dropdown CSS End */



.custom-checkbox{display:block;position:relative;cursor:pointer;font-size:14px;font-weight:500;color:var(--clr-base);padding-left:28px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:20px;}
.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;top:auto;right:auto;bottom:auto;left:0;}
.custom-checkbox .checkmark{position:absolute;top:0px;left:0px;height:20px;width:20px;background:none;border-radius:4px;border:2px solid rgba(0, 0, 0, 0.4);}
.custom-checkbox:hover input~.checkmark{border-color:var(--bg-black);}
.custom-checkbox input:checked~.checkmark{background:var(--bg-black);border-color:var(--bg-black);}
.custom-checkbox .checkmark:after{content:"";position:absolute;display:none;}
.custom-checkbox input:checked~.checkmark:after, .custom-checkbox.active input ~ .checkmark:after{display:block;}
.custom-checkbox .checkmark:after{left:5px;top:0px;width:5px;height:11px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

.banner{float:left; width:100%;}
.banner-outer{float:left;width:100%;background:var(--bg-black) no-repeat right top;background-size:cover;padding: 40px 0px 40px;}
.banner-inner{float:left; width:100%;}
.brand-logo-lg{float:left; width:100%; max-width:100%; display:flex; align-items:center; justify-content:center;}
.brand-logo-lg .brand-figure{max-width:620px;}
.banner-content{float:left;width:100%;display: flex;flex-wrap: wrap;justify-content: center; margin-top:40px;}
.banner-title-bar{float:left;width:100%;margin-bottom:40px;display: flex;justify-content: center;}
.banner-title{float:left; font-size:40px; text-transform:uppercase; font-weight:900; padding:10px 40px; border-radius:8px; background:linear-gradient(to right, rgb(223,154,57) 0%, rgb(223,154,57) 27%, rgb(249,221,123) 56%, rgb(240,182,86) 100%);}
.banner-text-bar{float:left;width:100%;max-width:730px;}
.banner-pre{float:left;width:100%;font-size:24px;line-height:1.4em;color:var(--clr-white);text-align: center;}
.banner-pre + .banner-pre{margin-top:24px;}

.preview-banner .banner-content{display:none;}

.footer{float:left; width:100%; background:#fff; padding:16px 0px;}
.copyright-warp{float:left; width:100%;}
.copyright-text{float:left; width:100%; font-size:14px; text-align:center; color:var(--clr-base);}


/*========submission Page CSS Start ========*/
.submission-info{float:left;width:100%; }
.submission-wrap{float:left;width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;background:var(--bg-white);background-size:cover;}
.submission-center{float:left;width:100%;height: 100%;display: flex;align-items: center;flex-direction: column; justify-content:space-between;}
.brand-logo-lg.submission-logo .brand-figure{margin-bottom:0; max-width:52.77vmin;}
.submission-figure{width:100%;display:flex;align-items:center;justify-content:center; float:left; }
.submission-icon{margin:8vmin auto 4vmin;max-width:26vmin;width:100%;display:flex;align-items:center;justify-content:center; }
.submission-figure img{float:left;width:100%; }
.submission-content{float:left;width:100%;display:flex; flex-direction:column; align-items:center; justify-content:center; flex:1; gap:5vmin;}
.submission-text{float:left; width:100%;}
.submission-title{float:left;width:100%;text-align:center;font-size:6vmin; line-height:1.2em; font-weight:700; margin-bottom:1.5vmin;color:var(--clr-black);}
.submission-pre{float:left;width:100%;text-align:center;font-size:2.6vmin; line-height:1.2em;font-weight:normal;color:var(--clr-black);}
.submission-center .copyright-text{font-size:2vmin; padding:2vmin 0px;}
/*========submission Page CSS End ========*/

.from-row{float:left; width:100%;}
.from-row .form-col{float:left; width:100%;}

.product-row{float:left; width:100%; border:1px solid rgba(0, 0, 0, 0.2); padding:20px; border-radius:10px;}
.product-row .product-block-list{padding:0px; border:none; --column-count:2;--column-gap:38px; --row-col:10px; display: flex;flex-wrap: wrap;gap:var(--row-col) var(--column-gap);justify-content: space-between;float: left;width:100%;}
.product-row .product-block-list .flex-col{float:left;min-width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));}
.product-row .select-all{padding:0px; margin-top:0px; margin-bottom:10px;}
.product-row .itemList-label{margin-top:20px; float:left; width:100%;}
.purchase-from-row{margin-bottom:20px;}
.product-row .product-block{height:100%;}
.product-row .product-outer{height:100%;}
.product-row .product-price{height:46px; margin:auto; max-width:min-content; min-width:90px;}
.product-row .quantity-value-info{max-width:80px; min-width:80px;}

.note-text{float:left; width:100%; font-size:18px;}


/* Preview Page CSS Start */
.preview-container{float:left; width:100%;}
.preview-row{float:left; width:100%; display:grid; grid-template-columns:25% 74px auto;margin-bottom:12px;}
.preview-row:last-child{margin-bottom:0;}
.preview-col{float:left; width:100%;}
.preview-form-label{float:left; width:100%; font-size:16px; font-weight:500;}
.preview-form-colon{float:left; width:100%; font-size:16px; font-weight:500;}
.preview-form-value{float:left; width:100%; font-size:16px; font-weight:500; color:var(--clr-light);}

.order-row{float:left; width:100%;}
.order-row ul{float:left; width:100%;}
.order-row ul li{float:left; width:100%;}
.order-row ul li + li{margin-top:6px;}
.order-info{float:left; width:100%;}
.order-title{float:left; width:100%}
.order-title ~ .order-title{margin-top:30px;}
.order-title-cols,.order-block-cols{float:right; width:auto; display:flex; justify-content:center;}
.order-title-cols .orderLabel-col{font-size:16px; font-weight:500; color:var(--clr-light); text-transform:uppercase;}
.order-block-cols .orderLabel-col{font-size:22px; font-weight:500; color:var(--clr-black);}
.order-block-cols .orderLabel-col.title-price{font-weight:700;}
.order-block-cols .orderLabel-col:not(.product-price) .orderLabel-col{color:rgba(0,0,0,0.7);}
.orderLabel-col{float:left; width:130px; text-align:center; display:flex; justify-content:center; align-items:center;}
.preview-form-value{float:left; width:100%; font-size:16px; font-weight:500; color:var(--clr-light);}

.order-block-cols .d-none{display:none;}

.order-block{background:transparent; border-bottom:1px solid rgba(0, 0, 0, 0.2); padding-bottom:15px; border-radius:0px; margin-top:15px; margin-bottom:20px;}
.order-block .product-info{text-align:right; padding-right:20px;}
.order-total-title{font-size:26px; font-weight:700;}
.order-total-label{font-size:26px; font-weight:700;}

.preview-vendor-info{float:left; width:100%;}
.vendor-block{float:left; width:100%;}
.vendor-block + .vendor-block{margin-top:40px;}
.vendor-block-title{float:left; width:100%; font-size:16px; font-weight:700; color:var(--clr-black); text-transform:uppercase;}
.vendor-block-text{float:left; width:100%; font-size:16px; color:var(--clr-black);}
a.vendor-block-text{color:#001fbc; text-decoration:underline;}
a.vendor-block-text:hover{text-decoration:none;}

.confirm-block{float:left; width:100%;}
.confirm-block .custom-checkbox .checkmark{border-color:var(--clr-black);}
.confirm-block .custom-checkbox{font-size:16px;}

.preview-btn-outer{gap:30px;}
.preview-btn-outer .btn{min-width:160px;}
.preview-btn-outer .primary-btn{min-width:250px;}

.section-block .preview-section-block .section-inner{padding-top:0px;}
.section-block .preview-section-block .container{padding:0px !important; max-width:100% !important;}
/* Preview Page CSS End */