.knowYourSign{display:flex;flex-direction:column;background-image:url(https://www.masrawy.com/images/HoroscopSection/horoscopsSection.webp);background-size:cover;background-position:center;max-width:944px;width:100%;padding:24px 20px;gap:16px;margin-bottom:12px;border-radius:8px}.knowYourSignHeader{font-size:24px;color:#fff;font-family:'AvenirMeduim';line-height:1.6}.knowYourSignText{font-size:15px;color:#fff;font-family:'AvenirLight';line-height:1.6}.knowYourSignForm{display:flex;flex-direction:column;gap:16px;justify-content:center}.knowYourSignFormHeader{font-size:16px;color:#fff;font-family:'AvenirMeduim';line-height:1.4;padding-top:28px}.knowYourSignButtons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;padding-bottom:16px}.dropdownMonth,.dropdownDay{position:relative;display:inline-block;width:155px;flex-grow:1}.dropbtnMonth,.dropbtnDay{width:100%;padding:12px 16px;background:rgb(255 255 255 / .2);outline:none;color:#fff;font-size:14px;font-family:'AvenirLight';cursor:pointer;display:flex;justify-content:space-between;flex-direction:row-reverse;position:relative;border-radius:8px}.dropdownDayContent{display:none;position:absolute;background:linear-gradient(0deg,rgb(255 255 255 / .1) 0%,rgb(255 255 255 / .1) 100%),linear-gradient(270deg,rgb(14 88 113 / .99) 0%,rgb(46 69 115 / .99) 100%);color:#FFF;font-size:14px;font-family:'AvenirLight';width:100%;margin-top:4px;padding:0;max-height:137px;overflow-y:auto;left:0;z-index:2}.dropdownMonthContent{display:none;position:absolute;background:linear-gradient(0deg,rgb(255 255 255 / .1) 0%,rgb(255 255 255 / .1) 100%),linear-gradient(270deg,rgb(48 68 115 / .99) 0%,rgb(78 49 117 / .99) 100%);color:#FFF;font-size:14px;font-family:'AvenirLight';width:100%;margin-top:4px;padding:0;max-height:137px;overflow-y:auto;left:0;z-index:6}.dropdownMonthContent p,.dropdownDayContent p{padding:4px 8px;margin:0;cursor:pointer;width:100%;box-sizing:border-box}.dropdownMonth.show .dropdownMonthContent,.dropdownDay.show .dropdownDayContent{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.dropbtnMonth.icon-month:before{content:"q";font-size:14px;rotate:270deg}.dropbtnDay.icon-day:before{content:"q";font-size:14px;rotate:270deg}#knowYourSignSubmit{display:flex;width:214px;padding:11px 70px 10px 70px;justify-content:center;align-items:center;margin:0 auto;color:#065d70;font-size:15px;font-family:'AvenirMeduim';background:#fff;border:none;border-radius:8px;cursor:pointer}@media screen and (min-width:320px) and (max-width:767px){.knowYourSign{padding:24px 10px 17px 10px;background-image:url(https://www.masrawy.com/Images/HoroscopSection/KnowYourSign.webp)}.knowYourSignHeader{font-size:20px}.knowYourSignText{font-size:13px}.knowYourSignForm{gap:10px}.knowYourSignFormHeader{font-size:14px;padding-top:16px;padding-bottom:8px}.knowYourSignButtons{gap:10px;padding-bottom:0}.dropbtnMonth,.dropbtnDay{padding:8px 12px;border:1px solid rgb(255 255 255 / .2)}.dropdownMonthContent,.dropdownDayContent{max-height:170px}.dropdownMonthContent p,.dropdownDayContent p{padding:8px 12px}#knowYourSignSubmit{padding:7px 0 6px 0;width:100%;font-size:14px}}