.p_23_s209{ .menu_8_2 { 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; } .sticky { top: 0; background-color: var(--themeBg1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .sticky .menuOuter { box-shadow: none; } .menuOuter { padding: 10px; background-color: var(--themeBg1); border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .mainGrid { grid-template-columns: 200px 1fr 1fr 200px; } .logoSec { line-height: 0px; } .contactArea { padding: 8px 15px; border-radius: 30px; background-color: var(--themeBg2); width: fit-content; } .contactArea i { font-size: 14px; } .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); } .linkUl { list-style: none; } .active { background-color: var(--themeBg2); } .linkA { white-space: nowrap; padding: 8px; font-size: 14px; font-weight: 600; color: var(--paragraphColorBlack); display: flex; align-items: center; gap: 5px; border-radius: 5px; text-decoration: none; transition: 0.3s; } .linkA:hover { background-color: #00000010; color: var(--themeColor1); } .dropDownListMain { top: 32px; left: 50%; transform: translateX(-50%); background-color: var(--themeBg1); min-width: 150px; border-top: 5px solid var(--themeColor1); border-bottom: 5px solid var(--themeColor1); border-radius: 5px; overflow: hidden; transition: 0.3s; opacity: 0; display: none; } .linkLi:hover .dropDownListMain { display: block; opacity: 1; } .innerUl { list-style: none; } .innerA { white-space: nowrap; padding: 8px; font-size: 14px; font-weight: 600; color: var(--paragraphColorBlack); display: flex; align-items: center; gap: 5px; text-decoration: none; transition: 0.3s; border-bottom: 1px solid #00000010; } .innerA:hover { background-color: #00000010; } .innerLi:nth-last-child(1) .innerA { border-bottom: none; } .rightUl { list-style: none; } .rightA { width: fit-content; white-space: nowrap; padding: 8px; font-size: 14px; font-weight: 600; color: var(--paragraphColorBlack); display: flex; align-items: center; gap: 5px; text-decoration: none; transition: 0.3s; border-radius: 5px; } .rightA:hover { background-color: var(--themeColor1); color: var(--paragraphColorWhite); } .iconSec { line-height: 0px; } .iconSec img { width: 20px; transition: 0.3s; } .rightA:hover .iconSec img { filter: brightness(0) invert(1); } .mainGrid { grid-template-columns: 200px 1fr 1fr 40px; } }.p_23_s209{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }