html{
	font-size: 62.5%;  scroll-behavior: smooth;
}
@font-face{
	font-family:'Mulish-Regular';
	src:url('../fonts/Mulish-Regular.ttf');
}
@font-face{
	font-family:'Mulish-Light';
	src:url('../fonts/Mulish-Light.ttf');
}
@font-face{
	font-family:'Mulish-SemiBold';
	src:url('../fonts/Mulish-SemiBold.ttf');
}
@font-face{
	font-family:'Mulish-Medium';
	src:url('../fonts/Mulish-Medium.ttf');
}
@font-face{
	font-family:'Mulish-Bold';
	src:url('../fonts/Mulish-Bold.ttf');
}

@font-face {
  font-family:'FontAwesome';
  src:url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');
  font-weight: normal;
  font-style: normal;
}
body{
	box-sizing: border-box;
	overflow-x: hidden!important;
 	font-family: 'Mulish-Regular';


}
.container-fluid, .row{
	margin:0px;
	padding:0px;
}

:root{
	/*--forbg:#1f2128;
	red: #d14261;*/
	--red:#5cb85c;
	--blue:#6168c1;
	--yellow:#FFF9A6;
	--gray:#f9f27a;
	--lightgray:#e6e6e6;
}

.hero-section{
	height:auto;
	width:100%;
	background-repeat:no-repeat;
	background-size:100% 100%;
	background:white;
    transition: background .3s,


}
.mainlogo{
	/*width:10rem;*/
}
.container-fluid{
	margin:0px;padding:0px;
}

.navbar{
	height: auto;
	margin-top:2.8rem;
}
.navbar.sticky_navigation {
	background:white;
	/*background: linear-gradient(90.28deg, #001C80 0.26%, #153ABF 30.33%, #2B59FF 99.79%);*/
	padding:2rem 1.2rem;
	box-sizing: border-box;
	color:white;
}
.sticky_navigation {
	margin-top:0rem!important;  
	width: 100%;
  	z-index: 999;
  	color:white;
  	-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09);
  	-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  	animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.sticky_navigation .navbar {
	margin-top: 0px!important;
}
.mto0{
	margin-top:0px!important;
}

@-webkit-keyframes fadeInDown {
  0%{
    opacity: 0;
    -webkit-transform: translateY(-20px);
   }
    100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    }
}    
 
      
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
body{
	overflow-x: hidden!important;
}
.formarginleft{
	margin-left:20rem;
}
.navbar-nav li{
 	padding:0rem 1.3rem;
}
.navbar-nav li a{
 	font-size:1.6rem;
 	text-transform: capitalize;
 	color:black;
 	font-family: 'Mulish-SemiBold';
}
.navbar-nav li a.active{
	color:var(--blue);
	font-weight: bold;
}
.navbar-nav li a:hover{
	color:var(--blue);
}
.loginbtn{
	border-radius: 2.6rem;
	padding:.6rem 3rem!important;
	display: inline-block;
	color:var(--blue)!important;
	/*background:var(--red);*/
	margin-top:-.2rem;
	outline:2px solid var(--blue);
}
.loginbtn:hover{
	background:var(--red);
	color:white!important;
	outline:2px solid var(--red);
	

}

.navbar-toggler i{
	color:var(--blue);
	font-size:2rem;
}
.fa-times{
	display: none;
}
.navbar-toggler:focus{
	outline:none;
}

.about_section{
	height:auto;
	padding:2rem 0rem;
	padding-top:13rem;
}
.hero_heading{
	font-size:5.0rem;
	color:var(--blue);
	font-family: 'Mulish-Bold';
	line-height: 6.5rem;
}
.hero_p{
	font-size:2.5rem;
	color:black;
	font-family: 'Mulish-Regular';
	margin-top:2rem;

}
.buynowbtn{
	display: inline-block;
	padding:1.2rem 3.7rem;
	background: var(--blue);
	margin-top:1.6rem;
	font-size:1.8rem;
	color:white;
	font-family: 'Mulish-SemiBold';
	text-transform: capitalize;
	border-radius:2.6rem;
}
.buynowbtn:hover{
	color:white;
	text-decoration: none;
	opacity: .8;
}

