.p_23_s210{ .menu_8 { width: 100%; position: fixed; top: 10px; z-index: 999; background-color: transparent; box-shadow: 0 0 10px transparent; transition: 0.3s linear; } .gap5 { gap: 5px; } .menu_8.sticky { top: 0; background-color: var(--themeBg1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .menuOuter { padding: 10px; background-color: var(--themeBg1); border-radius: 10px; } .justifyEnd { justify-content: flex-end; } .mainGrid { grid-template-columns: 150px 1fr 1fr 140px; } .logoSec { line-height: 0px; } .searchOuter { background-color: var(--themeBg2); border-radius: 5px; border: 1px solid transparent; padding-right: 12px; } .searchOuter input { padding: 12px 0px 12px 12px; width: -webkit-fill-available; border: none; outline: none; background-color: transparent; } .newMenuList { list-style-type: none; text-align: right; margin: 0; padding: 0; display: flex; align-items: center; gap: 5px; } .newMenuList li ul { position: relative; } .newMenuList li { display: inline-block; padding: 10px; display: flex; align-items: center; gap: 5px; } .newMenuList li a { text-decoration: none; color: #000000; font-size: 14px; display: flex; gap: 5px; align-items: center; font-weight: 600; } .newMenuList li { transition: 0.5s; cursor: pointer; } .newMenuList li span { white-space: nowrap; color: var(--paragraphColorBlack); } .lighnHover li:hover { background-color: #00000019; } .lighnHover li.activeMenu:hover { background-color: var(--themeColor1); } .smallHover { position: relative; } .smallHover:hover .newSmallDropDown { display: block; } .smallHover:hover .newDowpDown a { color: #000000; } .smallHover:hover .newDowpDown li { background-color: #ffffff; } .smallHover:hover .newDowpDown li:hover { background-color: #00000019; } .activeMenu { background-color: var(--themeBg2); border-radius: 5px; } .activeMenu a { color: var(--paragraphColorBlack) !important; } .newMenuIcon img { aspect-ratio: 1/1; object-fit: contain; width: 100%; } .newMenuIcon { width: 20px; height: 20px; } .newMenuIcon svg { width: 100%; height: 100%; } .newSmallDropDown { width: 250px; opacity: 0; border-top: 5px solid var(--themeColor1); border-bottom: 5px solid var(--themeColor1); position: absolute; background-color: var(--themeBg2); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; top: 100%; left: 50%; transform: translateX(-50%); transition: 0.3s; display: none; } .newSmallDropDown li { width: calc(100% - 40px); padding: 15px 20px !important; border-bottom: 1px solid var(--themeColor1); font-size: 15px; } .smallHover:hover .newSmallDropDown { display: block; opacity: 1; } .newMenuList { list-style-type: none; text-align: right; margin: 0; padding: 0; display: flex; align-items: center; gap: 5px; } .newMenuList li ul { position: relative; } .newMenuList li { display: inline-block; padding: 10px; display: flex; align-items: center; gap: 5px; } .newMenuList li a { text-decoration: none; color: #000000; font-size: 14px; display: flex; gap: 5px; align-items: center; font-weight: 600; } .newMenuList li { transition: 0.5s; cursor: pointer; } .newDowpDown { flex-direction: column; gap: 0; } .smallHover:hover .newDowpDown a { color: #000000; } .smallHover:hover .newDowpDown li { background-color: #ffffff; } .smallHover:hover .newDowpDown li:hover { background-color: #00000019; } .rightSec .newMenuList li a { gap: 0; } .searchProductListNew { position: absolute; top: 50px; width: 100%; background-color: var(--themeBg1); border-radius: 10px; z-index: 999; max-height: 500px; overflow: auto; box-shadow: 0 0 5px #00000029; display: none; } .searchMainArea:focus-within .searchProductListNew { display: block; } .searchProductNewList { padding: 0; margin: 0; list-style-type: none; } .searchProductNewList li { padding: 0 10px; } .searchProductNewList li a { display: grid; grid-template-columns: 40px 1fr; gap: 10px; font-size: 14px; padding: 5px 0; border-bottom: 0.1px solid #00000019; align-items: center; font-weight: 600; color: #000000; text-decoration: none; font-size: 14px; } .newSearchIcon { line-height: 0; display: flex; align-items: center; justify-content: center; } .newSearchIcon img { width: 30px; border-radius: 5px; aspect-ratio: 1/1; object-fit: cover; } .searchIconSec { cursor: pointer; } .contactArea { padding: 8px 15px; border-radius: 30px; background-color: var(--themeBg2); width: fit-content; } .conHead { font-size: 14px; font-weight: 500; color: var(--headingColor1); } .conArea p { font-size: 14px; color: var(--paragraphColorBlack); } .conArea p a { font-size: 14px; color: var(--paragraphColorBlack); transition: 0.3s; font-weight: 500; } .conArea p a:hover { color: var(--themeColor1); } .contactArea i { font-size: 14px; } .smallHover .searchIconSec i { font-size: 20px; } @media only screen and (max-width: 1300px) { .conHead { font-size: 12px; } } .lighnHover li.activeMenu i{ transition: 0.3s; } .lighnHover li.activeMenu:hover i{ color: #fff; } .lighnHover li:hover{ background-color: var(--themeBg2); } .menu_8{ position: static; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .contactArea { display:none; } .mainGrid{ grid-template-columns: 300px 1fr 1fr 140px; } .menuOuter{ padding: 20px 0px; } .newMenuList li a{ font-size: 16px; } .newSmallDropDown .newMenuList li a{ font-size: 14px; } .newSmallDropDown li{ padding: 15px 10px !important; width: calc(100% - 20px); } .newDowpDown li a span{ white-space: normal; text-align: left; } .smallHover:hover .newDowpDown li:hover{ background-color: var(--themeBg2); } }.p_23_s210{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_23_s225{ .popup_search{ width: 100%; height: 100svh; background-color: #000000AD; position: fixed; top: 0; left: 0; z-index: 999; } .popup_search_inside{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .searchBarBox{ padding: 10px; border-radius: 10px; background-color: #FFFFFF; width: calc(100% - 20px); max-width: 500px; margin-top: 50px; } .heading{ font-size: 20px; color: #000000; font-weight: 600; } .headingArea{ grid-template-columns: auto 50px; } .close{ display: flex; align-items: center; justify-content: flex-end; cursor: pointer; } .popup_searchInput{ padding: 10px; border: 0.5px solid #00000029; border-radius: 5px; margin: 5px 0; } .searchList{ padding: 10px; margin-top: 5px; border-radius: 10px; background-color: #FFFFFF; width: calc(100% - 20px); max-width: 500px; max-height: calc(100vh - 200px); overflow-y: auto; } .listDesign{ grid-template-columns: 40px auto; align-items: center; border-bottom: 0.5px solid #00000029; padding-bottom: 10px; margin-bottom: 10px; } .listImg{ aspect-ratio: 1; border: 1px solid #00000029; border-radius: 5px; } .listName{ font-size: 14px; font-weight: 600; } .searchList ul{ list-style: none; } }.p_23_s225{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_23_s267{ .myMenuTopBar { background-color: var(--themeColor1); padding: 5px 0; } .myMenuIconsArea { list-style-type: none; padding: 0; margin: 0; } .myMenuIconsArea li { display: inline-block; padding-right: 5px; } .myMenuIconsArea li a { font-size: 12px; color: var(--paragraphColorWhite); text-decoration: none; } .text-right .myMenuIconsArea li { padding-left: 5px; padding-right: 0px; } .cicleIcon { display: flex; width: 30px; height: 30px; border: 0; border-radius: 50%; align-items: center; justify-content: center; } .midTicker { display: grid; align-items: center; grid-template-columns: 20px 2fr 20px; align-items: center; font-size: 12px; align-items: center; } .tickerMain a { color: var(--paragraphColorWhite); text-align: center; text-decoration: none; } .tickerNav { cursor: pointer; height: 100%; color: #ffffff; display: flex; align-items: center; justify-content: center; } .goog-te-gadget * { display: none; height: 26px; } .goog-te-gadget div, .goog-te-gadget div * { display: inline-block; } @media only screen and (max-width: 900px) { .mobGrid { justify-content: center; text-align: center; } .myMenuTopBar .text-right { text-align: center; } } .myMenuIconsArea li a{ font-size: 14px; } .myMenuIconsArea li{ padding-right: 10px; } }.p_23_s267{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }