body{background:#000!important;}
.header .mycontact #i27sjso{font-size: 22px; background: url(https://s3.amazonaws.com/prod_bucket/wb_images/138441653-1630585783-83287.png) no-repeat left top; width: 311px; height: 44px; display: block; padding: 8px; top: 0px; position: absolute; right: 180px; z-index: 1000;}
.header .mycontact{background:url(https://s3.amazonaws.com/prod_bucket/wb_images/2049274863-1630585538-83287.jpg) repeat-x left top; height: 25px; max-width:1349px; position:relative; margin:0 auto;}
nav.navbar.navbar-default.navbar-trans.navbar-expand-lg{max-width: 1000px; margin: 0 auto; padding: 5px 0px!important;}
.navbar-nav{margin-top: 35px;}
.navbar.navbar-default ul > li > a{font-size:14px;}
.navbar.navbar-default ul > li > .width-cls-12848979{background: #f8cc4b!important; padding: 10px!important; border-radius: 5px; color: #000!important; margin-top: 12px; margin-left: 140px; font-weight:600; display:none;}
.widget-wrapper-top {margin-top: 145px;}
.widget-page-wrapper{margin-top:0px;}
.main-info {max-width: 950px; width: auto; background: #fff; padding: 20px;}
.footer-top{display:none;}
.navbar-light .navbar-nav{background:#000;}
footer.footer{padding-top:0px;}

.page-heading{color:#fff;}
.form-area input{color:#fff; border-bottom: 4px solid #fff;}
.form-area input::placeholder{color:#fff;}
.form-area input:-ms-input-placeholder{color:#fff;}
.forgot a{color:#fff;}
.form-area button.btn-black-border{background: #f8cc4b!important; border:0px; color:#000;}
.register a{color:#fff;}
.terms-condition a{color:#fff;}
.already{color:#fff; margin-bottom:55px;}
.allready1{color:#fff;}
.allready1 a{color:#fff;}

#loginWithPhoneOtpModal .form-area input{color:#000; border-bottom:solid 2px #000}
#loginWithPhoneOtpModal .form-area input::placeholder{color:#000;}
#loginWithPhoneOtpModal .forgot a{color:#000;}

.page-wrapper{margin-top: 145px;}
.np-top-img{width:100%; height:auto;  position: absolute; top: 0px; left:0px;}
.np-top-img img{width:100%; height:auto;}
.links{position: absolute; top: 360px; width: 100%; display: grid; grid-template-columns: repeat(5, 1fr); left:0px; gap: 2rem;; padding: 20px;}
.links a{display: table; text-align: center; background: #fff; color: #000; padding: 15px; font-weight: 600;}
.links a:first-child{background:#74f9fc;}
.links a:nth-child(2){background:#cc655b;}
.links a:nth-child(3){background:#ed9742;}
.links a:nth-child(4){background:#73f74b;}
.links a:nth-child(5){background:#fcf250;}
.width-cls-iog{font-weight: 600; padding: 10px; height: auto;}

@media screen and (max-width: 990px) and (min-width: 768px){
	.header .mycontact #i27sjso{right:50px;}
	.navbar.navbar-default ul > li > .width-cls-12848979{display: table; float: right; margin-left: 00px; margin-right: 15px;}
	.links{grid-template-columns: repeat(5, 1fr); gap: 1rem; padding: 10px;}
	.page-wrapper {margin-top: 105px;}
}


@media screen and (max-width: 539px) and (min-width: 320px){
	.widget-wrapper-top {margin-top: 105px;}
	.header .mycontact #i27sjso {font-size: 13px!important; width: 201px; height: 44px; display: block; padding: 5px 8px; top: 0px; position: absolute; right: 20px; z-index: 1000; background-size: contain;}
	.navbar.navbar-default ul > li > .width-cls-12848979{display: table; float: right; margin-left: 00px; margin-right: 15px;}
	.links{grid-template-columns: repeat(1, 1fr); gap:10px; padding: 10px;}
	.page-wrapper {margin-top: 105px;}
}