.buynowbtn:hover:hover{
	background:var(--red);
	color:white!important;
	outline:none;
}
.hero_right{
	padding:4rem 3rem;
	box-sizing: border-box;
	background:var(--yellowshad);
	border-radius: 2.5rem;
}
.mainlogo{
	/*max-width: 12rem;*/
}
.heroimage {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

.py_80{
	padding:8rem 0rem;
}
.py_10{
	padding:1rem 0rem;
}
.py_30{
	padding:3rem 0rem;
}
.main_heading{
	text-align: center;
	color:black;
	font-size: 3rem;
	font-family: 'Mulish-SemiBold';
	margin-bottom: 2rem;
}
.tag_list{
	padding:0px;
	margin:0px;
	text-align: center;
}
.tag_list li{
	list-style: none;
	display: inline-block;
	text-align: center;
	line-height: 4rem;
	margin:1rem;
	font-size:1.7rem;
	font-family: 'Mulish-SemiBold';

}



.forformm form input{
	height:5rem;
	width:100%;
	background: white; 
	line-height:5rem!important;
	border-left: none;
	font-size:1.8rem;
	margin-right:-15.3rem;
	/*border-top-left-radius: 10rem!important;
	border-bottom-left-radius: 10rem!important;*/
	border:1px solid #dadbdd;
	border-radius: 10rem!important;
	padding-left:2rem;
	
}

.subscribtnn{
	background: var(--blue)!important;
	color:white!important;
	font-size:1.8rem;
	height:4.4rem;
	width:15rem;
	margin-left:0px;
	border:none;
	border-radius: 10rem!important;
	text-align: center!important;
	display: inline-block;
	line-height:3.5rem;
	padding-top:0px;
	padding-bottom:0px;
	z-index: 1;
	margin-top:.3rem;
}
.subscribtnn:hover{
	background: var(--red)!important;
	cursor: pointer;
}

.forformm form input::placeholder{
	color:black;
	font-size:1.6rem;
	padding-top: 1rem;
	line-height:8.4rem;
}
.forformm form input:focus{
	z-index: 1!important;
	background: white!important;
}


.email_submission{
	padding:0px;
	display: none;
}
.email_submission form input[type='text']{
	height:5rem;
	width:100%;
	background: white; 
	line-height:5rem!important;
	border-left: none;
	font-size:1.6rem;
	border:1px solid #d2d2d5;
	border-radius: 10rem!important;
	padding-left:2rem;
	color:black;
}
.email_submission form input[type='text']::placeholder{
	color:gray;
}
.forformm form input[type='text']::placeholder{
	color:gray;
}
.forformm form input:focus{
	outline: .5px solid var(--blue);
	box-shadow: 0rem 0rem blue;
}
.email_submission form input:focus{
	outline: 1px solid var(--blue);
}
.email_submission form input[type='checkbox']:focus{
	outline:none;
	cursor: pointer;
}
.email_submission form input[type='checkbox']{
	 -ms-transform: scale(1.2); /* IE */
  -moz-transform: scale(1.2); /* FF */
  -webkit-transform: scale(1.2); /* Safari and Chrome */
  -o-transform: scale(1.2); /* Opera */
  margin-top:.8rem;
 	outline:none;

}
.radio_btn_text{
	display: block;
	margin-top:-2.4rem;
	font-size:1.6rem;
	margin-left:2rem;
}
.alertat{
	font-size:1.6rem;
	margin-top:0rem;
}
.forbuttons input{
	width:15rem;
	font-size: 1.6rem;
	cursor: pointer;
	outline: none;
	border:none;
	border-radius: .5rem;
	margin:1rem;
	height: 4rem;
	color:white;
	font-family: 'Mulish-Bold';
	text-transform: uppercase;
	letter-spacing: .1rem;

}

.forbuttons button{
	width:15rem;
	font-size: 1.6rem;
	cursor: pointer;
	outline: none;
	border:none;
	border-radius: .5rem;
	margin:1rem;
	height: 4rem;
	color:white;
	font-family: 'Mulish-Bold';
	text-transform: uppercase;
	letter-spacing: .1rem;

}

.submit_btn{
	background:var(--red);
}

.disabled_btn{
	background:var(--lightgray);
}

.reset_btn{
	background:#d9534f;

}
.submit_btn:hover,.reset_btn:hover{
	background:var(--blue);
}

.gen_heading{
	text-align: center; 
	border-bottom: 0px solid #dadbdd; 
	line-height: 3rem;
	margin:0rem;
	font-size:3rem;
	font-family: 'Mulish-Bold'
 } 
 
 .gen_heading span { 
	 background:transparent #f7f7f7;
	 padding:0 2rem; 
 }

.release_card{
	width:100%;
	height: auto;
	padding:2rem;
	box-sizing: border-box;
	background:white;
	border-radius: .5rem;
	border:1px solid #dadbdd;
}
.press_title{
	font-size: 1.8rem;
	color:var(--blue);
	line-height: 2.5rem;
	margin:0px;
	display: block;
	padding:0px;
	margin-bottom: 1rem;
	font-family: 'Mulish-SemiBold';
	/*text-transform: lowercase;*/
	margin-top:0rem;
}
.press_title::first-letter {
  text-transform: capitalize;
}
.press_title:hover{
	text-decoration: none;
	color:var(--blue);
}
.press_date{
	font-size:1.6rem;
	font-family: 'Mulish-SemiBold';
	margin-bottom: 1rem;
	color:#404145;
}
.press_desc{
	color:#95979d;
	font-size:1.6rem;
	margin-bottom: 1rem;
	margin-bottom: 1.5rem;

}
.press_btn{
	font-size:1.6rem;
	background:var(--red);
	padding:.8rem 2.5rem;
	color:white;
	border-radius:2.6rem;
	text-transform:capitalize;
	font-family: 'Mulish-SemiBold'
}
.recent_release{
	background:#f7f7f7;
}
.press_btn:hover{
	background: var(--blue);
	color:white;
	text-decoration: none;
}

.main_footer{
	width:100%;
	height: auto;
	background:#262626;
	padding:6rem 0rem;
}
.footer_heading{
	font-size:2.4rem;
	color:white;
	font-family:'Mulish-Regular';
}
.footer_email_link{
	font-size:1.8rem;
	color:white;
	line-height: 4rem;
	font-family:'Mulish-Regular';
	color:var(--blue);
}
.footer_email_link:hover{
	color:var(--red);
	text-decoration: none;
}
.footer_p{
	margin-top:1rem;
	color:#777;
	font-size:1.6rem;
}

.footerLinks{
	padding:0px;
	margin:0px;
	margin-top: 2rem;
}
.footerLinks li{
	list-style: none;
	display: block;
	line-height: 3rem;
}
.footerLinks li a{
	font-size:1.6rem;
	color:var(--lightgray);
	text-transform: lowercase;
}
.footerLinks li a:hover{
	color:var(--blue);
	text-decoration: none;
}

footer{
	font-size:1.4rem;
	color:gray;
	background:#1a1a1a;
	padding:2rem 0rem;
}
footer p{
	padding:0rem;
	margin:0rem;
}



/*alerat release section */
.alert_release{
	background:#f7f7f7;
	display: none;
}



/*alert release section end*/

#myBtn {
  display: none;
  position: fixed;
  bottom:.6rem;
  right: 3%; 
  z-index: 99;
  border: none; 
  outline: none; 
  background-color:var(--blue); 
  color: white;
  cursor: pointer;
  padding: 0rem;
  border-radius: 100%;
  font-size: 18px;
  width:4rem;
  height: 4rem;
  text-align: center;
  line-height: 2rem;
}

