*{padding: 0px;margin: 0px;box-sizing: border-box;}
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Serif+Myanmar&display=swap');
body{background-color: #180E29;font-family: "Noto Serif Myanmar", serif;font-weight: 400;font-style: normal;}
.eng{font-family: "Inter", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
.title{font-size: 20px;}
	@media only screen and (min-width: 768px){
        .container{width: 550px;color:#D0CACD;}

        .menu_bar{position: fixed; top: 0px;height: 50px;background:#413F3F ;width: 550px;}
        .menu{height: 50px;display: flex;align-content: center;width: 95%;align-items: center;}
        .menu_img{width: 40px;height: 40px;margin-left: 5px;}
        .menu_img:hover{cursor: pointer;}
        .menu_name{font-size: 20px;margin-left: 10px;height: 35px;}
        .menu_name:hover{cursor: pointer;color:#8E69CD;}
        .menu_person{margin-left: auto;}
        .menu_person:hover{cursor: pointer;}
        .div_logout{display: none;position:absolute;right:2%;top:50px;height: 30px;width: 55px;border-radius: 6px;background: #7e4fd1;}

        .main_content{margin-top: 50px;}

        .left_side{display: none;position: fixed;height: 100%;background: #180e29;width: min-content;flex-direction: column;}
        .a_sidemenu{float: left;height: 40px;width: 250px;background-color: rgb(27, 26, 26);display: block;margin-top: 5px;box-shadow: -1px 2px 1px -1px gray;border-radius:5px; }
        .a_sidemenu:hover{cursor: pointer;color: white;}
		.img_leftmenu{height: 40px;width: 40px;float: left;margin-left: 20px;}
		.a_leftext{font-size: 15px;float: left;padding-top: 5px;margin-left: 10px;}
        .txt_hid{display: none;}

        .mini_menu{display: flex;width: 95%;}
        .day{text-align: center;flex: 1;font-size: 11px;margin:5px; background-color:#413F3F;border-radius: 5px;font-weight: bold;height: 40px;box-shadow: 1px 2px 1px 1px gray;align-content: center;}
        .day:hover{cursor: pointer; color:#774BC3; box-shadow: 1px 3px 1px 1px #774BC3;}
		.today{color:#774BC3;box-shadow: 1px 3px 1px 1px #774BC3;}

        .main_body{padding-top: 5px;width: 550px;margin-bottom: 20px;}

        .foot_note{margin-bottom: 65px;text-align: right;font-size: 13px;}

        .foot_bar{position: fixed;display: flex; bottom: 0px;height: 60px;background:#413F3F ;width: 550px;flex-wrap: wrap;justify-content: space-evenly;align-items: center;}
		.foot_bar div:hover{color:#8E69CD;cursor: pointer;}
        .foot_icon{height: 20px;width: 20px;font-weight: bold;}
	}
	
	@media only screen and (max-width: 767px){
        .container{width: 100%;color:#D0CACD;}

        .menu_bar{position: fixed; top: 0px;height: 50px;background:#413F3F ;width: 100%;}
        .menu{height: 50px;display: flex;align-content: center;width: 95%;align-items: center;}
        .menu_img{width: 40px;height: 40px;margin-left: 5px;}
        .menu_img:hover{cursor: pointer;}
        .menu_name{font-size: 20px;margin-left: 10px;height: 35px;}
        .menu_name:hover{cursor: pointer;color:#8E69CD;}
        .menu_person{margin-left: auto;}
        .menu_person:hover{cursor: pointer;}
        .div_logout{display: none;position:absolute;right:2%;top:50px;height: 30px;width: 55px;border-radius: 6px;background: #7e4fd1;}

        .main_content{margin-top: 50px;}

        .left_side{display: none;position: fixed;height: 100%;background: #180e29;width: 70%;}
        .a_sidemenu{float: left;height: 40px;width: 98%;background-color: rgb(27, 26, 26);display: block;margin-top: 5px;box-shadow: -1px 2px 1px -1px gray;border-radius:5px; }
        .a_sidemenu:hover{cursor: pointer;color: white;}
		.img_leftmenu{height: 40px;width: 40px;float: left;margin-left: 20px;}
		.a_leftext{font-size: 15px;float: left;padding-top: 5px;margin-left: 4%;}
        .txt_hid{display: none;}

        .mini_menu{display: flex;width: 95%;}
        .day{text-align: center;flex: 1;font-size: 11px;margin:5px; background-color:#413F3F;border-radius: 5px;font-weight: bold;height: 40px;box-shadow: 1px 2px 1px 1px gray;align-content: center;}
        .day:hover{cursor: pointer; color:#774BC3; box-shadow: 1px 3px 1px 1px #774BC3;}
		.today{color:#774BC3;box-shadow: 1px 3px 1px 1px #774BC3;}

        .main_body{padding-top: 5px;width: 95%;margin-bottom: 20px;}

        .foot_note{margin-bottom: 65px;text-align: right;font-size: 13px;margin-right: 10px;}

        .foot_bar{position: fixed;display: flex; bottom: 0px;height: 60px;background:#413F3F ;width: 100%;flex-wrap: wrap;justify-content: space-evenly;align-items: center;}
		.foot_bar div:hover{color:#8E69CD;;cursor: pointer;}
        .foot_icon{height: 20px;width: 20px;font-weight: bold;}
	}
    
.navbar {
    /*   position: relative; */
    /* Other navbar styles */
}

.lang-switcher {
    position: absolute;
    top: 10px;
    /* Adjust as needed */
    right: 70px;
    /* Adjust as needed */
    cursor: pointer;
    z-index: 10;
}

.lang-display {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #ccc;
    /* background-color: #f8f8f8; */
}

.lang-display .earth-icon {
    width: 30px;
    height: 30px;
}

.lang-options {
    list-style: none;
    padding: 0;
    margin: 5px 0 0;
    display: none;
    /* Hidden by default */
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    min-width: 50px;
}

.lang-options li {
    padding: 5px 10px;
}

.lang-options li:hover {
    background-color: #f0f0f0;
}

/* Show on hover */
.lang-switcher:hover .lang-options {
    display: block;
}

.sh_news{width: 98%;display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.shone{width: 48%; text-align: center;font-size: 14px;margin: 1%;background-color: #413F3F;border-radius: 5px;min-height: 40px;box-shadow: 1px 2px 1px 1px gray;align-content: center;}
.shone:hover{cursor: pointer;color: #774BC3;box-shadow: 1px 3px 1px 1px #774BC3;}
.newsti{text-align: left;margin-left: 5%;}