@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*************************************/
body,
html {
  height: 100%;
  font-family: "Montserrat", sans-serif;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}
h1 {
  font-family: "Montserrat", sans-serif;
}
h2 {
  font-family: "Montserrat", sans-serif;
}
h3 {
  font-family: "Montserrat", sans-serif;
}
h4 {
  font-family: "Montserrat", sans-serif;
}
h5 {
  font-family: "Montserrat", sans-serif;
}
h6 {
  font-family: "Montserrat", sans-serif;
}
p {
  font-family: "Montserrat", sans-serif;
}
li {
  font-family: "Montserrat", sans-serif;
}
a {
  font-family: "Montserrat", sans-serif;
}
label {
  font-family: "Montserrat", sans-serif;
}
input {
  font-family: "Montserrat", sans-serif !important;
}
input[type="submit"] {
  font-family: "Montserrat", sans-serif;
}
table th, table td{
  font-family: "Montserrat", sans-serif;
}
/*******************************/
.fw4 {
  font-weight: 400;;
}
.fw5 {
  font-weight: 500;;
}
.fw6 {
  font-weight: 600;;
}
.fw7 {
  font-weight: 700;;
}
.fw8 {
  font-weight: 800;;
}
.fw9 {
  font-weight: 900;;
}
/*******Font Color*************/
.font_white {
  color: #FFFFFF;
}
.font_blue {
  color: #4DA9E7;
}
.font_black {
  color: #000000;
}
.font_red {
  color: #be004e;
}
.font_violet {
  color: #A184FF;
}
/*************************************/
/************Text Align*************/
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.left {
  text-align: left;
}
/*************************************/
/*********General Style***************/
.separate1 {
  padding-bottom: 10px;
  padding-top: 10px;  
}
.separate2 {
  padding-bottom: 20px;
  padding-top: 20px;  
}
.separate4{
  padding-bottom: 40px;
  padding-top: 40px;  
}
/****************/
/****Footer******/
.footer-container {
  background:#000000;    
  background-image: url('../img/Footer.svg');
  padding:80px 30px;  
  width: 100%;
}
.footer-img {
  text-align:center;
  padding: 30px 0;
}
.footer-absolute {
  bottom: 0;
  position: absolute;  
}
.footer-copy{
  margin-top:50px;
  color:#ffffff;
  font-family:"Montserrat";
  font-weight:600;
  font-size:18px;
  text-align:center;
}
@media only screen and (max-width:600px){
  .footer-text {flex-wrap:wrap;justify-content:center;}
  .hid {display:none}
}
/*******************/
/*****Buttons******/
.button {
  cursor:pointer;
  display: inline-block;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight:700;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
}
.first {
  background-color: #A084FF; 
  border: none;
  border-radius:14px;
  color: #ffffff !important;    
} 
.first:hover {  
  color: #000000 !important;    
  text-decoration: none;
} 
.second {
  background-color: #000000; 
  border: none;
  border-radius:14px;
  color: #ffffff !important;  
}
.second:hover {  
  background-color: #00CCFF; 
  color: #000000 !important;    
  text-decoration: none;
} 
/******************/
/*****Header******/
.header-container {  
  padding:20px;  
  background:#000;
}
.header-contain {
  display:flex;
  justify-content: space-between;
  margin:0 auto;  
  width:90%;  
}
.header-logo {
  width:calc(15% - 20px);
  text-align: left;
}
.header-logo img{
  max-width:100px;
}
.header-button {
  width:calc(25% - 20px);
  text-align: right;
}
.header-menu {     
  width:calc(60% - 20px);
}
.nav-header {
  background:#000 !important;
  width:100%;
}
.nav-header a{
  color: #fff;	
	font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 16px;
}
.nav-header a:hover{
  color: #607db6;
}
.nav-header .dropdown-menu {
  border-top: 3px solid #2ea3f2 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  padding: 15px 0;
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}
/**Content***/
#content_button {
  text-align: center;
  display:flex;
  justify-content: center;
}