@media (max-width: 340px) {
     .onEdit {
         font-size: 13px !important;
     }
 }

 .onEdit {
     font-size: 13px;
 }

 #ymDivCircle {
     z-index: 999 !important;
 }

 .citySearchContainer-desktop {
     background-color: #F2F3E8;
     height: 43px;
     margin-top: -16px;
 }

 .citySearchCmn {
     width: 100%;
     display: flex;
     box-sizing: border-box;
     flex-grow: 0;
 }

 .citySearchFirst {
     align-items: center;
     justify-content: center;
     max-width: 18%;
     flex-basis: 18%;
 }

 .citySearchFirstDivide {
     flex-grow: 0;
     max-width: 50%;
     flex-basis: 50%;
 }

 .citySearchSecond {
     max-width: 75%;
     flex-basis: 75%;
     border-left: 1px solid #dcdcdc;
     max-height: 43px;
     margin-left:18px;
 }

 .citySearchSecondCmn {
     color: #333;
     justify-content: flex-start;
     align-items: flex-start;
     display: flex;
 }

 .citySearchLoc {
     align-items: center;
     justify-content: center;
     display: inline-flex;
     height: 43px;
     text-transform: none;
     width: 100%;
     padding: 6px 8px;
 }

 .city-search__input {
     align-items: center;
     justify-content: center;
     display: inline-flex;
     height: 43px;
     text-transform: none;
     width: 100%;
     padding: 6px 8px;
     border: 1px solid #D5D5D5;
 }

 .citysearchModal {
     top: unset !important;
     bottom: 0 !important;
     width: 100% !important;
     z-index: 9999 !important;
     max-height: fit-content !important;
     border-top-right-radius: 20px !important;
     border-top-left-radius: 20px !important;
 }

 .citysearchModal.bottom-sheet {
     top: auto;
     bottom: -100%;
     transform: translateY(0%);
     will-change: transform;
     transition-duration: 0.4s;
 }

 .citysearchModal.bottom-sheet.active {
     bottom: 0;
     transform: translateY(100%);
 }

 /* Style the divider line */
 .citysearchModal.bottom-sheet .modal-header .divider {
     margin: 0 auto;
     max-width: 40px;
     border: 2px solid #9e9e9e;
     border-radius: 10px;
     margin-bottom: 10px;
 }

 .selectOption :first-child {
     padding: 0;
     text-align: left;
 }

 .selectOption :nth-child(2) {
     text-align: right;
     padding: 0
 }

 .continueShopping {
     color: white !important;
     text-align: center;
     height: 47px !important;
     line-height: 47px !important;
     font-size: 14px;
     opacity: 1 !important;
     background-color: #318800;
     pointer-events: auto;
 }

 #deliveryLocModal {
     z-index: 999999 !important;
     top: unset !important;
     width: 100% !important;
     bottom: 0;
     min-height: 100% !important;
     background-color: white !important;
 }

 #deliveryCountryCity {
     z-index: 999999 !important;
     top: 0 !important;
     width: 100% !important;
     height: -webkit-fill-available;
     max-height: 100% ;
 }

 #citySelectionByName {
     z-index: 999999 !important;
     top: 0 !important;
     width: 100% !important;
 }

 #indiaSearchPin {
     border: none !important;
 }

 #countryCitySearch {
     border: none !important;
 }

 .inputBorder,
 .inputBorderInter {
     background: #FFFFFF 0% 0% no-repeat padding-box;
     border: 1px solid #bfbdbd !important;
     box-shadow: rgb(255 255 255) 0px 0px 5px !important;
     border-radius: 3px;
     display: flex;
     line-height: 40px;
     height: 47px;
     position: relative;
     width: 100%;
 }

 .inputBorder .twitter-typeahead,
 .inputBorderInter .twitter-typeahead {
     position: unset !important;
 }

 .inputBorder .tt-suggestion a,
 .inputBorderInter .tt-suggestion a {
     display: initial;
 }

 .inputBorder .tt-suggestion::before,
 .inputBorderInter .tt-suggestion::before {
     content: "";
     white-space: nowrap;
     display: inline-block;
     width: 11px;
     height: 14px;
     background-image: url('https://assets.winni.in/groot/2023/10/25/mobile/icon-material-location.png');
     background-size: contain;
     margin-right: 10px;
     vertical-align: text-top;
     cursor: pointer;
     background-repeat: no-repeat, repeat;
 }

 .inputBorder .tt-suggestion .tt-cursor:before,
 .inputBorder .tt-suggestion:hover:before,
 .inputBorderInter .tt-suggestion .tt-cursor:before,
 .inputBorderInter .tt-suggestion:hover:before {
     cursor: pointer;
     background-image: url('https://assets.winni.in/groot/2022/04/26/pin-hover.png');
 }


 .inputBorder .tt-menu,
 .inputBorderInter .tt-menu {
     margin: 0px 0 0 0px !important;
     box-shadow: 0 6px 12px 0 rgb(0 0 0 / 20%);
     width: 100%;
     left: 0 !important;
     right: 0 !important;
 }

 .inputBorder .tt-highlight,
 .inputBorderInter .tt-highlight {
     font-weight: 600 !important;
 }

 .staticSuggestion {
     border-top: 3px solid #f3f3f3 !important;
     color: #2178CF;
     font-size: 14px;
     text-align: left
 }

 .staticSuggestion * {
     padding: 10px;
     border-bottom: 1px solid #f3f3f3 !important;
 }

 .suggestionTxt {
     vertical-align: bottom;
 }

 #indiaCityByName {
     border: none !important;
 }

 .inputBorder pre[aria-hidden="true"] {
     position: unset !important;
 }

 [type=radio].with-gap:checked+span:after,
 [type=radio].with-gap:checked+span:before,
 [type=radio]:checked+span:after {
     border: 1px solid #333333;
     margin-left: 4px;
 }

 [type=radio].with-gap:checked+span:after,
 [type=radio]:checked+span:after {
     background: transparent linear-gradient(135deg, #52AA07 0%, #246301 100%) 0% 0% no-repeat padding-box;

 }

 .countryFlagDesign {
     width: 45px !important;
     height: 25px !important;
     margin-top: 1px;
 }

 .tt-dataset tt-dataset-states {
     background: #f6f6f6 0% 0% no-repeat padding-box !important;
 }

 .tt-menu {
     background: #f6f6f6 0% 0% no-repeat padding-box !important;
     border: 1px solid #bfbdbd !important;
     padding-left: 20px !important;
     padding-right: 20px !important;
 }

 .inputBorder .tt-suggestion,
 .inputBorderInter .tt-suggestion {
     border-bottom: 1px solid #cdcccc !important;
     padding: 17px !important;
     padding-left: 0px !important;
     margin-left: -4px !important;
     font-size: 14px !important;
 }

 @media only screen and (min-width: 320px) and (max-width: 350px) {

     .inputBorder .tt-suggestion,
     .inputBorderInter .tt-suggestion {
         font-size: 11px !important;
     }
 }

 @media only screen and (min-width: 351px) and (max-width: 400px) {

     .inputBorder .tt-suggestion,
     .inputBorderInter .tt-suggestion {
         font-size: 14px !important;
     }
 }

 @media only screen and (min-width: 341px) and (max-width: 386px) {
     .selectDeliveryLocationText {
         font-size: 14px !important;
     }

     .clearAll {
         font-size: 14px !important;
     }
 }

 @media only screen and (min-width: 320px) and (max-width: 341px) {
     .selectDeliveryLocationText {
         font-size: 14px !important;
     }

     .clearAll {
         font-size: 14px !important;
     }
 }

 .clearAllDesign {
     margin-top: 27px !important;
     font-size: 16px !important;
     font-weight: 600 !important;
 }

 .fontWeightText {
     font-weight: 600;
 }

 .backgroundChange {
     background: white !important;
 }

 .emptyDeliveryLocationArea {
       pointer-events: none
 }

 #mobileCountryCitySearch .modal-overlay {
     display: block !important;
 }

 .bold-city__name {
     display: block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     font-weight: bold;
 }