/* #table_fields label {
	display: block;
	font-size: 16px;
}
.bannerpricing-table .panel-heading .nav-tabs > li {
	width: 17%;
}
.dropts {
	font-size: 10px;
	height: 20px;
	margin-top: 0;
	width: 20px;
}
select{
    -webkit-appearance: none;
    appearance: none;
}
#foldunfol{
   background-color: #fff;
   color: #000;border: 1px solid #1d8ed2;
   background-image: url("https://vinylbannersprinting.co.uk/wp-content/plugins/rehanpricingtable/images/60995.png");
   background-position: 87% 57%;
   background-size: 10% 55%; 
}
.slate{
background: url(https://vinylbannersprinting.co.uk/wp-content/uploads/2016/11/2e3ybe1.jpg) no-repeat right center;
    height: 34px;
}
.bannerpricing-table{position: relative;}
.bannerpricing-table .loader img{background-color: #d8d1ed;position: fixed;top: 50%;}
.orderform .loader img{background-color: #d8d1ed;position: fixed;top: 50%;}
.bannerpricing-table .tabbable .unitchange .cs_br_width #brt_c_width, .bannerpricing-table .tabbable .unitchange .cs_br-height #brt_c_height {
	width: 80% !important;
	border-radius: 8px !important;
}
.bannerpricing-table .panel-heading .nav-tabs > li > a {
	display: inline-block !important;
	border-top-left-radius: 8px !important;
	border-top-right-radius: 8px !important;
	text-align: center;
	margin-right: 5px !important;
	padding: 0px 7.5px !important;
	color: #fff !important;
	border: 0 solid #eee !important;
	width: 96%;
}
.bannerpricing-table #table_fields .materiaselect {
	padding: 0px;
	/*width: 29%;
	padding-left: 5px;
	margin-right: 30px;*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.bannerpricing-table{
	font-family: "Poppins", serif !important;
}
.bannerpricing-table #table_fields .unit_drpdn {
	padding: 0px;
	padding-left: 0px;
	
}

.bulk-head{
	font-size:26px;
	font-weight: 500;
	color:black;
	margin-top:50px;
}

/* .bannerpricing-table .tabbable .width_drpdn {
		height:100px;
} */
.bannerpricing-table .tabbable .cs_br_width #brt_c_width, .bannerpricing-table .tabbable .cs_br-height #brt_c_height {
	width: 80% !important;
	float: left;
	border-radius: 8px 8px 8px 8px !important;
}
.bannerpricing-table .tabbable .cs_br_width, .bannerpricing-table .tabbable .cs_br-height {
	width: 50%;
}

#table_fields #brt_c_width, #table_fields #brt_c_height {
	padding: 10px;
}
.bannerpricing-table .tabbable .cs_br_width .br_inch_width, .bannerpricing-table .tabbable .cs_br-height .br_inch_height {
	width: 40%;
    display: inherit;
    float: left;
    position: relative;
    top: -1px;
}

.bannerpricing-table .tabbable .cs_br_width .br_inch_width #brt_c_inch_width, .bannerpricing-table .tabbable .cs_br-height .br_inch_height #brt_c_width_height {
	width: 100%;
	border-radius: 0px 8px 8px 0px;
	padding: 10px;
	border-left-color: rgb(0, 139, 204);
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: rgb(0, 139, 204);
	border-left-style: solid;
	border-left-width: 2px;
	border-left: 0px !important;
}
.bannerpricing-table .tabbable .cs_br_width .br_inch_width #brt_c_inch_width, .bannerpricing-table .tabbable .cs_br-height .br_inch_height #brt_c_width_height {
	width: 100%;
	border-radius: 0px 8px 8px 0px;
	padding: 13px;
	padding-left: 0px;
	padding-right: 5px;
	border-left-color: rgb(0, 139, 204);
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: rgb(0, 139, 204);
	border-left-style: solid;
	border-left-width: 2px;
	border-left: 0px !important;
}
.bannerpricing-table .panel-heading .nav-tabs > li > a > h4 {
	margin-top: 10px;
	margin-bottom: unset;
    font-weight: 600!important;
    font-size: 18px !important;
    color: white!important;
}

.bannerpricing-table .panel-heading .nav-tabs > li > a > h5 {
	margin-top: 0px;
    font-size: 16px;
    padding: 7px 3px;
    font-weight: 400;
    margin-bottom: 0px;
    line-height:15px;
    text-transform:capitalize;
}.bannerpricing-table .panel-heading .nav-tabs > li > a > h6 {
	margin-top: 0px;
    font-size: 14px;
    margin-bottom: 10px;
}

.bannerpricing-table .parentTabs #table_fields {
	margin-bottom: 0px;float: left;
}
.tg .tg-tds.active{
    background-color: #C8102E!important;
}
.tg .tg-tds.active a{
   
    color:#ffffff !important;
}

.bannerpricing-table .tabbable .delv_drpdn .cs-custom-option {
	background-color: #00002E;
}

.bannerpricing-table .tabbable select {
	-webkit-appearance: none;
}

.bannerpricing-table .tabbable .select_unit{
width: 93%;
}
.sactivepanel .dropts .bulkqty p {
	color: #32C3A4 !important;
}
.thactivepanel .dropts .bulkqty p {
	color: #E89D59 !important;
}
.foactivepanel .dropts .bulkqty p {
	color: #DB2E8A !important;
}
.tabbable .cs-custom-option {
	width: 100%;
	height: 45px;
	background-color: #00002E;
	border-radius: 8px;
	margin-bottom: 0px;
	color: #fff;
	padding: 0px 15px;
	font-size: 16px;
	border: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*background-image: url('images/arrowicon.png');*/
	background-position: 100% 50%;
	background-size: 10%;
	background-repeat: no-repeat;
}

.tabbable .cs-custom-option {
	color: #fff;
	font-size: 16px;
}

