*{
	margin: 0;
	padding: 0;
}

div.disabled {
    overflow-x: hidden; 
    overflow-y: scroll; 
}

.d1{
            margin-top: 0px;
            margin-left: 0px;
        }
        .d2{
            margin-left: 0px;
            margin-top: 0px;
        }
        .d3{
            margin-top: -650px;
        }
        .d4{
            margin-top: -1050px;
        }
        .d5{
            margin-top: -600px;
            margin-left: 100px;
        }
        .d6{
            margin-top: 250px;
            margin-left: 950px;
        }

body{
	font-family:Roboto;
	background-color:#fbf9ff !important;

}

html{
	scroll-behavior: smooth;
}
#nav-bar{
	position: sticky;
	top: 0;
	z-index: 10;
	overflow: hidden;
}

.navbar{
	background-image: linear-gradient(to right,#F3EFFE ,#F3EFFE);
	padding: 0 !important;
}

.navbar-brand img{
	height: 70px;
   margin: 8px 25px;
	
}

.navbar-nav li{
	padding: 10px 10px;
}
.navbar-nav{
	padding-right:50px;
}




.navbar-nav li a{
	color: #35164F !important;
	font-weight: 600;
	float: right;
	text-align: left;
	display: inline-block;
}
.navbar-nav :hover  {
	color: #ff4878 !important;
	font-weight: 600;
	float:right;
	text-align: left;
	display: inline-block;
}



.btn-label{
	opacity: 0.7;
}


.fa-bars{
	color:#35164F;
	font-style: 30px !important;
	border:none;
	border-style: none !important;
}

.navbar-toggler{
	outline: none !important;
	margin: 8px 25px;
}


/*---------------banner------------------*/
#banner{
	/*background-image:linear-gradient(to right,#F3EFFE ,#F3EFFE);*/
	color:#35164F;
	padding: 80px 10px;
}

.promo-title{
	color:#35164F;
	font-size:75px;
	font-weight: 600;
	font-family: "Roboto";

}

.promo-title span{
	color:#FF4878;

}

.tag{
	font-size:20px;
	color: #ff4878;
	padding-left:80px;
	padding-bottom: 15px;
	font-family: Lato;
}


