/* #21c87a; */
/* Start navBar */
.navbar{background-color: #f3f4f3;position: fixed;top: 0;width: 100%;z-index: 99}
.navbar-light .navbar-toggler{outline: none}
.navbar-light .navbar-nav .nav-link {margin-right: 25px;color: #333;font-size: 18px;}
.navbar-light .navbar-brand{font-size: 30px;font-family: cursive;font-weight: bold;color: rgb(0, 141, 159);}
.navbar-light .navbar-brand:hover{color:rgb(0, 141, 159);}  
.navbar-light .navbar-brand span{color: #a54499;}
.navbar-light .navbar-nav .active > .nav-link{color: #a54499;}
.navbar-light .navbar-nav  .nav-link:hover{color: #a54499;}
.navbar-nav .dropdown-menu {padding: 15px 0;}
.dropdown-menu .dropdown-item i{margin-right: 8px;}
.dropdown-menu .dropdown-item {
 padding: 6px 20px;
 -webkit-transition:padding 0.5s ease;
 -moz-transition:padding 0.5s ease;
 -o-transition:padding 0.5s ease;
 transition:padding 0.5s ease;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-tiem:focus{
 background-color: #a54499;
 color: white;
 padding-left: 25px;
}
/* Start sing up */
.slide{
 -webkit-background-image: url('../img/5.jpeg');
 -moz-background-image: url('../img/5.jpeg');
 -o-background-image: url('../img/5.jpeg');
 background-image: url('../img/5.jpeg');
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 min-height: 600px;
}
.slide .overlay{background-color: rgba(0,0,0,0.5);height: 100%;width: 100%;min-height: 600px;}
.slide .overlay h1{
  position: absolute;
  color: white;
  z-index: 3;
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
  left: 26px;
  width: 90%;
  line-height: 1.6;
  top: 50%
}
/* start vision */
.vision{
    background-color: black;
    color: white;
    padding: 50px 0;
    line-height:1.7;
}
.vision h2{
    color:#c4c3c3;
    line-height:1.5;
}
/* end vision */
/* Space section */
.about .history{padding: 50px 0;}
.about .history img{width: 100%;}
.about .history h2{font-weight: 400;}
.about .history p{color:#646f79;line-height: 1.8;}
/* contact us page */
/* start slide section */
.contact{background-image: url('../img/img6.jpg');background-size: cover;background-repeat: no-repeat;height: 400px;}
.contact .overlay{background-color: rgba(0,0,0,0.3);height: 400px;}
.contact h1{color: white;font-size: 5.5rem;font-weight: 400;line-height: 1.2;position: relative;top:9rem;}
/* Start form section */
.tell-us {padding: 100px 0;}
.tell-us p{color:  #646f79;margin-bottom: 4rem;font-weight: 500;}
.tell-us .form-group .form-control{padding: 25px;margin-bottom: 2.5rem;}
.tell-us .form-group .btn{background-color: #a54499;border-color: #a54499;padding: 12px 40px;font-size: 1rem;font-weight: 500;margin: 2rem 0;}
.tell-us .form-group p{font-size: 80%;font-weight: 400;color: #646f79;}
.location {padding-bottom: 50px}
.location h2{margin-bottom: 3rem;}
/* Start footer section */
.footer{padding-top: 4rem;background-color: #212529;}
.footer h3{color: white;font-weight: 500;margin-bottom: 1rem;}
.footer ul li{margin-bottom: 1rem;font-weight: 500;}
.footer ul li a:hover{color: white;}
.footer ul li,
.footer ul li a,
.footer p{color: rgba(255, 255, 255, 0.7);text-decoration: none;}
.footer ul li i{margin-right: 8px;}
.footer .dropdown img{width: 30px;height: 25px;}
.footer .navbar-light .copyrghit{color: white;top:20px;}
/* Scroll To top */
#scroll-top {
  color: #a54499;
  text-align: center;
  position: fixed;
  right: 15px;
  bottom: 10px;
  z-index: 99999;
  display: none;
  cursor: pointer;
}
/* Media Query */
@media(max-width: 375px){
.contact h1{font-size: 4rem}
}
@media(max-width: 500px){
.join h1{font-size: 2rem}
}
@media(max-width:575px){
.join input[type="text"]{width: 99%;margin-right: 0;margin-top: 8px;}
.tell-us{padding: 0}
}
@media(max-width: 767px){
.sing-up .overlay .sing{margin-top: 30px;margin-bottom: 30px}
.tab-content .tab-pane .details h3{margin-top: 1rem} 
.table-price .table .free .btn{margin-bottom: 40px}
.space .account{position: relative;bottom: 35px}
.space h2{text-align: center;}
.space p{text-align:center;margin: auto;}
.join .btn{width: 99%;margin: 10px 0}
.about .history h2{margin-top: 10px}
} 
/* Start Fremwork */
.u-label-purpel{
    color: #796eff;
    background-color: rgba(121, 110, 255, 0.1);
    display: inline-block;
    font-weight: 400;
    margin-bottom: 2rem;
    font-size: 0.75rem;
    padding: 0.5rem 1rem;
    border-radius: 25px;
}