.my-bulk {
	background-color: #00002E;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	border-radius: 100%;
	padding-top: 1px;
	font-style: italic;
	margin-left: -15px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}


.bannerpricing-table .tabbable .panel-body #set4 .my-bulk {
	background-color: #BFBFBF;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	border-radius: 100%;
	padding-top: 1px;
	font-style: italic;
	margin-left: -5px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

.bannerpricing-table .tabbable .panel-body #set3 .my-bulk {
	background-color: #e89d59;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	border-radius: 100%;
	padding-top: 1px;
	font-style: italic;
	margin-left: -5px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

.bannerpricing-table .tabbable .panel-body #set2 .my-bulk {
	background-color: #32c3a4;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	border-radius: 100%;
	padding-top: 1px;
	font-style: italic;
	margin-left: -5px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

.bannerpricing-table #table_fields .viewcustomsize {
	cursor: pointer;
	position: absolute;
	right: -27px;
	transform: rotate(-90deg);
	top: 185px;
	background-color: #99999966;
	padding: 3px;
	color: #333333d1;
	font-weight: 600;
	font-size: 13px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border: 1px solid #999;
}

/* .bannerpricing-table .tabbable .quantity {
	    width: 25%;
    margin-top: 15px !important;
    float: left;
    margin-left: 10px;
} */
.bannerpricing-table .totalcost {
 text-align: center; /* Center the whole section */
  margin: 10px auto;

}
.price-wrapper {
    display: inline-flex
;
    align-items: center;
    /* justify-content: center; */
    float: right;
    width: 37%;
    /* vertical-align: middle; */
  
}
.currency-symbol {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1;
}
.bannerpricing-table .factivepanel .totalcost  span {
	font-size: 36px;
	color: #2F4377 !important;
	font-weight: 500;
}
.cost_calculate {
  font-size: 26px;
  text-align: left;
      padding-left: 0px !important;
  width: 80px;
  padding: 5px;
}
.bannerpricing-table .factivepanel .totalcost #total_cost {
	color: #2F4377 !important;
	font-size:36px;
	border: 0;
	font-weight: 500;
	margin-bottom: 0px;
}
.bannerpricing-table input#total_cost {
	width: 140px;    background: transparent;
	font-weight: 700;
	padding:0px;
	color: #2F4377 !important;
    font-size: 28px;
    border: 0;
    font-weight: 500;
    margin-bottom: 0px;
}
.bannerpricing-table .factivepanel #table_fields .single_add_to_cart_button {
	background: #05A0D6 none repeat scroll 0 0 !important;
	
}
.bannerpricing-table #table_fields .single_add_to_cart_button {
	position: relative !important;float:right;
	/*top: 30px;
	 left: 707px; */
	background: #dd127b none repeat scroll 0 0 !important;
	font-size: 20px;
	padding: 22px 45px;
	text-transform: none;
	min-width: 95px;
	font-weight: 700;
	right: 0px !important;
	line-height: 3px;
	height: 46px !important;
}
.bannerpricing-table .tabbable .quantity .screen-reader-text {
	margin: 0px;
}
.bannerpricing-table .tabbable .quantity .qty {
	margin-left: 0% !important;
	margin-top: 4px;
}
.bannerpricing-table .tabbable .quantity .screen-reader-text {
	clip: unset;
	height: auto;
	overflow: auto;
	position: relative !important;
	width: auto;
	word-wrap: all;
}

.bannerpricing-table .tabbable label {
	font-weight: normal;
	color: #000;
	font-size: 16px;margin-bottom: 6px;
}

.bannerpricing-table .tabbable .quantity .qty {
/* 	width: 93%; */
	padding: 3px;
/* 	border: 1px solid #1d8ed2; */
	border-radius: 8px;
	height: 45px !important;
}

.bannerpricing-table .panel-default>.panel-heading {
	color: #333;
	background-color: transparent !important;
	border-color: transparent !important;
	padding: 0px 15px;
}
.prc-calc-label .lbl-1{font-size: 22px;color: #d40172;font-weight: 600;}
.prc-calc-label .lbl-2{font-size: 22px;color: #00002E;font-weight: 600;}
.loader {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 26%;
	z-index: 99999;
	right: 0%;
	display:none;
}
/* .parentTabs .panel-heading {
	background-color: transparent;
	float: left;
	width: 100%;
	padding-bottom: 0px;
}
 */
.bannerpricing-table .tabbable .panel-heading label {
	padding-bottom: 0px;
}

.single_add_to_cart_button{
	width: 100%;
    border-radius: 20px !important;
    background: #C8102E !important;
    border: 0px !important;
    padding: 12px !important;
    margin-top: 18px !important;
}

.bannerpricing-table .panel-heading .nav-tabs #col1 {
	margin-left: 0px !important;
}

.nav-tabs #tab1,
.bannerpricing-table .panel-heading .nav-tabs #col1 {
	background-color: #00002E;
	margin-left: 14px;
	padding:0px!important;
}

.nav-tabs #tab2,
.bannerpricing-table .panel-heading .nav-tabs #col2 {
	background-color: #32c3a4;
	padding:0px!important;
	
}

.nav-tabs #tab3,
.bannerpricing-table .panel-heading .nav-tabs #col3 {
	background-color: #e89d59;
	padding:0px!important;
}

.bannerpricing-table .panel-heading .nav-tabs #col4 {
	margin-right: 0px !important;
	padding:0px!important;
}

.nav-tabs #tab4,
.bannerpricing-table .panel-heading .nav-tabs #col4 {
	background-color: #BFBFBF;
}

.bannerpricing-table .tabbable .panel-heading .nav-tabs li.active a {
	height: unset;
	margin-top: 0px;
}

.bannerpricing-table .tabbable .panel-body {
	padding: 0px 0px !important;
}



