/* Nithin Branch Changes */
body{
    font-family: "Inter" !important;
}
@media (min-width: 768px) {
    .modal-sm {
        width: 384px !important;
    }
}
@media only screen and (min-width: 1400px) {
  .container-fluid.container-fluid-cust {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1320px;
  }
  .container-xxl {
    max-width: 1450px;
  }
  .cimm_searchForm {
    margin: 0 64px;
    position: relative;
  }
}

@media only screen and (min-width: 1600px) {
  .flex-xxxl-row {
    flex-direction: row !important;
  }
  .align-items-xxxl-end {
    align-items: flex-end !important;
  }
  .gap-xxxl-5 {
    gap: 3rem !important;
  }
  .gap-xxxl-0{
    gap: 0 !important;
  }
}

.cimm_header_mid{
    padding: 24px 0px;
}
header .cimm_header .cimm_header_mid .cimm_logo{
   width: 176px;
   height: 64px; 
}
.cimm_signWrap{
    padding-top: 0 !important;
    font-family: "Inter";
    display: flex;
    align-items: center;
    /* gap: 32px; */
}
.cimm_signWrap li{
    font-size: 16px;
    text-transform: capitalize;
}
.cimm_signWrap li:hover{
    background: #F3F4F6;
    border-radius: 6px;
}
.cimm_signWrap>li>a span{
    font-family: "Inter";
    font-weight: 700;
    text-transform: capitalize;
}
.cimm_signWrap>li>a{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
}
.cimm_searchWrapper .cimm_searchIcon{
    height: 44px;
    background: #F9FAFB;
    border: 1px solid #00263A;
    border-radius: 6px 6px 6px 6px;
}
.cimm_searchWrapper input[type=text]{
    font-family: "Inter";
    height: 44px;
    background: #F9FAFB;
    border: 1px solid #00263A;
    border-radius: 0 6px 6px 6px;
    color: #001018;
    font-size: 16px;
    padding: 10px 14px 10px 0px;
    border-left: 0;
}
.cimm_signWrap>li.cartCountDisplayLi a svg{
    position: unset;
}

.cimm_signWrap a.loginBtn{
    color: #001018;
    padding: 12px 16px;
    border-radius: 6px;
    background: #FFC72C;
    border: 1px solid #FFC72C;
    font-family: 'Inter';
    font-weight: 800;
    font-size: 16px;
}
.cimm_signWrap a.loginBtn:hover{
    background: #E8B528;
    color: #001018;
}
.cimm_signWrap a.loginBtn:active:focus{
    outline: none;
    outline-offset: 0;
    color: #001018;
}

.cimm_signWrap a.afterloginBtn,
.cimm_signWrap>li:nth-child(3) a{
    border-radius: 6px;
    border: 1px solid #D1D5DB;
    background: #FFF;
    padding: 10px 16px;
}
.cimm_signWrap a.afterloginBtn:hover,
.cimm_signWrap>li:nth-child(3) a:hover{
    border: 1px solid #D1D5DB;
    background: #F3F4F6;
}

@media (min-width: 1024px) {
  .header-grid {
    grid-template-columns: auto 1fr auto; /* logo | search | actions */
  }

  .cimm_signWrap {
    gap: 32px;
  }

}

@media (max-width: 1024px) {
    nav.navbar .cimm_nav > ul > li:hover,
        nav.navbar .cimm_nav > ul > li:nth-child(4):hover {
        background: none !important;
        }
    
    .cimm_nav > .nav > li > span > svg {
        transform: rotate(270deg);
    }

    .cimm_nav .nav li span svg path {
        fill: #444 !important;
    }

    nav.navbar .cimm_nav > ul > li .dropdown-menu {
        width: 300px !important;
    }
}

/* Tablet & mobile */
@media (max-width: 1023px) {
  .header-grid {
    grid-template-columns: auto; /* logo + actions on same row */
  }
  .header-search {
    grid-column: span 2; /* search bar full width below */
  }
}

