.navbar {
  background: #f8f9fa;
}
.logo {
  display: flex;
  align-items: center;
  gap: 10px;
}
.logo img {
  width: 80px;
  height: 70px;
  border-radius: 50%;
}
.navbar-nav .nav-link {
  font-weight: bold;
}
.icons {
  display: flex;
  gap: 20px;
  align-items: center;
  cursor: pointer;
}
.icons i {
  font-size: 30px;
  color: blue;
  position: relative;
}
.social-icons {
  display: flex;
  gap: 10px;
}
.social-icons i {
  font-size: 27px;
  margin-right: 10px;
  color: gray;
  cursor: pointer;
}
.search-bar {
  flex-grow: 1;
}
.search-bar input {
  width: 50%;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-left: 25%;
}
.search-bar button {
  background: none;
  border: none;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-right: 25%;
  transform: translateY(-50%);
  font-size: 18px;
  color: gray;
  cursor: pointer;
}
.navbar-nav {
  margin: auto;
}
.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #f8f9fa;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.nav-item:hover .dropdown-menu {
  display: block;
}
.menu-btn {
  font-size: 24px;
  cursor: pointer;
}

.sidebar {
  position: fixed;
  top: 0;
  right: -100%;
  width: 70%;
  height: 100%;
  background: #fff;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
  transition: right 0.3s ease;
  padding-top: 20px;
  z-index: 1001;
}
.sidebar.show {
  right: 0;
}
.sidebar .close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 30px;
  cursor: pointer;
}
.sidebar ul {
  list-style: none;
  padding: 0;
}
.sidebar ul li {
  padding: 15px;
  border-bottom: 1px solid #ccc;
}
.sidebar ul li a {
  text-decoration: none;
  font-weight: bold;
  color: #333;
}
@media (max-width: 768px) {
  .navbar-nav {
    display: none;
  }
  .icons {
    display: none;
  }
  .search-bar input {
    width: 100%;
    margin-left: 0;
  }
  .search-bar button {
    margin-right: 0;
  }
  .bottom-icons {
    display: flex;
    justify-content: space-around;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #f8f9fa;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    z-index: 1000;
  }
  .bottom-icons a {
    color: gray;
    font-size: 24px;
    text-decoration: none;
  }
  .navbar-toggler {
    display: block;
  }
}
@media (min-width: 769px) {
  .navbar-toggler {
    display: none;
  }
}
.marquee {
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  animation: marquee 15s linear infinite;
}
@keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
.dropdown:hover .dropdown-menu {
  display: block;
}
.message-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  overflow: hidden;
  position: relative;
}
.message {
  position: absolute;
  animation: slide 10s infinite;
}
@keyframes slide {
  0%, 50% { top: 0; }
  25%, 75% { top: -30px; }
}

/* sign up and sign in  */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}
.modal-content {
  background-color: #fefefe;
  margin: 5% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 500px;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.form-group {
  margin-bottom: 15px;
}
.form-control {
  border-radius: 5px;
}
.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
  border-radius: 5px;
}
.btn-primary:hover {
  background-color: #0056b3;
  border-color: #004085;
}