/* .bannerpricing-table .sactivepanel #table_fields {
	border: 2px solid #32c3a4;
	/*width: 100%;*/
	padding: 15px;
	border-top-left-radius: 15px;
	border-top-width: 15px !important;
	margin-bottom: 0px;
	border-top-right-radius: 15px;
} */
.form-check-input{
	width:20px !important;
	height:20px;
}


.form-check-label{
/* 	line-height: 39px !important; */
    font-size: 16px !important;
    padding: 0px !important;
}
/* .bannerpricing-table .thactivepanel #table_fields {
	border: 2px solid #e89d59;
	/*width: 100%;*/
	padding: 15px;
	border-top-left-radius: 15px;
	border-top-width: 15px !important;
	margin-bottom: 0px;
	border-top-right-radius: 15px;
} */

/* .bannerpricing-table .foactivepanel #table_fields {
	border: 2px solid #BFBFBF;
/*width: 100%;*/
	padding: 15px;
	border-top-left-radius: 15px;
	border-top-width: 15px !important;
	margin-bottom: 0px;
	border-top-right-radius: 15px;
} */



.bannerpricing-table .tabbable .width_drpdn {
	padding-right: 5px;
	padding-left: 5px;
}

.bannerpricing-table .tabbable .cs_br-height {
	padding-right: 5px;
	padding-left: 5px;
}

.bannerpricing-table .tabbable .cs_br_width {
	padding-right: 5px;
	padding-left: 0;
}


.bannerpricing-table #double_sided_banner{
    background-color: #fff;

color: #000;

border: 1px solid #1d8ed2;

background-image: url("../images/60995.png");

background-position: 87% 57%;

background-size: 7% 55%;
	width: 100%;
	height: 45px;
	border-radius: 8px;
	margin-bottom: 15px;
		padding: 0px 15px;
			background-repeat: no-repeat;
}
.double_sided {
    margin-left: 0px;
    padding-left: 6px !important;
}



.bannerpricing-table .sactivepanel .cs-custom-option,
.bannerpricing-table .sactivepanel #brt_c_width,
.bannerpricing-table .sactivepanel #brt_c_height,
.bannerpricing-table .sactivepanel .quantity .qty,.bannerpricing-table .sactivepanel #double_sided_banner {
	border:  1px solid #E4EBF0 !important;
}
.bannerpricing-table .sactivepanel .totalcost span,.bannerpricing-table .sactivepanel input#total_cost{
    font-size: 28px;
	color: #2F4377 !important;
	font-weight: 500;
}
.bannerpricing-table .sactivepanel #brt_c_inch_width, .bannerpricing-table .sactivepanel #brt_c_width_height {
	border: 1px solid #E4EBF0 !important;
}
.bannerpricing-table .sactivepanel #table_fields .single_add_to_cart_button{
    background-color:#32c3a4 !important;
}

.bannerpricing-table .thactivepanel .cs-custom-option,
.bannerpricing-table .thactivepanel #brt_c_width,
.bannerpricing-table .thactivepanel #brt_c_height,
.bannerpricing-table .thactivepanel .quantity .qty,.bannerpricing-table .thactivepanel #double_sided_banner ,.bannerpricing-table .thactivepanel #brt_c_inch_width,.bannerpricing-table .thactivepanel #brt_c_width_height {
	border: 1px solid #E4EBF0 !important;
}
.bannerpricing-table .thactivepanel #table_fields .single_add_to_cart_button{
    background-color:#e89d59 !important;
}
.bannerpricing-table .thactivepanel .totalcost span,.bannerpricing-table .thactivepanel input#total_cost{
    font-size: 28px;
	color: #2F4377 !important;
	font-weight: 500;
}
.bannerpricing-table .foactivepanel .cs-custom-option,
.bannerpricing-table .foactivepanel #brt_c_width,
.bannerpricing-table .foactivepanel #brt_c_height,
.bannerpricing-table .foactivepanel .quantity .qty,.bannerpricing-table .foactivepanel #double_sided_banner ,.bannerpricing-table .foactivepanel #brt_c_inch_width,.bannerpricing-table .foactivepanel #brt_c_width_height {
	border: 1px solid #E4EBF0 !important;
}
.bannerpricing-table .foactivepanel .totalcost span,.bannerpricing-table .foactivepanel input#total_cost{
    font-size: 36px;
	color: #2F4377 !important;
	font-weight: 500;
}
.bannerpricing-table .dropts img {
	display: none;
}

#table_fields #cs_select_del {
	width: 100%;
	padding: 12px;
	border: 1px solid #E89D59;
	border-radius: 4px;
	background-color: #E89D59;
	color: #fff;
}

#table_fields #cs_select_unit {
	width: 100%;
	padding: 12px;
	border: 1px solid #1d8ed2;
	border-radius: 4px;
}

#table_fields #brt_c_width,
#table_fields #brt_c_height {
	width: 100%;
    padding: 13px;
    margin-top: -1px;
    border-right: 0px !important;

}

#table_fields #brt_c_width:hover,
#table_fields #brt_c_height:hover {
	
    border-right: 1px !important;

}
html, body {
  overflow-x: hidden;
}


.bannerpricing-table .tabbable .panel-body #set1 .tabbable .nav-tabs li.active a {
	background: #C8102E;
    color: white;
}

.bannerpricing-table .tabbable .panel-body #set1 .tabbable .nav-tabs li a {
	    background: white;
    font-size: 16px;
    color: black;
    border-radius: 12px;
    padding: 6px 12px;
    margin-right: 9px;
}

.bannerpricing-table .tabbable .panel-body #set1 .nav-tabs {
	background-color: #F5F4FF;
    border-radius: 20px;
    border: 1px solid black;
    margin-bottom: 15px;
	padding: 6px 25px ;
}



.bannerpricing-table .panel-body .tab-content .tab-pane {
	padding: 0px !important;    width: 100%;
}

.bannerpricing-table .tabbable .panel-body #set1 .tabbable .tg {
	width: 100%;
}