@media only screen and (min-width: 1400px) {
    .cimm_searchWrapper {
        position: relative;
        width: 100% !important;
        margin: 0 32px;
    }
}

#modalLoginForm .form-group label {
  color: #001018;
  font-size: 14px;
  font-weight: 500;
  font-family: "Inter";
}

#modalLoginForm .modal-header .modal-title{
    font-weight: 900;
}

#modalLoginForm .form-group label.customCheckBox,
#modalLoginForm .form-group .forgotPass
 {
   font-size: 12px;
   color: #001018;
}
#modalLoginForm .form-group .forgotPass:hover{
    text-decoration: underline;
}

#modalLoginForm .form-group input {
  border-radius: 6px;
  border: 1px solid var(--stroke-default, #D1D5DB);
  background: var(--bg-white, #FFF);
  color: #001018;
  height: 44px;
}

#modalLoginForm .form-group input::placeholder {
  color: #6B7280;
}

#modalLoginForm .btn-login {
    border-radius: 6px;
    background: var(--bg-brand, #00263A);
    height: 44px;
    color: white;
    font-weight: 800;
    padding: 12px 16px;
    font-family: "Inter";
}

#modalLoginForm .btn-login:hover{
    border-radius: 6px;
    background: var(--bg-brand-hov, #335161);
}