#myBtn:hover {
  background-color:var(--red);
}

/*back to top style end*/

/*/*error div style start*/
.alert-danger{
	margin-top:1.5rem;
	font-size:1.7rem;
}

/*error div end*/

.all_release{
	background:#f7f7f7;
	padding:8rem 0rem;
}


#faq_row{
	/*background: white;*/
}

#faq_row .card-header:after{
    font-family:'FontAwesome';
    content:"\f068";
    float:right;
    padding-left:5px;
    padding-right:5px;
    padding-top:.4rem;
    margin:0px;
    display: flex;
    align-items: center;	
    padding-bottom:0px!important;
    /*border:1px solid black;*/
    border-radius:100%;
    color:var(--blue);
    font-size:18px;
   
  }
  #faq_row .collapsed:after{
    content:"\f067";
    color:var(--blue);
  }
  #faq_h2 p{
  	color:gray;
  	font-size:20px;
  	text-transform:capitalize;
  }

  .colap_header{
  	cursor: pointer;
  }
  .colap_header a{
  	font-size:2rem;
  	vertical-align: middle;
  	cursor: pointer;
  	text-transform: capitalize;
  	color:#404145;
  	font-family:'Mulish-SemiBold';
  }
  #content_p p{
  	font-size:2.2rem;
  	text-align:center;
  	
  }
  #faq_row .card{
  	background: none;
  	border:none;
  }
  #faq_row .card-header{
 	background:white;
  	/*box-shadow: 0 4px 10px -6px black;
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);*/
    margin-bottom: 1rem;
    border:1px solid #dadbdd;
  }