.bannerpricing-table .tabbable .panel-body #set1 .tabbable .tg .tg-xedw {
	font-weight: bold;
	background-color: #F4F4F4;
	color: #C8102E;
	text-align: center;
	width: 70px;
	border-top-left-radius: 10px;
    border: 1px solid white;
}
.tg-wquz:last-child{
border-bottom-left-radius: 10px;
}

table tbody tr:last-child td {
    border-bottom-width: 1px !important;
}

.bannerpricing-table .tabbable .panel-body #set1 .tabbable .tg .tg-375y {
	background-color: #F4F4F4;
    text-align: center;
    border: 1px solid white;
    padding-top: 20px;
      padding-bottom: 20px;
    font-size: 14px;
    color: black;
    font-weight: 400;
    padding-left: 0px;
    padding-right: 0px;
}

.bannerpricing-table .tabbable .panel-body #set1 .tabbable .tg .tg-wquz {
	background-color: #F4F4F4;
    text-align: center;
    border: 1px solid white !important;
    padding-top: 10px;
      padding-bottom: 10px;
    font-size: 14px;
    color: black;
    font-weight: 400;
}

.bannerpricing-table button:hover{
opacity:80%}

.bannerpricing-table .tabbable .unit_drpdn #cs_select_unit {
	background-color: #fff;
	color: #000;
}

.bannerpricing-table .tabbable .quantity.custom,
.custom-bannersize .quantity.custom {
	display: block !important;
}

.tg {
	border-collapse: collapse;
	border-spacing: 0;
	border-color: #999;
}

.tg td {
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 3px 2px;
	border-style: solid;
	border-width: 5px;
	/*overflow: hidden;*/
	word-break: normal;
	border-color: white;
	color: black !important;
	background-color: #F7FDFA;
}

.tg tr:nth-child(odd) .tg-tds {background-color: #f2f2f2}


.dropts {
	font-size: 10px;
	height: 15px;
	width: 15px;
	display: inline;
	margin-left: 12px;
}

.tg-375y:last-child{
	background-color:red;
border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
} 

.dropts:hover {
	text-decoration: none;
	background: #ffffff;
	z-index: 6;
}

#set4 .dropts .bulkqty {
	background: #BFBFBF;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 0;
	padding: 3px;
	position: absolute;
}

#set3 .dropts .bulkqty {
	background: #e89d59;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 0;
	padding: 3px;
	position: absolute;
}

#set2 .dropts .bulkqty {
	background: #32c3a4;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 0;
	padding: 3px;
	position: absolute;
}

#set1 .dropts .bulkqty {
	background: #00002E;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 0;
	padding: 3px;
	position: absolute;
}

.dropts th {
	padding: 6px !important;
	width: 55px !important;
	background: none repeat scroll 0 0 #0f8bcb;
}

.dropts td {
	color: #d21977 !important;
	font-size: 16px !important;
	font-weight: bold;
	padding: 6px !important;
	vertical-align: middle;
	width: 104px !important;
	text-align: center;
}

.dropts .bulkqty {
	display: none;
}

.dropts:hover .bulkqty {
	display: block !important;
	z-index: 2147483647;
}

.ptemhom {
	margin-bottom: 0px;
	border-bottom: 1px solid rgb(0, 0, 0) !important;
	text-align: center !important;
	background: none repeat scroll 0% 0% white !important;
	color: #0f8bcb !important;
	font-weight: bold !important;
	font-size: 16px !important;
	padding: 5px !important;
}

.bulk_row {
	width: 100%;
	border-bottom: 1px solid rgb(153, 153, 153);
}

#table_fields_outer {
	background-color: #EDF2F5 !important;
    border-radius: 20px;
    padding: 8px 5px;
	padding-bottom: 100px;
}
.dlvrydate{
	padding-top: 8px;
    font-size: 16px;
    color: black;
    font-weight: 400;
}
.dlvrydate b{
	font-weight: 400;
}
.dropts .bulkqty span {
	font-size: 15px;
	color: #ffffff !important;
	text-align:center;
}

.homestyln {
	color: #fff !important;
	text-align: left;
	float: left;
	border-right: 1px solid rgb(153, 153, 153);
	padding-right: 7px;
}

.homestylnow {
	color: #fff !important;
	text-align: left;
	float: left;
	border-right: 1px solid rgb(153, 153, 153);
	padding-right: 7px;
	padding-left: 3px;
}

.dropts table tr td:last-child {}

.dropts .bulkqty p {
	color: #0f8bcb !important;
}

.dropts .bulkqty span {
	font-size: 14px;
	color: #ffffff !important;
}
/* 
.tg th {
	border-color: #999;
	border-style: solid;
	border-width: 1px;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	overflow: hidden;
	padding: 3px 7px;
	vertical-align: middle;
	word-break: normal;
	height: 30px !important;
} */

.tg .tg-375y {
	font-weight: bold;
	background-color: #d21977
}

.tg .tg-xedw {
	font-weight: bold;
	background-color: #d21977;
	color: #ffffff;
	text-align: center
}

.tg .tg-wquz {
	font-weight: bold;
	background-color: #2b84be;
	color: #ffffff;
	text-align: center;
	border-bottom: 1px solid #ffffff;
	border-width: 1px;
}

.tg .tg-tds {
	background-color: #fafafa;
	color: #2b84be;
	width: 50px !important;
	padding: 8px 3px;
	text-align:center;
	border-radius:10px;
}

.tg tr th {
	border-top: none;
	text-transform:lowercase;
}

.bulk_row {
	width: 100%;
	border-bottom: 1px solid rgb(153, 153, 153);
}

.dropts .bulkqty {
	width: 230px !important;
}

.dropts .homestyln {
	width: 50.4% !important;
}

.bq {
	width: 50.4%;
	float: left;
	color: white;
	font-size: 14px;
	border-right: 1px solid rgb(153, 153, 153);
	margin-top: 3px;
}

