@font-face {
  font-family: Montserrat;
  src: url(/assets/fonts/Montserrat-Regular.ttf);
}


@font-face {
  font-family: verdana;
  src: url(/assets/fonts/VERDANA0.TTF);
}

body {
  font-family: Montserrat;
  font-weight: 400;
  color: #333;
}



ul, ol {
  margin: 0;
  padding: 0;
  list-style: none
}

a{
  outline: none;
}

button{
  outline: none;
  
}

a:active{
  outline: none;
}


/*=========================================================
	02 -> HEADER
===========================================================*/

/*----------------------------*\
	Top header
\*----------------------------*/


.main-menu-dropdown{
  display: none;
  margin-top: 30px ;
}

.main-menu-dropdown>li{

  background: #252525;
  font-family: Verdana;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  

  color: #FFFFFF;
}

.nav-menu-bar:hover > .main-menu-dropdown{
  display: block;
}


.navbar-main{

  display: none;
  
  position: absolute;
  float: left;
  width: 250px; 
  height: 250px;
  
  
}

.navbar-main>li{

  background: #252525;
  font-family: Verdana;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;

  color: #FFFFFF;
}


.navbar-main-menu:hover > .navbar-main{
  display: block;
}




.header-items{

  padding: 35px;
}

.header-items li{
  width: 150px;
  height: 50px;
  float: left;
  text-align: center;
  color: #fff;

  font-family: Verdana;
                        font-style: normal;
                        font-weight: normal;
                        font-size: 16px;
                        line-height: 19px; 
                        color: #FFFFFF;
                        
}





.header-links li {
  display: inline-block;
  margin-right: 15px;
  font-size: 12px;
}



/*----------------------------*\
	Floating Button
\*----------------------------*/


.floating-btn-container{
  display: flex;
  position: fixed;
  right: 50px;
  bottom: 147px;


}

.floating-btn{

  margin: auto;
  width: 140px;
  height: 50px;
  background: #252525;
  
 
  
  border: none;
}


.floating-btn-option{
  position: absolute;
  position: fixed;
  right: 50px;
  bottom: 210px;
  border-radius: 30px;
  background: #FFFFFF;;
  width: 50px;
  height: 140px;
}















.header-links li:last-child {
  margin-right: 0px;
}

.header-links li a {
  color: #FFF;
}


.header-links li i {
  margin-right: 5px;
}

/*----------------------------*\
	Logo
\*----------------------------*/

#header {
  margin: auto;
  width: 1445px;
  height: 90px;
  background-color: #252525;
}

.header-logo {
  float: left;
  padding-left: 31px;
  padding-top: 8px;
  

  width: 150px;
  height: 90px;
  left: 0px;
  top: 0px;


}

.header-logo .logo img {
  display: block;
}

/*----------------------------*\
	Search
\*----------------------------*/




.header-search form .input-select {
  
  background-color: #252525;
  border: none;
  color: #FFF;
  width: 100px;
  font-family: Verdana;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  padding-bottom: 33px;

  
  /* width: 268px;
  height: 150px; */
}

















  .quick-links{
    margin: auto;
   position: absolute;
   margin-left: 0px;
    margin-top: -111px;
    background: white;
    width: 1216px;
    height: 150px;
   
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    z-index: 1;
   

  }
  .quick-links ul{

    display: inline-flex;
   
    text-align: left;
    

  }
  .quick-links li {
    list-style: none;
   
    cursor: pointer;
    font-size: 30px;
    font-weight: 900;
    

  }

  .quick-links>ul>ul>li>p>li {
   
    cursor: pointer;
 
    font-size: 18px;
    font-weight: 500;

  }

  

/*----------------------------*\
	card
\*----------------------------*/


.home-page-row-4>ul>li{
  font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 30px;
padding-bottom: 15px;
padding-top: 15px;


}


.home-page-row-4>ul>h4{
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;

}


/*----------------------------*\
	Flip card
\*----------------------------*/




.grid-container {
  padding-left: 179px;
  padding-top: 110px;
  display: grid;
  grid-template-columns: 300px 300px 250px;
  grid-gap: 100px;
}






.row-3{
  background: #E4D1BF;
  padding-bottom: 140px;
}
  
.card3>p{
  padding: 5%;
  padding-left: 15%;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  width: 1000px;
  line-height: 61px;
  color: black;

}









.grid-container-2 {
  padding-top: 64px;
  padding-left: 85px;
  display: grid;
  grid-template-columns: 400px 400px 400px;
  grid-gap: 37px;
}





.homepage-row-6 {
  margin: auto;
  margin-top: -72px;
  width: 1200px;
  height: 500px;

  background: #fff;
  z-index: 1;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
  } 


  



 




    


.main-row-8 {
  
  padding: 2%;
  padding-left: 20%;

}
.main-row-8 .card-8>ul>li{
  
  padding-top: 20px;
  font-size: 25px;
  font-weight: 700;
}


.main-row-8>.card-8{
  width: 60%
  
}

.fake-link {
  color: black;
  text-decoration: underline;
  cursor: pointer;
}

.showData{
  font-size: 18px;
  font-weight: 200;
  padding-top: 2%;
  line-height: 25px;
}

br {
  display: block; 
  content: ""; 
  margin-top: 20px; 
}

.br1 {
  display: block; 
  content: ""; 
  margin-top: 20px; 
}

 

.main-row-5  .card-5>.row>.col-md-9>.row>.col-md-4>a{
  padding-top: 10px;
  padding-left: 30%;
  font-family: Montserrat;
  font-style: normal;
  font-size: 20px;
  font-weight: 500;
  width: 800px;
  
  color: #fff;

}



.main-row-5 .card-5 .title{
  padding-left: 10%;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  line-height: 61px;
  
  color: #fff;

}



.main-row-9 {
  margin-top: 50px;

  padding-bottom: 8%;
  background: #F1F2F1;
  z-index: 1;
  } 

  

.main-row-10 {

  background: #fff;
  z-index: 1;
  padding-left: 10%;

  
  } 



/*=========================================================
	03 -> Navigation
===========================================================*/



/*----------------------------*\
	Main nav
\*----------------------------*/

.main-nav>li+li {
  margin-left: 30px
}

.main-nav>li>a {
  padding: 20px 20px;
  color:#FFF;
  
}




/*=========================================================
	11 -> FOOTER
===========================================================*/

#footer {

  margin: auto;
  width: 1445px;
  height: 424px;

  background: #252525;
  color: #B9BABC;
  background: #252525;
}


.button-enroll{
  margin-left: 10px; 
  margin-top: -20px; 
  width: 102px; 
  height: 49px; 
  background: transparent; 
  border: 2px solid #FFFFFF;
  box-sizing: border-box; 
  color:#FFFFFF;
}

.button-enroll:hover{
  background-color:#FB6233;
}



.footer-links li+li {
  margin-top: 15px;
}

.footer-links li a {
  color: #B9BABC;
  font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;

color: #FFFFFF;
}

.footer-links li i {
  margin-right: 15px;
  color: #D10024;
  width: 14px;
  text-align: center;
}




.footer-links2 li {
  
  display: inline-flex;

  
}