/* Sign Up and Sign In Modals */
.modal-content {
  background-color: #fff;
  mArIn: %% cWtë;/Š  xaädiNg 02pz™
$0bor$Eb2$1px!sol-d(8\:›! wédth: 80%;
!(max-width: µ 2px{
 roPDeR)òidkuò: 11rp»-
  boXyshadow:(0 7pø&15p|"zgBa(5.0,8,2.39;,
 €aîyMaôion: fadeI~(8ª5Q9
}*À#çyFraaEs æQfeKn {((dro- { kpeciTy:  z }
 (4/ k`oÐacity: 1: }

.movql=#onent$h: {
 !tgxt+%lig~: celtaS;
0 marGhn-âodtoL:$20xY9 !Nkn4-sIze:"2em9M"  sol.rº #333;	}J
>onda,,cojtenô /forlmgrowp  0mabgkn-rotto-º 1'pz;-
}
J.}oDaL-sontejð .&opl-wRnuð ,ABul${
!"fMwT-wEhclt;0bn|d;-
 .clOr: #55´;}
níkàa}=colEnt!(fovm/eontz/m {
t "/2ler=rafmus( 5p:
 Hraäìlfg* 1 t(;
  bord%p:"1tx s.li$&##Cã:ü
-odqì-c'n4Ent!/svnÏprim¡sñ ÿ°"j!ëkGwopn$­colOr; '107ffæ,
0(cïSdov-cïl{p2 #00¿jff;
1boree2,r!di\r8 5px;-
  paddikg: 1r| 28sx?
` nont.{ize:7.:ei? 0wjd%h+ ±4¸%9Š  M!reë~-ñopê 10ðx;	
}

.Mofkl-cm&Tån|`.Btn-qrimawi8hover {M
( backgroun@icïnmr> #°056r3;  borderclÿr: #0t0<5+}(*moti,­cont%nt ð ;]  text-Ala/n:`cefôer;
  mizuio/ôÏð2 ²8qx+
}M
M
.mOdAd-cOntunT p(a {
 ¤ãeìOr:"10bNn;
  |g9t-decoratiín: noNe3}
l
.Mmdal-coüefu x a:`Over ûŒ  `Ext­$egopit)gn:`q~dErdinÅ;}-
.gJ/Se z-¢  o_=îr:"#daa»
 (æNo`t Vight;M
0 bOtmséúD 8px;
` fonT,seiçxt: bold:M
m
.j|se:hovdsn-®clk;ejboCõû1kŠ  gnlor:0clagj;
 (te|t/dùcgPqdèon8 nOne
  curwmr: pnin6ar;}
&b Rktvom ig/mS bor Mlbhle¡®/-:.B.t<o%-iboos {Š` ei{ql!y flex;
  juóñifq=ck.teOt2 cpaóm-armgnd9J  po3©Tion: &)xad;6 â~ptëMª p;
 `Çidtj:b90%³ 0Be!ëor5nd: #f8f9va;MŠ" °qdainG: 5°ty 0;  Bor,Mb-to4: 1xhdsoléd !ccc;
 !h-ynfe8: 1p 0:}

.~ott/mmkgo.s a({= 0cnìor: gra}*,
 0fGntlcixe: #4pø;M
( våxt,fegobauin:$no~E:
 atrá~s(uinkš cc,b 0/ws;
ý-
MJ.`otdoo-isgnp i.activm,
*bgtôOi-icoN#1qhover![*  ãílov: '007cff;}

/* Pbodu{t0ämtai|S j/MZî~òïeuctiDmtqilq`{M
 `mex-width 120px;M` mzfi.* 0 a5tï;
  p`ddif':(20dx+%
  pms0l)i2 fme|;
  flax-çrápx"7r!p:
}-/øroäu#W%imagms {
 "fíex:`!;I  diópdai: Flí:;
  f,ex-dirQctëmnz"coltLn]8 1a|igo-items:bgeîter;*qJ®p2kduc|-iobg%3 *-ahn-inagu ëMJ€ wiäti: ±2 E;Š$&i!x-wydvjº!7d1xx9
($huight*`a5to;, "çrder-vad	uw: 10qy;  marfIj-r/ttKm:°200(;}].xznduct%khaOes .addityooql/imaçec {M
 tmsPlay:`flex;
dvdex-gza0: vRÅp;  huzdyFy%soJ4åìtº +tnÐer{
}
.prgducpmioáges0®qddytigNaljmegew amf {-
  èaX=giddX:0900pp;
 ,(eigpt* autk{  MAbsilz 50i;
  bOónur-radiusk 3°0x;
  cursOr20p_Intgr;Jý
.xzoducT,i~FO`c  Flux04;	0@hadding¡20pp#}
.trndukt­éngoh1 
  Foktrk;e 0¾=dm;
0!ìazgiO-¢o6Vo-: "0pP;
y*.¢rïätct-infO0ð0k
0"äonu-gi{`: 1*ºgm; !Iaóeyn%b¯tvoe: 2X+
}
.pr{Ôuct-iofo .bri#m k (foft=sIzå:21,µe|?
  co,or: "e74Csc³
  íapain-`otTomº020ôx3}
&Ðr{dtct-imfk æb54to.q$[
"tisplb9: ddel3
 pfax{ 24x[m
}
/prodwãt=indo btÔuojq butT/l z
0 vl%x"5;
  paddklg:`ñppx 20px+*d font-cixg:"1,’%u;  cgòlab: .one;
 $boveäp-xqdiES: 5px;
  c5rsoR!0kiter;
ý
.trg$6ct-y~&o .bu|tons ¶fi-now {M
  backGzouj`%gNlnrz #28¡765;
`!Codor> 7hIee;*}.prdecd-Hnæo .beäPoos *ad`-tî-cesp¢s-
  facêgvkundm#o,oR:`#087bvf;M
$ c/íÏâ:$vhi4e
}