.bq_price {
	width: 45%;
	float: right;
	color: white;
	font-size: 17px;
}

.dropts .homestylnow {
	width: 48.6% !important;
	border-right: none !important;
}

.tg .tg-v3jn {
	font-weight: bold;
	background-color: #f7fdfa;
	color: #2b84be
}

.tg td a:hover {
	border-bottom: 1px solid #D21977 !important;
}

.bannerpricing-table .tabbable .panel-body #set2 .tabbable .nav-tabs li.active a {
	height: unset;
	margin-top: 8px;
	border-radius: 50px !important;
	color: #fff !important;
	margin-bottom: 8px;
	background-color: transparent;
	border: solid 2px #fff;
	border-radius: 4px;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	margin-left: 20px !important;
}

.bannerpricing-table .tabbable .panel-body #set2 .tabbable .nav-tabs li a {
	height: unset;
	margin-top: 8px;
	border-radius: 50px !important;
	color: #fff !important;
	margin-bottom: 8px;
	background-color: #268772;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	padding-left: 20px !important;
	padding-right: 20px !important
}

.bannerpricing-table .tabbable .panel-body #set2 .nav-tabs {
	background-color: #32c3a4 !important;
	float: left;
	width: 100%;
	margin-top:0px;
}
h2{
color: #2F4377 !important;
	font-size:22px !important;
}

.bannerpricing-table .tabbable .panel-body #set2 .nav-tabs li:first-child {
	margin-left: 30px;
}

.vc_separator.vc_separator_no_text:not(.vc_sep_shadow) .vc_sep_holder_l{
	display:none;
}

.seperator{
	margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #CAD4E3;
}

#table_fields_outer .form-check{
	background-color: white;
    padding: 15px 20px;
    border-radius: 20px;
    margin-bottom: 15px;
}

.bannerpricing-table .tabbable .panel-body #set2 .tabbable .tg {
	width: 100%;
}
.tg a {
	color: #000000 !important;
	text-decoration: none !important;
	font-weight: 500;
/* 	padding: 3px 3px; */
}
.bannerpricing-table .tabbable .panel-body #set2 .tabbable .tg .tg-xedw {
	font-weight: bold;
	background-color: #268772 !important;
	color: #ffffff;
	text-align: center;
	width: 70px;
}

.bannerpricing-table .tabbable .panel-body #set2 .tabbable .tg .tg-375y {
	font-weight: bold;
	background-color: #268772 !important;
	text-align: center;
}

.bannerpricing-table .tabbable .panel-body #set2 .tabbable .tg .tg-wquz {
	font-weight: bold;
	background-color: #268772  !important;
	color: #ffffff;
	text-align: center;
}

.bannerpricing-table .tabbable .panel-body #set2 .my-bulk {
	background-color: #32c3a4;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	border-radius: 100%;
	padding-top: 1px;
	font-style: italic;
	margin-left: -5px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

.bannerpricing-table .tabbable .panel-body #set3 .tabbable .nav-tabs li.active a {
	height: unset;
	margin-top: 8px;
	border-radius: 50px !important;
	color: #fff !important;
	margin-bottom: 8px;
	background-color: transparent;
	border: solid 2px #fff;
	border-radius: 4px;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	padding-left: 20px !important;
	padding-right: 20px !important margin-left:20px !important;
}

.bannerpricing-table .tabbable .panel-body #set3 .tabbable .nav-tabs li a {
	height: unset;
	margin-top: 8px;
	border-radius: 50px !important;
	color: #fff !important;
	margin-bottom: 8px;
	background-color: #b67336;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	padding-left: 20px !important;
	padding-right: 20px !important
}

.bannerpricing-table .tabbable .panel-body #set3 .nav-tabs {
	background-color: #e89d59 !important;
	float: left;
	width: 100%;
		margin-top:0px;
}

.bannerpricing-table .tabbable .panel-body #set3 .nav-tabs li:first-child {
	margin-left: 30px;
}

.bannerpricing-table .tabbable .panel-body #set3 .tabbable .tg {
	width: 100%;
}

.bannerpricing-table .tabbable .panel-body #set3 .tabbable .tg .tg-xedw {
	font-weight: bold;
	background-color: #b67336 !important;
	color: #ffffff;
	text-align: center;
	width: 70px;
}

.bannerpricing-table .tabbable .panel-body #set3 .tabbable .tg .tg-375y {
	font-weight: bold;
	background-color: #b67336 !important;
	text-align:center;
}

.bannerpricing-table .tabbable .panel-body #set3 .tabbable .tg .tg-wquz {
	font-weight: bold;
	background-color: #b67336 !important;
	color: #ffffff;
	text-align: center;
}

.bannerpricing-table .tabbable .panel-body #set3 .my-bulk {
	background-color: #e89d59 !important;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	border-radius: 100%;
	padding-top: 1px;
	font-style: italic;
	margin-left: -5px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

.bannerpricing-table .tabbable .panel-body #set4 .tabbable .nav-tabs li.active a {
	    background: #C8102E;
    color: white;

	
}

.bannerpricing-table .tabbable .panel-body #set4 .tabbable .nav-tabs li a {
	background: white;
    font-size: 16px;
    color: black;
    border-radius: 12px;
    padding: 6px 12px;
    margin-right: 9px;
}

.bannerpricing-table .tabbable .panel-body #set4 .nav-tabs {
	background-color: #F5F4FF;
    border-radius: 20px;
    border: 1px solid black;
    margin-bottom: 15px;
    padding: 6px 25px;
}


.bannerpricing-table .tabbable .panel-body #set4 .nav-tabs li:first-child {
/* 	margin-left: 30px; */
}

.bannerpricing-table .tabbable .panel-body #set4 .tabbable .tg {
	width: 100%;
}

#table_fields_outer h3{
	font-size: 26px;
    color: #2F4377;
    font-weight: 500;
}

#table_fields_outer label{
	font-size: 14px;
    color: black;
