.v-system-bar {
align-items: center;
display: flex;
font-size: .875rem;
font-weight: 400;
padding: 0 8px;
}
.v-btn__content {
align-items: center;
color: inherit;
display: flex;
flex: 1 0 auto;
justify-content: inherit;
line-height: normal;
position: relative;
transition: inherit;
transition-property: opacity;
}
.toptext {
position: relative;
color: #fff;
padding: 30px 0;
left: 25px;
}
.texttop {
position: relative;
z-index: 5;
background: #3366FF;
color: #fff;
transition: all .3s ease-out;
}
.nav-linkk {
display: block;
padding: 0rem 0.80rem;
}
.imglogin1 {
vertical-align: middle;
border-style: none;
position: relative;
top: -0.2em;
width: 25px;
}
.imglogin2 {
vertical-align: middle;
border-style: none;
position: relative;
top: -0.2em;
width: 25px;
}
.imglogin3 {
vertical-align: middle;
border-style: none;
position: relative;
top: -0.2em;
width: 25px;
}
.imgadmin1 {
font-size: 15px;
vertical-align: middle;
border-style: none;
position: relative;
top: -0.2em;
width: 25px;
}
.imgadmin2 {
font-size: 15px;
vertical-align: middle;
border-style: none;
position: relative;
top: -0.2em;
width: 25px;
}
.imgadmin3 {
font-size: 15px;
vertical-align: middle;
border-style: none;
position: relative;
top: -0.2em;
width: 25px;
}
.imgadmin4 {
font-size: 15px;
vertical-align: middle;
border-style: none;
position: relative;
top: -0.2em;
width: 25px;
}
.mobile-bottom-nav__item-contentt {
display: flex;
flex-direction: column;
font-size: 13px;
}

@media only screen and (max-device-width: 768px) {
.responsive {
width: auto;
height: 100px;
object-fit: fill;
}
.card-text {
font-size: 10px;
color: white;
}
}

@media only screen and (min-device-width: 768px) {
.responsive {
width: auto;
height: 200px;
object-fit: fill;
}
.card-text {
color: white;
}
}
.imgfooter1 {
vertical-align: middle;
border-style: none;
position: relative;
left: 25px;
}
.imgfooter2 {
vertical-align: middle;
border-style: none;
position: relative;
left: 30px;
}
.imgfooter3 {
vertical-align: middle;
border-style: none;
position: relative;
left: 38px;
}
.imgfooter4 {
vertical-align: middle;
border-style: none;
position: relative;
left: 25px;
}
.mobile-bottom-nav_item-content{
display: flex;
flex-direction: column;
font-size: 16px;
}
.style_2 .mobile-bottom-nav_item{
color: #222;
}
.mobile-bottom-nav_item{
flex-grow: 1;
text-align: center;
font-size: 12px;
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
}
.mobile-bottom-nav{
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
will-change: transform;
transform: translateZ(0);
display: flex;
padding: 15px 0;
min-height: 50px;
box-shadow: 0 5px 10px 4px rgba(0, 0, 0, 0.5) ;
}
nav{
display: block;
}
*, ::after, ::before{
box-sizing: border-box;
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section{
display: block;
}

:root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
}

.mobile-bottom-nav__item-content {
display: flex;
flex-direction: column;
font-size: 16px;
}
*, ::after, ::before {
box-sizing: border-box;
}
*, ::after, ::before {
box-sizing: border-box;
}
.style_2 .mobile-bottom-nav__item {
color: #222;
}
.mobile-bottom-nav__item {
flex-grow: 1;
text-align: center;
font-size: 12px;
display: flex;
flex-direction: column;
justify-content: center;
}


/*--------------------------------navber_mobile--------------------------*/


.v-system-bar {
align-items: center;
display: flex;
font-size: .875rem;
font-weight: 400;
padding: 0 8px;
}
.v-btn__content {
align-items: center;
color: inherit;
display: flex;
flex: 1 0 auto;
justify-content: inherit;
line-height: normal;
position: relative;
transition: inherit;
transition-property: opacity;
}
.toptext {
position: relative;
color: #fff;
padding: 30px 0;
left: 25px;
}
.top-announcec {
position: relative;
z-index: 5;
background: #c76c00;
background: linear-gradient(0deg,#00459a,#0074ff);
color: #fff;
padding: 15px 0;
left: 0px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.top-navbar {
position: relative;
z-index: 5;
background: rgba(255, 255, 255, 0.05);
-webkit-backdrop-filter: blur(9px);
backdrop-filter: blur(9px);
border: 1px solid rgba(255, 255, 255, 0.025);
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.top-navbar-mobile {
position: relative;
z-index: 5;
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(9px);
border: 1px solid rgba(255, 255, 255, 0.025);
}
.texttop {
position: relative;
z-index: 5;
background: #3366FF;
color: #fff;
transition: all .3s ease-out;
}
.nav-linkk {
display: block;
padding: 0rem 0.80rem;
}
.texttop11 {
position: relative;
z-index: 5;
left: 0em;
transition: all .3s ease-out;
padding: -1px 5px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
user-select: none;
font-size: 13px;
}
.navbar-mobile {
position: relative;
z-index: 5;
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(9px);
border: 1px solid rgba(255, 255, 255, 0.025);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 10px 0px;
}
.bood{
position: relative;
left: 4px;
}