.btn-store {
 color: #ffffff !important;
  background-image: linear-gradient(to right, #6F36BB 0%,#6E26CE 100%);
  min-width: 254px;
  padding: 12px 20px !important;
  border-radius:100px !important;
  margin-top: 20px;
  box-shadow: 10px 10px 30px rgba(111,54,187,0.3);
  border-style: none !important;
}

.btn-store:focus, 
.btn-store:hover {
  color: #ffffff !important;
 background-image: linear-gradient(to right, #6E26CE 0%,#6F36BB 100%);
  border: none;
  border-style: none !important;
  box-shadow: 10px 10px 30px rgba(111,54,187,0.5);

}

.btn-store .btn-label, 
.btn-store .btn-caption {
  display: block;
  text-align: left;
  line-height: 1;
}

.btn-store .btn-caption {
  font-size: 24px;
}



/*-------banner Image--------*/
.image-fluid{
	width:100%;
	height:auto;
}


/*---------feature---------*/
#Features{
	padding: 80px 10px;

}

.box{
	width: 70px;
	margin-top: 20px;
}

.Features h4{
	font-family: "Roboto";
	padding: 5px;
	color: #fff;
	margin-top: 25px;
	font-weight: 600;
	text-transform: uppercase;
}

.Features p{
	font-family: "Roboto";
	color:rgba(243,249,254,0.7);
	font-size:15px;
}
.Features{
	background-image: linear-gradient(to top, #6E26CE 0%,#6F36BB 100%);
	margin: 10px;
	padding: 10px 10px;
	/*flex: 0 0 22.333333% !important;*/
	border-radius: 25px;
	box-shadow: 10px 10px 30px rgba(111,54,187,0.3);
}

.Features1 h4{
	font-family: "Roboto";
	padding: 5px;
	color: #fff;
	margin-top: 25px;
	font-weight: 600;
	text-transform: uppercase;
}

.Features1 p{
	font-family: "Roboto";
	color:rgba(243,249,254,0.7);
	font-size:15px;
}
.Features1{
	background-image: linear-gradient(to top, #FF2D64 0%,#FF4878 100%);
	margin: 10px;
	/*flex: 0 0 22.333333% !important;*/
	border-radius: 25px;
  box-shadow: 10px 10px 30px rgba(255,72,120,0.3);
}

.title{
	font-family: "Roboto";
	font-weight: 400;
	font-size:80px;
	color:rgba(53,32,79,0.7);
	margin: 10px;
	text-align: center;

}
.fit{
	justify-content: center;
	flex-wrap: none;
	margin:0;
	padding: 0;
}
/*-------------contact------------------*/
.clogo{
	width:200px;
	margin: 20px;
}

.contactlogo{
	padding: 50px 0px;		
}

.form-control{
	padding: 2rem !important;
	border-radius: 25px !important;
	border: none !important;
	margin-top:5px ;
	margin-bottom: 5px;
	outline: none !important;
	border-style: none;
	text-decoration: none;

}
input :placeholder{
	outline: none !important;
}

.form-control:focus{
	outline:none!important;
	border:none;

}

.form-control :active{
	outline:none;
	border: none;

}
h5{
	color: #1FE754;
}

h6{
	color: #E7561F;
}

 #submit{

 	/*background-color: #6F36BB;*/
	background-image: linear-gradient(to right, #6F36BB 0%,#6E26CE 100%);
 	color:#F3EFFE;
 	width: 100%;
 	transition: 0.5s;
 	border: none;
    border-radius: 23px !important;
   padding: 20px 20px 20px 20px ;
    box-shadow: 10px 10px 30px rgba(111,54,187,0.3);
 }	
#submit:hover{
	background-image: linear-gradient(to right, #6E26CE 0%,#6F36BB 100%);
	box-shadow: 10px 10px 30px rgba(109,0,255,0.5);
}
footer {
background-image: linear-gradient(to right, #6F36BB 0%,#6E26CE 100%);
  color: white;
  margin-top:100px;
}




.copy {
  font-size: 12px;
  padding: 15px;

}

/*--------------------loginform--------------------*/
.wrapper {
  display: flex;
  align-items: center;
  flex-direction: column; 
  justify-content: center;
  width: 100%;
  min-height: 100%;
  padding:20px;
  padding-top:80px;
}

#formContent {
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius:20px;
  background: #f0ebff;
 background-size: cover;	
  padding: 30px;
  width: 90%;
  max-width: 450px;
  position: relative;
  padding: 0px;
  -webkit-box-shadow: 0 -5px 11px rgb(119 77 238 / 4%), 0 15px 12px rgb(156 87 248 / 2%);
    box-shadow: 0 -5px 11px rgb(119 77 238 / 4%), 0 15px 12px rgb(156 87 248 / 2%);
  text-align: center;
}



#formFooter {
  background-color: #cfc1f8;
  padding: 25px;
  text-align: center;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 20px 20px;
}

.forgot{
	color: #774DEE;
	outline: none;
	font-weight:bold;
}

.forgot:hover{
	color:#FF1975;
	outline: none;
	text-decoration: none;
}
h2 {
 
  font-size: 16px;
  font-weight: 600;	
  display:inline-block;
  margin: 40px 8px 10px 8px; 
  color: #6F36BB;
  opacity: .5;
}

/* TABS */

h2.inactive {
  color: #cccccc;
  outline: none;
}

h2.active {
  color: #0d0d0d;
  border-bottom: 2px solid #5fbae9;
  outline: none;
}


.without{
  background-color: transparent;
  outline: none !important;
  border:none !important;
}

/* FORM TYPOGRAPHY*/

input[type=button], input[type=submit], input[type=reset]  {
    background-image: linear-gradient(to right, #9372f0 , #774dee);
    border: none;
    color: white;
    border-radius: 50px;
   padding: 13px 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-box-shadow: 0 33px 30px rgb(119 77 238 / 25%), 0 15px 12px rgb(156 87 248 / 8%);
    box-shadow: 0 33px 30px rgb(119 77 238 / 25%), 0 15px 12px rgb(156 87 248 / 8%);
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 50px;
    margin: 25px 20px 40px 20px;
    outline:none;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover  {
	  background-image: linear-gradient(to right, #774dee , #9372f0);
	   -webkit-box-shadow:0 33px 38px rgb(119 77 238 / 25%), 0 15px 12px rgb(156 87 248 / 8%);
    box-shadow: 0 33px 38px rgb(119 77 238 / 25%), 0 15px 12px rgb(156 87 248 / 8%);
    outline: none;
    border:none;
  
}

input[type=button]:active, input[type=submit]:active, input[type=reset]:active  {
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  outline: none !important;
  border:none !important;
}

.loginfield {
  background-color: #fff;
  border: none !important;
  color: #0d0d0d;
  padding: 15px 32px;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 5px;
  width: 85%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius:50px;
  outline: none;
}
.loginfield1 {
  border: none !important;
  color: #0d0d0d;
  padding: 15px 32px;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 5px;
  width:100%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius:50px;
  outline: none;
}

.loginfield:focus {
  background-color: #fff;
  outline: none !important;
}

.loginfield:placeholder {
  color: #cccccc;
  font-family: 'Roboto';
  outline: none;
 
}
.requestfor{
  text-decoration: none !important;
  color: #774DEE;
  cursor: pointer;
  
}
.requestfor:hover{
  color: #FF1975;
}



.downtxt{
    margin-bottom:2rem;
}

#icon{
	width: 120px;
	height:120px;
	margin: 25px;
	justify-content: center;
}

/*Change text in autofill textbox*/
input:-webkit-autofill {
    -webkit-text-fill-color: black !important;
}

/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 100px white inset !important;
}

.fpass{
      color: #38373A;
    padding: 10px;
    opacity: 1;
}

.fpass1{
    color:#747375;
}



.loginfield option {
  padding:10px;
   border:none;
   border-radius:3px;
   outline:none;
}