margin-bottom:0px;
}

#table_fields_outer select{
	background-color: white !important;
	border: 1px solid #E4EBF0 !important;
	border-radius: 10px;
	color: #000000;
/* 	background-image: url('data:image/svg+xml,<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L7 7L13 0.999999" stroke="%232E2D2D" stroke-width="2"/></svg>'); */
}

.bannerpricing-table .tabbable .panel-body #set4 .tabbable .tg .tg-xedw {
	background-color: #F4F4F4;
    text-align: center;
    border: 1px solid white;
    padding: 10px;
    font-size: 14px;
    color: black;
    font-weight: 400;
}

.bannerpricing-table .tabbable .panel-body #set4 .tabbable .tg .tg-375y {
	background-color: #F4F4F4;
    text-align: center;
    border: 1px solid white;
    padding: 10px;
    font-size: 14px;
    color: black;
    font-weight: 400;
}

.bannerpricing-table .tabbable .panel-body #set4 .tabbable .tg .tg-wquz {
	font-weight: bold;
	background-color: #F4F4F4 !important;
	color: #ffffff;
	text-align: center;
}

.bannerpricing-table .tabbable .panel-body #set4 .my-bulk {
	background-color: #BFBFBF !important;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	border-radius: 100%;
	padding-top: 1px;
	font-style: italic;
	margin-left: -5px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}
.distable-parent .col-md-6:first-child{
	padding-left: 0px;
}
.distable-parent .col-md-6:last-child{
	padding-right: 0px;
}

#discounttable{
	margin-top:20px;
	border:0px !important;
}

#discounttable .heading-row th,#discounttable2 .heading-row th{
	padding: 5px 0px;
    font-size: 14px;
    border: 0px;
    text-align: center;
    background-color: #2F4377;
    color: #ffffff;
	border:2px solid rgb(255 255 255) !important;
/*     border-bottom: 10px solid white; */
}

.about-img{
height: 230px; !important}
#discounttable .heading-row th:first-child{
	border-top-left-radius:10px;
	border-bottom-left-radius:10px !important;
}

#discounttable .heading-row th:last-child{
	border-top-right-radius:10px;
	border-bottom-right-radius:10px !important;
}
#discounttable tr:nth-child(2) td{
/* 	border-top:15px solid white !important; */
}

tr.perdic td.tq{
	font-weight: 600;
}
.mt-5{
margin-top:50px
}
.gallery-img{
	max-height: 200px;
    border-radius: 20px;
	margin-bottom:20px
}
p{
	text-align: left;
    font-size: 12px;
    color: #7A7A7A;
}
tr.perdic td{
	text-align: center;
    border: 5px solid #ffffff !important;
    /* border-top: 0px !important; */
    padding: 8px 10px;
	border-radius:10px;
    /* border-bottom: 1px solid #e4e4e4; */
    background-color: #f2f2f2;
}
tr{
	border-color:white !important
}

tr.perdic td:last-child{
/* 	border-right: 2px solid #C8102E; */
    background-color: #C8102E !important;
    color: #fff !important;
    border-radius: 10px;
	font-weight:600
}
tr.perdic td:last-child:hover{
	background-color: #333;
}
tr.perdic td:last-child:hover a{
	color: #fff!important;
	text-decoration: none;
}
tr.perdic td:last-child a{
	color: #fff!important;
	cursor: pointer;
}
tr.perdic:last-child td{
	border-bottom: 0px!important;
}
/* .distable-parent{
	display: inline-block;
	width: 68%;
} */
@media screen and (max-width: 767px){
    
    .info-desc {
            width: 100% !important;
    text-align: center !important;
    }
    .contact-info
    {
        text-align: center;
        display: flex !important;
        gap: 27px !important;
        flex-direction: row !important;
    }
	#discounttable .heading-row th{
		font-size: 12px;
	}
	tr.perdic th,tr.perbandis th,tr.totbandis th{
		font-size: 12px;
	}
	tr.perdic td,tr.perbandis td,tr.totbandis td{
		font-size: 11px;
	}
	.distable-parent{
	display: inline-block;
	width: 100%;
	}
	.distable-parent .col-md-6{
	padding-left: 0px;
	padding-right: 0px;
	}
	.bannerpricing-table .parentTabs #table_fields{
		float:none;
	}
	.bannerpricing-table .tabbable .width_drpdn{
		display:flex;
		padding:0px
	}
	.bannerpricing-table .tabbable .cs_br_width #brt_c_width, .bannerpricing-table .tabbable .cs_br-height #brt_c_height {
        width: 55% !important;
    }
	.bannerpricing-table .tabbable .cs_br_width .br_inch_width, .bannerpricing-table .tabbable .cs_br-height .br_inch_height{
		    width: 34%;
	}
	.bannerpricing-table .tabbable .panel-body{
		padding: 0px 0px !important;
	}
	.text-center-xs{
		text-align:center;
	}
.price-wrapper {
    width: 42% !important;
}
.quantity-inline-wrapper
{
        margin-left: -16px !important;
}
	.dlvrydate{
		padding-top: 23px;
		margin-top: 64px;
}
	#table_fields_outer{
		padding-bottom: 50px;
	}
	
	
	
}
@media screen and (max-width: 768px){
.bannerpricing-table .unit_drpdn .cs-custom-option{
    background-size: 7% 55% !important;
}

	.bannerpricing-table .parentTabs #table_fields{
		float:none;
	}
	
	.reverse-row{
		display: flex;
    flex-direction: column-reverse;
	}
	
	.col-sm-6{
		width: 50%;
	}
	.row.gallery{
		display:flex !important;
		flex-wrap:wrap
	}
} 

.woocommerce-tabs.wc-tabs-wrapper{
	display:none
}

table tr.perdic td:first-child {
    border-width: 5px 5px 5px 0 !important;
}