#modalLoginForm .btn-register:hover{
    border-radius: 6px;
    border: 1px solid var(--stroke-dark, #D1D5DB);
    background: var(--surface-white-hov, #F3F4F6);
}

#modalLoginForm .btn-register {
    border-radius: 6px;
    border: 1px solid var(--stroke-default, #D1D5DB);
    background: var(--bg-white, #FFF);
    height: 44px;
    color: #001018;
    font-weight: 700;
    padding: 12px 16px;
    font-family: "Inter";
}
.myAccountMenu{
 top: 50px;
 background: #F9FAFB;
 padding: 8px !important;
 border: 0;
 width: 250px;

}
.myAccountMenu li a{
    background: #F9FAFB !important;
    border: 0 !important;
    padding: 6px 16px 6px 30px !important;
    font-size: 14px;
    font-weight: 400;
    color: #001018 !important;
    text-wrap: auto;
}
.myAccountMenu li a:hover{
    border-radius: 4px;
    background: #F3F4F6 !important;
}
.myAccountMenu li.logoutBtn{
    margin-top: 16px;
}
.myAccountMenu li.logoutBtn a{
    background: white !important;
    padding: 12px 30px !important;
    display: flex;
    gap: 12px;
    box-shadow: none;
    margin: 0;
}
.myAccountMenu li.logoutBtn a:hover{
    background: #F9FAFB !important;
}

nav.navbar .cimm_nav > ul > li:hover,
nav.navbar .cimm_nav > ul > li:nth-child(4):hover {
  background: #335161;
  border: 0;
}

nav.navbar .cimm_nav > ul > li {
  padding: 8px;
  /* position: relative; */
}
nav.navbar .cimm_nav >ul >li span >a{
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 800;
}
nav.navbar .cimm_nav > ul > li:nth-child(4) {
  width: auto;
}

nav.navbar .cimm_nav > ul > li .dropdown-menu {
  margin-top: 0;
  background: #F9FAFB;
  border: 0;
  height: auto;
  width: 395px;
}

nav.navbar .cimm_nav > ul > li .dropdown-menu li {
  padding: 2px 12px;
}

nav.navbar .cimm_nav > ul > li .dropdown-menu li > span > a {
  display: block;
  width: 100%;
  padding: 6px 16px;
  font: 400 14px 'Inter', sans-serif;
}

nav.navbar .cimm_nav > ul > li .dropdown-menu li > span > a:hover,
nav.navbar .cimm_nav > ul > li .dropdown-menu li:hover > span > a {
  font-weight: 400;
  color: #001018;
  background: #FFC72C;
  border-radius: 4px;
}

nav.navbar .cimm_nav > ul > li .dropdown-menu li:hover > .dropdown-menu {
  top: 0;
  border: 0;
  box-shadow: none;
  border-left: 1px solid var(--stroke-dark, #D1D5DB);
  width: 100%;
  height: 100%;
}

nav.navbar .cimm_nav > ul > li .dropdown-menu li > span > em {
  display: none;
}

nav.navbar .cimm_nav > ul > li svg {
  position: absolute;
  top: calc(50% - 4px);
  right: 0;
  color: var(--bs-white);
}

nav.navbar .cimm_nav > ul > li ul.dropdown-menu li svg {
  right: 20px;
}

nav.navbar .cimm_nav > ul > li .dropdown-menu.brancLocationDropdown{
    padding: 0;
    width: 300px;
    border-radius: 0;
    margin-top: 11px;
    max-height: 600px;
    overflow: auto;
}
nav.navbar .cimm_nav>ul>li{
    border-bottom: 0;
}
.cimm_bodyContentWrap{
    margin-bottom: 0 !important;
}
footer .cimm_footer_mid{
    border-top: 0 !important;
}
.fs-12{
    font-size: 12px !important;
}
.fw-500{
    font-weight: 500 !important;
}
.branchBlock{
    display: flex !important;
    align-items: start;
    position: relative !important;
}
.branchBlock span{
    color: #00263A;
    font-size: 14px;
    line-height: 22px;
}
.branchBlock .wareSelected span{
    color: #FFF;
    font-size: 14px;
    line-height: 22px;
}
.branchBlock a{
    color: var(--navy, #001018);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}
.wareSelectMulti a:hover{
    background: #F3F4F6;
}
.branchBlock a.branchLinks{
    display: flex !important;
    gap: 8px;
    align-items: center;
    justify-content: center;
    width: max-content;
}
.branchBlock a.branchLinks svg{
    position: unset !important;
}

.wareSelected{
    display: flex;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    background: #335161;
    margin-right: 22px;
}
.wareSelected .seleLabel{
    color: #FFC72C;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 6px;
    display: flex;
    gap: 30px;
}
.wareSelected .seleLabel span{
    display: flex;
    justify-content: space-between;
    font-weight: 500;
}
.wareSelectMulti{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px 0px;
}
.warSubBlock{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    background: #F9FAFB;
    padding: 8px 20px;
}
.warSubBlock label{
    cursor: pointer;
}
.warSubBlock .normalLable{
    color: #001018;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 6px;
}

.availSearch{
   padding:0px 30px 16px 30px; 
   text-align: left !important;
}
.availSearch svg{
   position: relative;
   top:35px;
   font-size: 16px;
   left:12px;
}
.availSearch input{
   padding:12px 16px 12px 40px !important;
   border-radius: 8px;
   height:42px;
   width:100% !important;
}
.avail_del{
    color: #00263A;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* display: flex; */
    gap: 6px;
    align-items: center;
}
.avail_del_bold{
    color:#00263A;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.avail_del_gridList{
    color: #00263A;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* display: flex; */
    gap: 6px;
    align-items: center;
}
.text_underline{
    text-decoration: underline;
}
.list_grid_block{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 36px;
}
.listGridContainer .gridView ul li.sessionDesp ul li.list_grid_block{
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.listGridContainer .gridView ul li.sessionDesp ul li.list_grid_block .avail_del_gridList {
    display: block;
}
.listGridContainer .gridView .gridFixHeight{
    height: 765px;
}
.listGridContainer .gridView{
    height: 765px;
}
/* Checkout New Design */

#cartWrapCheckout {
    margin: 0;
}
#cartWrapCheckout tbody>tr>td {
    border-top: none;
    border-bottom: none;
    line-height: 20px;
    vertical-align: top;
    text-align: left;
    padding-top: 0px;
    padding-left: 16px;
    padding-right: 16px;
}

.cartItemRowcheck{
    display: flex;
    border-radius: 6px;
    border: 1px solid var(--Gray-200, #EAECF0);
    background: var(--White, #FFF);
    padding: 12px;
}
.d-flex{
    display: flex;
}
.align-items-center{
    align-items: center;
}
ul.cartItemDetails{
    display: flex;
    flex-direction: column;
}
.cartItemDetails li{
    display: flex;
    gap: 8px;
    justify-content: space-between;
    font-size: 14px;
    color: #00263A;
    padding: 6px 12px !important;
}
.cartItemDetails li.sumHeading{
    font-size: 18px;
    font-weight: 700;
    color: #00263A;
    border-bottom: 1px solid #ffc72c;
    padding: 18px 12px !important;
}
.cartItemDetails li.sumTotal{
    font-size: 18px;
    font-weight: 700;
    color: #00263A;
    border-top: 1px solid #ffc72c;
    padding: 18px 12px !important;
}
.whiteBgBlockOrder{
    border-radius: 6px;
    border: 1px solid var(--Gray-200, #EAECF0);
    background: var(--Base-White, #FFF);
    line-height: 22px;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--Gray-200, #EAECF0);
    padding: 16px;
}
.whiteBgBlock{
    border-radius: 6px;
    border: 1px solid var(--Gray-200, #EAECF0);
    background: var(--Base-White, #FFF);
    line-height: 22px;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--Gray-200, #EAECF0);
}

.shipViaContainer {
    margin-bottom: 10px; /* Space below the section */
}
.shipViaOptions {
    display: flex;
    gap: 10px; /* Adjust spacing between options */
    flex-wrap: wrap; /* Allows wrapping if too many options */
    margin-top: 5px;
}
.shipViaOptions label {
    display: flex;
    align-items: center;
    gap: 5px; /* Space between radio button and label */
    white-space: nowrap; /* Prevents wrapping within each option */
}
.shippingInfo{
    font-size: 14px;
}
.oneTimeShippInfo{
    font-size: 14px;
    color: #ffc72c;
    margin-top: 10px;
    /* display: flex;
    justify-content: space-between; */
    a{
        color: #ffc72c;
    }
}
.text-deco-none{
    text-decoration: none !important;
}
/* Checkout New Design */

.branchBlock a#branchLocation, .helpBlock, .Locations{
    text-transform: capitalize !important;
}
@media screen and (min-width:1200px){
    nav.navbar .cimm_nav>ul>li .dropdown-menu li>.dropdown-menu{
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
    }
}

@media screen and (max-width:1201px) {
   .cimm_nav .nav li span svg path {
        fill: #444 !important;
    }
    .cimm_nav > .nav > li > span > svg {
        transform: scale(1.5) rotate(-90deg);
    }
    nav.navbar li{
        background-color: #FFF !important;
    }
    nav.navbar .cimm_nav > ul > li .dropdown-menu {
        width: 300px !important;
        background: #fff !important;
        box-shadow: none !important;
        -webkit-box-shadow:none !important;
        height: 150vh !important;
    }
    .cimm_searchWrapper{
        margin: 0px !important;
    }
    nav.navbar .cimm_nav>ul>li span a{
        padding: 1px 40px 1px 15px !important;
    }
    header .cimm_header .cimm_header_mid .cimm_logo {
    margin: 0 !important;
  }
}

.subscribe-btn,
.optin-btn {
    background: var(--bg-accent, #FFC72C);
    font-weight: 800;
    font-size: 16px;
    text-transform: none;
}

footer .cimm_footer_mid{
    font-family: "Inter" !important;
}

.footdesc{
    font-size: 16px;
    line-height: 24px;
    font-family: 'Inter';
    font-weight: 400;
    color: #F9FAFB !important;
}
footer .cimm_footer_mid a, footer .cimm_footer_top a{
    font-family: 'Inter';
    color: #F9FAFB !important;
}
.footer-sub input{
    height: 44px;
    font-family: 'Inter';
    font-size: 16px;
    padding: 16px;
    background: #FFF;
}
.footer-sub button.btn{
   padding: 10px 16px !important;
    height: 44px;
    font-family: 'Inter';
    font-size: 16px;
    color: #001018 !important;
}