*{
         margin: 0;
         padding: 0;
         box-sizing: border-box;
         }
         :root {
         --primary: #a58838;
         }
         body{
         margin: 0;
         padding: 0;
         font-family: "Roboto", sans-serif !important;
         font-size: 14px;
         color: #222;
         font-weight: 400;
         background-color: #F2F3F7;
         padding-top: 61px;
         }
         img{
         max-width: 100%;
         }
         ul{
         margin: 0;
         padding: 0;
         }
         a{
         text-decoration: none;
         }
         .mt-15{
         margin-top: 15px;
         }
         .forLoader{
         position: relative;
         }
         .loaderPop{
         /* display: none; */
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         position: absolute;
         z-index: 999;
         background: rgb(255, 255, 255, 0.9);
         }
         .loaderPop .loader{
         margin: -24px 0 0 -24px;
         }
         .loderCnt{
         width: 100%;
         height: 48px;
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         }
         .loaderText {
         position: absolute;
         left: 50%;
         top: calc(50% + 40px);
         transform: translate(-50%, -50%);
         text-align: center;
         color: var(--primary);
         font-weight: bold;
         font-size: 16px;
         }
         .loader {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         transform-origin: center;
         transition: opacity .2s, transform .2s;
         width: 48px;
         height: 48px;
         margin-left: -24px;
         border: 5px solid var(--primary);
         border-radius: 50%;
         display: inline-block;
         box-sizing: border-box;
         position: relative;
         animation: pulse 1s linear infinite;
         }
         .loader:after {
         content: '';
         position: absolute;
         width: 48px;
         height: 48px;
         border: 5px solid var(--primary);
         border-radius: 50%;
         display: inline-block;
         box-sizing: border-box;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         animation: scaleUp 1s linear infinite;
         }
         @keyframes scaleUp {
         0% { transform: translate(-50%, -50%) scale(0) }
         60% , 100% { transform: translate(-50%, -50%)  scale(1)}
         }
         @keyframes pulse {
         0% , 60% , 100%{ transform:  scale(1) }
         80% { transform:  scale(1.2)}
         }
         .emailMobileNone{
         display: none !important;
         }
         .emailInput{
         width: calc(100% - 114px) !important;
         float: right;
         margin-top: -71px;
         }
         .errorText{
         color: red;
         font-weight: 600;
         text-align: center;
         font-size: 18px;
         }
         .successText{
         color: green;
         font-weight: 600;
         text-align: center;
         font-size: 18px;
         }
         .mcBtn{
         height: 48px;
         display: inline-block;
         border-radius: 6px;
         width: calc(50% - 3px);
         color: #fff;
         display: flex;
         align-items: center;
         flex-wrap: wrap;
         justify-content: center;
         }
         .mcBtn.mcPrimaryBtn{
         background-color: var(--primary);
         border: solid 1px #a58838;
         font-weight: 600;
         }
         .mcBtn.mcCallBtn{
         border: solid 1px #1467E3;
         color: #fff;
         }
         .mcBtn.mcWhatsapp{
         background: linear-gradient(90deg, #00B51C 0%, #00911F 100%);
         border: solid 1px #2B9348;
         font-weight: 700;
         }
         .mcBtn.mcWhatsapp .mcfpBtnImg{
         width: 24px;
         }
         .mcBtn.mcWhatsapp .mcInfoBtn{
         padding-left: 5px;
         }
         .mcBtn.mcWhatsapp .mcInfoBtn .mcSubTitleBtn{
         font-size: 10px;
         font-weight: 500;
         }
         .mcBottamNavTab{
         width: 100%;
         background: url(https://tiimg.tistatic.com/new_website1/mobile_catalogs/subtract-new.png) 0 0 / calc(100% + 2px) 100px no-repeat;
         position: relative;
         height: 95px;
         display: flex;
         align-items: center;
         position: fixed;
         bottom: -1px;
         left: -1px;
         z-index: 1;
         padding-top: 30px;
         transition: bottom 0.3s;
         }
         .mcBottamNavTab ul {
         padding-left: 0px;
         list-style: none;
         display: flex;
         justify-content: space-around;
         text-align: center;
         height: 69px;
         width: 100%;
         }
         .mcBottamNavTab ul li {
         flex: 0 0 71px;
         display: flex;
         align-items: center;
         justify-content: center;
         position: relative;
         }
         .mcBottamNavTab ul li a {
         font-size: 12px;
         color: #000;
         text-decoration: none;
         width: 100%;
         text-align: center;
         }
         .mcBottamNavTab ul li a p{
            text-align: center;
            line-height: normal;
         }
         .mcBottamNavTab ul li.active svg path{
         stroke: var(--primary);
         }
         .mcBottamNavTab ul li.active a{
         color: var(--primary);
         font-weight: 500;
         }
         .mcBottamNavTab ul li.ourProduct .mcGridIcon{
         position: absolute;
         width: 52px;
         height: 52px;
         border-radius: 100%;
         background-color: #fff;
         box-shadow: 2px 4px 11.800000190734863px 0px #00000040;
         display: flex;
         align-items: center;
         justify-content: center;
         top: -37px;
         left: 50%;
         margin-left: -26px;
         }
         .mcBottamNavTab ul li.ourProduct p{
         margin-top: 15px;
         }
         .mcPopupBg {
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, .5);
         position: fixed;
         left: 0;
         top: 0;
         z-index: 99;
         display: none;
         }
         .mcModalPopupBox {
         width: 100%;
         background-color: #fff;
         position: fixed;
         left: 0;
         bottom: -100%;
         visibility: hidden;
         z-index: 100;
         padding: 30px 16px;
         border-radius: 22px 22px 0 0;
         transition: all 0.5s;
         }
         .mcModalPopupBox.activePopup{
         visibility: visible;
         bottom: 0;
         }
         .mcModalPopupBox .mcCloseModalPopup {
         position: absolute;
         right: 20px;
         top: 20px;
         cursor: pointer;
         z-index: 1;
         }
         .mcModalPopupBox .mcTitleModalPopup {
         font-family: "Poppins", sans-serif;
         font-weight: 600;
         font-size: 20px;
         line-height: 36px;
         margin-bottom: 15px;
         color: #000;
         }
         .mcModalPopupBox .mcFormDetailCnt{
         padding: 0;
         }
         .mcModalPopupBox .mcFormDetailCnt .mcBtnCnt .mcBtn{
         background:  var(--primary);
         width: 100%;
         width: 100%;
         }
         .mcModalPopupBox .mcFormDetailCnt .intl-tel-input .selected-flag{
         border: solid 1px #CBD5E1;
         }
         .mcModalPopupBox .mcFormDetailCnt .mcFormGroup .mcFormCnt input[type=text], .mcModalPopupBox .mcFormDetailCnt .mcFormGroup .mcFormCnt input[type=tel], .mcModalPopupBox .mcFormDetailCnt .mcFormGroup .mcFormCnt input[type=number], .mcModalPopupBox .mcFormDetailCnt .mcFormGroup .mcFormCnt select, .mcModalPopupBox .mcFormDetailCnt .mcFormGroup .mcFormCnt textarea{
         border: solid 1px #CBD5E1;
         }
         .ourProdListPopup{
         width: 100%;
         }
         .ourProdListPopup ul{
         width: 100%;
             padding: 0px 20px;
         }
         .ourProdListPopup ul li{
         border-bottom: solid 1px #E9E9E9;
         }
         .ourProdListPopup ul li a{
         line-height: 30px;
         padding: 5px 0;
         font-size: 16px;
         color: #000;
         display: block;
         }
         .ourProdListPopup ul p .mcBtn{
         margin-top: 10px;
         height: 34px;
         }
         /* header css start */
         .mcHeader{
         border-bottom: solid 1px #363f48;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 13px 16px;
    background-color: #363f48;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    justify-content: space-between;
         }
         .mcHeader .mcNavIcon{
         width: 32px;
         height: 32px;
         margin-right: 13px;
         border-radius: 8px;
         border: solid 1px #BBBCBD;
         background-color: #fff;
         display: flex;
         align-items: center;
         justify-content: center;
         }
         .mcHeader .mcCompanyLogo{
         width: 70px;
    height: auto;
    margin-right: 9px;
    background-color: #363f48;
    display: flex;
    align-items: center;
    justify-content: center;
         }
         .mcHeader .mcCompanyLogo img{
             width: 100px;
    height: auto;
         }
         .mcHeader .mcCompanyInfo .mcCompanyName{
         font-weight: 700;
         color: #000;
         line-height: 16px;
         }
         .mcHeader .mcCompanyInfo .mcCompanyName a{
         color:#fff;
         }
         .mcHeader .mcCompanyInfo .mcGstTrustIcon{
         display: flex;
         align-items: center;
         }
         .mcHeader .mcCompanyInfo .mcGstTrustIcon .mcGstNumber{
         font-size: 12px;
         line-height: 14px;
         color: #fff;
         }
         .mcTrustIcon{
         width: 58px;
         margin-left: 5px;
         display: flex;
         align-items: center;
         }
         .mcTrustIcon .mcIcon{
         width: 17px;
         height: 17px;
         }
         .mcTrustIcon .mcInfo{
         width: calc(100% - 17px);
         padding-left: 2px;
         }
         .mcInfo .mcTrusted{
         color: #007F5F;
         font-weight: bold;
         font-size: 10px;
         line-height: 10px;
         margin-bottom: 0;
         }
         .mcTrustIcon .mcInfo .mcSeller{
         color: #55A630;
         font-weight: 500;
         font-size: 10px;
         line-height: 8px;
         margin-bottom: 0;
         }
         .mcHeader .mcLeftNavBg{
         width: 100%;
         height: 100%;
         background-color: rgba(0,0,0,.5);
         position: fixed;
         left: 0;
         top: 0;
         z-index: 99;
         display: none;
         }
         .mcHeader .mcLeftNav{
         width: 90%;
         height: 100%;
         background-color:#fff;
         position: fixed;
         left: -100%;
         top: 0;
         z-index: 100;
         transition: all 0.5s;
         visibility: hidden;
         }
         .mcHeader .mcLeftNav.mcOpenNav{
         left: 0;
         visibility: visible;
         }
         .mcHeader .mcLeftNav .mcLeftNavHead{
         background-color: var(--primary);
         width: 100%;
         position: relative;
         display: flex;
         padding: 16px 40px 16px 16px;
         }
         .mcHeader .mcLeftNav .mcLeftNavHead font{
         display: flex;
         align-items: center;
         }
         .mcHeader .mcLeftNav .mcLeftNavHead .mcLeftNavLogo{
         width: 70px;
         height: 70px;
         border-radius: 8px;
         margin-right: 13px;
         background-color: #fff;
         display: inline-block;
         }
         .mcHeader .mcLeftNav .mcLeftNavHead .mcLeftNavLogo img{
         border-radius: 8px;
         }
         .mcHeader .mcLeftNav .mcLeftNavHead .mcLeftNavCpName{
         font-size: 16px;
         font-weight: 700;
         line-height: 20px;
         color: #fff;
         padding-top: 10px;
         }
         .mcHeader .mcLeftNav .mcLeftNavHead .mcLeftNavCpName a{
         color: #fff;
         }
         .mcHeader .mcLeftNav .mcLeftNavHead .mcLeftNavClose{
         position: absolute;
         right: 13px;
         top: 13px;
         display: flex;
         }
         .mcHeader .mcLeftNav .mcSearchCnt{
         padding: 16px;
         position: relative;
         }
         .mcHeader .mcLeftNav .mcSearchCnt .mcSearchInput{
         width: 100%;
         height: 56px;
         border: solid 1px #E1E1E1;
         font-size: 16px;
         font-style: italic;
         font-weight: 500;
         color: #767676;
         padding: 16px 56px 16px 16px;
         outline: none;
         }
         .mcHeader .mcLeftNav .mcSearchCnt .mcSearchIcon{
         position: absolute;
         right: 16px;
         top: 16px;
         width: 56px;
         height: 56px;
         display: flex;
         align-items: center;
         justify-content: center;
         background: transparent;
         border: 0;
         }
         .mcHeader .mcLeftNav .mcSearchCnt .searchList{
         position: absolute;
         background: #fff;
         width: calc(100% - 32px);
         top: calc(100% - 16px);
         left: 16px;
         border: solid 1px #efefef;
         box-shadow: 0px 7px 7px -5px rgba(0,0,0,0.15);
         }
         .mcHeader .mcLeftNav .mcSearchCnt .searchList li{
         color: #444;
         padding: 7px;
         list-style-type: none;
         cursor: pointer;
         }
         .mcHeader .mcLeftNav .mcSearchCnt .searchList li:hover{
         background:#eee;
         }
         .mcHeader .mcLeftNav .mcLeftMenu{
         width: 100%;
         }
         .mcHeader .mcLeftNav .mcLeftMenu ul{
         width: 100%;
         padding: 10px 0;
         border-top: solid 1px #EBEBEB;
         max-height: 232px;
         overflow-y: auto;
         }
         .mcHeader .mcLeftNav .mcLeftMenu ul li{
         padding: 6px 13px;
         border-bottom: 0;
         }
         .mcHeader .mcLeftNav .mcLeftMenu ul li a{
         font-size: 16px;
         font-weight: 400;
         line-height: 18px;
         color: #222326;
         padding: 0 0 0 18px;
         display: block;
         background: url(https://tiimg.tistatic.com/new_website1/mobile_catalogs/menu-arrow-right-small.svg)no-repeat 0 0px;
         }
         .mcHeader .mcLeftNav .mcLeftMenu li{
         border-bottom: solid 1px #EBEBEB;
         }
         .mcHeader .mcLeftNav .mcLeftMenu li.mcSubMenu{
         background: url(https://tiimg.tistatic.com/new_website1/mobile_catalogs/menu-arrow-right.svg)no-repeat calc(100% - 10px) 10px;
         }
         .mcHeader .mcLeftNav .mcLeftMenu li.mcSubMenu ul .mcBtn{
         display: inline-block;
         color: #fff;
         width: 150px;
         font-size: 14px;
         height: 32px;
         padding: 6px 0px;
         text-align: center;
         margin: 5px 0 0 13px;
         }
         .mcHeader .mcLeftNav .mcLeftMenu li a{
         font-size: 16px;
         font-weight: 600;
         line-height: 18px;
         color: #222326;
         padding: 15px 16px;
         display: block;
         }
         .mcHeader .mcLeftNav .mcLeftMenu li a:focus, .mcHeader .mcLeftNav .mcLeftMenu li a.active{
         color: var(--primary);
         }
         /* header css end */
         /* banner css start */
         .mcBanner{
         width: 100%;
         padding: 0 0 25px 0 ;
         background-color: #f3f3f3;
         margin-bottom: 11px;
         }
         .mcBanner .mcBannerSlide{
         position: relative;
         display: flex !important;
         align-items: center;
         justify-content: center;
         }
         .mcBanner .mcBannerSlide img{
         height: 375px;
         }
         .mcBanner .mcBannerSlide .mcBannerInfo{
         width: calc(100% - 32px);
         position: absolute;
         left: 16px;
         bottom: 25px;
         padding: 10px 0;
         background-color: rgba(0,0,0,.7);
         }
         .mcBanner .mcBannerSlide .mcBannerInfo .mcBannerProdName{
         font-size: 14px;
         font-weight: 700;
         color: #fff;
         text-align: center;
         }
         .mcDivider{
         background: linear-gradient(90deg, #5E5D5D 1.17%, #FFFFFF 48.87%, #5E5D5D 96.05%);
         width: 100%;
         height: 1px;
         margin: 5px 0;
         }
         .mcBanner .mcBannerSlide .mcBannerInfo .mcBannerProdPrice{
         font-size: 14px;
         font-weight: 700;
         color: #fff;
         line-height: 28px;
         display: flex;
         align-items: center;
         justify-content: center;
         }
         .mcBanner .mcBannerSlide .mcBannerInfo .mcBannerProdPrice h2,
         .mcBanner .mcBannerSlide .mcBannerInfo .mcBannerProdPrice h3{
         font-size: 14px;
         font-weight: 700;
         display: inline-block;
         }
         .mcBanner .mcBannerSlide .mcBannerInfo .mcBannerProdPrice .mcPriceText{
         font-weight: 400;
         font-size: 13px;
         }
         .mcBanner .mcBannerSlide .mcBannerInfo .mcBannerProdPrice .mcPriceBtn{
         border-radius: 4px;
         background-color: var(--primary);
         font-size: 12px;
         font-weight: 500;
         color: #fff;
         line-height: 24px;
         padding: 5px 8px;
         margin-left: 5px;
         }
         .mcBanner .slick-dots li button:before{
         content: '';
         width: 10px;
         height: 10px;
         border-radius: 100%;
         background-color: #D9D9D9;
         opacity: 1;
         }
         .mcBanner .slick-dots li {
         position: relative;
         display: inline-block;
         width: 10px;
         height: 10px;
         margin: 0 2px;
         padding: 0;
         cursor: pointer;
         }
         .mcBanner .slick-dots li.slick-active button:before {
         opacity: 1;
         background-color: var(--primary);
         }
         .mcBanner .slick-dots{
         left: 0;
         bottom: 0px;
         }
         .mcBanner .slick-dots li button{
         width: 10px;
         height: 10px;
         }
         /* banner css end */
         .mcMiddleMainCnt{
         padding: 0 16px;
         }
         .mcMiddleMainCnt .mcPageTitle{
         font-size: 20px;
         font-weight: 700;
         line-height: 44px;
         position: relative;
         }
         .mcCategoryList{
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         }
         .mcCategoryList .mcCategoryListCol{
         border-radius: 8px;
         background-color: #fff;
         border: solid 1px #E9E9E9;
         width: calc(50% - 8px);
         margin-bottom: 16px;
         }
         .mcCategoryList .mcCategoryListCol .mcCategoryImgCnt{
         height: 185px;
         display: flex;
         align-items: center;
         justify-content: center;
         }
         .mcCategoryList .mcCategoryListCol .mcCategoryImgCnt img{
         border-radius: 8px 8px 0 0;
         max-height: 185px;
         }
         .mcCategoryList .mcCategoryListCol .mcCategoryInfo{
         border-top: solid 1px #E9E9E9;
         padding: 10px;
         }
         .mcCategoryList .mcCategoryListCol .mcCategoryInfo .mcCategoryTitle{
         font-size: 16px;
         font-weight: 500;
         line-height: 20px;
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
         margin-bottom: 8px;
         color: #222;
         }
         .mcCategoryList .mcCategoryListCol .mcCategoryInfo .mcCategoryTitle a{
         color: #222;
         }
         .mcCategoryList .mcCategoryListCol .mcCategoryInfo .subCatTitle{
         display: block;
         color: #222;
         background: url(https://tiimg.tistatic.com/new_website1/mobile_catalogs/chevrons-dubble-right.svg)no-repeat -2px 0;
         padding-left: 16px;
         line-height: 20px;
         margin-bottom: 2px;
         }
         .mcCategoryList .mcCategoryListCol .mcCategoryInfo a:hover{
         text-decoration: underline;
         }
         .mcCategoryList .mcCategoryListCol .mcCategoryInfo .subCatTitle h3{
         font-size: 14px;
         font-weight: 400;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         }
         .mcAboutTitle{
         font-size: 16px;
         font-weight: 600;
         line-height: 24px;
         margin-bottom: 15px;
         }
         .mcAboutCpDetail{
         display: flex;
         align-items: center;
         position: relative;
         padding: 10px 0;
         }
         .mcAboutCpDetail::after{
         content: '';
         width: 100%;
         height: 1px;
         background: linear-gradient(90deg, #FFFFFF 0%, #524848 48.27%, #FFFFFF 96%);
         position: absolute;
         bottom: 0;
         left: 0;
         }
         .mcAboutCpDetail .mcCpDetailIcon{
         width: 28px;
         display: flex;
         align-items: center;
         }
         .mcAboutCpDetail .mcCpDetailInfo{
         width: calc(100% - 28px);
         padding-left: 13px;
         }
         .mcAboutCpDetail .mcCpDetailInfo .mcDataTitle{
         line-height: 20px;
         }
         .mcAboutCpDetail .mcCpDetailInfo .mcDataDisc{
         font-weight: 700;
         line-height: 20px;
         }
         .mcAboutContent, .mcAboutContent2{
         font-size: 16px;
         line-height: 28px;
         margin-top: 20px;
         }
         .mcAboutContent.textElipsis, .mcAboutContent2.textElipsis {
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 5;
         -webkit-box-orient: vertical;
         }
         .mcAboutShowMore {
         color: var(--primary);
         font-size: 16px;
         line-height: 28px;
         text-decoration: underline;
         margin-bottom: 15px;
         display: inline-block;
         }
         .mcAboutKnowMore{
         color: var(--primary); */
         font-size: 16px;
         line-height: 28px;
         text-decoration: underline;
         }
         .mcQuickMsg{
         background-color: #C6D6F7;
         border: solid 1px #000000;
         border-radius: 16px;
         margin-top: 20px;
         padding-bottom: 35px;
         position: relative;
         }
         .mcQuickMsg .loaderPop{
         border-radius: 16px;
         }
         .mcQuickMsg .mcQuickMsgTitle{
         font-size: 18px;
         font-weight: 600;
         line-height: 28px;
         padding: 10px 15px;
         text-align: center;
         position: relative;
         margin-bottom: 20px;
         }
         .mcQuickMsg .mcQuickMsgTitle::after{
         content: '';
         width: 100%;
         height: 1px;
         background: linear-gradient(90deg, #C6D6F7 0%, #000000 48.27%, #C6D6F7 96%);
         position: absolute;
         bottom: 0;
         left: 0;
         }
         .mcTabSlider {
         white-space: nowrap;
         width: 100%;
         display: flex;
         -webkit-box-align: center;
         align-items: center;
         overflow-x: auto ;
         margin-bottom: 15px;
         }
         .mcTabSlider a{
         background-color: #FFFDF8;
         border: solid 1px #D2DAE0;
         border-radius: 16px;
         display: inline-block;
         margin-right: 5px;
         font-size: 12px;
         color: #2D3840;
         line-height: 16px;
         padding: 8px 10px;
         height: 34px;
         }
         .mcCol2 {
         display: flex;
         justify-content: space-between;
         }
         .mcCol2 .mcFormCnt {
         width: calc(50% - 8px);
         }
         .mcFormDetailCnt{
         padding: 0 18px;
         }
         .mcFormDetailCnt .formLabel {
         font-weight: 500;
         font-size: 14px;
         margin-bottom: 10px;
         display: block;
         }
         .mcFormDetailCnt .mcInfo{
         font-weight: 400;
         font-size: 16px;
         line-height: 24px;
         color: #656666;
         margin-bottom: 15px;
         }
         .mcFormDetailCnt .mcResendSec {
         display: flex;
         justify-content: space-between;
         }
         .mcFormDetailCnt .mcResendSec .mcQuestion {
         font-size: 12px;
         font-weight: 400;
         color: #8195A5;
         line-height: 18px;
         font-family: "Poppins", sans-serif;
         }
         .mcFormDetailCnt .mcResendSec .mcResendOtp {
         color: #1F3BD2;
         font-size: 12px;
         font-weight: 400;
         line-height: 18px;
         font-family: "Poppins", sans-serif;
         cursor: pointer;
         display: none;
         }
         .mcFormDetailCnt .mcFormGroup {
         margin-bottom: 15px;
         width: 100%;
         }
         .mcFormGroup .formError{
         margin-top: 0;
         font-size: 12px;
         color: red;
         display: none;
         }
         .mcFormDetailCnt .mcFormGroup .mcFormCnt {
         position: relative;
         }
         .mcFormDetailCnt .mcFormGroup .mcFormCnt input[type=text], .mcFormDetailCnt .mcFormGroup .mcFormCnt input[type=tel], .mcFormDetailCnt .mcFormGroup .mcFormCnt input[type=number], .mcFormDetailCnt .mcFormGroup .mcFormCnt select, .mcFormDetailCnt .mcFormGroup .mcFormCnt textarea {
         background-color: #fff;
         border: solid 1px #000;
         border-radius: 8px;
         line-height: 31px;
         height: 56px;
         font-size: 14px;
         padding: 25px 15px 5px 15px !important;
         width: 100%;
         color: #1A1A1A;
         outline: none;
         font-family: "Poppins", sans-serif;
         }
         .mcFormDetailCnt .mcFormGroup .mcFormCnt textarea.mcTextArea{
         height: 112px;
         resize: none;
         line-height: 18px;
         }
         .mcFormDetailCnt .mcFormGroup .mcFormCnt.selectBox .mcFloatingLabel{
         top: 7px;
         }
         .mcFormDetailCnt .intl-tel-input{
         width: 100%;
         height: 56px;
         display: flex;
         justify-content: end;
         }
         .mcFormDetailCnt .intl-tel-input input{
         width: calc(100% - 114px) !important;
         }
         .mcFormDetailCnt .intl-tel-input .flag-container{
         width: 104px;
         height: 56px;
         }
         .mcFormDetailCnt .intl-tel-input .selected-flag{
         width: 100% !important;
         background-color: #fff !important;
         border: solid 1px #000;
         border-radius: 8px;
         }
         .mcFormDetailCnt .mcBtnCnt{
         text-align: center;
         margin-top: 20px;
         }
         .mcFormDetailCnt .mcBtnCnt .mcBtn {
         width: 180px;
         text-align: center;
         background: #020202;
         color: #fff;
         border: 1px solid var(--primary);
         padding: 15px 24px;
         height: 56px;
         border-radius: 8px;
         font-weight: 500;
         font-size: 18px;
         line-height: 28px;
         cursor: pointer;
         transition: all 0.2s;
         margin: 0 auto;
         }
         .mcMobileCnt .mcFloatingLabel{
         left: 128px !important;
         }
         .mcMobileCnt input{
         padding-left: 135px !important;
         }
         .mcMobileCnt .intl-tel-input{
         width: 100%;
         }
         .mcMobileCnt .intl-tel-input .flag-container .selected-flag{
         width: 104px !important;
         }
         .mcMobileCnt .intl-tel-input .selected-flag .iti-arrow{
         right: 10px;
         border-left: 5px solid transparent;
         border-right: 5px solid transparent;
         border-top: 6px solid #555;
         }
         .mcMobileCnt .mcFloatingLabel.active{
         top:7px;
         left:15px;
         padding: 0px 2px;
         color: #959595;
         }
         .mcMobileCnt .mcFloatingLabel.active2{
         top:7px !important;
         left:15px;
         padding: 0px 2px;
         color: #959595;
         }
         .mcFormGroup .mcFloatingLabel {
         font-family: "Poppins", sans-serif;
         color: #4D4D4D;
         font-weight: 400;
         font-size: 14px;
         line-height: 22px;
         display: block;
         position: absolute;
         top: 17px;
         left: 15px;
         transition: 0.4s ease all;
         pointer-events: none;
         }
         .mcFormGroup input:focus ~ .mcFloatingLabel,
         .mcFormGroup textarea:focus ~ .mcFloatingLabel, 
         .mcFormGroup textarea:not(:focus):valid ~ .mcFloatingLabel,
         .mcFormGroup input:not(:focus):valid ~ .mcFloatingLabel{
         top:7px;
         left:15px;
         padding: 0px 2px;
         color: #959595;
         }
         .mcSendInqPro{
         width: 100%;
         border-radius: 8px;
         background-color: #FFEEEE;
         border: solid 1px #CBCED5;
         padding: 10px;
         display: flex;
         justify-content: space-between;
         align-items: center;
         margin-bottom:15px;
         }
         .mcSendInqPro .mcImgCnt{
         width: 70px;
         height: 70px;
         border-radius: 8px;
         background-color: #fff;
         border: solid 1px #CBCED5;
         }
         .mcSendInqPro .mcImgCnt img{
         border-radius: 8px;
         width: 70px;
         height: 70px;
         }
         .mcSendInqPro .mcInfoCnt{
         width: calc(100% - 82px);
         }
         .mcSendInqPro .mcInfoCnt .mcProName{
         font-size: 16px;
         font-weight: 500;
         line-height: 20px;
         margin-bottom: 5px;
         }
         .mcSendInqPro .mcInfoCnt .mcProPrice{
         font-size: 14px;
         font-weight: 400;
         line-height: 21px;
         }
         .mcSendInqQty{
         display: flex;
         margin: 0;
         padding: 0;
         list-style: none;
         }
         .mcSendInqQty li{
         width: 52px;
         height: 32px;
         border-radius: 6px;
         border: solid 1px #EEF0F3;
         background-color: #EEF0F3;
         padding: 7px 10px;
         font-size: 12px;
         text-align: center;
         color: #404D57;
         margin-right: 6px;
         cursor: pointer;
         }
         .mcSendInqQty li.active{
         border: solid 1px #5BB4CE;
         background-color: #E0F2F6;
         }
         .mcThanksCnt{
         text-align: center;
         }
         .mcThanksCnt .mcThankTitle{
         font-size: 22px;
         line-height: 28px;
         color: #000;
         font-weight: 600;
         margin: 15px 0;
         }
         .mcThanksCnt .mcThankSubTitle{
         font-size: 14px;
         line-height: 20px;
         color: #000;
         font-weight: 500;
         }
         .mcThanksCnt .mcThankContact{
         font-size: 14px;
         line-height: 20px;
         color: #000;
         font-style: italic;
         margin-top: 10px;
         }
         .mcThanksCnt .mcThankContact a{
         font-style: normal;
         color: #1F3BD2;
         text-decoration: underline;
         }
         .mcProductYouLike{
         margin-top: 15px;
         padding-top: 15px;
         position: relative;
         }
         .mcProductYouLike::before {
         content: '';
         width: 100%;
         height: 1px;
         background: linear-gradient(90deg, #FFFFFF 0%, #524848 48.27%, #FFFFFF 96%);
         position: absolute;
         top: 0;
         left: 0;
         }
         .mcProductYouLike .mcTitle{
         font-weight: 600;
         font-size: 14px;
         line-height: 22px;
         margin-bottom: 15px;
         }
         .mcProductYouLike .mcProdLikeList{
         display: flex;
         margin-left: -5px;
         margin-right: -5px;
         }
         .mcProductYouLike .mcProdLikeList .mcProCol{
         width: calc(25% - 10px);
         margin: 0 5px;
         }
         .mcProductYouLike .mcProdLikeList .mcProCol .mcImgCnt{
         width: 70px;
         height: 70px;
         border-radius: 12px;
         border:solid 1px #D9D9D9;
         display: inline-block;
         }
         .mcProductYouLike .mcProdLikeList .mcProCol .mcImgCnt img{
         border-radius: 12px;
         width: 68px;
         height: 68px;
         }
         .mcProductYouLike .mcProdLikeList .mcProCol .mcProName{
         font-size: 14px;
         margin-top: 7px;
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
         color: #000;
         }
         .mcFpProduct{
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         }
         .mcFpProduct .mcFpProductCol {
         border-radius: 8px;
         width: 65vw;
         margin: 0 10px 0px 10px
         }
         .mcFpProduct .mcFpProductCol .mcFpProductImgCnt {
         width: 100%;
         height: 172px;
         background-color: #fff;
         border-radius: 8px;
         display: flex;
         align-items: center;
         justify-content: center;
         }
         .mcFpProduct .mcFpProductCol .mcfpProductInfo {
         margin-top: 20px;
         height: 122px;
         }
         .mcFpProduct .mcFpProductCol .mcfpProductInfo .mcFpProductTitle {
         font-size: 16px;
         font-weight: 500;
         line-height: 20px;
         height: 40px;
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
         }
         .mcFpProduct .mcFpProductCol .mcfpProductInfo .mcFpProductPrice{
         color: var(--primary);
         font-size: 18px;
         font-weight: 700;
         line-height: 28px;
         margin-bottom: 7px;
         }
         .mcFpProduct .mcFpProductCol .mcfpProductInfo .mcFpProductOthers{
         color: #5B5959;
         font-size: 14px;
         font-weight: 400;
         line-height: 20px;
         margin-bottom: 6px;
         }
         .mcFpBtnCnt{
         display: flex;
         justify-content: space-between;
         margin-top: 14px;
         }
         /* about us css start */
         .mcCpAboutProfile{
         width: 100%;
         }
         .mcCpAboutProfile .mcPageTitle{
         margin-bottom: 15px;
         }
         .mcCpAboutProfile .mcPageTitle::after{
         content: '';
         width: 100%;
         height: 1px;
         background: linear-gradient(90deg, #FFFFFF 0%, #524848 48.27%, #FFFFFF 96%);
         position: absolute;
         bottom: 0;
         left: 0;
         }
         .mcCpAboutProfile .mcPageTitle.cmWithTrusted{
         display: flex;
         align-items: center;
         flex-wrap: wrap;
         line-height: 24px;
         padding: 15px 0;
         margin-bottom: 30px;
         }
         .mcCpAboutProfile .mcPageTitle.cmWithTrusted .mcTitle{
         width: calc(100% - 80px);
         font-size: 20px;
         font-weight: 700;
         line-height: 24px;
         }
         .mcCpAboutProfile .mcPageTitle.cmWithTrusted .mcTrustIcon{
         width: 73px;
         }
         .mcCpAboutProfile .mcPageTitle.cmWithTrusted .mcTrustIcon .mcIcon{
         width: 26px;
         height: 26px;
         }
         .mcCpAboutProfile .mcPageTitle.cmWithTrusted .mcTrustIcon .mcInfo{
         width: calc(100% - 26px);
         }
         .mcCpAboutProfile .mcPageTitle.cmWithTrusted .mcTrustIcon .mcInfo .mcTrusted{
         font-size: 10px;
         }
         .mcCpAboutProfile .mcPageTitle.cmWithTrusted .mcTrustIcon .mcInfo .mcSeller{
         font-size: 9px;
         }
         .mcCpAboutProfile .mcCpAboutProfilePara{
         font-size: 16px;
         line-height: 28px;
         }
         .mcCpAboutProfile .mcCpAboutProfilePara h1{
         font-size: 20px;
         line-height: 22px;
         font-weight: 700;
         margin: 10px 0;
         }
         .mcCpAboutProfileDtl{
         margin: 10px 0;
         padding-bottom: 10px;
         border-bottom: solid 1px #7C7575;
         }
         .mcCpAboutProfileDtl .mcDataTitle{
         line-height: 20px;
         margin-bottom: 0;
         font-weight: 400;
         font-size: 14px;
         }
         .mcCpAboutProfileDtl .mcDataDisc{
         font-weight: 700;
         line-height: 20px;
         margin-bottom: 0;
         }
         .mcAboutProfileCertificateCnt{
         width: 100%;
         text-align: center;
         }
         .mcAboutProfileCertificate{
         width: 100%;
         margin-top: 20px ;
         }
         .mcAboutProfileCertificate .mcTitle{
         font-size: 16px;
         line-height: 28px;
         margin-top: 10px;
         }
         /* about us css end */
         /* contact css start */
         .mcContact{
         width: 100%;
         padding-top: 10px;
         }
         .mcContact .mcTitle{
         font-size: 22px;
         font-weight: 700;
         line-height: 26px;
         margin-bottom: 6px;
         }
         .mcContact .mcSubTitle{
         font-size: 14px;
         color: #000;
         line-height: 24px;
         }
         .mcContact .mcContactForm{
         background-color: #fff;
         border-radius: 22px;
         padding: 25px 0;
         margin-top: 20px;
         box-shadow: 0px 2px 13.600000381469727px 0px #9B9B9B40;
         }
         .mcContact .mcContactForm .mcContactFormTitle{
         font-size: 18px;
         font-weight: 700;
         line-height: 26px;
         color: #000;
         margin-bottom: 20px;
         padding: 0 18px;
         }
         .mcContact .mcBtnCnt .mcBtn{
         width: 100%;
         font-size: 20px;
         font-weight: 600;
         }
         .mcContact .mcFormDetailCnt .mcFormGroup .mcFormCnt textarea,
         .mcContact .mcFormDetailCnt .mcFormGroup .mcFormCnt input[type=text],
         .mcContact .mcFormDetailCnt .intl-tel-input .selected-flag{
         background:#FFFDF8 !important;
         }
         .mcContactMap{
         margin: 75px 0 20px 0;
         }
         .mcBtnContactCnt{
         display: flex;
         align-items: center;
         justify-content: center;
         }
         .mcBtnContactCnt .mcContactBtns{
         width: 100px;
         height: 94px;
         text-align: center;
         padding: 20px 20px;
         margin: 0 5px;
         border-radius: 8px;
         border: solid 2px #CBD5E1;
         background-color: #fff;
         font-size: 14px;
         font-weight: 500;
         line-height: 20px;
         color: #000;
         }
         /* contact css end */
         /* our products css start */
         .mcOurProduct{
         width: 100%;
         padding-top: 10px;
         }
         .mcOurProduct .mcSubTitle{
         font-size: 16px;
         color: #000;
         line-height: 24px;
         margin-bottom: 15px;
         }
         /* our products css end */
         /* product listing css start */
         .mcProductListing{
         width: 100%;
         }
         .mcProductListing .mcSubTitle {
         font-size: 14px;
         color: #000;
         margin-bottom: 15px;
         position: relative;
         padding-bottom: 15px;
         line-height: 21px;
         }
         .mcProductListing .mcSubTitle::after {
         content: '';
         width: 100%;
         height: 1px;
         background: linear-gradient(90deg, #FFFFFF 0%, #524848 48.27%, #FFFFFF 96%);
         position: absolute;
         bottom: 0;
         left: 0;
         }
         .mcProductListing .mcShowMore {
         color: var(--primary);
         font-size: 16px;
         line-height: 28px;
         text-decoration: underline;
         margin-bottom: 15px;
         display: inline-block;
         }
         .mcProductListing .mcShowMorefooter {
         color: var(--primary);
         font-size: 16px;
         line-height: 28px;
         text-decoration: underline;
         margin-bottom: 15px;
         display: inline-block;
         }
         .catDiscription.textElipsis{
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 5;
         -webkit-box-orient: vertical;
         }
         .catDiscriptionFooter.textElipsis{
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 5;
         -webkit-box-orient: vertical;
         }
         /* .catDiscription::after {
         content: '';
         width: 100%;
         height: 1px;
         background: linear-gradient(90deg, #FFFFFF 0%, #524848 48.27%, #FFFFFF 96%);
         position: absolute;
         bottom: 0;
         left: 0;
         } */
         .catDiscription .mcSubTitle{
         margin: 0;
         padding: 0;
         }
         .catDiscription .mcSubTitle::after{
         display: none;
         }
         .mcPordListCard{
         width: 100%;
         border-radius: 22px;
         border: solid 1px #D2DAE0;
         margin-bottom: 7px;
         background-color: #fff;
         }
         .mcPordListCard .mcInfoCnt{
         padding: 20px 16px 10px 16px;
         }
         .mcPordListCard .mcInfoCnt .mcProdname{
         font-weight: 600;
         font-size: 18px;
         line-height: 20px;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         color: #1467E3;
         }
         .mcPordListCard .mcInfoCnt .mcPrice{
         font-size: 16px;
         font-weight: 600;
         line-height: 16px;
         color: #000;
         margin: 10px 0 5px 0;
         }
         .mcPordListCard .mcInfoCnt .mcPrice h3{
         font-size: 16px;
         font-weight: 600;
         display: inline-block;
         }
         .mcPordListCard .mcInfoCnt .mcPrice span{
         color: #a7a7a7;
         }
         .mcPordListCard .mcInfoCnt .mcMOQ{
         color: #5B5959;
         line-height: 20px;
         }
         .mcPordListCard .mcProdOtherCnt{
         display: flex;
         padding: 7px 16px;
         }
         .mcPordListCard .mcProdOtherCnt .mcProdImg{
         width: 120px;
         height: 125px;
         display: flex;
         }
         .mcPordListCard .mcProdOtherCnt .mcProdImg img{
         max-width:120px ;
         max-height: 125px;
         }
         .mcPordListCard .mcProdOtherCnt .mcProdOtherInfo{
         width: calc(100% - 120px);
         padding-left: 14px;
         }
         .mcPordListCard .mcProdOtherCnt .mcProdOtherInfo .mcDataDic{
         font-size: 13px;
         font-weight: 400;
         line-height: 16px;
         margin-bottom: 3px;
         color: #5E7384;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         }
         .mcPordListCard .mcProdOtherCnt .mcProdOtherInfo .mcDataDic .mcDataTitle{
         font-weight: 600;
         }
         .mcPordListCard .mcProdOtherCnt .mcProdOtherInfo .mcKnowMore{
         font-size: 14px;
         font-weight: 500;
         line-height: 20px;
         margin-top: 5px;
         text-decoration: underline;
         color: var(--primary);
         }
         .mcPordListCard .mcBtnCnt{
         display: flex;
         justify-content: space-between;
         padding: 9px 16px;
         border-top: solid 1px #D2DAE0;
         }
         .mcPageCatTitle{
         margin-top: 12px;
         margin-bottom: 17px;
         }
         .mcPageCatTitle::after {
         content: '';
         width: 100%;
         height: 1px;
         background: linear-gradient(90deg, #FFFFFF 0%, #524848 48.27%, #FFFFFF 96%);
         position: absolute;
         bottom: 0;
         left: 0;
         }
         .mcMoreCatList{
         background-color: #fff;
         border-radius: 13px;
         border: solid 1px #D2DAE0;
         padding: 6px 16px;
         display: flex;
         align-items: center;
         margin-bottom: 10px;
         }
         .mcMoreCatList .mcImgCnt{
         border-radius: 8px;
         border: solid 1px #EEF0F3;
         width: 64px;
         height: 64px;
         display: flex;
         align-items: center;
         justify-content: center;
         }
         .mcMoreCatList .mcImgCnt img{
         max-width: 64px;
         max-height: 64px;
         }
         .mcMoreCatList .mcInfo{
         width: calc(100% - 64px);
         padding-left: 10px;
         }
         .mcMoreCatList .mcInfo .mcProdName{
         font-weight: 500;
         line-height: 24px;
         color: #2D3840;
         margin-bottom: 2px;
         }
         .mcMoreCatList .mcInfo .mcProdName a{
         color: #2D3840;
         }
         .mcMoreCatList .mcInfo .mcProdCont{
         font-weight: 400;
         font-size: 12px;
         line-height: 16px;
         color: var(--primary);
         }
         /* product listing css end */
         /* product details css start */
         .mcProductDetails{
         width: 100%;
         }
         .mcSimilarProduct .mcPordListCard{
         border: 0;
         border-radius: 6px;
         }
         .mcSimilarProduct .mcPordListCard .mcBtnCnt{
         border-top: 0;
         }
         .mcProdDtlHead{
         background-color: #fff;
         border-bottom: solid 1px #D2DAE0;
         padding: 10px 16px;
         display: flex;
         margin-top: -61px;
         }
         .mcProdDtlHead .mcBackIcon{
         width: 28px;
         height: 28px;
         }
         .mcProdDtlHead .mcPageTitle{
         width: calc(100% - 28px);
         padding-left: 10px;
         font-size: 20px;
         font-weight: 700;
         line-height: 27px;
         position: relative;
         }
         .mcProdDtlHead .mcPageTitle h1{
         font-size: 20px;
         font-weight: 700;
         line-height: 27px;
         }
         .mcProdDtlHead .mcPageTitle h3{
         font-size: 20px;
         font-weight: 700;
         line-height: 27px;
         display: inline-block;
         }
         .mcProdDtlHead .mcPageTitle .mcPriceText{
         font-weight: 400;
         }
         .shareCnt{
         position:relative;
         }
         .shareCnt .shareIcon{
         position: absolute;
         left: 20px;
         top: 16px;
         z-index: 9;
         cursor: pointer;
         }
         .socialCnt{
         width: 180px;
         background: rgb(241, 241, 241) !important;
         border-radius: 30px;
         padding: 8px 10px;
         padding-bottom: 8px;
         box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px;
         position:absolute;
         z-index: 9;
         top: 70px;
         height: 48px;
         left: 20px;
         display:none;
         }
         .socialCnt:after{
         content: "";
         position: absolute;
         bottom: 99.9%;
         left: 25px;
         margin-left: -8px;
         border-width: 8px;
         border-style: solid;
         border-color: transparent transparent rgb(241, 241, 241);
         }
         .socialCnt .socialIcon{
         margin-right:5px
         }
         .shareCnt .socialCnt{
         height:auto;
         }
         .shareCnt .socialCnt img.jssocials-share-logo{
         height:33px;
         }
         .mcProductSlider{
         width: 100%;
         padding: 0 0 16px 0 ;
         background-color: #fff;
         margin-bottom: 55px !important;
         border-radius: 0 0 32px 32px;
         }
         .mcProductSlider .mcProdSlideCol{
         position: relative;
         display: flex !important;
         align-items: center;
         justify-content: center;
         height: 350px;
         }
         .mcProductSlider .slick-dots li button:before{
         content: '';
         width: 10px;
         height: 10px;
         border-radius: 100%;
         background-color: #D9D9D9;
         opacity: 1;
         }
         .mcProductSlider .slick-dots li {
         position: relative;
         display: inline-block;
         width: 10px;
         height: 10px;
         margin: 0 2px;
         padding: 0;
         cursor: pointer;
         }
         .mcProductSlider .slick-dots li.slick-active button:before {
         opacity: 1;
         background-color: var(--primary);
         }
         .mcProductSlider .slick-dots{
         left: 0;
         bottom: -30px;
         }
         .mcProductSlider .slick-dots li button{
         width: 10px;
         height: 10px;
         }
         .mcProductDetailsData{
         width: 100%;
         }
         .mcProductDetailsData .mcMoqData{
         font-size: 16px;
         line-height: 20px;
         color: #66696D;
         }
         .mcProductDetailsData dl{
         width: 100%;
         border-bottom: solid 1px #D4D4D4;
         padding: 12px 0;
         display: flex;
         align-items: center;
         }
         .mcProductDetailsData dl dt{
         color: #68778D;
         font-size: 16px;
         line-height: 20px;
         flex: 0 0 50%;
         }
         .mcProductDetailsData dl dd{
         color: #000;
         font-size: 16px;
         line-height: 20px;
         flex: 0 0 50%;
         }
         .mcProductDetailsData .mcProductDisc{
         font-size: 16px;
         line-height: 28px;
         color: #000;
         margin-top: 20px;
         }
         .mcFaqList{
         width: 100%;
         margin-bottom: 25px;
         }
         .mcFaqList .mcFaqCol{
         width: 100%;
         border-radius: 16px;
         background-color: #fff;
         margin-bottom: 12px;
         }
         .mcFaqList .mcFaqCol .mcFaqTitle{
         font-weight: 500;
         font-size: 16px;
         line-height: 20px;
         color: #2D3840;
         padding: 8px 45px 8px 16px;
         position: relative;
         }
         .mcFaqList .mcFaqCol .mcFaqTitle:after {
         position: absolute;
         right: 11px;
         top: 50%;
         content: '';
         background: url(https://tiimg.tistatic.com/new_website1/mobile_catalogs/plus.svg) no-repeat 0 0;
         width: 24px;
         height: 24px;
         margin-top: -12px;
         display: inline-block;
         }
         .mcFaqList .mcFaqCol .mcFaqDis{
         line-height: 20px;
         color: #2D3840;
         /* padding: 10px 16px 25px 16px; */
         padding: 0 16px;
         height: 0;
         overflow: hidden;
         transition: all 0.5s;
         }
         .mcFaqList .mcFaqCol.active .mcFaqDis{
         padding: 10px 16px 25px 16px;
         height: auto;
         overflow: inherit;
         }
         .mcFaqList .mcFaqCol.active .mcFaqTitle:after {
         background: url(https://tiimg.tistatic.com/new_website1/mobile_catalogs/minus.svg) no-repeat 0 0;
         }
         .mcSliderImg{
         width: 100%;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         }
         .mcSliderImg .mcImgCol{
         width: calc(50% - 8px);
         margin-bottom: 16px;
         }
         .mcProdDtlBtnsFixd{
         width: 100%;
         background-color: #fff;
         box-shadow: 0px -4px 4px 0px #BABABA40;
         padding: 16px;
         position: fixed;
         bottom: 0;
         left: 0;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         z-index: 2;
         transition: bottom .3s;
         }
         .mcProdDtlBtnsFixd .mcBtn{
         width: calc(50% - 30px);
         }
         .mcProdDtlBtnsFixd .mcBtn.mcCallBtn{
         width: 46px;
         }
         /* product details css end */
         /* product detail popup start 11-09-24 */
         .mcProDtlPopupBg{
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, .5);
         position: fixed;
         left: 0;
         top: 0;
         z-index: 97;
         display: none;
         }
         .productDetailPopup{
         padding-top: 0;
         height: 100%;
         border-radius: 0;
         z-index:98;
         }
         .productDetailPopup.activePopup{
         bottom:0 !important;
         }
         .productDetailPopup.productPopupOpen{
         bottom:0 !important;
         visibility: visible !important;
         }
         .productDetailPopup.productPopupClose{
         bottom:-100% !important;
         visibility:hidden !important;
         }
         .productDetailPopup .mcProdDtlHead{
         margin-top: 0;
         padding-left: 0;
         padding-right: 0;
         }
         .productDetailPopup .mcProdDtlHead .mcPageTitle{
         width: 100%;
         padding-left: 0;
         }
         .productDetailPopup .mcProdDtlHead .mcPageTitle h1{
         font-size: 20px;
         font-weight: 700;
         line-height: 27px;
         }
         .productDetailPopup .mcProdDtlHead .mcPageTitle h2,
         .productDetailPopup .mcProdDtlHead .mcPageTitle h3{
         display: inline-block;
         font-size: 20px;
         font-weight: 700;
         line-height: 27px;
         }
         .productDetailPopup .mcProductDtlScroll{
         width: 100%;
         height: calc(100% - 125px);
         overflow-y: auto;
         padding-bottom: 15px;
         }
         .productDetailPopup .mcProdDtlBtnsFixd{
         position: unset;
         transition:inherit;
         margin-left: -15px;
         width: calc(100% + 30px);
         }
         /* product detail popup end 11-09-24 */
         /* footer css start */
         .mcFooter{
         background-color: var(--primary);
             padding: 35px 20px 135px 20px;
         color: #fff;
         margin-top: 0px;
         }
         .mcFooter .mcCpLogo{
         width: 195px;
         height: 70px;
         border-radius: 8px;
         display: flex;
         align-items: center;
         justify-content: center;
         margin: 0 auto;
         }
         .mcFooter .mcFooterCpName{
         font-size: 18px;
         font-weight: 700;
         line-height: 20px;
         margin: 12px 0 20px 0;
         text-align: center;
         }
         .mcFooter .mcFooterCpName a{
         color: #fff;
         }
         .mcFooter .mcFooterCpAddress{
         font-size: 16px;
         line-height: 24px;
         display: flex;
         align-items: center;
         }
         .mcFooter .mcFooterCpAddress img{
         margin-right: 7px;
         margin-top: 2px;
         }
         .mcFooter .mcFooterOthers{
         font-size: 16px;
         font-weight: 500;
         line-height: 20px;
         padding-left: 25px;
         display: flex;
         align-items: center;
         text-decoration: underline;
         margin-top: 10px;
         margin-bottom: 12px;
         position: relative;
         }
         .mcFooter .mcFooterOthers:after {
         position: absolute;
         width: 28px;
         height: 28px;
         left: 0;
         top: 50%;
         content: '';
         background: url(https://tiimg.tistatic.com/new_website1/mobile_catalogs/plus-circle.svg) no-repeat 0 0;
         margin-top: -13px;
         display: inline-block;
         }
         .mcFooter .mcFooterOthers.active:after {
         background: url(https://tiimg.tistatic.com/new_website1/mobile_catalogs/minus-circle.svg) no-repeat 0 0;
         }
         .mcFooterOtherAddress{
         width: 100%;
         padding-left: 25px;
         padding-bottom: 20px;
         display: none;
         }
         .mcFooterOtherAddress .mcTitle{
         font-size: 16px;
         font-weight: 500;
         line-height: 20px;
         }
         .mcFooterOtherAddress .mcAddress{
         font-size: 14px;
         color: #fff;
         padding: 5px 0 10px 0;
         }
         .mcFooter .mcFooterDirection{
         font-size: 14px;
         font-weight: 500;
         line-height: 20px;
         padding-left: 25px;
         display: flex;
         align-items: center;
         text-decoration: underline;
         margin-bottom: 20px;
         }
         .mcFooter .mcFooterDirection img{
         margin-right: 5px;
         }
         .mcFooterUserDetail{
         display: flex;
         align-items: center;
         position: relative;
         padding: 10px 0;
         }
         .mcFooterUserDetail::after{
         content: '';
         width: 100%;
         height: 1px;
         background: linear-gradient(90deg, #009577 0%, #FFFFFF 53.5%, #009577 100%);
         position: absolute;
         bottom: 0;
         left: 0;
         }
         .mcFooterUserDetail .mcFooterUserIcon{
         width: 36px;
         height: 36px;
         border: solid 1px #fff;
         border-radius: 8px;
         display: flex;
         align-items: center;
         justify-content: center;
         }
         .mcFooterUserDetail .mcFooterUserInfo{
         width: calc(100% - 28px);
         padding-left: 13px;
         }
         .mcFooterUserDetail .mcFooterUserInfo .mcDataTitle{
         font-size: 16px;
         font-weight: 500;
         line-height: 20px;
         color: #FFFFFF !important;
         }
         .mcFooterUserDetail .mcFooterUserInfo .mcDataDisc{
         font-weight: 400;
         font-size: 14px;
         line-height: 20px;
         color: #fff;
         }
         .mcShareUs{
         display: flex;
         align-items: center;
         justify-content: center;
         margin-top: 15px;
         }
         .mcShareUs .mcShareText{
         margin-right: 15px;
         }
         .mcShareUs a{
         margin: 0 5px;
         }
         /* footer css end */
         .whatsapp-button{
         bottom: 80px;
         right: 0px;
         z-index: 99;
         }
         .mcCitySearchList{
         width: 100%;
         position: absolute;
         left:0;
         top:100%;
         background: #fff;
         box-shadow: 0px 2px 13.600000381469727px 0px #9B9B9B40;
         max-height: 250px;
         overflow-y: auto;
         list-style: none;
         }
         .mcCitySearchList li{
         padding:5px 10px
         }
         .mcCitySearchList li:hover, .mcCitySearchList li:focus{
         background:#f3f3f3;
         }