.btn-upload{
	color: #fff;
    border-color: #C8102E !important;
    background-color: #C8102E !important;
    color: #fff !important;
    border-radius: 10px;
    font-weight: 600;
    width: 100%;
    margin-bottom: 10px !important;
}

.tg .tg-tds:hover{
	 background-color: #C8102E!important;
/* 	border-color:#C8102E; */
}
.tg .tg-tds:hover a{
	color: #ffffff !important;
/* 	border-color:#C8102E; */
}

.select_unit{
	background-size:35% !important;
}

@media screen and (max-width: 1300px) and (min-width: 800px){
	.unit_drpdn{
		width: 100% !important;
}
	.select_unit{
	background-size:10% !important;
}
	.width_drpdn{
		width: 100% !important;
    padding: 0px !important;
	}
}

tr.perdic td:last-child:hover{
opacity:80%}

#table_fields_outer select:hover{
border-color:#012169 !important
}
    .sticky_bar_sec {
        display: none;
        position: fixed;
          left: 51.5%;
        color: white;
        bottom: 0em;
        text-align: left;
        float: left;
        z-index: 9999;
        overflow: hidden;
    }



    .sticky_prices {
        float: left;
        position: relative;
        text-align: center;
       
        background-color: transparent;
    }
	
	    .sticky_prices .totalcost {
        margin: 0px !important;
        padding: 0px !important;
        font-size: 1.5em;
        text-align: left;
        width: 100%;
        background-color: #2F4377;
        float: right;
       
        padding: 0.7em !important;
    }
	
	    .sticky_prices .totalcost span {
        color: white !important;
    }
    .hem_pac_main {
    display: flex;
    justify-content: space-between; /* Ensure they stay on the same line */
    align-items: center;
    gap: 15px; /* Space between items */
    margin-top: 10px;
    flex-wrap: nowrap; /* Prevent wrapping to the next line */
}

.hem_pac_main div {
    cursor: pointer;
    padding: 12px;
    text-align: center;
    border: 2px solid #ddd;
    border-radius: 10px;
    transition: all 0.3s ease;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    width: 140px; /* Ensures both options fit properly */
    height: 160px; /* Equal height */
    justify-content: center;
}

.hem_pac_main div img {
    width: 125px;
    height: auto;
    margin-bottom: 8px;
    transition: transform 0.3s ease;
}

.hem_pac_main div span {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-align: center;
}

.hem_pac_main div.active {
    border-color: #007bff;
    background-color: #e6f0ff;
    color: #007bff;
    box-shadow: 0px 4px 8px rgba(0, 123, 255, 0.3);
    transform: scale(1.05);
}

.hem_pac_main div:hover {
    border-color: #0056b3;
    background-color: #f0f8ff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
}

.hem_pac_main div:hover img {
    transform: scale(1.1);
}

/* Ensure Packaging section aligns properly */
#packaging-options {
    width: 100%;
    max-width: 320px; /* Adjust width to prevent squeezing */
    margin: auto;
}
.hemmingyesno {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: 10px;
    flex-wrap: nowrap;
}

.hem_option {
    cursor: pointer;
    padding: 12px;
    text-align: center;
    border: 2px solid #ddd;
    border-radius: 10px;
    transition: all 0.3s ease;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    width: 140px;
    height: 160px;
    justify-content: center;
    user-select: none; /* Prevent accidental text selection */
}

.hem_option img {
    width: 125px;
    height: auto;
    margin-bottom: 8px;
    transition: transform 0.3s ease;
}

.hem_option span {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-align: center;
}

/* Active state */
.hem_option.active {
    border-color: #007bff;
    background-color: #e6f0ff;
    color: #007bff;
    box-shadow: 0px 4px 8px rgba(0, 123, 255, 0.3);
    transform: scale(1.05);
}

/* Hover effect */
.hem_option:hover {
    border-color: #0056b3;
    background-color: #f0f8ff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
}

.hem_option:hover img {
    transform: scale(1.1);
}
.best-seller-inline {
  
  float: left;
}

.best-seller-title {
  display: block;
  font-size: 12px;
  color: #444;
  font-weight: 600;

}

.size-pill-group {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.size-pill-group .preset-size {
    font-size: 13px;
    padding: 3px 7px;
    background: white;
    border: 0px solid #ccc;
    /* border-radius: 999px; */
    cursor: pointer;
    transition: 0.2s ease;
    flex: 0 0 auto;
    color: black !important;
}

.size-pill-group .preset-size:hover {
  background: #e0e0e0;
  border-color: #999;
}

/* Hide on mobile */
@media screen and (max-width: 767px) {
  .best-seller-inline {
    display: none;
  }
}

.hem_option {
  position: relative !important;
  overflow: hidden !important;
}

.badge-recommended {
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  background-color: #C8102E;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: normal !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  z-index: 2;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15) !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.artworkwetran a:visited, .artworkwetran a  {
  color: blue !important;
  text-decoration: underline !important;
}
@media (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }
}
.view-work-inline-btn {
  background-color: #e64500 !important; /* deeper orange for professional tone */
  color: #ffffff !important;
  padding: 10px 18px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  border-radius: 6px;
  border: none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
  transition: background-color 0.3s, box-shadow 0.2s !important;
}

.view-work-inline-btn:hover {
  background-color: #cc3d00 !important;; /* slightly darker on hover */
  box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
  color:white !important;
    text-decoration: underline !important;
}

.view-work-inline-btn:active {
  background-color: #b33600 !important; /* darker on click */
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.2) !important;
}




