.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.navbar .logo-sm-height{display:none;}
.navbar .logo-w{display:block;}
.navbar .navbar-nav li a{color:#FFFFFF;}
.navbar.headFlex .logo-sm-height{display:block;}
.navbar.main-navigation{border:0px;}

.navbar-com .navbar-name h3, .navbar-com .navbar-name h5{color:#FFFFFF;}
.jumbotron-com{height:100vh !important; max-height: unset;background-position:right !important;}
.jumbotron-com .container{display:block;background: hsl(0deg 0% 100% / 50%);padding: 50px 0px 100px 0px;border-radius: 20px;z-index: 1;}
.jumbotron-com.jumbotron h1{color:#000;text-shadow: 2px 2px 0px #ffffff;}
.jumbotron-com.jumbotron p{color: #000;text-shadow: 2px 2px 0px #ffffff; font-size:3rem; margin-top:2rem; font-weight: bold;}

.bannernext{bottom: 10%;}
.bannerimg{background: #1d45d4c9 url(/images/icon/next.png) center no-repeat;padding: 30px;border-radius: 100%;}

@media screen and (max-width: 1024px)
{
	.jumbotron .container{max-width:80%;}
}
@media screen and (max-width: 1023px)
{
	.jumbotron .container{margin: auto;    padding: 2rem;margin-top: 50px;}
	.jumbotron h1{margin:auto !important;}
}
@media screen and (max-width: 768px)
{
	
}
@media screen and (max-width: 767px){
	.jumbotron-com .container{display: none;}
}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{

}
@media screen and (max-width: 375px)
{
	
}
@media screen and (max-width: 320px)
{
	
}