.normal-p{
	font-size:17px;
	color:gray;
}

.card.activee > .card-header{
  background-color: red!important;
}
.active-acc{
	background:red!important;
}

/*myalert page */


.myalertlist{
	padding:0px;
	margin:0px;
}
.myalertlist li{
	list-style: none;
	display: block;
	margin-bottom:1rem;
	background: white;
	font-size:1.6rem;
	line-height: 3rem;
	padding-bottom:.5rem;
	border-bottom: 1px solid #dadbdd;
	color:#404145;
}

.myalertlist li i{
	padding-right: 1rem;
	display: inline-block;
}
.myalertlist li i:hover{
	color:var(--red);
	cursor: pointer;
}
.listLink{
	font-size:1.6rem;
	color:var(--blue);
}

/*sig in page start*/

.signin_section{
	padding:8rem 0rem;
	background:#f7f7f7;
}
		.user_card {
			height: auto;
			max-width: 50rem;
			margin-top: auto;
			margin-bottom: auto;
			background:white;
			position: relative;
			display: flex;
			justify-content: center;
			flex-direction: column;
			padding: 10px;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			border-radius: 5px;
			margin:0 auto;
			padding:4rem;

		}
		.form_container form{
			width:90%;
			margin:0 auto;
			font-size:1.6rem;
			color:white;
		}
		.form_container form input{
			height: 3.5rem;
			font-size: 1.6rem;
			border-left:0px;

		}
		.login_btn{
			width: 100%;
			background:var(--blue) ;
			color: white ;
			height: 3.5rem;
			font-size:1.6rem;
			font-family: 'Mulish-SemiBold';
		}
		.login_btn:focus {
			box-shadow: none ;
			outline: 0px;
		}
		.login_btn:hover{
			background: var(--red);
		}
		.login_container {
			padding: 0 0rem;
		}
		.input-group-text {
			background:white;
			color: black ;
			border: 1px solid #dadbdd ;
			border-right:0px;

			border-radius: 0.25rem 0 0 0.25rem ;
		}
		.input_user,
		.input_pass:focus {
			box-shadow: none !important;
			outline: 0px !important;
		}

		.email_verification{
			padding: 8rem 0rem;
			background:#f7f7f7;
		}
		.email_heading{
			 font-size:3rem;
   		font-family: 'Mulish-Bold';
   		text-align: center;
		}
		.thanks_desc{
   		font-family: 'Mulish-SemiBold';
			font-size:1.8rem;
			padding:0px;

		}
		.thankyoumessage{
			margin-top: 1.5rem;
			background:white;
			padding:2.5rem;
			box-sizing: border-box;
			text-align: center;
	border:1px solid #dadbdd;

		}
		.thanks_p{
			font-size:1.7rem;
			margin-top:1rem;
			padding:0px;
		}
		.thanks_p a, .footer_p a{
			color:var(--blue);
		}
		.signin_image{
			max-width:14rem;
			margin:0 auto;
			display: block;
			margin-bottom:2rem;
		}

.std_font {
	font-size:1.6rem;
}

.medium_font {
	font-size:1.2rem;
}

.medium_large_font {
	font-size:1.4rem;
}

#lbl_email {
	color:var(--red);
}

/* https://isotropic.co/how-to-set-custom-bullets-in-ul-lists/ */
ul.fancy_list {
list-style: none;
}
/* standard Unicode method */

ul.fancy_list li:before {
content: "\2713";
color:var(--blue);
padding-right:5px;
}

/* if you use FA5 */
ul.fancy_list li:before {
font-family: "Font Awesome 5 Free"; 
font-weight: 900;
content: "\f14a";
color:var(--blue);
padding-right:5px;
}

ul.fancy_list .othercheck:before {
font-family: "Font Awesome 5 Free"; 
font-weight: 900;
content: "\f4da";
color:var(--blue);
padding-right:5px;
}

span[name="muffin_status"] {
	text-transform: uppercase;
	font-family: 'Mulish-Bold';
	font-size: 1.6rem;
	letter-spacing: .1rem;
}

.status_active {
	color:var(--red);
}

.status_paused {
	color:var(--orange);
}

.status_pending {
	color:var(--blue);
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
  bottom: .5em;
}

a {
	color:var(--blue);
}

a:hover {
	color:var(--blue);
}