/* === Custom Fixes for Responsive Design === */
@media screen and (max-width: 768px) {
  .cutoff-timer {
    display: block !important;
    text-align: center;
    font-size: 0.95em;
    margin-top: 10px;
  }



.view-work-inline-btn {
    display:block !important;

    margin-right: 0px !important;
   
    text-align: center !important;
   
    padding: 5px 2px !important;
  }

.topourworkk
{
    margin-right: 0px !important; 
}


  .clicktoview
  {
      font-size: 12px !important;
    color: #666 !important;
    margin-top: 4px !important;
    line-height: 14px !important;
    width: 100% !important !important;
    text-align: center !important;
  }
  .topourwork
  {
      margin-top: -15px !important;
  }
}
.eyelet-options {
  display: flex;
  flex-wrap: wrap;
  gap: 6px; /* reduced spacing */
  justify-content: flex-start;
  margin-bottom: 15px;
}

.eyelet_option {
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 6px;
  text-align: center;
  width: 115px; /* compact width */
  transition: border 0.3s ease;
  box-sizing: border-box;
}
.eyelet_option {
     /* fixed width */
  height: auto;      /* auto height to allow wrapping text */
  min-height: 90px;  /* adjust as needed to fit image + 2 lines of text */
}

.eyelet_option img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.eyelet_option span {
  display: block;
  margin-top: 3px;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.2;
  white-space: normal;        /* allow wrapping */
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}


.eyelet_option.active {
  border-color: #007bff;
  box-shadow: 0 0 4px rgba(200, 16, 46, 0.4);
}

/* Delivery card improvements */
.custom-delivery-options {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 0px;
   margin-top: 2px;
}

.delivery-option-card {
  border: 2px solid #ccc;
  border-radius: 12px;
  padding: 7px 7px;
  width: 48%;
  text-align: center;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.delivery-option-card.active {
  border-color: #007bff;
  background-color: #f0f8ff;
  box-shadow: 0 2px 6px rgba(0, 123, 255, 0.2);
}

.delivery-option-card:hover {
  border-color: #0056b3;
  box-shadow: 0 3px 8px rgba(0, 123, 255, 0.25);
  background-color: #eaf4ff;
  transform: translateY(-2px);
}

.delivery-option-card h4 {
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 600;
  color: #2F4377;
      line-height: 21px;
}

.delivery-date {
  margin: 0;
  margin-top: 10px;
  font-size: 13px;
  color: #333;
  line-height: 1.4;
  text-align: center;
}


.selected-badge {
  position: absolute;
  top: -2px;
  right: 6px;
  color: #28a745; /* Green tick */
  font-size: 16px;
  display: none;
  z-index: 2;
}

.delivery-option-card.active .selected-badge,
.eyelet_option.active .selected-badge {
  display: inline-block;
}





.delivery-option-card.active .selected-badge {
  display: inline-block;
}


/* Icons */
.delivery-icon {
  font-size: 30px;
  color: #007bff;
  margin-bottom: 8px;
}

/* Mobile responsiveness */
@media (max-width: 767px) {
  .custom-delivery-options {
    flex-direction: row;
  }
  .contact-info {
     gap: 5px !important; 
          display: flex !important; 
        flex-direction: row !important; 
    
}
  .single-product
{
        margin-top: 0px !important;
}
  .delivery-option-card {
    width: 100%;
  }
  .eyelet_option {
 
  width: 112px; /* compact width */
 
}
.flip-card {
  
  height: 30px !important;
}
.flip-card-inner {
    width: 33px !important;
    height: 38px !important;
}
.flip-card-front, .flip-card-back {
   
    width: 30px !important;
    height: 30px !important;
}
.delivery-option-card
{
    width:48% !important;
    
}
}
.eyelet_option {
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.eyelet_option:hover {
  transform: translateY(-2px);
  border-color: #007bff;
  box-shadow: 0 4px 10px rgba(0, 123, 255, 0.1);
  background-color: #f0f8ff;
}

.eyelet_option.active {
  border-color: #007bff;
  background-color: #e6f0ff;
  box-shadow: 0 0 6px rgba(0, 115, 230, 0.3);
  transform: scale(1.03);
}
.rightsidefullwidth
{
    padding-right:2px !important;
     padding-left:2px !important;
}

.countdown-wrapper {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
}

.countdown-box {
  background: #00002E;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  border-radius: 10px;
  min-width: 60px;
  text-align: center;
  font-size: 20px;
  position: relative;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  transition: all 0.3s ease-in-out;
}

.countdown-box label {
  display: block;
  font-size: 12px;
  color: #ccc;
  margin-top: 4px;
  font-weight: normal;
}

.time-part {
  display: inline-block;
  min-width: 40px;
  transition: transform 0.3s ease-in-out;
}

.time-part.animate {
  transform: scale(1.2);
}
.flip-countdown-bar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  background-color: #f9f9fb;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  padding: 3px 0px;
  gap: 2px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  color: #333;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.flip-countdown-bar .count-label,
.flip-countdown-bar .count-delivery {
margin-right:2px !important;
  align-items: center;
  font-weight: 500;
  color: #333;
  font-size: 14px;
  white-space: nowrap;
  display:flex !important;
  gap:4px !important;
}
.count-label span
{
    font-size:29px !important;
}
.flip-countdown-bar
{
        width: 115.2%;
    margin-left: -27px;
    border-radius: 0px !important;
}

.flip-clock {
  display: flex;
  gap: 0px;
  align-items: center;
}

.flip-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flip-card {
  perspective: 1000px;
  height: 33px;
}

.flip-card-inner {
  width: 42px;
  height: 35px;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s ease-in-out;
}
.single-product
{
        margin-top: 40px;
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 37px;
  height: 35px;
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00002E;
  color: white;
  font-size: 13px;
  font-weight: 600;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  margin-left:2px;
}

.flip-card-back {
  transform: rotateX(180deg);
}

.flip-unit label {
  font-size: 10px;
  color: #aaa;
  margin-top: 2px;
  line-height: 1;
}

.flipping {
  transform: rotateX(180deg);
}
/* Make cursor pointer on interactive options */
.delivery-option-card,
.eyelet_option,
.hem_option {
  cursor: pointer !important;
}
.delivery-option-card:hover,
.eyelet_option:hover,
.hem_option:hover {
  cursor: pointer !important;
}