*{margin:0;padding:0}body{font-family:NotoSans Bengali Condensed}@font-face{font-family:NotoSans Bengali;src:url(/fonts/NotoSans_Bengali.ttf) format("truetype")}@font-face{font-family:NotoSans Bengali Condensed;src:url(/fonts/NotoSans_Bengali_Condensed.ttf) format("truetype")}.top-bar{width:100%;background-color:#57a6e7;border-bottom:2px solid black}.topbar-details{display:grid;grid-template-columns:auto auto;grid-template-rows:auto;padding:5px 5px 0;flex-direction:row;justify-items:space-between;align-items:center}.topbar-left-side-content{display:flex;align-items:center;gap:10px;grid-column:1/2;grid-row:1/2}.topbar-right-side-content{grid-column:2/3;grid-row:1/2;justify-items:right}.topbar-details a{color:#000;text-decoration:none}.topbar-details a:hover{color:#00f}.topbar-logo img{width:90px}.topbar-phone-numbers{display:flex;gap:10px;font-size:21px}.topbar-social-media-adresses{background-color:#138ac2;padding:7px;display:flex;align-items:center;justify-content:right;gap:20px}.topbar-social-media-icons{display:flex;gap:5px}.topbar-social-media-icons a div{width:28px;height:28px;background-color:#fff;border:2px solid black;border-radius:50%;position:relative}.topbar-social-media-icons a div:hover{background-color:#9e9e9e}.topbar-social-media-icons a div img{width:17px;height:17px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar ul{display:flex;gap:10px}.navbar ul li{list-style-type:none;padding:7px 0;background-color:#017fa5;border-radius:20px;font-size:17px;font-weight:600}.navbar ul li a{text-decoration:none;color:#000;padding:7px}.navbar ul li a:hover{background-color:#0ff;border-radius:20px}.navbar .open-list{display:none;flex-direction:column;gap:5px;background-color:#0b92b4;min-width:100%;position:absolute;top:104%;left:50%;transform:translate(-50%);border-radius:15px;white-space:nowrap;z-index:9999;padding:3px}.navbar .open-list li{background-color:transparent;border-radius:0;width:100%;padding:0}.navbar .open-list li a{font-size:15px;display:block;width:100%;box-sizing:border-box;padding:5px 10px;white-space:nowrap;border-radius:10px}.navbar li:has(.open-list){position:relative}.navbar li:has(.open-list)>a:before{content:"▼ ";font-size:15px}.navbar li:has(.open-list)>a:hover:before{content:"▲ ";font-size:15px}.navbar li:has(.open-list):hover .open-list{display:flex}