﻿.cus-megamenu__nav
{
    justify-content:center;
}
.cus-megamenu__link {
    font-weight: bold;
    padding: 8px 20px !important;
}
.cus-header {
    border-bottom: 4px solid #999b9e;
}
.cus-header__searchtxt {
    background-color: #e8e8e8;
    border: none;
    border-radius: 10px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    font-size: 13px;
}
.cus-header__searchtxt::placeholder{
    font-size: 13px;
}
.cus-headermenu__sec {
    background-color: #0262ab;
    color: #fff !important;
   /* margin-left: 60px !important;*/
   /* margin-left: 4vw !important;*/
   margin-left: 1vw !important;
    margin-inline-end: -16px !important;
}
.cus-headermenu__clip {
    width: 35px;
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%);
    background-color: #fff;
    margin-left: -1px;
    margin-bottom: -1px;
}
.cus-header section [data-swift-container] {
    --dw-container-width: 100%;
}
.cus-headmenu__link {
    color: #fff !important;
    font-size: 13px;
}
.cus-headermenu__ul {
    /*padding: 4px 29px;*/
    /*padding: 7px 6vw 7px 2vw;*/
    padding: 7px 1vw 7px 2vw;
}
.cus-headmenu__icon {
    background-color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}
.cus-headmenu__icon svg {
    fill: #0262ab;
    width: 17px;
    height: 17px;
}
.cus-headerutility__link {
    background-color: #cfe8f8;
    margin-top: 15px;
    font-size: 13px;
    padding: 6px 15px !important;
    border-radius: 0px 10px 10px 0px;
}
.cus-headerutility__sec {
    margin-inline: -8px !important;
}
.cus-headerutility__link .dw-paragraph {
    font-size: 13px;
}
.cus-headerutility__loginicon svg{
    height: 20px;
    width: 20px;
}
.cus-headerutility__border {
    border-right: 1px solid #0262ab;
    border-radius: 10px 0px 0px 10px;
}
.cus-headerutility__link .mini-cart-quantity {
    right:5px;
}
.cus-header__searchsec {
    margin-left: 20px;
    margin-top: 0px !important;
}
.cus-header__logosec {
    margin-top: 10px;
}
.cus-footer [data-swift-container] {
    position: relative;
}
.cus-foottxtsec {
    position: absolute;
    left: 5px;
    top: 100px;
}
.cus-foottxtsec p {
    margin-bottom: 10px;
    font-size: 13px;
}
.cus-footmenu__nav a.nav-link {
   padding: 4px 8px !important;
}
.cus-footmenu__navtitle h5{
    margin-bottom:7px !important;
}
.cus-subscribe__sec {
    margin-right: 5vw;
}
.cus-subscribe__txt{
    color:#fff !important;
}
.cus-subscribe__formfields {
    display: flex;
    /* padding: 10px 0px 5px; */
    padding: 0px;
}
.cus-subscribe__field, .cus-subscribe__field:focus {
    padding: 5px 15px !important;
    height: auto;
    min-height: auto;
    border-radius: 10px 0px 0px 10px;
   /*  background-color: #bdbdbd; */
   background-color: #fff;
    box-shadow: none !important;
    outline: none;
}
.cus-subscribe__btn {
    border-radius: 0px 10px 10px 0px;
    padding: 7.4px 5px;
   /* padding: 7.4px 15px; */
    font-weight: 600;
    font-size: 13px;
}
.cus-subscribe__field::placeholder {
    color: #000;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
}
.cus-subscribe__foottxt {
   /* color: #fff !important; */
   color: #000 !important;
    font-size:11px;
    font-style: italic;
}
.cus-megamenu__dropdown {
    background-color: rgb(232, 232, 232) !important;
    width: max-content !important;
    overflow: unset;
}
.cus-megamenu__flex {
    width: 30rem;
}
.cus-megamenudrop__link {
    padding-bottom: 2px;
    text-decoration:none !important;
}
.cus-megamenudrop__link strong {
    border-bottom: 2px solid #000;
}
.cus-megamenudrop__sublink{
    padding:15px;
}
.cus-megamenu__arricon svg {
    width: 13px;
    height: 13px;
    padding-left: 2px;
}
@media only screen and (max-width:1024px){
    .cus-header {
        border-bottom: 2px solid #999b9e;
    }
}
.cus-offcanvas__container {
    --swift-offcanvas-width: 70vw;
    background-color: #e8e8e8;
}
.cus-offcanvas__container nav {
    background-color: #e8e8e8 !important;
}
.cus-offcanvas__container .nav {
    background-color: #e8e8e8 !important;
}
.cus-offcanvas__container .nav [data-dw-button]{
    background-color: #e8e8e8 !important;
    border:none;
}
.cus-offcanvas__container .nav .nav-link {
   font-weight: bold;
}
.cus-offcanvas__container .nav .nav-item {
    border-bottom: 2px solid #999b9e;
}
.cus-footer__menudiv .nav-link {
    font-size: 13px;
}
.cus-footmenu__nav .icon-3{
    display:none;
}
.cus-dropmenu__container {
    background-color: #fff !important;
    padding:0px;
}
.cus-dropmenu__section {
    width: 299px;
    min-width: 299px;
    height: 510px;
    padding: 5px 0 5px;
    box-shadow: 0px 0px 20px -10px rgba(68, 68, 68, .15);
    overflow: auto;
}
.cus-dropmenu__1stsec {
    width: 299px;
    min-width: 299px;
    height: 510px;
    padding: 5px 0 5px;
    box-shadow: 0px 0px 20px -10px rgba(68, 68, 68, .15);
    position: absolute;
    left: 300px;
    top: 0px;
    background-color: #fff;
    display: none;
}
.cus-dropmenu__swiftcont {
    max-height: unset !important;
    max-width: 100%;
}
.cus-dropmenu__section .cus-megamenudrop__link {
    line-height: 21px !important;
    padding: 7px 20px 7px 24px !important;
    margin-bottom: 5px !important;
    font-weight: 100;
}
.cus-dropmenu__section .cus-megamenudrop__link strong{
    border-bottom:none !important;
}
.cus-dropmenu__section .cus-megamenudrop__link:hover{
    background: #f4f4f4;
   border-left: #0262ab solid 5px;
}
.cus-dropmenu__sectioncol {
    width: auto !important;
}
.cus-dropmenu__section .cus-megamenudrop__firstlink:hover + .cus-dropmenu__1stsec{
    display:block;
}
.cus-megamenudrop__svg svg {
    width: 18px;
    height: 18px;
}
.cus-megamenudrop__svg{
    float:right;
}
.cus-dropmenu__section .cus-megamenudrop__link:hover .cus-megamenudrop__svg svg path {
    fill: #0262ab;
}
.cus-dropmenu__1stsec:hover {
    display: block;
}
.cus-dropmenu__container {
    width: 300px !important;
    margin-top: -10px !important;
}
.cus-header:has(.cus-dropmenu__container.show):after {
    content: "";
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: Calc(100vh - 166px);
   /* height: 100vh;*/
    position: absolute;
    z-index: 2;
}
.cus-dropmenu__2ndsec {
    width: 299px;
    min-width: 299px;
    height: 510px;
    padding: 5px 0 5px;
    box-shadow: 0px 0px 20px -10px rgba(68, 68, 68, .15);
    position: absolute;
    left: 299px;
    top: 0px;
    background-color: #fff;
    display: none;
}
.cus-dropmenu__section .cus-megamenudrop__2ndlink:hover + .cus-dropmenu__2ndsec {
    display: block;
}
.cus-dropmenu__2ndsec:hover {
    display: block;
}
.cus-dropmenu__2ndsubsec {
    overflow-y: auto;
    height: 510px;
}
.cus-dropmenu__1stsubsec {
    overflow-y: auto;
    height: 510px;
}
.cus-faoffcanvas__container .nav .cus-faoffcan__subnav .cus-faoffcanvas__navitem a.nav-link {
    padding: 5px 5px 5px 20px;
    font-weight: 600;
}
.cus-faoffcanvas__container .nav .cus-faoffcan__subnavsec {
    display: none;
}
.cus-faoffcanvas__container .nav .sub-nav-check:checked ~ .cus-faoffcan__subnavsec {
    display: block;
}
.cus-faoffcanvas__container {
    width: 85vw !important;
}
.cus-faoffcanvas__header {
    position: absolute;
    right: -36px;
    padding: 10px;
    top: 0px;
}
.cus-faoffcanvas__btnclose {
    background: unset;
    opacity: 1;
}
.cus-faoffcanvas__btnclose svg {
    width: 35px;
    height: 35px;
}
.cus-faoffcanvas__nav .offcanvas-backdrop.show {
    opacity: .8;
}
.cus-faoffcanvas__btnclose svg path{
    fill:#fff;
}
.cus-faoffcanvas__container .nav .cus-faoffcan__subnav2 .cus-faoffcanvas__navitem .cus-faoffcanvas__navlink3 {
    padding: 5px 5px 5px 15px;
   /* border-left: 3px solid #0262ab; */
    margin-left: 20px;
}
.cus-faoffcan__subnav1 .cus-faoffcanvas__navitem:has(.sub-nav-check:checked) .cus-faoffcanvas__navlink2 {
    color: #0262ab !important;
}
.cus-faoffcan__subnav1 .cus-faoffcanvas__navitem:has(.sub-nav-check:checked) .cus-faoffcanvas__navlink2 + label svg path {
    fill: #0262ab;
}
.cus-faoffcanvas__navlink4 {
    color: #666 !important;
    padding-left: 40px !important;
    font-weight: 200 !important;
}
.cus-faoffcanvas__navlink1{
    font-weight:600;
}
.cus-faoff__upicon{
    display:none;
}
.cus-faoff__downicon {
    display: block;
}
.cus-faoffcan__subnav1 .cus-faoffcanvas__navitem:has(.sub-nav-check:checked) .cus-faoffcanvas__navlink2 + label .cus-faoff__upicon{
    display:block;
}
.cus-faoffcan__subnav1 .cus-faoffcanvas__navitem:has(.sub-nav-check:checked) .cus-faoffcanvas__navlink2 + label .cus-faoff__downicon {
    display: none;
}
.cus-faoffcan__subnav2 .cus-faoffcanvas__navitem:has(.sub-nav-check:checked) .cus-faoffcanvas__navlink3 + label .cus-faoff__upicon {
    display: block;
}
.cus-faoffcan__subnav2 .cus-faoffcanvas__navitem:has(.sub-nav-check:checked) .cus-faoffcanvas__navlink3 + label .cus-faoff__downicon {
    display: none;
}
.cus-faoffcanvas__navitem1:has(.sub-nav-check:checked) .cus-faoffcanvas__navlink1 + label .cus-faoff__upicon {
    display: block;
}
.cus-faoffcanvas__navitem1:has(.sub-nav-check:checked) .cus-faoffcanvas__navlink1 + label .cus-faoff__downicon {
    display: none;
}
.cus-faoff__nopadd{
    padding: 0px;
}
.cus-standard__width {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1350px;
    padding: 10px;
}
.cus-standard__prolistwidth {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1200px;
    padding: 10px;
}
.cus-detail__rightsec {
    width: 90%; 
    /* width: 480px */;
    margin: 0px auto;
    padding: 0px 30px;
}
.cus-fabreadcrumb__firstitem {
  /*  color: #6b7785 !important; */
    font-size: 12px;
    color: #000 !important;
}
.cus-fabreadcrumb__firstitem a{
    text-decoration: none;
   /*  color: #6b7785 !important; */
    color: #000 !important;
}
.cus-fabreadcrumb__firstitem a:hover{
    text-decoration: underline;
}
.cus-fabreadcrumb__item a{
   /* color: #6b7785 !important; */
    text-decoration: none;
    font-size: 12px;
}
.cus-fabreadcrumb__item a:hover{
    color: #0060A9 !important;
    text-decoration: underline;
}
.cus-fabreadcrumb__item {
    color: #1a2332 !important;
    font-size: 12px;
    padding-left: 7px !important;
}
.cus-fabreadcrumb__item + .cus-fabreadcrumb__item::before{
        --bs-breadcrumb-item-padding-x: 5px;
}
.cus-fadtl__proname {
   /* line-height: 30px; */
    line-height: 38px;
    font-weight: bold;
    padding: 15px 0px 0px;
}
.cus-fadtl__teaser p {
    color: #3d3d39;
    font-size: 14px;
    padding-bottom: 30px;
}
.cus-fadtl__addcartbtn {
    white-space: nowrap;
    padding: 5px 50px !important;
    border-radius: 3px !important;
    /* font-weight: bold;
    background-color: #cfe8f8 !important; */
    background-color: #0262ab !important;
    color: #fff !important;
}
.cus-fadtl__pronum {
   /* padding-top: 10px; */
    padding-top: 30px;
    padding-bottom: 5px;
    font-size: 13px !important;
}
.cus-fadtl__addgap {
    gap: 60px !important;
}
.cus-fadtl__addgap div.d-flex{
    border: none;
    /* background-color: #cfe8f8; */
    background-color: #fff;
    padding: 1px 5px;
}
.cus-fadtl__addgap input{
   /* background-color: #cfe8f8; */
   background-color: #fff;
    font-weight: bold;
}
.cus-fadtl__addgap button:not(.cus-fadtl__addcartbtn){
    border: none !important;
    background-color: #fff;
    border-radius: 3px;
    padding: 2px !important;
    color: #000;
}
.cus-fadtl__addgap span.position-absolute{
    border: none !important;
    border-radius: 2px !important;
}
.cus-fadtl__addcarttitle {
    font-weight: bold;
    font-size: 15px;
    padding: 10px 0px 10px 0px;
}
.cus-fadtl__addcartpricesec {
    font-size: 15px;
    padding: 5px 0px;
}
.cus-fadtl__addcartpricetitle {
    font-weight: bold;
}
.cus-fadtl__addcartsec {
    /* border-top: 1px solid rgba(15, 30, 55, 0.08);
    border-bottom: 1px solid rgba(15, 30, 55, 0.08);
    padding: 15px 0px 20px;
    margin: 13px 0px 20px; */

    border-top: 1px solid #A9A9A9;
    border-bottom: 1px solid #A9A9A9;
    padding: 5px 0px 15px;
    margin: 5px 0px 15px;
}
.cus-dtlspec__fieldname {
    background-color: #cfe8f8;
    padding: 5px 8px;
}
.cus-dtlspec__fieldval{
    padding:5px;
}
.cus-dtlspec__title {
    font-weight: bold;
    border-bottom: 1px solid #999b9e;
    margin-bottom: 5px !important;
    padding-bottom: 10px;
}
.cus-dtlspec__fieldsec{
    margin-bottom:0px;
}
.cus-fadtl__pickuptitle {
    font-weight: bold;
    padding-bottom: 5px;
}
.cus-fadtl__pickupsec {
    margin-bottom: 50px;
}
.cus-fadtl__pickupfield, .cus-fadtl__pickupfield:focus {
    margin-top: 5px;
    font-weight: bold;
    font-size: 13px;
    padding: 7px;
    width: 200px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 32px;
    outline: none;
    box-shadow: none;
    border: none;
    border-radius: 4px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' style='background-color: darkgray;'><polyline points='8,12,15,18,22,12' fill='none' style='stroke:black;stroke-width:2'/></svg>");
}
.cus-fadtl__accordbtn, .cus-fadtl__accordbtn:focus {
    --bs-accordion-btn-icon: url(/Files/Images/Icons/newplus.svg);
    --bs-accordion-btn-active-icon: url(/Files/Images/Icons/newminus.svg);
    padding: 20px 0px;
    font-weight: bold;
    box-shadow: none !important;
}
.cus-fadtl__accordheader {
    margin-bottom: 0px !important;
}
.cus-fadtl__accordsec {
    border-top: 1px solid #999b9e;
}
.cus-fadtl__accorditem {
    border-color: #999b9e;
}
.cus-fadtl__accordbtn:not(.collapsed) {
    box-shadow: none !important;
    background-color: unset;
}
.cus-fadtl__quotebtn {
    padding: 7px 70px !important;
    border-radius: 3px !important;
    font-weight: bold;
    background-color: #cfe8f8 !important;
    border: none;
    margin-bottom: 20px;
    font-size: 17px;
    margin-top: 30px;
}
.cus-fadtl__fieldsec {
    margin-bottom: 10px;
}
.cus-fadtl__accordbody{
    padding-left:0px;
    padding-right:0px;
}
.cus-fadtlthumbslider__nav:after {
    width: 17px !important;
    height: 17px !important;
    background-color: #000 !important;
}
.cus-fadtlthumbslider__nav:before {
    border-radius: 50% !important;
    background-color: #999b9e !important;
    width: 33px !important;
    height: 33px !important;
}
.cus-fadtlthumb__pad{
    padding: 0px !important;
}
.cus-plist__grpname h1{
    font-weight:bold;
}
.cus-prolist__faname{
    font-weight:bold;
}
.cus-dtl__image {
    max-width: 450px;;
}
.cus-dtl__imageslider {
    --swiffy-slider-nav-outside-size: 4.5rem;
}
.cus-fadtl__addcarttitpricesec {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.cus-fadtl__addcartpricesec .text-price {
    padding-right: 10px;
    font-weight: bold;
}
.cus-dtl__stocklevel {
    padding-bottom: 30px;
}
.cus-dropmenu__section::-webkit-scrollbar {
    width: 2px;
}
.cus-dropmenu__2ndsubsec::-webkit-scrollbar {
    width: 2px;
}
.cus-dropmenu__1stsubsec::-webkit-scrollbar {
    width: 2px;
}
.cus-dropmenu__section::-webkit-scrollbar-thumb, .cus-dropmenu__2ndsubsec::-webkit-scrollbar-thumb, .cus-dropmenu__1stsubsec::-webkit-scrollbar-thumb {
    background: gray;
    border-radius: 10px;
}
.cus-cart__carttitle{
    font-weight:bold;
}
.cus-cart__cartdesc{
    font-weight:bold;
}
.cus-cart__qtydiv div.d-flex{
    border: none;
    background-color: #cfe8f8;
    padding: 2px 5px;
}
.cus-cart__qtydiv input {
    background-color: #cfe8f8;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
}
.cus-cart__qtydiv span.position-absolute {
    border: none !important;
    border-radius: 2px !important;
}
.cus-cart__qtydiv button {
    border: none !important;
    background-color: #fff;
    border-radius: 3px;
    padding: 2px !important;
    color: #000;
}
.cus-cart__txtprice{
    font-weight:bold;
}
.cus-cart__linediv {
    align-items: center;
    height: 100%;
}
.cus-cart__linecontent {
    align-items: center;
}
.cus-cart__qtydiv {
    justify-content: flex-end;
}
.cus-cart__summtitle {
    margin-bottom: 4px !important;
    font-weight: bold !important;
    line-height: 20px;
}
.cus-cart__sumdata {
    padding: 3px 0px;
}
.cus-cart__vouchtxt {
    border: 2px solid #ddd;
    border-radius: 0px;
    padding: 0px 5px;
    border-right: 0px;
    font-size: 15px;
    outline: none;
}
.cus-cart__vouchbtn {
    border: 2px solid #ddd;
    background-color: #fff;
    color: #000;
    font-weight: bold;
    border-left: 0px;
    border-radius: 3px;
    padding: 10px;
    min-width: auto !important;
}
.cus-cart__vouchtxt:focus {
    box-shadow: none;
    outline: none;
    border-color:#ddd;
}
.cus-cart__backbtn{
    font-weight:bold;
}
.cus-cart__chkbtn {
    border-radius: 3px;
    padding: 7px 50px;
}
.cus-chk__sumsidebar {
    padding: 0px 8px !important;
}
.cus-chk__sumsidecont {
    background-color: #f1f3f5;
    padding: 20px 30px !important;
    border-radius: 4px;
}
.cus-chk__sumsidetitle {
    font-weight: bold;
    border-bottom: 1px solid rgba(15, 30, 55, 0.10);
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.cus-chk__padleft {
  /*  padding-left: 75px !important; */
    padding-left: 5px !important;
    padding-top: 0px !important;
}
.cus-chk__shiptitle {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
}
.cus-chk__fieldsec2 {
    display: flex;
    gap: 55px;
}
.cus-chk__fieldsec3 {
    display: flex;
    gap: 55px;
}
.cus-chk__fieldtxt {
    border: 2px solid #ddd;
    border-radius: 3px;
    margin: 5px 0px;
    padding: 8px;
}
.cus-chk__fielddiv{
    width:100%;
}
.cus-chk__backbtn {
    font-weight: bold;
    padding: 6px 40px;
}
.cus-chk__chkbtn {
    border-radius: 3px;
    padding: 7px 50px;
    height: 40px;
}
.cus-chk__shipmethoddiv{
    border-top:1px solid #ccc;
}
.cus-chk__shipmethodheader {
    display: flex;
    justify-content: space-between;
    padding: 20px 0px 5px;
}
.cus-chk__shipmethodtitle {
    font-size: 16px;
    margin-bottom: 10px !important;
}
.cus-chk__shipmethodlink {
    font-size: 13px;
    text-decoration: none;
    color: #4a5568;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}
.cus-chk__radiobtn {
    box-sizing: border-box;
    appearance: none;
    background: white !important;
    outline: 2px solid #ccc;
    border: 3px solid white;
    width: 12px;
    height: 12px;
    border-radius: 0px !important;
    margin-top: 12px;
}
.cus-chk__radiobtn:checked{
    background: #bdbdbd !important;
    border-color: #fff !important;
}
.cus-chk__shiplistdiv {
    display: flex;
    gap: 30px;
    align-items: center;
    width: 100%;
}
.cus-chk__selectfield, .cus-chk__selectfield:focus {
    margin-top: 5px;
    font-weight: bold;
    font-size: 13px;
    padding: 7px;
    width: 200px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 32px;
    outline: none;
    box-shadow: none;
    border: 2px solid #ddd;
    border-radius: 4px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' style='background-color: darkgray;'><polyline points='8,12,15,18,22,12' fill='none' style='stroke:black;stroke-width:2'/></svg>");
}
.cus-chk__shipmyaddrtitle {
    font-weight: bold;
    padding: 5px 0px;
}
.cus-chk__newaddrbtn {
    padding: 11px 30px;
    background-color: #cfe8f8;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #b3d2ec;
    border-radius: 4px;
}
.cus-chk__newaddrsec {
    padding-top: 10px;
}
.cus-chk__shipaddrlist {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    gap: 2%;
    padding: 10px 0px;
}
label.cus-chk__shipaddrdata {
    display: flex;
    gap: 10px;
}
.cus-chk__paypadd {
    padding-right: 40px;
}
.cus-chk__termdiv{
    border:none;
}
.cus-chk__reffielddiv {
    padding: 10px 0px;
}
@media only screen and (max-width:767px){
    .cus-cart__qtydiv {
        justify-content: flex-start;
    }
    .cus-chk__shipaddrlist {
        grid-template-columns: auto auto;
        gap: 20px;
    }
    .cus-chk__shiplistdiv {
        display: flex;
        row-gap:0px;
        column-gap: 25px;
        align-items: baseline;
        flex-wrap: nowrap;
    }
    .cus-chk__paypadd {
        padding-right: 0px;
    }
    .cus-chk__sumsidebar {
        padding: 5px !important;
        padding-bottom: 20px !important;
    }
    .cus-chk__fieldsec2 {
        gap: 10px;
    }
    .cus-chk__fieldsec3 {
        gap: 10px;
    }
}
.cus-fadtl__qtyimgsec {
    display: flex;
    gap: 10px;
    align-items: center;
}
.cus-fadtl__qtyimg {
    width: 30px;
}
.cus-fadtl__qtyimgtooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.cus-fadtl__qtyimgtooltiptxt {
  visibility: hidden;
  width: 180px;
  font-size: 14px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}
.cus-fadtl__qtyimgtooltip:hover .cus-fadtl__qtyimgtooltiptxt {
  visibility: visible;
}
.cus-fagrp__header{
    font-weight: bold;
}
.cus-fagrp__desc{
    max-width: 80%;
    margin: 0px auto;
    font-size: 15px !important;
}
.cus-falistgroup__gridtitle {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
.cus-falistgroup__gridsec {
    flex-direction: row;
    padding: 15px;
    border-radius: 8px !important;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    border-radius: 8px;
}
.cus-falistgroup__gridsec:hover {
    background-color: #e3e3e3;
    box-shadow: none;
}
.cus-falistgroup__gridcontent {
    gap: 35px !important;
}
.cus-fagroup__gridsec {
    flex-direction: row;
    padding: 20px 10px;
    border-radius: 8px !important;
    margin: 11px;
}
.cus-fagroup__gridimg {
    max-height: 70px;
    max-width: 70px;
}
.cus-fagroup__gridlink {
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}
.cus-fagroup__gridtitle {
    font-size: 32px !important;
    font-weight:bold;
    text-align:center;
    color:#fff;
}
.cus-fagroup__gridcontent{
    padding: 0px 30px;
}
.cus-faplist__container {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    width: 100%;
    padding-left: 40px;
    position: relative;
}
.cus-faplist__grpcontainer {
    /* border: solid 1px #d2d2d2; */
    margin: 15px;
    padding: 15px;
    font-size: 14px;
    font-weight: bold;
    border: solid 3px #e8e8e8;
}
.cus-faplist__grpimgdiv {
    text-align: center;
   /* padding-bottom: 10px; */
   padding-top: 10px;
}
img.cus-faplist__grpimg {
    width: 120px;
    height: 120px;
}
.cus-faplist__progrpcontainer.active .cus-faplist__leftline {
    width: 53%;
    height: 34px;
    /* border-bottom: 4px solid #0662a8; */
  /*  border-bottom: 4px solid #cfe8f8; */
  border-bottom: 3px solid #e8e8e8;
    -webkit-transform: translate(2px, -20px) rotate(19deg);
    -ms-transform: translate(2px,-20px) rotate(19deg);
    position: absolute;
    border-radius: 3px;
}
.cus-faplist__progrpcontainer.active .cus-faplist__rightline {
    width: 54%;
    height: 31px;
   /* border-bottom: 4px solid #0662a8; */
  /*  border-bottom: 4px solid #cfe8f8; */
  border-bottom: 3px solid #e8e8e8;
    border-radius: 3px;
    -webkit-transform: translate(5px, 20px) rotate(-19deg);
    -ms-transform: translate(5px,20px) rotate(-19deg);
    position: absolute;
    top: -38px;
    right: 6px;
}
.cus-faplist__progrpcontainer.active .cus-faplist__caretdown {
    display: block;
    position: relative;
    margin: 15px;
    margin-top: -9px;
}
.cus-faplist__progrpcontainer.active .cus-faplist__grpcontainer{
    /* border: solid 3px #0662a8;  
    border: solid 3px #cfe8f8;
    border-bottom: 0;   */
    border: solid 3px #e8e8e8;
    border-bottom: 0;
}
.cus-faplist__procontainer{
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    padding-left: 40px;
  /*  padding-top: 0px; */
    padding-top: 35px;
    margin: 15px;
    margin-bottom: 40px;
    margin-top: 6px;
    display: none;
}
.cus-faplist__progrpcontainer.active .cus-faplist__procontainer{
    display: block;
}
.cus-faplist__protable{
    width: 100%;
}
.cus-faplist__protable th{
    padding: 7px 5px;
    text-align: center;
    font-size: 12px;
    white-space: nowrap;
}
.cus-faplist__protable td{
    padding: 13px 9px;
    text-align: center;
    font-size: 13px;
    border-bottom: 1px solid #eef1f4;
}
.cus-faplist__protable tr:nth-child(odd) {
    background: #f8fafc;
}
.cus-faplist__protable tr:nth-child(even) {
    background: #e8e8e8;
}
.cus-faplist__protable thead tr:nth-child(odd) {
    background: #0662a8;
}
.cus-faplist__protable tr:nth-child(odd) {
    background: #f8fafc;
}
.cus-faplist__protable tr:nth-child(odd) .cus-faplist__qtydown, .cus-faplist__protable tr:nth-child(odd) .cus-faplist__qtyup, .cus-faplist__protable tr:nth-child(odd) .cus-faplist__qtybox{
    background: #f8fafc;
}
.cus-faplist__protable tr:nth-child(even) .cus-faplist__qtydown, .cus-faplist__protable tr:nth-child(even)  .cus-faplist__qtyup, .cus-faplist__protable tr:nth-child(even) .cus-faplist__qtybox{
    background: #e8e8e8;
}
.cus-faplist__protable thead{
   /* background-color: #0662a8; */
    color: #fff;
    background-color: #0662a8;
   /* background: linear-gradient(180deg, #0060A9 0%, #004A82 100%); */
}
.cus-faplist__closebtn {
    border: none;
    background-color: #fff;
    float: right;
    padding: 5px !important;
    margin-right: -8px;
    margin-top: -10px;
    display: none;
}
.cus-faplist__closebtn svg {
    width: 20px;
    height: 20px;
}
.cus-faplist__closebtn svg path {
    fill: #808080;
}
.cus-faplist__progrpcontainer.active .cus-faplist__closebtn{
    display: block;
}
.cus-faplist__grpdesc{
    height: 55px;
}
.cus-faplist__grpname {
    color: #808080;
    font-weight: normal;
}
.cus-faplist__carticon svg{
    width: 17px;
    height: 17px;
}
.cus-faplist__infoicon svg{
    width: 15px;
    height: 15px;
}
.cus-faplist__avail{
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #008000;
    display: block;
    margin-top: 2px;
}
.cus-faplist__availsec{
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}
.cus-faplist__info{
    visibility: hidden;
    width: 150px;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    font-size: 10px;
}
.cus-faplist__infoicon:hover .cus-faplist__info {
  visibility: visible;
}
.cus-faplist__infoicon{
    position: relative;
  display: inline-block;
  cursor: pointer;
}
.cus-fafacet__head{
    background-color: #0662a8;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}
.cus-fafacet__name{
    color: #fff !important;
    opacity: 1 !important;
    font-weight: bold;
}
.cus-fafacet__content{
    background-color: #e8e8e8;
    padding: 10px;
}
.cus-fafacet__collicon span:first-child{
    display: block;
}
.cus-fafacet__collicon span:last-child{
    display: none;
}
.cus-fafacet__head.collapsed .cus-fafacet__collicon span:first-child{
    display: none;
}
.cus-fafacet__head.collapsed .cus-fafacet__collicon span:last-child{
    display: block;
}
.cus-fafacet__collicon svg{
    width: 15px;
    height: 15px;
    fill: #fff;
}
.cus-faplist__cartbtn{
    background-color: #fff;
    color: #000;
    border: none;
    padding: 3px;
}
.cus-faplist__tabqty{
    background-color: #cfe8f8;
    color: #000;
    border: none;
    padding: 3px;
}
.cus-faplist__tabform {
    display: flex;
    justify-content: center;
    gap: 5px;
}
@media only screen and (max-width:767px){
    .cus-faplist__container{
        padding-left: 0px;
       /* grid-template-columns: 50% 50%; */
        grid-template-columns: 100%;
        max-width: 100%;
      /*  max-width: 85%; */
        margin: 0px auto;
    }
    .cus-faplist__grpcontainer{
        max-width: 85%;
        margin: 15px 25px;
    }
    .cus-plist__mobwidth{
        padding: 10px 0px;
    }
    .cus-fagrp__header{
        line-height: 40px;
    }
    .cus-fagrp__desc{
        max-width: 100%;
    }
    .cus-faplist__grpimg {
      /*  width: 100% !important; */
        height: auto !important;
        width: auto !important;
        max-height: 120px;
    }
    .cus-faplist__progrpcontainer.active .cus-faplist__caretdown{
        /* margin-top: -17px; */
         margin: 23px;
        margin-top: 4px;
    }
    .cus-faplist__procontainer{
        padding-left: 0px;
        padding-top: 50px;
        margin: 0px;
        margin-bottom: 0px;
        overflow: auto;
    }
    .cus-FAplist__productsec{
        display: block !important;
    }
    .cus-faplist__grpdesc {
       /* height: 100px; */
       height: auto;
    }
    .cus-faplist__protable th{
        line-height: 10px;
    }
}
.cus-fa-pickup-picker {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 15px 7px 11px;
    border: 1px solid #d6dadf;
    border-radius: 999px;
    background: white;
    flex-shrink: 0;
    transition: border-color 0.15s, background-color 0.15s, box-shadow 0.15s;
}
.cus-fa-pickup-pin {
    width: 12px;
    height: 15px;
    color: #0060A9;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}
.cus-fa-pickup-label {
    color: #6b7785;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}
.cus-fa-pickup-select {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    color: #1a2332;
    padding: 3px 10px;
    margin: 0;
    cursor: pointer;
    outline: none;
    line-height: 1.2;
    box-shadow: none;
}
.cus-fa-pickup-chev {
    width: 10px;
    height: 10px;
    color: #6b7785;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}
.cus-fa-pickuppicker_container{
    height: 100%;
    align-content: center;
}
.no-sc-cta svg {
    width: 12px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}

.no-sc-cta {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    background: none;
    border: none;
    color: var(--fa-blue);
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

@keyframes pickerPulse {
    0%, 100% {
        box-shadow: 0 0 0 2px rgba(0, 96, 169, 0.12);
        transform: scale(1);
    }

    35% {
        box-shadow: 0 0 0 8px rgba(0, 96, 169, 0.25);
        transform: scale(1.03);
    }
}

.cus-fa-pickup-picker.pulse {
    animation: pickerPulse 0.55s ease-in-out 2;
}
/* .cus-fadtl__pronumtxt{
    color: #6b7785;
} */
.cus-fadtl__addcartnew .cus-fadtl__addgap button:not(.cus-fadtl__addcartbtn){
    padding: 2px 8px !important;
    width: 36px;
    display: flex;
    justify-content: center;
    margin: 0px !important;
}
.cus-fadtl__addcartnew .cus-fadtl__addgap input {
    background-color: #fff;
    font-weight: normal;
    font-size: 14px;
    min-width: 56px !important;
    width: 56px;
    height: 40px;
    padding: 7px;
    border: 1px solid #e1e5ea !important;
}
.cus-fadtl__addcartnew .cus-fadtl__addgap div.d-flex {
    border: 1px solid #e1e5ea;
    background-color: #fff;
    padding: 0px;
}
.cus-fadtl__addcartnew .cus-fadtl__addgap button:not(.cus-fadtl__addcartbtn) svg{
    width: 15px;
    height: 15px;
}
.cus-fadtl__addcartnew .cus-fadtl__addgap button:not(.cus-fadtl__addcartbtn){
    background-color: #fff !important;
}
.cus-fadtl__addcartnew .cus-fadtl__addgap {
    gap: 17px !important;
    justify-content: space-between;
}
.cus-fadtl__addcartnew .cus-fadtl__addcartbtn{
    width: 270px;
    border: 1px solid #b9d6ec;
    font-size: 14px;
    color: #004A82;
    font-weight: 600;
}
.cus-fadtl__addcartnew .cus-fadtl__addcartpricesec .text-price{
    padding-right: 0px;
}
.cus-fadtl__addcartnew .cus-fadtl__addcarttitpricesec{
    padding-bottom: 8px;
}
.cus-fadtl__addcartnew .cus-fadtl__addcartbtn:hover {
    background-color: #0060A9 !important;
    border-color: #0060A9;
    color: #fff;
}
.cus-fadtl__addcartnew .cus-fadtl__addcarttitle{
    padding: 10px 0px;
}
.cus-dtl__stostatus-pin{
    width: 13px;
    height: 16px;
    color: #0060A9;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    vertical-align: -3px;
    margin-left: 4px;
}
.cus-dtl__stounavail{
    /* color: #4a5568; */
}
.cus-dtl__avail-count{
    color: #1a2332;
}
.cus-dtl__stockstatus {
    font-weight: 600;
    padding: 4px 0px;
}
.cus-fapickup-selectedtxt {
    font-size: 13px;
    font-weight: 600;
    color: #1a2332;
    padding: 3px 10px;
    cursor: pointer;
    white-space: nowrap;
}
.cus-fapickup-selectoptdiv {
    position: absolute;
    font-size: 13px;
    background-color: #fff;
    padding: 10px;
    box-shadow: -4px 0px 30px rgba(0, 0, 0, 0.10);
    border-radius: 5px;
    max-height: 600px;
    overflow: auto;
}
.cus-fapickup-selectopt {
    padding: 7px;
    white-space: nowrap;
    cursor: pointer;
}
.cus-fapickup-selectopt:hover{
    background-color: #0262ab;
    color: #fff;
}
.cus-fapickup-container{
    display: flex;
    align-items: center;
}
.cus-faplist__progrpcontainer.active .cus-faplist__grpcontainer{
  /*  border: 3px solid #0060A9;
    position: relative; */
}
.cus-faplist__progrpcontainer.active .cus-faplist__grpcontainer::before {
  /*  content: '';
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translateX(-50%);
    width: 30px;
    height: 8px;
    background: #fff;
    z-index: 3; */
}
.cus-faplist__progrpcontainer.active .cus-faplist__grpcontainer::after {
  /*  content: '';
    position: absolute;
    left: 50%;
    bottom: -19px;
    transform: translateX(-50%) rotate(45deg);
    width: 22px;
    height: 22px;
    background: #fff;
    border-right: 2px solid #0060A9;
    border-bottom: 2px solid #0060A9;
    z-index: 2; */
}
.cus-faplist__proclusterdiv{
  /*  border: 2px solid #0662a8;
    border-radius: 5px;*/
    width: 100%;
}
.cus-faplist__cluprolink{
  /*  color: #0060A9 !important;
    text-decoration: underline;
    text-underline-offset: 2px; */
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}
.cus-faplist__protable tr:hover td {
    cursor: pointer;
}
@media only screen and (min-width:1100px){
    .cus-faplist__protable tr:hover td {
        background-color: #bdbdbd; 
        cursor: pointer;
    }
    .cus-faplist__protable tr:hover .cus-faplist__qtydown, .cus-faplist__protable tr:hover .cus-faplist__qtyup, .cus-faplist__protable tr:hover .cus-faplist__qtybox{
        background-color: #bdbdbd; 
    }
}
.cus-facluplist__cartbtn{
    border: none;
    padding: 3px;
    background-color: #0060A9;
    color: #fff;
    width: 36px;
    height: 28px;
    border-radius: 4px;
}
.cus-facluplist__cartbtn svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.cus-chk__pagetitle{
        font-weight: bold;
    font-size: 22px;
}
.cus-chk__delilistdiv{
    font-size: 14px;
}
.cus-chk__deliinput{
    margin-top: 1px;
    width: 1em;
    height: 1em;
    float: left;
    margin-left: -1.5em;
}
.cus-chk__delititle{
     font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
}
.cus-chk__deliverysec{
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e5ea; 
    margin-bottom: 20px;
}
.cus-chk__deliinput:checked{
    accent-color: #000;
}
.cus-chk__delisecdiv{
    padding-top: 14px;
    border-top: 1px solid #eef1f4;
    margin-top: 14px;
}
.cus-chk__newaddrbtn:hover{
    background: #b9d6ec;
}
.cus-chk__shipprice{
    color: #0060A9;
    font-weight: 600;
    padding-left: 10px;
    width: 80px;
    min-width: 80px;
}
.cus-chk__shipmethodlink:hover {
    color: #0060A9 !important;
}
.cus-chk__shipmethodlink:hover svg path{
    stroke: #0060A9 !important;
}
.cus-chk__shipmethodlink svg{
    width: 15px;
    height: 15px;
}
.cus-chk__delinotesec{
    padding-top: 20px;
   /* border-top: 1px solid #e1e5ea; */
    margin-top: 20px;
}
.cus-chk__delinotetxt{
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
}
.cus-chk__delinotetxtarea{
    padding: 9px 12px;
    border: 1px solid #e1e5ea;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    box-shadow: none;
    width: 80%;
}
.cus-chk__delinotetxtarea:focus{
    border: 1px solid #0060A9;
    box-shadow: 0 0 0 2px rgba(0, 96, 169, 0.15);
}
.cus-chk__leftpart{
    padding-right: 17px;
}
.cus-chk__summimgdiv img{
    border: 1px solid #e1e5ea;
}
.cus-chk__summlinesec{
    border-bottom: 1px solid rgba(15, 30, 55, 0.10);
    padding-bottom: 16px;
}
.cus-chk__summlineprice{
        align-self: end;
}
.cus-chk__summlineqty{
    color: #6b7785;
    font-size: 13px;
    padding:2px 0px;
}
.cus-chk__picktitle{
        font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
}
.cus-chk__pickdesc{
    padding-bottom: 5px;
    font-size: 14px;
    color: #4a5568;
}
.cus-chk__pickfieldlbl{
    font-weight: 600;
    font-size: 14px;
}
.cus-chk__pickfieldinput{
    font-size: 14px;
    color: #1a2332;
    padding: 9px 12px;
    border: 1px solid #e1e5ea;
    border-radius: 4px;
    transition: border-color 0.15s, box-shadow 0.15s;
    width: 100%;
}
.cus-chk__pickfieldinput:focus {
    border-color: #0060A9;
    box-shadow:0 0 0 2px rgba(0, 96, 169, 0.15);
}
.cus-chk__pickfielddiv{
        padding: 6px 0px;
        max-width: 360px;
}
@media only screen  and (max-width:767px){
    .cus-chk__summlinedetails{
        flex-direction: column !important;
    }
}
.cus-faplist__loader{
    width: 100px;
    height: 20px;
    border-radius: 5px;
    background: linear-gradient(#0060A9 0 0) left/20px 20px no-repeat #cfe8f8;
    animation: loaderanimation 1s infinite linear;
}
@keyframes loaderanimation {
    50% {background-position: right }
}
.cus-faplist__procontent{
    display: flex;
    justify-content: center;
        width: 100%;
}
.cus-faplist__qtydiv{
    display: inline-flex;
  /*  border: 1px solid #e1e5ea; */
    border-radius: 4px; 
    border: 1px solid #0060A9; 
    background: #fff;
    overflow: hidden;
    height: 28px;
    align-items: stretch;
    margin-right: 10px;
}
.cus-faplist__qtydown, .cus-faplist__qtyup{
    width: 22px;  
    background: #ffffff;
 /*   border: 1px solid #0060A9; */
     border: none;
    color: #4a5568;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    transition: background 0.1s;
}
.cus-faplist__qtybox{
        width: 36px;
    border: none;
   /* border-left: 1px solid #e1e5ea  !important;
    border-right: 1px solid #e1e5ea  !important; */
    border-left: 1px solid #0060A9  !important;
    border-right: 1px solid #0060A9  !important;
    text-align: center;
    font-size: 12px;
    color: #1a2332;
    background: #fff;
    -moz-appearance: textfield;
    padding: 0;
    outline: none;
    box-shadow: none;
}
.cus-faplist__availtxt {
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    line-height: 15px;
}
.cus-faplist__availstotxt{
    white-space: nowrap;
}
.cus-faplist__availdur{
    color: #6b7785;
    display: block;
    font-weight: normal;
    text-align: left;
}
.cus-faplist__availtxt svg{
    width: 11px;
    height: 14px;
    color: #0060A9;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    margin-left: 6px;
    vertical-align: -3px;
}
.cus-faplist__grpcountdiv{
    display: flex;
    justify-content: space-between;
    color: #808080;
    font-size: 13px;
    padding-bottom: 5px;
}
.cus-faplist__grpcount{
    font-weight: normal;
}
.cus-faplist__grptag{
    background-color: #e8e8e8;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 5px;
}
.cus-faplist__grptagEmpty{
    font-size: 12px;
    font-weight: normal;
    padding: 2px 5px;
}
.cus-faplist__grptags{
    display: flex;
    gap: 5px;
    border-top: 1px dashed #A9A9A9;
    padding-top: 6px;
    flex-wrap: wrap;
}
.cus-faplist__grptagsEmpty{
    display: flex;
    gap: 5px;
    border-top: 1px dashed #A9A9A9;
    padding-top: 6px;
}
.cus-faplist__cluprolink::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1; 
}
.cus-plist__stretcheddiv{
    position:relative;
}
@media only screen and (max-width:767px){
    .cus-detail__rightsec{
        width: 100%;
    }
    .cus-fadtl__addgap {
        gap: 10px !important;
    }
}
.cus-serloc__disable{
    pointer-events: none;
}
.cus-minicart__stockstatus .cus-dtl__stockstatus{
    font-weight: normal;
}
.cus-minicart__stockstatus .cus-dtl__stounavail{
    color: unset;
}
.cus-faplist__protable th.cus-faplist__leftalign{
    text-align: left;
}
.cus-faplist__availsec.cus-faplist__availleft{
    justify-content: left;
}
.cus-faplist__protable th.cus-faplist__qtyalign {
    padding-right: 56px;
}
.cus-faplist__availtooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.cus-faplist__availtooltiptxt {
  visibility: hidden;
  width: 200px;
  font-size: 10px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
}
.cus-faplist__availtooltip:hover .cus-faplist__availtooltiptxt {
  visibility: visible;
}
@media only screen and (max-width:767px){
    .cus-faplist__protable thead tr th:first-child{
        position: sticky;
        left: 0;
        background: #0662a8;
    }
    .cus-faplist__protable tbody tr:nth-child(odd) td:first-child{
        position: sticky;
        left: 0;
        background: #f8fafc;
        z-index: 9;
    }
    .cus-faplist__protable tbody tr:nth-child(even) td:first-child{
        position: sticky;
        left: 0;
        background: #e8e8e8;
        z-index: 9;
    }
}

/* ========================================
   Create Account Page Styles
   ======================================== */

/* Container */
.create-account-container {
    max-width: 600px;
}

/* Header */
.create-account-header {
    margin-bottom: 2rem;
}

.create-account-title {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 0.5rem;
}

.create-account-subtitle {
    font-size: 0.95rem;
    color: #666;
    margin-bottom: 0;
}

.create-account-signin-link {
    color: #0066cc;
    text-decoration: underline;
}

.create-account-signin-link:hover {
    color: #0052a3;
    text-decoration: underline;
}

/* Section Headers */
.create-account-section-header {
    background-color: #d9edf7;
    padding: 0.75rem 1rem;
    font-weight: 600;
    font-size: 0.95rem;
    color: #1a1a1a;
    border-radius: 4px;
    margin-bottom: 1rem;
}

/* Form Inputs */
.create-account-input {
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    color: #1a1a1a;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.create-account-input::placeholder {
    color: #9ca3af;
}

.create-account-input:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.create-account-textarea {
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    color: #1a1a1a;
    resize: vertical;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.create-account-textarea::placeholder {
    color: #9ca3af;
}

.create-account-textarea:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Questions */
.create-account-question {
    font-size: 0.95rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 0.5rem;
}

.create-account-description {
    font-size: 0.9rem;
    color: #4b5563;
    line-height: 1.5;
}

/* Radio Buttons */
.create-account-radio-group {
    display: flex;
    gap: 1.5rem;
}

.create-account-radio-group .form-check-inline {
    margin-right: 0;
}

.create-account-radio-group .form-check-input {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.125rem;
    cursor: pointer;
}

.create-account-radio-group .form-check-label {
    font-size: 0.95rem;
    color: #1a1a1a;
    cursor: pointer;
    margin-left: 0.5rem;
}

/* Info Box */
.create-account-info-box {
    background-color: #d9edf7;
    /* border-left: 4px solid #5bc0de; */
    border-left: 3px solid  #0060A9;
    border-radius: 4px;
    padding: 1rem 1.25rem;
    margin-top: 5px;
}

.create-account-info-text {
    color: #31708f;
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.create-account-info-icon {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.create-account-info-subtext {
    color: #31708f;
    font-size: 0.85rem;
    margin-left: 1.5rem;
}

/* Submit Button */
.create-account-submit {
   /* background-color: #0066cc; */
    background-color: #0060A9;
    border: none;
    border-radius: 4px;
    padding: 0.875rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
    transition: background-color 0.15s ease-in-out;
}

.create-account-submit:hover {
    background-color: #004A82;
    /* background-color: #0052a3; */
}

.create-account-submit:focus {
    background-color: #0052a3;
    box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.5);
}

/* Footer */
.create-account-footer {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .create-account-container {
        padding: 0 1rem;
    }

    .create-account-title {
        font-size: 1.5rem;
    }

    .create-account-radio-group {
        flex-direction: column;
        gap: 0.75rem;
    }

    .create-account-info-subtext {
        margin-left: 0;
    }
}

.cus-reg__container{
    width: 100%;
    max-width: 480px;
}
.cus-reg__fieldpadd{
    margin-bottom:10px !important;
}
.cus-reg__comptitle{
    margin-top: 15px;
}
.cus-reg__compopttitle {
    color: unset;
}
.cus-reg__container .radio-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-left: 2px;
  }
  .cus-reg__container .radio-option {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 14px;
    color: #1a2332;
    line-height: 1.4;
  }
  .cus-reg__container .radio-option input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 16px; height: 16px;
    border: 1.5px solid #1a2332;
    border-radius: 50%;
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
    background: white;
    margin: 0;
  }
  .cus-reg__container .radio-option input[type="radio"]:checked {
    border-color: #0060A9;
  }
  .cus-reg__container .radio-option input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    width: 8px; height: 8px;
    background: #0060A9;
    border-radius: 50%;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
  }
  .cus-reg__container .radio-option input[type="radio"]:focus-visible {
    outline: none;
    box-shadow: none !important;
    /* box-shadow: 0 0 0 3px rgba(0, 96, 169, 0.15); */
  }
  .cus-reg__container .radio-option input[type="radio"]:focus {
    outline: none;
    box-shadow: none !important;
    /* box-shadow: 0 0 0 3px rgba(0, 96, 169, 0.15); */
  }
 .cus-reg__radioopt{
    padding-left: 0px !important;
 }
.cus-reg__infobox{
    display: flex;
    gap: 9px;
    margin-bottom: 10px !important;
}
.cus-reg__infobox .create-account-info-subtext{
    margin-left: 0px;
    margin-bottom: 10px;
}
.cus-reg__container .create-account-description{
    font-weight: bold;
}
 .cus-reg__container  .radio-row.stacked {
    flex-direction: column;
  }
 .cus-reg__container  .radio-row.stacked > * + * {
    margin-top: 6px;
  }
  .cus-reg__container .radio-row.stacked > .conditional-field {
    margin-top: 0;
    margin-left: 26px; /* aligns with the radio label text */
  }
  .cus-reg__container .radio-row.stacked > .conditional-field.show {
    margin-top: 6px;
  }
.cus-reg__container  .checkbox-group {
    display: flex;
    flex-direction: column;
  }
  .cus-reg__container .checkbox-group > * + * {
    margin-top: 8px;
  }
  .cus-reg__container .checkbox-group > .conditional-field {
    margin-top: 0;
    margin-left: 26px; /* aligns with the checkbox label text */
  }
  .cus-reg__container .checkbox-group > .conditional-field.show {
    margin-top: 8px;
  }
  .cus-reg__container .checkbox-option {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.4;
  }
  .cus-reg__container .checkbox-option input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 16px; height: 16px;
    border: 1.5px solid #1a2332;
    border-radius: 3px;
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
    background: white;
    margin: 2px 0 0 0;
    transition: background 0.1s, border-color 0.1s;
  }
  .cus-reg__container .checkbox-option input[type="checkbox"]:checked {
    border-color: #0060A9;
    background: #0060A9;
  }
  .cus-reg__container .checkbox-option input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 4px; top: 1px;
    width: 4px; height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  .cus-reg__container .checkbox-option input[type="checkbox"]:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 96, 169, 0.15);
  }
  .cus-reg__container .checkbox-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
  }
  .cus-reg__container .checkbox-label {
    font-weight: 600;
    color: #1a2332;
  }
  .cus-reg__container .checkbox-hint {
    font-size: 12.5px;
    color: #4a5568;
    line-height: 1.5;
  }
.cus-reg__container .file-drop {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 20px 16px;
    border: 1.5px dashed #c4cad2;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    text-align: center;
    transition: border-color 0.15s, background 0.15s;
    margin-top: 10px;
  }
  .cus-reg__container .file-drop:hover,
  .cus-reg__container .file-drop:focus-within {
    border-color: #0060A9;
    background: rgba(0, 96, 169, 0.025);
  }
  .cus-reg__container .file-drop.has-file {
    border-style: solid;
    border-color: #0AA826;
    background: rgba(12, 206, 47, 0.04);
  }
  .cus-reg__container .file-drop-icon {
    width: 26px; height: 26px;
    color: #6b7785;
    fill: none; stroke: currentColor; stroke-width: 1.5;
    stroke-linecap: round; stroke-linejoin: round;
  }
  .cus-reg__container .file-drop.has-file .file-drop-icon {
    color: #0AA826;
  }
  .cus-reg__container .file-drop-text {
    font-size: 14px;
    color: #1a2332;
    font-weight: 600;
    line-height: 1.4;
  }
  .cus-reg__container .file-drop-text .browse {
    color: #0060A9;
    text-decoration: underline;
    font-weight: 600;
  }
 .cus-reg__container  .file-drop-hint {
    font-size: 12px;
    color: #6b7785;
  }
  .cus-reg__container .file-drop input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
  }
.cus-reg__signin-link{
    text-decoration: none;
    font-weight: 700;
}
.cus-reg__signin-link:hover{
    color: #0060AA !important;
    text-decoration: none !important;
}
.field-error {
    display: flex;
    font-size: 12.5px;
    color: #d64545;
    margin-top: 6px;
    padding-left: 2px;
    align-items: center;
    gap: 6px;
    line-height: 1.4;
}
.field-error svg {
    width: 13px;
    height: 13px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}
@media only screen and (max-width:767px){
    .cus-faplist__progrpcontainer{
        height: auto !important;
    }
    .cus-faplist__procontainer{
        position: relative;
    }    
}
.cus-prodtl__pritablediv table td, .cus-prodtl__pritablediv table th{
    border: 2px solid #A9A9A9;
    text-align: center;
    font-size: 12px;
    padding: 2px 0px;
}
.cus-famyord__link{
    color: #0262ab  !important;
    font-weight: 600;
}
.cus-famyord__container{
    color: #999b9e  !important;
}
.cus-famyord__invlink a{
    color: #0262ab  !important;
}
.cus-famyord__invlink a:hover{
    color: #0262ab  !important;
    text-decoration: underline  !important;
}
.cus-famyord__container td{
    color: unset !important;
    border: none !important;
}
.cus-famyord__status[data-status-css="Open order"]{
    background-color: #0262ab  !important;
}
.cus-famyord__status[data-status-css="Invoiced"]{
    background-color: #bd7715  !important;
}
.cus-famyord__status[data-status-css="Delivered"]{
    background-color: #357936  !important;
}
.cus-famyord__status[data-status-css="Canceled"]{
    background-color: #999b9e  !important;
}
.cus-famyord__status[data-status-css="Created"]{
    background-color: #70b5e4  !important;
}
.cus-famyord__status[data-status-css="Closed"]{
    background-color: #2e7d32  !important;
}
.cus-famyord__filerow{
    padding: 0px !important;
    border: none !important;
    color: #8c8e91 !important;
}
.cus-famyord__filerowdiv{
    padding: 10px 30px;
}
.cus-famyord__tottxt{
    color: #3d3d3d;
}
.cus-facus__deact{
    color: #000;
}
.cus-facus__protable tr td, .cus-facus__protable tr th{
    padding: 15px;
}
.cus-facus__proemail a{
    color: #0262ab !important;
}
.cus-facus__proemail a:hover{
    color: #0262ab !important;
    text-decoration: underline !important;
}
.cus-facus__proname{
    font-weight: bold;
}
.cus-facus__protable{
    border: 1px solid #dee2e6;
}
.cus-facus__proname .badge{
    background-color: #0262ab !important;
    color: #fff !important;
}
.cus-facus__modal{
    max-width: 440px;
    font-size: 14px;
}
.cus-facus__modal .form-control, .cus-facus__modal .form-select {
    font-size: 14px;
}
.cus-facus__modal .btn-primary{
    padding: 10px 20px !important;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px !important;
}
.cus-facus__modal .btn-light, .cus-facus__modal .btn-light:hover{
    padding: 10px 20px !important;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px !important;
    background-color: #cfe8f8 !important;
    border: none !important;
}
.cus-facus__modal .btn-primary:hover{
    background-color: #11416b !important;
}
.cus-faaddr__lockbtn:hover{
    background-color: #fff !important;
}
.cus-faaddr__lockbtn{
    position:relative;
}
.cus-faaddr__lockbtn:hover .cus-faaddr__locktooltip{
    visibility: visible;
    opacity: 1;
} 
.cus-faaddr__locktooltip{
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 236px;
    background: #11416b;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
    text-align: left;
    padding: 10px 12px;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(17, 65, 107, .28);
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease;
    z-index: 30;
}
.cus-faaddr__editbtn{
    padding: 8px;
}
.cus-faaddr__editdrop{
    min-width: 150px;
}
.cus-faaddr__editmenu:hover , .cus-faaddr__editmenu.show{
    background-color: #fff !important;
}
.cus-famyord__flex{
    display: flex;
}
.cus-fanewoffcanvas__container{
    width: 85vw !important;
}
.cus-fanewoffcanvas__logo img{
    max-width: 150px;
}
.cus-fanewoffcanvas__container .btn-secondary {
    background-color: #fff;
    border: none;
}
.cus-fanewoffcanvas__container .offcanvas-body{
    padding: 0px 15px !important;
}
.cus-famob-pickup_container{
    padding: 5px;
}
.cus-famob-pickup_container .cus-fa-pickup-picker{
    border-radius: 5px;
}
.cus-famob-pickup_container .cus-fapickup-selectedtxt{
    padding-left: 0px !important;
}
.cus-famob-pickup_container .cus-fapickup-selectoptdiv{
    z-index: 99;
}
.cus-famob-pickup_container .cus-fa-pickup-pin{
    color: #000;
    stroke: #000;
}
.cus-faoff__hrline{
    opacity: 0.4;
}
.cus-faoff__calldiv{
    width: 100%;
    display: flex;
    justify-content: center;
}
button.cus-faoff__callbtn {
    border: none;
    background-color: #0262ab;
    color: #fff;
    padding: 10px;
    width: 80%;
    border-radius: 5px;
    margin: 10px 0px;
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
    font-size: 18px;
}
.cus-faoff__callbtn svg{
    width: 25px;
    height: 25px;
}
.cus-faoff__callbtn svg path{
    fill: #fff;
}
.cus-faroundcorner{
    border-radius: 5px;
}
.cus-chk__paybackbtn{
    padding: 20px 0px;
}
.cus-reg__exiaccrad{
    row-gap: 0px !important;
}
.cus-login__submitbtn{
    border-radius: 4px !important;
    padding: 0.875rem 1.5rem !important;
}
.cus-chk__summlinediv{
    max-height: 500px;
    overflow: auto;
}
@media only screen and (max-width:1000px){
    .cus-chk__paybacktxt{
        padding-left: 30px;
    }
}
@media only screen and (max-width:767px){
    .cus-chk__delilistdiv{
        font-size: 13px;
        margin-top: 1px;
        white-space: nowrap;
    }
}
.cus-FAoffcanvas__body{
    height: 100%;
    overflow: auto !important;
}
.cus-faoffcanvas__container .nav .nav-link.active::before, .cus-faoffcanvas__container .nav .nav-link.in-path::before{
    content: unset;
}
.cus-faoffcanvas__lbl{
    font-weight: 600;
}
.cus-chpass__field{
    height: 45px;
}
.cus-chpass__field::placeholder{
    font-size: 15px;
}
.cus-chpass__submitbtn{
    padding: 10px;
}
.cus-chk__allbackbtn{
    padding-left: 0px;
}
@media only screen and (max-width:767px){
    .cus-chpass__field{
        height: 40px;
    }
    .cus-chk__allbackbtn{
        padding-left: 40px;
    }
}
.cus-fafoot__socicons svg{
    height: 25px;
    width: 25px;
    fill: #0262ab;
}
.cus-footmenu__nav a.nav-link{
    font-size: 14px !important;
}
.cus-fafoot__socititle h5{
    margin-bottom: 0px !important;
}
.cus-subscribe__sec{
    position: absolute;
    right: 120px;
    top: 80px;
    margin-right: 0px;
}
.cus-fafoot__socicons a.nav-link{
    padding: 8px 3px !important;
}
.cus-fafoot__grayrow{
    font-size: 13px !important;
}
.cus-fafoot__grayrow a.nav-link{
    border-right: 1px solid #fff;
    padding: 0px 20px 0px 0px !important;
}
.cus-fafoot__grayrow li.nav-item{
    padding: 8px;
}
.cus-fafoot__grayrow ul li:last-child a.nav-link{
    border: none;
}
@media only screen and (max-width:1000px){
    .cus-subscribe__sec{
        position: relative;
        top: auto;
        right: auto;
    }
    .cus-footmenu__nav a.nav-link{
        padding: 3px !important;
    }
    .cus-footer [data-swift-gridrow] [data-swift-container] [data-swift-gridcolumn]{
        align-items: center;
    }
    .cus-footer [data-swift-gridrow] [data-swift-container] [data-swift-gridcolumn] .nav{
        align-items: center;
    }
    .cus-fafoot__grayrow li.nav-item {
        padding: 3px 8px;
    }
    .cus-fafoot__grayrow ul{
        flex-wrap: wrap !important;
        justify-content: center;
        gap: 0px !important;
    }
    .cus-fafoot__socicons svg {
        height: 33px;
        width: 33px;
    }
    .cus-subscribe__foottxt{
        text-align: center;
    }
}
.cus-accpop__pagetitle{
    padding: 10px 1rem;
    text-transform: uppercase;
    font-size: 14px;
    color: #808080;
}
.cus-famyord__lineimg{
    width: 50px;
    height: 50px;
}
.cus-famyord__totitem{
    padding: 0px 5px;
}
.cus-chk__caraccsec{
    padding-top: 20px;
    margin-top: 20px;
}
.cus-chk__caracctxt{
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
}
.cus-chk__caraccfieldinput{
    font-size: 14px;
    color: #1a2332;
    padding: 9px 12px;
    border: 1px solid #e1e5ea;
    border-radius: 4px;
    transition: border-color 0.15s, box-shadow 0.15s;
    width: 100%;
}
.cus-chk__caraccfieldinput:focus {
    border-color: #0060A9;
    box-shadow:0 0 0 2px rgba(0, 96, 169, 0.15);
}
.cus-faselfacet__container{
    padding-left: 55px;
        margin-bottom: 10px;
}
.cus-faselfacet__btn, .cus-faselfacet__btn:hover {
    background-color: #cfe8f8;
}
.cus-fadtl__accordsubsec{
    width: 60%;
}
.cus-fadtl__subaccorditem {
    border-top: 1px solid #999b9e !important;
    border-bottom: 1px solid #999b9e !important;
}
.cus-fadtl__subaccord .cus-fadtl__subaccorditem:first-child {
    border-top: none !important;
}
.cus-fadtl__subaccord .cus-fadtl__subaccorditem:last-child {
    border-bottom: none !important;
}
.cus-fadtl__reslink {
    text-decoration: none;
}
.cus-fadtl__reslinkdiv{
    padding: 8px 0px;
}
.cus-facart__removebtn{
    font-style: italic;
}
.cus-fasignup__invalid{
    border-color: #d64545;
}
html {
  scroll-padding-top: 165px; 
  scroll-behavior: smooth; 
}
.cus-faslist__container{
        padding-left: 55px;
}
@media only screen and (max-width:767px){
    .cus-chk__delinotetxtarea{
        width: 100%;
    }
}
.cus-faban__container{
     padding-left: 0px !important;
}
.cus-faban__content{
    max-width: 750px;
    margin-left: 0px;
    background-color: #cfe8f8;
    padding: 40px 50px;
}
.cus-faban__btn{
    padding: 12px 40px !important;
}
.cus-faban__container[data-swift-poster]:not([data-swift-poster=""]):has(figure):before{
    opacity: 0;
}
.cus-faban__title h1{
    font-size: 50px;
    line-height: 1.3 !important;
}
.cus-faban__text p{
    font-size: 18px;
}
.cus-fahome__catfig img{
    max-height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    opacity: 0.5;
}
.cus-fahome__catfig {
    margin-bottom: 15px !important;
}
.cus-fahome__catbtn{
        padding: 9px 40px;
}
.cus-fahome__cattitle h2{
    font-size: 18px;
}
.cus-fahome__catcontainer{
    margin: 0px 10px;
}
.cus-fahome__standardwidth{
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1450px;
    padding: 10px;
}
.cus-fahome__cattext{
    text-align: left;
}
.cus-facat__imgricontent{
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-right:10px;
    align-items: center;
}
.cus-facat__imgrifig img{
    border-radius: 5px;
    opacity: 0.5;
    max-width: 200px;
}
.cus-facat__imgrititle h2{
    font-size: 18px;
    line-height: 1.5;
}
.cus-facat__imgritext {
    text-align: left;
}
.cus-facat__imgribtn{
        padding: 9px 40px;
}
.cus-fahome__catemaintitle{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.cus-fahome__catemainbtn{
    text-decoration: none;
    padding: 0px !important;
}
.cus-fahome__catemaintitle h2{
    margin-bottom: 0px;
}
.cus-fahome__btnlink, .cus-fahome__btnlink:hover{
    background-color: inherit;
    color: #000;
    border: none;
    font-weight: bold;
    padding: 5px !important;
}
.cus-fahome__btnlinktxt{
    padding: 30px 50px;
}
.cus-fahome__btnlinkarr svg{
    width: 20px;
    height: 20px;
}
.cus-fahome__btnlinkarr {
    margin-left: 20px;
}
.cus-fahome__colgap60{
    column-gap: 60px !important;
}
.cus-fahome__btnlinktxtdata{
    text-align: left;
}
.cus-fahome__viribtn{
    padding: 8px 30px !important;
}
.cus-fahome__virititle h2{
    margin-bottom: 5px !important;
}
.cus-fahome__viritext{
    text-align: left;
}
.cus-fahome__viricontainer{
    padding: 35px 35px 35px 70px !important;
}
.cus-fahome__deskarr{
    display: inline-block;
}
.cus-fahome__mobarr{
    display: none;
}
@media only screen and (max-width:1024px){
    .cus-fahome__colgap60 {
        column-gap: 0px !important;
    }
    .cus-faban__container {
        padding: clamp(2rem, 5%, max(4rem, 5%)) !important;
    }
    .cus-faban__title h1 {
        font-size: 30px;
    }
    .cus-faban__content{
        padding: 50px 30px;
        border-radius: 5px;
    }
    .cus-fahome__viricontainer {
        padding: 30px !important;
    }
    .cus-fahome__virititle h2 {
        margin-bottom: 10px !important;
        line-height: 1.3;
    }
    .cus-fahome__cateseeall{
        display: none !important;
    }
    .cus-fahome__deskarr{
        display: none;
    }
    .cus-fahome__mobarr{
        display: inline-block;
    }
    .cus-fahome__catemaintitle{
        justify-content: center;
    }
    .cus-fahome__catemaintitle h2
    {
        font-size: 27px;
    }
}
.cus-famobcatsliderbtn{
    align-items: flex-end !important;
}
.cus-famobcatsliderbtn::before{
    background-color: #fff;
    border-radius: 50%;
}
.cus-famobcatslider.slider-indicators-round .slider-indicators>*{
    border: 2px solid #000;
    border-radius: 50%;
    background-color: #fff;
    margin: 5px;
}
.cus-famobcatslider.swiffy-slider .slider-indicators:not(:has(.active))>*:first-child, .cus-famobcatslider .slider-indicators>.active{
    background-color: #000;
}
.cus-chk__shipmethodlist{
    padding: 5px 0px;
}
.cus-chk__shippolpop{
    position: absolute;
    z-index: 1000;
    background: #fff;
    border: 1px solid #e1e5ea;
    border-radius: 6px;
    width: 360px;
    box-shadow: 0 10px 30px rgba(15, 30, 55, 0.18);
    padding: 18px 22px 16px;
    right: 0;
    top: 30px;
}
.cus-chk__shippolpopsec{
    position: relative;
}
.cus-chk__shippolpopclose{
    float: right;
    border: none;
    background-color: #fff;
    color: #000;
    padding: 0px;
}
.cus-chk__shippolpopclose svg{
    width: 14px;
    height: 14px;
}
.cus-chk__shippolpoptitle{
    font-weight: bold;
    font-size:17px;
}
.cus-chk__shippolpopbody p{
    color: #4a5568;
    font-size: 14px;
}
.cus-myord__partno{
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid #bdbdbd;
}
.cus-famyord__status{
    border-radius: 999px;
    padding: 4px 11px;
    font-size: 11px;
    white-space: nowrap;
}
.cus-chk__shippolpop::before, .cus-chk__shippolpop::after{
        content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    transform: translateX(-50%);
    right: 50px;

}
.cus-chk__shippolpop::before{
        top: -10px;
    border-bottom: 9px solid #e1e5ea;
}
.cus-chk__shippolpop::after {   
    top: -8px;
    border-bottom: 9px solid #fff;
}
.cus-sub__options{
    margin-left: 26px;
    border-left: 2px solid #0060A9;
    margin-top: 12px;
    padding: 12px 14px;
    background: rgba(0, 96, 169, 0.045);
    border-radius:0px 4px 4px 0px;
}
.cus-collect__fields{
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 14px;
    margin-top: 4px;
    max-width: 520px;
}
.cus-call__field{
    display: flex;
    flex-direction: column;
    gap: 4px;   
}
.cus-call__fieldlabel{
    font-weight: 600;
    color: #4a5568;
    letter-spacing: 0.02em;
    font-size: 15px;
}
.cus-call__fieldselect{
    padding: 9px 32px 9px 12px;
    border: 1px solid #e1e5ea;
    border-radius: 4px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%231a2332' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") no-repeat right 12px center;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.cus-carrier__field{
    padding: 9px 12px;
    border: 1px solid #e1e5ea;
    border-radius: 4px;
    background: #fff;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.cus-carrier__field:focus, .cus-call__fieldselect:focus{
    outline: none;
    border-color: #0060A9;
    box-shadow: 0 0 0 2px rgba(0, 96, 169, 0.15);
}
.cus-carrier__field:hover, .cus-call__fieldselect:hover{
    border-color: #6b7785;
}
@media only screen and (max-width:767px){
    .cus-collect__fields{
        grid-template-columns: auto;
    }
}