@font-face {
  font-family: 'sentrix-icons';
  src:  url('/fonts-nct/sentrix-icons.eot?y6sa2o');
  src:  url('/fonts-nct/sentrix-icons.eot?y6sa2o#iefix') format('embedded-opentype'),
        url('/fonts-nct/sentrix-icons.ttf?y6sa2o') format('truetype'),
        url('/fonts-nct/sentrix-icons.woff?y6sa2o') format('woff'),
        url('/fonts-nct/sentrix-icons.svg?y6sa2o#sentrix-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'sentrix-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-account:before {
  content: "\e903";
}
.icon-cart:before {
  content: "\e906";
}
.icon-minus:before {
  content: "\e909";
}
.icon-ms:before {
  content: "\e90b";
}
.icon-plus:before {
  content: "\e90c";
}
.icon-rgt-arrow:before {
  content: "\e90d";
}
.icon-srch:before {
  content: "\e90e";
}
.icon-buy:before {
  content: "\e901";
}
.icon-unlike:before {
  content: "\e90f";
}
.icon-edit:before {
  content: "\e900";
}
.icon-darrow:before {
  content: "\e902";
}
.icon-eye-close:before {
  content: "\e904";
}
.icon-notify:before {
  content: "\e907";
}
.icon-open-eye:before {
  content: "\e908";
}
.icon-trash:before {
  content: "\e90a";
}
.icon-check:before {
  content: "\e912";
}

html, body { height: 100%; padding: 0 !important; letter-spacing: 1px; word-wrap: break-word;}
.page-wrap { min-height: 100%; margin-bottom: 0px; }
.page-wrap:after { content: ""; display: block; }
/*--------------General CSS---------*/
img { border: 0 none; max-width: 100%; vertical-align: top; outline:none;}
a { outline: none; cursor: pointer; -ms-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; color: #291F1E; text-decoration: none;}
a:hover, a:focus { color: #F10600; text-decoration: none; }
button, input[type="submit"] { -ms-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; cursor:pointer;}
p { line-height: 20px; color: #31312c; line-height: 24px; }
h1 { font-size: 32px;}
h2 { font-size: 26px;}
h3 { font-size: 20px;}
h4 { font-size: 16px;}
h5 { font-size: 12px;}
h1, h2, h3, h4, h5, h6{margin: 15px 0px; color: #11100A;}
body { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-size: 15px; color: #474747; -webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke: 1px transparent;
background-color: #F1F2F4;
}
/*-----------------------main styles starts here-----------------------------------------------*/
ul { margin: 0; padding: 0; list-style-type: none; }
label { font-size: 15px; color: #414449; font-weight:400; }
input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #DEE2E7; font-size: 15px; color: #31312c; padding:15px; width: 100%; -webkit-box-shadow: none; -webkit-appearance: none; font-weight: 400;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus { border-color: #181515; box-shadow: none; outline: none; }
.main-select-control, .main-form-control{border: 1px solid #A6AFB0; border-radius: 6px; line-height: 1; color: #474747; font-size: 15px; font-weight: 400; box-shadow: none; outline: 0; width: 100%; padding:12px 15px;}
.main-form-control:focus{border-color: #181515;}
.main-select-control{background-image: url(../images-nct/dark-arrow.png)!important; background-repeat: no-repeat; background-position: 98% 55%; border: 1px solid #676767; font-size: 16px; color: #676767; padding: 15px; width: 100%; -webkit-box-shadow: none; -webkit-appearance: none; font-weight: 500;}

.blue-select-control, .blue-form-control{border: 1px solid #A6AFB0 !important; border-radius: 18px; line-height: 1; color: #676767; font-size: 16px; font-weight: 500; box-shadow: none; outline: 0; width: 100%; padding: 15px;}
.blue-form-control:focus{border-color: #181515;}
.blue-select-control{background-image: url(../images-nct/dark-arrow.png)!important; background-repeat: no-repeat; background-position: 98% 55%; border: 1px solid #676767; font-size: 16px; color: #676767; padding: 15px; width: 100%; -webkit-box-shadow: none; -webkit-appearance: none; font-weight: 500;}

input[type="submit"], button{box-shadow:none; outline:0; outline-offset:0;}

/*===================================== PLACE HOLDER CSSS START HERE    ====================================*/
input::-webkit-input-placeholder {
color:#474747;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;
}
 input::-moz-placeholder {
color:#474747;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;
}
input::-ms-placeholder {
color:#474747;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;
}
input.textbox::-ms-input-placeholder {
color:#474747;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;
}
input.textbox::-ms-input-placeholder {
color:#474747;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;
}
textarea::-webkit-input-placeholder {
color:#474747;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;
}

textarea:-moz-placeholder { /* Firefox 18- */
color:#474747;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;  
}

textarea::-moz-placeholder {  /* Firefox 19+ */
color:#474747;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;  
}

textarea:-ms-input-placeholder {
color:#474747;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;  
}
/*===================================== PLACE HOLDER CSSS END HERE    ====================================*/

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf {/*zoom:1;*/ }
/*===================================== Commen Butons ===================================*/

.main-btn {background-color: #F10600; color: #fff; border-radius:6px; font-weight: 500; font-size: 18px; padding: 12px 20px; min-width: 110px; margin:5px 0; border: 1px solid #F10600; line-height: 1; display: inline-block; vertical-align: top; box-shadow:2px 2px 10px rgba(0,0,0,0.1), 1px 1px 6px rgba(0,0,0,0.10); cursor:pointer; letter-spacing: 0.5px;}
.main-btn:hover, .main-btn:focus { background-color: #FF2E28; color: #fff; border: 1px solid #FF2E28; outline:none;}

.red-btn {background-color: #E43030; color: #fff; border-radius:6px; font-weight: 500; font-size: 18px; padding: 12px 20px; min-width: 150px; margin:5px 0; border: 1px solid #E43030; line-height: 1; display: inline-block; vertical-align: top; box-shadow:2px 2px 10px rgba(0,0,0,0.1), 1px 1px 6px rgba(0,0,0,0.10); cursor:pointer; letter-spacing: 0.5px;}
.red-btn:hover, .red-btn:focus { background-color: #F14D4D; color: #fff; border: 1px solid #F14D4D; outline:none;}

.white-btn {background-color: #fff; color: #31312c; border-radius:10px; font-weight: 500; font-size: 18px; padding: 12px 20px; min-width: 150px; margin:5px 0; border: 1px solid #fff; line-height: 1; display: inline-block; vertical-align: top;cursor:pointer; letter-spacing: 0.5px;}
.white-btn:hover, .white-btn:focus { background-color: #31312c; color: #fff; border: 1px solid #31312c; outline:none;}

.outer-orange-btn {background-color: #fff; color: #31312c; border-radius:6px; font-weight: 500; font-size: 18px; padding: 12px 20px; min-width: 150px; margin:5px 0; border: 1px solid #31312c; line-height: 1; display: inline-block; vertical-align: top; box-shadow:2px 2px 10px rgba(0,0,0,0.1), 1px 1px 6px rgba(0,0,0,0.10); cursor:pointer; letter-spacing: 0.5px;}
.outer-orange-btn:hover, .outer-orange-btn:focus { background-color: #31312c; color: #fff; border: 1px solid #31312c; outline:none;}

.gray-btn {background-color: transparent; color: #252729; border-radius: 4px; font-weight: 500;  min-width: 105px; border: 1px solid #c7c5c6; line-height: 1; display: inline-block; vertical-align: top; text-align: center;}
.gray-btn:hover, .gray-btn:focus { background-color: transparent; color: #ff7d6f; border-color: #ff7d6f;}

.full-width{width: 100%; min-width: 100%; max-width: 100%;}

.container{width: 100%; max-width: 1440px;}

.lg-btn{font-size: 20px; padding: 25px 30px;}
.md-btn{font-size: 18px; padding: 18px 25px;}
.sm-btn{font-size: 14px; padding: 11px  15px; margin: 0;}


/* Custom Circular Checkbox */
.circle-checkbox input[type="checkbox"] {
  display: none; /* Hide default checkbox */
}

/* Label styling (including text and custom checkbox) */
.circle-checkbox input[type="checkbox"] + label {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 32px; /* Space for custom checkbox */
  margin-bottom: 12px;
  font-size: 14px;
  color: #555;
  font-weight: 500;
  cursor: default; /* Default cursor for the entire label */
  user-select: none;
  line-height: 1.4;
}

/* Custom checkbox (circle) */
.circle-checkbox input[type="checkbox"] + label::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #aaa; /* Subtle border */
  border-radius: 50%; /* Perfect circle */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s ease;
  box-sizing: border-box;
}

/* Checked state: Turns into a checkmark inside the circle */
.circle-checkbox input[type="checkbox"]:checked + label::before {
  background-color: #0066cc; /* Fill circle with color */
  border-color: #0066cc;
}

/* Checkmark (hidden by default) */
.circle-checkbox input[type="checkbox"] + label::after {
  content: '';
  display: block;
  position: absolute;
  left: 7px;
  top: 50%;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: translateY(-60%) rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s ease;
}

/* Show checkmark when checked */
.circle-checkbox input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

/* "Terms & Conditions" link styling */
.terms-link {
  color: #0066cc;
  text-decoration: underline;
  cursor: pointer;
  margin-left: 4px; /* Small spacing */
}

.terms-link:hover {
  color: #004499;
}

.flat-checkbox {width: 100%; min-height: 41px;}
.flat-checkbox input[type="checkbox"] { display: none; }
.flat-checkbox input[type="checkbox"] + label { display: block; position: relative; padding-left: 45px; margin-bottom: 5px; font-size: 18px; color: #7D95D1; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  font-weight: 600;}
.flat-checkbox input[type="checkbox"] + label:last-child { margin-bottom: 0; }
.flat-checkbox input[type="checkbox"] + label:before { content: "\e909"; display: block; width: 30px; height: 30px; position: absolute; left: 0; top:-7px; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; font-size: 30px; font-family: 'pryme-icons'; font-weight: 400;}
.flat-checkbox input[type="checkbox"]:checked + label:after {content: "\e903"; color: #DB2422;display: block; width: 30px; height: 30px; position: absolute; left: 3px; top:-4px; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; font-size: 24px; font-family: 'pryme-icons'; font-weight: 400;}
/*  CUSTOM RADIO CSS START  */

.flat-radio {width: 100%;}
.flat-radio input[type="radio"] { display: none; }
.flat-radio input[type="radio"] + label {display: block;position: relative;padding-left: 40px;margin-bottom: 5px;font-size: 14px;color: #474747;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;font-weight: 400;}
.flat-radio input[type="radio"] + label:last-child { margin-bottom: 0; }
.flat-radio input[type="radio"] + label:before {content: "";display: block;width: 24px;height: 24px;position: absolute;left: 0;top: -1px;-webkit-transition: all .12s, border-color .08s;transition: all .12s, border-color .08s;font-size: 30px;/* font-family: 'nct-icons'; */font-weight: 400;border: 1px solid #848484;border-radius: 100px;}
.flat-radio input[type="radio"]:checked + label:before{border-color: #676767;}
.flat-radio input[type="radio"]:checked + label:after {content: "";color: #676767;display: block;width: 16px;height: 16px;position: absolute;left: 4px;top: 3px;-webkit-transition: all .12s, border-color .08s;transition: all .12s, border-color .08s;/* font-size: 24px; *//* font-family: 'nct-icons'; */font-weight: 400;background-color: #676767;border-radius: 100px;}


/*===================================== Commen Butons ===================================*/
.home-section{padding: 50px 0;}
.form-group{margin-bottom: 30px;}
.general-bx{background-color: #fff; border-radius: 6px; border:1px solid #eeecec; width: 100%;}

.logo{width: 180px; padding: 0;}
.is-main-header .navbar{padding: 0 ;}
.is-main-header{transition: height 250ms 100ms ease-in-out; position: relative; z-index: 100;}
.top-header-outer{position: relative; z-index: 100; padding: 10px 0; background-color: #fff;}
.is-main-header ul.navbar-nav{position: relative; width: 100%; display: flex;  justify-content: space-between; align-items: center; padding: 0 15px; flex-direction: inherit;}
.is-main-header ul.navbar-nav>li>a.nav-link{font-size: 16px;font-weight: 500;letter-spacing: 1px;color: #fff;display: block; position: relative; padding: 12px 15px;}
.is-main-header ul.navbar-nav>li.show>a.nav-link{color: #f10600; background-color: #fff;}
.is-main-header .navbar-light .navbar-nav .show>.nav-link{color: #f10600; background-color: #fff;}
.is-main-header ul.navbar-nav>li>a.nav-link:hover{color: #f10600; background-color: #fff;}

.mega-nav-sec .navbar{background-color: transparent; padding: 0; position: static;}
.mega-nav-sec .nav-item{position: static;}

/*.is-main-head{border-bottom: 1px solid #cfcfcf;}*/
.mega-nav-sec .dropdown>div{left: 0; right: 0;}
.mega-nav-sec .dropdown-menu{right: 0; border-radius: 0; margin:0; border:none;}
.mega-nav-sec .dropdown-menu.show{/*border-top: 2px solid #23908c; margin-top: 3px;*/}
.dropdown .dropdown-toggle::after{border:none;line-height: 1;vertical-align: middle;margin-top: -2px;font-size: 14px;
  -ms-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.dropdown.show .dropdown-toggle::after{transform: rotate(180deg);}
.is-main-header ul.navbar-nav>li>a.nav-link:after{display: none;}
.submenu{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.link-list-nav{padding-bottom: 20px; width: 15%;}
.sub-link{font-size: 14px; font-weight: 400; padding: 3px 10px; display: block;}
.link-list-nav ul{max-height: 350px; overflow: auto;}
.link-list-nav ul::-webkit-scrollbar {
    width: 2px;
    background-color: #ddd;
}
.link-list-nav ul::-webkit-scrollbar {
}
.link-list-nav ul::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #333;
}
.link-list-nav ul::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #333;
}
.mega-title{padding:10px; font-weight: 700; padding-bottom: 10px; font-weight: 700;}
.container-menu{width: 100%;max-width: inherit;margin:0px auto;padding: 0 15px;}
.browse-all a{display: block; padding-top: 10px; padding-bottom: 10px; background-color: #23908c; color: #fff; text-align: center;  font-weight: 600;  font-size: 14px;}
.sub-link-common{font-size: 14px; font-weight: 300; padding: 5px 10px; display: block;}
.mega-nav-sec.menu-header-outer{background-color: #F10600; display: block;}

@media (min-width: 992px) {
  .dropdown>div {
    position: absolute;
    clip: rect(0.2rem, 9999px, 9999px, -9999px);
    right: 0;
  }
  .dropdown-menu {
    height: auto!important;
    transition: transform .35s ease!important;
    border:none;
    box-shadow: none;
    border-radius: 0;
    border:1px solid #f6f6f6;
    border-top: none;
  }
  .dropdown-menu.collapse, .dropdown-menu.sliding {
    transform: translate(0, -100%);
  }
  .dropdown-menu.collapse:not(.show) {
    display: block;
    position: absolute;
  }
  .dropdown-menu.collapse.show {
    transform: translate(0, 0);
  }
}

.hamburger-menu {
    width: 25px;
    height: 20px;
    right: 0;
    top: 3px;
    border: none;
    outline: 0;
    box-shadow: none;
    background-color: initial;
    position: relative;
    display: inline-block;
    outline: 0 !important;
    box-shadow: none;
    border: none;
}
.hamburger-menu span {
    opacity: 1;
    right: 0;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 10px;
    color: #000;
    background-color: #ca3723;
    position: absolute;
    transform: rotate(0deg);
    transition: .4s ease-in-out;
}


.hamburger-menu span:first-child {top: 0;}
.hamburger-menu span:nth-child(2) {top: 9px;}
.hamburger-menu span:nth-child(3) {top: 18px;}
.hamburger-menu[aria-expanded=true] span {background-color: #181515;}
.hamburger-menu[aria-expanded=true] span:first-child {transform: translateY(9px) rotate(135deg);}
.hamburger-menu[aria-expanded=true] span:nth-child(2) {opacity: 0; transform: translateX(60px);}
.hamburger-menu[aria-expanded=true] span:nth-child(3) {transform: translateY(-9px) rotate(-135deg);}

.header-srch{width: 550px; position: relative;}
.header-srch .main-form-control{background-color: #eeeff1; border: 1px solid transparent; padding-left: 40px;}
.header-srch .main-form-control:focus{border-color: #f10600; background-color: #fff;}
.header-srch .srch-ico{ position: absolute; left: 0; top: 4px; color: #8C9197;}
.rgt-cart-user{display: flex; width: 100%; justify-content: end; font-size: 16px; align-items: center;}
.ms-user{margin-right: 30px;}
.ms-user i{width: 30px;display: inline-block;vertical-align: middle;line-height: 1;margin-top: -2px;}
.dropdown-toggle::after{content: "\e902";font-family: 'sentrix-icons';border: none;vertical-align: middle;font-size: 14px;}
.cart-list a{border: 1px solid #F10600;border-radius: 6px;display: flex;align-items: center;}
.cart-list a i{border-radius: 6px 0 0 6px;background-color: #F10600;color: #fff;text-align: center;width: 40px;height: 38px; font-size: 22px;line-height: 1;padding: 6px 0;}
.cart-list a span{font-size: 13px; font-weight: 500; color: #F10600; padding: 0 15px;}


.main-banner-sec{margin: 15px 0;}
.slider-carouser figure{margin:0;}
.slider-carouser .owl-controls{/*position: absolute;*/ left: 0; right: 0; bottom: 30px; text-align: center;}
.owl-theme .owl-controls .owl-dots .owl-dot span{position: relative; background-color: transparent; width: 6px; height: 6px; margin: 5px 12px;}
.owl-theme .owl-controls .owl-dots .owl-dot span:before{position: absolute; left: -5px; top: -5px; right: -5px; bottom: -5px; border-radius: 100%; border: 1px solid #363636;; content: '';}
.owl-theme .owl-controls .owl-dots .owl-dot.active span{background-color: #363636;}
.slider-carouser.owl-carousel .owl-stage-outer{border-radius: 8px;}

.advt-sec{padding: 30px 0; width: 100%;}
.advt-sec figure{margin:0; border-radius: 6px; overflow: hidden;}
.advt-sec figure img{border-radius: 6px; width: 100%; -ms-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.advt-sec figure a:hover img{transform: scale(1.05);}

.home-feature-pro-sec{margin-bottom: 30px;}
.general-wide-bx{border-radius: 6px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.common-pro-bx{border:1px solid #CDD3D6; border-radius: 10px; width: 100%;}
.comm-pro-dtl{background-color: #E6F2F4; padding: 15px; position: relative; border-top: 1px solid #CDD3D6; border-radius: 0 0 10px 10px}
.comm-pro-dtl h3{color: #11100A; font-weight: 600; font-size: 18px; margin:0 0 10px 0; white-space: nowrap; text-overflow: ellipsis;}
.common-pro-bx figure{
  padding: 15px; 
  margin:0; 
  text-align: center;
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden; 
}
.common-pro-bx figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Select__menu-portal {
  z-index: 9999 !important;
}


.isPrice{color: #F10600; font-size: 16px; font-weight: 500;}

.home-headings{border-bottom: 1px solid #EBF0F1; margin:0; padding: 20px 30px; margin-bottom: 20px;}
.home-headings h2{font-size: 22px; font-weight: 600; margin:0; text-transform: uppercase;}
.viewmore a{display: block; font-size: 13px; font-weight: 500; color: #F10600; padding: 6px; text-transform: uppercase;}
.viewmore a i{margin-left: 5px; font-size: 18px; vertical-align: middle; line-height: 1; position: relative; top: -2px;}
.viewmore a:hover{color: #333;}
.areas li .common-pro-bx{max-width: 350px; margin:15px auto;}
.qty {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #DEE2E7;
    min-width: 100px;
    width: 130px;
}
.qty .count{color: #333;display:inline-block;vertical-align:top;font-size: 18px;font-weight: 400;line-height: 1;padding: 7px 0;min-width: 45px;text-align:center}
.qty .plus{cursor:pointer;display:inline-block;vertical-align:top;color:#333333;width:36px;height:36px;text-align:center; font-size: 24px; line-height: 1; padding: 5px 0; border-left: 1px solid #DEE2E7;}
.qty .minus{cursor:pointer;display:inline-block;vertical-align:top;color:#333333;width:36px;height:36px;text-align:center;background-clip:padding-box;  font-size: 24px; line-height: 1; padding: 5px 0; border-right: 1px solid #DEE2E7;}
.qty div{text-align:center}
.qty .minus:hover, .qty .plus:hover{color:#f10600;}
span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
input{border:0;width:2%}
input::-webkit-inner-spin-button,nput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input:disabled{background-color:#fff}

.home-new-pro-sec{margin-bottom: 30px;}
.home-new-pro-sec .areas{padding: 0 15px;}

.advt-stock-sec{margin-bottom: 30px;}
.advt-stock-sec figure{margin-bottom: 0;}

.home-best-seller-sec{margin-bottom: 30px;}
.advt-lft-img{padding-right: 15px;}
.home-best-seller-sec .common-pro-bx{margin-bottom: 30px;}

.process-step-sec{margin-bottom: 30px;}
.process-step-sec .col-6:last-child .process-bx{border-right: none;}
.process-bx{padding: 30px; text-align: center; border-right: 1px solid #D4DEE2;}
.process-bx figure{margin-bottom: 0; width: 100%; text-align: center; min-height: 80px;}
.process-bx h3{font-size: 16px; font-weight: 600; margin-bottom: 5px;}
.process-bx span{font-size: 13px; color: #333333;}

.newsletter-sec{margin-bottom: 30px; text-align: center;}
.newsletter-sec h2{font-size: 22px; font-weight: 600; margin:0; text-transform: uppercase; margin-bottom: 5px;}
.newsletter-sec p{font-size: 16px; margin-bottom: 20px;}
.subscibe-form{width: 100%; max-width: 550px; margin:0px auto; position: relative;}
.subscibe-form .main-btn{position: absolute; right: 7px; top:7px; margin:0;}

.footer-sec{padding: 50px 0 30px 0; background-color: #fff;}
.footer-privacy-logo p{font-size: 12px; color: #474747;}
.social-footer{margin-bottom: 20px; display: flex; width: 100%;}
.social-footer a{width: 35px; margin-right: 10px;}
.social-footer a img{width: 35px;}
.certi-outer{display: flex; align-items: center;}
.certi-outer span{color: #11100A; font-size: 16px; font-weight: 600; margin-right: 30px;}
.certi-outer small{margin-left: 5px;}
.footer-menu h3{color: #11100A; font-size: 16px; font-weight: 600; margin: 0 0 10px 0;}
.footer-menu ul li{font-size: 14px; font-weight: 300; margin-bottom: 10px;}

.payment-outer{border-top: 1px solid #CDD3D6; padding-top: 30px; margin-top: 30px;}
.pay-types{width: 100%;}
.pay-types ul{display: flex;width: 100%;justify-content: flex-end;transform: scale(0.9);transform-origin: 100% 0;}
.pay-types ul li{margin-left: 10px;}

.shipping-method{padding: 10px; border: 1px solid #CDD3D6; display: flex; align-items: center; border-radius: 6px; width: 450px;}
.shipping-method span{color: #11100A; font-size: 16px; font-weight: 600; margin-right: 30px;}
.shipping-method small{margin-left: 10px;}

.is-mobile-menu{display: none;}

.custom-swiper .swiper-pagination-bullets {
  bottom: 10px !important;
}

.custom-swiper .swiper-pagination-bullet {
  background-color: #000 !important;
}


.show-hide-pass{position: absolute; right: 15px; top: 43px; font-size: 20px; cursor: pointer;}
.forgot-link a{text-decoration: underline; font-size: 13px; color: #0A66C2;}

.login-signup-sec{width: 100%; display: flex; background-color: #fff; min-height: 100vh; overflow: hidden;}
.lft-form-outer{width: 50%; padding: 10px 0; display: flex; align-items: center;}
.fix-signin-content{width: 100%; max-width: 530px; margin:10px auto;}
.rgt-bg-outer{width: 50%; background-position: left top; background-size: cover; background-repeat: no-repeat; min-height: 100vh;  display: flex; align-items: center; position: fixed; right: 0; top: 0;}

.no-login{text-align: center; font-size: 16px; display: block; font-weight: 400;}
.no-login a{text-decoration: underline; color: #0A66C2;}
.or-text{text-align: center; position: relative; width: 100%; margin-top: 20px;}
.or-text:before{width: 100%; height: 1px; background-color: #ddd; position: absolute; left: 0; right: 0; top: 10px; content: '';}
.or-text span{font-size: 16px; font-weight: 700; color: #848484; padding: 15px; position: relative; z-index: 2; background-color: #fff;}

.social-login-signin{display: flex; justify-content: center; width: 100%; margin-top: 20px;}
.social-login-signin a{margin:0 10px; width: 40px;}
.social-login-signin figure{margin:0;}

.opportunity-bx{width: 100%; max-width: 500px; margin:10px auto; background-color: #0A66C2; padding:30px;}
.opportunity-bx h2{font-size: 38px; font-weight: 700; color: #fff; margin:0 0 10px 0;}
.opportunity-bx p{font-size: 16px; font-weight: 300; color: #fff; margin:0;}

.iti{width: 100%;}
.signin-logo img{width: 120px}

.phone-input-container input.form-control {
  background-color: transparent; /* or your desired bg */
  border: none; /* if form-control adds one */
  box-shadow: none;
}

/* Ensure your dark-form-control styles apply */
.phone-input-container input.dark-form-control {
  width: 100%;
  border: 1px solid #666;
  border-radius: 4px;
}

.inner-main-sec{width: 100%; padding: 50px 0;}
.left-srch-filter{width: 100%; padding: 15px; border-radius: 10px; background-color: #fff; border: 1px solid #ddd;}
.range-slider {
  width: 100%;
  text-align: center;
  position: relative;
  border: 1px solid #676767;
  padding: 5px 15px;
  border-radius: 5px;
  min-height: 55px;
}
.range-slider .rangeValues {
  display: block;
}

input[type=range] {
  -webkit-appearance: none;
  border: 1px solid white;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  width: 92%;
  margin: 0px auto;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  background: #ddd;
  border: none;
  border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #21c1ff;
  margin-top: -4px;
  cursor: pointer;
  position: relative;
  z-index: 1 !important;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  background: #ddd;
  border: none;
  border-radius: 3px;
}

input[type=range]::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #21c1ff;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
  z-index: -4;
}

input[type=range]::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}

input[type=range]::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px;
}

input[type=range]::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #21c1ff;
}

input[type=range]:focus::-ms-fill-lower {
  background: #888;
}

input[type=range]:focus::-ms-fill-upper {
  background: #ccc;
}

.main-select-control.bootstrap-select{padding: 0 !important; background-color: #fff;  min-width: 100%; max-width: 100%;}
.main-select-control .dropdown-toggle:focus, .main-select-control .dropdown-toggle:hover{outline: 0 !important; box-shadow: none; background-color: #fff;}
.main-select-control .dropdown-toggle{padding: 13px 15px 12px 15px; background-color: transparent; border:none;}
.bootstrap-select>.dropdown-toggle:after{content: "\e902"; font-family: 'sentrix-icons'; border: none; color: #000; display: block;
  -ms-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.show.bootstrap-select>.dropdown-toggle:after {transform: rotate(180deg);
  -ms-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner{color: #474747; font-weight: 300; font-size: 15px; letter-spacing: 1px;}
.bootstrap-select .dropdown-item{font-size: 14px; padding: 10px 20px; font-weight: 300; color: #474747;}

.filter-bx1 .flat-radio input[type="radio"] + label{display: flex; align-items: center; justify-content: space-between;}
.filter-bx1 .flat-radio label small{font-size: 18px;}
.show-result-right .common-pro-bx figure{background-color: #fff; border-radius: 10px 10px 0 0;}
.show-result-right .common-pro-bx{margin-bottom: 30px; background-color: #E6F2F4;}
.show-result-right .comm-pro-dtl h3{font-size: 16px; margin-bottom: 5px;}
.product-rate-cover {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 5px;
}
.product-rate i{color: #ffa500;}


.product-lft-dtl{width: 100%; padding: 15px; margin-bottom: 30px;}
.pro-dtl-img{margin-bottom: 30px;}
.pro-dtl-img figure{margin:0; border-radius: 20px; border: 1px solid #D7D7D7;}
.pro-dtl-img figure img{border-radius: 20px;}

.product-rgt-info-dtl{width: 100%; padding-left: 30px;}
.product-rgt-info-dtl h2{font-size: 26px; font-weight: 900; margin:0 0 10px 0;}
.product-rgt-info-dtl p{font-size: 16px; font-weight: 400;}
.product-rgt-info-dtl .home-rating{color: #252525; padding: 0; margin-bottom: 10px;}
.price-filter-txt{padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid #DEDEDE;  display: flex; align-items: center;}
.price-filter-txt span{color: #EF4123; font-size: 22px; font-weight: 900; letter-spacing: 0;}
.price-filter-txt small{font-size: 13px; font-weight: 600; position: relative; bottom: -3px; margin-left: 10px;}
.price-filter-txt small i{margin-right: 10px; display: inline-block; vertical-align: middle; line-height: 1;}
.product-rgt-info-dtl .perfomane-bx{padding: 5px 0 30px 0;  border-bottom: 1px solid #DEDEDE; margin-bottom: 25px;}
.cart-filters{width: 100%; display: flex; margin-bottom: 30px;}
.manyfilter-bx{margin-bottom: 30px;}
.manyfilter-bx .filter-label li{letter-spacing: 0px; padding: 16px 10px; font-size: 16px;}
.product-rgt-info-dtl ul{list-style: disc; font-size: 14px; padding-left: 20px; margin-bottom: 20px;}



.product-rgt-info-dtl .pro-desc p{margin-bottom: 5px;}
.based-review{width: 100%; display: flex; border-bottom: 1px solid #C5C5C5; padding-bottom: 30px;}
.based-review .based-1{width: 20%;padding-right: 80px;}
.cust-review-tab{width: 100%; padding: 15px;}
.cust-review-tab h4{font-size: 18px; font-weight: 700; margin-bottom: 20px;}
.based-1 label{font-size: 16px; font-weight: 700;}
.based-1 .progress{background-color: transparent;border:1px solid #FFB400;border-radius: 0;height: 30px;position: relative;/* margin-right: 40px; */overflow: inherit;}
.progress-bar{background-color: #FFB400; height: 30px;}
.progress-bar span{position: absolute;right: -60px;top: 15px;color: #252525;font-size: 16px;font-weight: 700;}


.tabs-dtl-pro{padding: 15px;}
.tabs-dtl-pro h4{font-size: 30px;font-weight: 700; color:#000000; margin-bottom: 30px;}
.tabs-dtl-pro h5{font-size: 25px;font-weight: 700; color:#000000; margin-bottom: 20px;}
.tabs-dtl-pro p{font-size: 16px; font-weight: 400; margin-bottom: 20px; color: #252525;}
.write-reivew{width: 100%; margin:15px 0; padding: 30px 0; border-bottom: 1px solid #C5C5C5;}
.shre-review  h5{font-size: 18px; font-weight: 700; margin:0 0 5px 0;}
.shre-review  p{font-size: 18px; font-weight: 400; margin:0 0 5px 0;}

.tabs-review-sec{width: 100%; padding:50px 0;}
.pro-tabs.nav-tabs{border-bottom: 2px solid #B4B4B4;}
.pro-tabs.nav-tabs .nav-link{font-size: 18px; font-weight: 700; border:none; position: relative; margin-right: 30px; background-color: transparent;}
.pro-tabs.nav-tabs .nav-link.active{color: #252525;}
.pro-tabs.nav-tabs .nav-link:hover:after{background-color: #EF4123; height: 2px; position: absolute; left: 0; right: 0; bottom: -2px; content: '';}
.pro-tabs.nav-tabs .nav-link.active:after{background-color: #EF4123; height: 2px; position: absolute; left: 0; right: 0; bottom: -2px; content: '';}

.checkout-sec{width: 100%; padding:50px 0;}
.checkout-form{width: 100%; padding-right: 50px;}
.checkout-form h2{font-size: 30px; font-weight: 900;}
.checkout-form form{margin:15px 0; padding:15px 0;}
.pay-ico{margin-bottom: 30px;}
.pay-ico ul li{margin-right: 10px;}

.quality-filter{border: 1px solid #E6E6E6; border-radius: 20px; width: 100%; max-width: 500px;}
.quality-filter .filter-label{display: flex; justify-content: space-between; border:none; border-radius: 0; background-color: transparent;}
.quality-filter .filter-label li{width: 50%; text-align: center; border: none;}
.quality-filter .filter-label li:first-child{width: 40%; border-right: 1px solid #E6E6E6;}
.quality-filter .selet-filter{border-radius: 0; background-color: transparent; border:none; flex-wrap: wrap;}
.quality-filter .selet-filter li{width: 100%; border:none; border-top: 1px solid #E6E6E6;}
.quality-filter .selet-filter .flat-radio input[type="radio"] + label{display: flex; width: 100%; justify-content: space-between;}
.quality-filter .selet-filter .flat-radio span{border:none; width: 40%; border-right: 1px solid #E6E6E6;}
.quality-filter .selet-filter .flat-radio small{border:none; width: 60%;}
.quality-filter .selet-filter .flat-radio input[type="radio"]:checked + label{background-color: #EF4123; border-radius: 0;}
.quality-filter .selet-filter li:first-child .flat-radio input[type="radio"]:checked + label{border-radius: 0;}
.quality-filter .selet-filter li:last-child .flat-radio input[type="radio"]:checked + label{border-radius: 0 0 20px 20px;}

.selet-filter .flat-radio input[type="radio"] + label{padding: 0; color: #252525;}
.selet-filter .flat-radio input[type="radio"] + label:before, .selet-filter .flat-radio input[type="radio"] + label:after{display: none;}
.selet-filter .flat-radio span{text-align: center; padding: 15px; font-weight: 400; font-size: 18px; border-bottom: 1px solid #E6E6E6; display: block;}
.selet-filter .flat-radio small{text-align: center; padding: 15px; font-weight: 400; font-size: 18px; display: block;}
.selet-filter .flat-radio input[type="radio"]:checked + label{background-color: #1F4CEE;}
.selet-filter .flat-radio input[type="radio"]:checked + label span,
.selet-filter .flat-radio input[type="radio"]:checked + label small{color: #fff;}
.selet-filter li:first-child .flat-radio input[type="radio"]:checked + label{border-radius: 20px 0 0 20px;}
.selet-filter li:last-child .flat-radio input[type="radio"]:checked + label{border-radius: 0 20px 20px 0;}

.home-rating{padding: 10px 0; color: #fff; font-size: 20px; font-weight: 600;}
.home-rating i{color: #FFB400; font-size: 24px;}
.wishlist-bx{margin-left: 15px;}
.wishlist-bx a {
    border: 1px solid #ddd;
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    border: 1px solid #f10600;
    border-radius: 10px;
    color: #f10600;
    font-size: 20px;
    line-height: 1;
    padding: 8px 0;
}
.wishlist-bx a:hover{background-color: #f10600; color: #fff;}
.thumb-slide{padding:10px; width: 33.33%;}
.thumb-slide figure{border-radius: 10px; border: 1px solid #CBCBCB; padding:10px;  background-color: #fff;}
.testimonail-bx {
    background-color: #fff;
    padding: 14px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 12%);
    border-radius: 10px;
    margin-bottom: 20px;
}
.review-client {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.review-client figure{width: 50px; height: 50px; border-radius: 100px; margin:0; margin-right: 10px;}
.review-client figure img{border-radius: 100px;}
.review-client h4{font-size: 17px; font-weight: 500; margin: 0; margin-bottom: 5px;}



.checkout-sec{width: 100%; padding: 0;}

.checkout-form{width: 100%; padding-right: 50px;}

.checkout-form h2{font-size: 30px; font-weight: 900;}

.checkout-form form{margin:15px 0; padding:15px 0;}

.pay-ico{margin-bottom: 30px;}

.pay-ico ul li{margin-right: 10px;}



.payment-method{display: flex; align-items: center; width: 100%; margin-bottom: 30px;}

.payment-method label{font-size: 16px; font-weight: 700; margin:0; margin-right: 10px;}

.payment-method ul.nav {padding:10px; border-radius: 100px; box-shadow: 0 0 12px 0 rgba(0,0,0,0.12); margin-left: 50px;}

.payment-method ul.nav li a{font-size: 14px; color: #959595; font-weight: 500;}

.payment-method ul.nav li a:hover{background-color: #1F4CEE; border-radius: 100px; color: #fff;}

.payment-method ul.nav li a.active{background-color: #1F4CEE; border-radius: 100px; color: #fff;}



/* Wrapper styles remain unchanged */
.list-pro-order {
  border: 1px solid #E9E9E9;
  border-radius: 20px;
  background-color: #fff;
}

.list-pro-order h3 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  padding: 20px;
  background-color: #000;
  border-radius: 20px 20px 0 0;
}

.list-pro-order ul {
  padding: 30px;
  border-bottom: 1px solid #ebebeb;
}

.list-pro-order ul li {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 15px;
}

/* Fixing image size */
.list-pro-order figure {
  padding: 10px;
  border-radius: 16px;
  border: 1px solid #EAEAEA;
  margin: 0;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.list-pro-order figure img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Product info styling */
.order-pro-info {
  flex: 1;
  padding-left: 5px;
}

.order-pro-info h4 {
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 10px 0;
}

.price-qty {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.price-qty span {
  font-size: 14px;
  font-weight: 700;
  color: #000;
}

.price-qty span em {
  font-style: normal;
  color: #EF4123;
}

/* Quantity controls line up horizontally */
.quantity-controls {
  display: flex;
  align-items: center;
  gap: 6px;
}

.quantity-controls input[type="number"] {
  width: 50px;
  height: 32px;
  text-align: center;
  border: 1px solid #C5C5C5;
  border-radius: 5px;
  font-size: 14px;
  color: #474747;
  appearance: textfield;
}

.quantity-controls input::-webkit-outer-spin-button,
.quantity-controls input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Red themed quantity buttons */
.qty-btn {
  background-color: #F10600;
  color: #fff;
  border: none;
  font-size: 18px;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none; /* Remove default focus outline */
}

/* Completely suppress browser focus styles */
.qty-btn:focus,
.qty-btn:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}


.qty-btn:hover {
  background-color: #c9301a;
}

.qty-btn:disabled {
  background-color: #ddd;
  cursor: not-allowed;
  color: #999;
  box-shadow: none;
}


.price-qty input{border: 1px solid #C5C5C5; border-radius: 5px; font-size: 14px; color: #474747; width: 50px; text-align: center;}



.product-amout-order{width: 100%; padding:30px; border-bottom: 1px solid #ebebeb;}

.product-amout-order p{display: flex; justify-content: space-between; width: 100%; font-size: 16px; font-weight: 500; color: #000;}

.product-amout-order p small{font-size: 16px; font-weight: 500; color: #000;}



.total-price{padding:30px;}

.total-price h4{color: #000; margin:0; font-weight: 900; font-size: 16px;}

.total-price h5{color: #EF4123; margin:0; font-weight: 900; font-size: 16px;}



.trans-history-outer{width: 100%; padding: 15px;}

.general-table{margin:0; position:relative; padding-bottom:0; border:1px solid #EDEFF0; border-radius: 10px; overflow-x: scroll; width: '100%';}

.general-table::-webkit-scrollbar {
  display: none;
}

/* Optional: maintain scroll functionality while hiding scrollbar */
.general-table {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;     /* Firefox */
}

.divtable { display: table; width: 100%; border-radius: 5px;}

.divtable-row { display: table-row; }

.divtable-heading { background-color: #EEE; display: table-header-group; }

.divtable-cell, .divtable-head {display: table-cell; padding: 3px 10px; vertical-align: middle;}

.divtable-heading { background-color: #EEE; display: table-header-group; font-weight: bold; }

.divtable-body { display: table-row-group;}



.general-table .divtable-heading{background-color:#F1F3F4;}

.general-table .divtable-heading .divtable-head{border-bottom:none; border-top:none; padding:15px; font-size:14px; font-weight:400; color: #05093D;}

.general-table .divtable-body .divtable-cell{border:none;border-top: 1px solid #f0efef;font-size: 14px;color: #91969c;padding:15px;}

.general-table .divtable-body .divtable-cell p{margin-bottom: 0; font-weight: 300; color: #474747;}

.trans-status{display: inline-block; line-height: normal; padding: 7px 15px; text-align: center; font-size: 14px; border-radius: 100px; color: #fff; min-width: 90px;}

.into-sucess{background-color: #00C269;}

.into-failed{background-color: #f20f30;}



.is-common-bx{

  width: 100%;

  padding: 20px;

  background-color: #fff;

  border-radius: 20px;

}



ul#progressbar {width: 100%;max-width: 1170px;margin: 0px auto; margin-bottom: 30px; border:1px solid #bdc2c5; border-radius: 50px;}

#progressbar li{padding: 14px 17px; line-height: 1;font-size: 14px;position: relative;padding-left: 40px; border-right: 1px solid #bdc2c5; width: 25%; flex-grow: 1;

    flex-basis: 0;}

#progressbar li:first-child{border-radius: 50px 0 0 50px;}

#progressbar li:last-child{border-right: none; border-radius: 0 50px 50px 0;}

#progressbar li:before{border-radius: 100px;border:1px solid #848484;width: 20px;height: 20px;content: '';position: absolute;left: 10px;top: 10px;}

#progressbar li.active{background-color: #d8f3ea; color: #000;}

#progressbar li.active:before{border-color: #3db340;background-color: #3db340;}

#progressbar li.active:after{color: #fff;font-family: 'sentrix-icons'; content: "\e912"; position: absolute;left: 15px;font-size: 10px;top: 15px;}





/* .delivery-radio {

    display: flex;

    width: 100%;

    justify-content: center;

    border: 1px solid #ddd;

    border-radius: 10px;

}

.delivery-radio .flat-radio {

    flex-grow: 1;

    flex-basis: 0;

    padding: 10px;

    margin-bottom: 0px !important;

    border-right: 1px solid #ddd;

} */


.delivery-radio {
  display: flex;
  flex-wrap: wrap; /* ✅ allow wrap on small screens */
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 10px;
}

.delivery-radio .flat-radio {
  flex: 1 1 100%; /* full width on small, will shrink if enough space */
  padding: 10px;
  border-right: none; /* remove default border */
  border-bottom: 1px solid #ddd; /* mobile border */

  /* Optional: force proper spacing */
  box-sizing: border-box;
}

/* ✅ Remove bottom border on the last item */
.delivery-radio .flat-radio:last-child {
  border-bottom: none;
}


@media (min-width: 768px) {
  .delivery-radio {
    flex-wrap: nowrap;
  }

  .delivery-radio .flat-radio {
    flex: 1 1 0;
    border-right: 1px solid #ddd;
    border-bottom: none;
  }

  .delivery-radio .flat-radio:last-child {
    border-right: none;
  }
}




.upload-image-resto{border:2px dashed #bdbdbd; padding: 20px; text-align: center; position: relative;}

.upload-image-resto figure{width: 150px; display: inline-block; margin-bottom: 0;}

.upload-image-resto h4{font-size: 20px; font-weight: 400; margin-bottom: 5px;}

.upload-image-resto p{font-size: 12px; font-weight: 300; color: #474747; margin-bottom: 20px;}

.upload-image-resto small{display: block; color: #888; margin-bottom: 10px;}

.upload-image-resto  input[type="file"]{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.01; -webkit-opacity: 0.01; -moz-opacity: 0.01; -ms-opacity: 0.01; cursor: pointer;}

.clock-ico{position: absolute; right: 10px; top: 10px; width: 20px; z-index: 10}

.question-txt{font-size: 16px; font-weight: 500; margin-bottom: 5px; color: #333;}



.is-common-bx{background-color: #fff; border-radius: 8px; border:1px solid #F1F1F1; width: 100%;}

.ac-menu ul li.active .page-ico{

  background-position:  -35px -35px;

}

.ac-menu ul li{position: relative;}

.ac-menu ul li a small {

    font-size: 16px;

    font-weight: 300;

    position: absolute;

    right: 20px;

}

.ac-menu ul li{padding: 20px; border-bottom: 1px solid #F2F0F0;}

.ac-menu ul li a{font-size: 16px; font-weight: 300;}

.ac-menu ul li a:hover{color: #53ACE0;}

.ac-menu ul li.active a, .ac-menu ul li a.active{color: #f10600;}

.cp-bx form{padding: 15px 10px;}

.cp-bx .show-hide-pass{right: 25px; top: 40px;}

.my-network-sec .search-outer{padding: 15px;}

.search-outer ul li{/*border:1px solid #E1EBEC; border-radius: 8px; margin-bottom: 20px;*/}





.prof-dash-sec{width: 100%; padding: 0 0 20px 0; border-bottom: 1px solid #ececec; display: table; margin-bottom: 30px;}

.profile-img{width: 138px; display: inline-block; vertical-align: middle; border-radius: 100%; border:2px solid #f1f1f1; padding: 5px;}

.profile-img img{border-radius: 100%;}

.profile-info{display: table-cell; vertical-align: middle; padding: 0 30px; position: relative; width: 100%;}

.profile-info h2{font-size: 26px; font-weight: 700; margin:0 0 15px 0; word-wrap: break-word;}

.profile-info small{font-size: 16px; font-weight: 400; color: #474747; display: block; margin-bottom: 7px; word-wrap: break-word;}

.edit-pro{position: absolute; right: 0; top: 20px;}

.edit-pro a{color: #fd6251; line-height: 1; display: block; border-radius: 3px; border:1px solid #fd6251; padding: 8px 12px;}

.edit-pro a:hover{border-color: #474747; color: #474747;}

.edit-pro a i{margin-right: 10px; font-size: 13px;}


@media screen and (max-width: 768px) {
  .profile-info {
    display: table-row;
  }
}