/*.box
 {
  width:100%;
  max-width:600px;
  background-color: #87CEEB;
  border:1px solid #ccc;
  border-radius:5px;
  padding:16px;
  margin:16px auto;
 }
 .container{
  margin-top: 100px;
 }
 input.parsley-success,
 select.parsley-success,
 textarea.parsley-success {
   color: #468847;
   background-color: #DFF0D8;
   border: 1px solid #D6E9C6;
 }

 input.parsley-error,
 select.parsley-error,
 textarea.parsley-error {
   color: #B94A48;
   background-color: #F2DEDE;
   border: 1px solid #EED3D7;
 }

 .parsley-errors-list {
   margin: 2px 0 3px;
   padding: 0;
   list-style-type: none;
   font-size: 0.9em;
   line-height: 0.9em;
   opacity: 0;

   transition: all .3s ease-in;
   -o-transition: all .3s ease-in;
   -moz-transition: all .3s ease-in;
   -webkit-transition: all .3s ease-in;
 }

 .parsley-errors-list.filled {
   opacity: 1;
 }
 
 .parsley-type, .parsley-required, .parsley-equalto{
  color:#ff0000;
 }
.error
{
  color: red;
  font-weight: 700;
} */

.contain-l{
   /* width: 440px;*/
    padding-top: 200px;
}
.contain-l form {
    margin-bottom: 15px;
    background: #f7f7f7;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 30px;
}
.conatin-l h3{
    margin: 0 0 15px;
}
.contain-l .buttn {        
    font-size: 15px;
    font-weight: bold;
    background-color: #660022;
    color: #fff;
    margin-top: 1rem;
}
.error
{
  color: red;
  font-weight: 700;
}

/*---------------NAVBAR----------*/
* {
    box-sizing: border-box;
  }
  
  body {
    margin: 0px;
    font-family: 'segoe ui';
  } 

  header{
    width: 100%;
  }
  
  .nav {
    height: 5rem;
    width: 100%;
    background-color: #660022;
    position: fixed;
    justify-content:space-evenly;
    display: flex;
    /* align-items: left; */
    transition: 0.8s ease;
    z-index: 10;
  }
  
  .nav > .nav-header {
    display:flex;
    justify-content:center;
    align-items: center;
    margin-left : -4rem ;
  }
  
  .nav > .nav-header > .nav-title {
    display: inline-block;
    padding: 0 .75rem ;
    margin-top: -.4rem;
    transition: 0.3s  ease;
    /* border: 1px solid black; */
  }
  
  .nav > .nav-btn {
    display: none;
  }


/* **********____________Contributers Button__________**** */

.nav .nav-links{
  margin-left: 10rem;
}

.nav .nav-links .cbtn{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  margin-top: .5rem;
  gap: 1rem;
  /* margin-left: 10rem; */
}

.nav .nav-links .cbtn .b-hm{
  background-image: url('Resources/gold-btn.png');
  background-position: center;
  color:black;
  font-size: 1rem;
  border: none;
  border-radius: 5px;
  padding: 0 1rem;
}

.nav .nav-links .cbtn .b-oc{
  background-image: url('Resources/s.jpg');
  background-position: center;
  color:black;
  font-size: 1rem;
  border: none;
  border-radius: 5px;
  padding: 0 1rem;
}


.socialLinks1{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
}

.sLink1{
  width: 2.5rem;
  height: 2.5rem;
  background-color: whitesmoke;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5rem;
  
}

.sLink1 i{
  font-size: 1.7rem;
  text-decoration: none;
}


#nsl .fa-whatsapp{
  color: #1ec753;
}

#nsl .fa-youtube{
  color: red;
}

















  
  .nav > .nav-links .n-l {
    display: inline;
    float: right;
    font-size: 1rem;
    margin-top: -0.5rem;
    /* border: 1px solid black; */
    /* margin-right: 15rem; */
  }
  .nav > .nav-links > .n-l > ul li a{
    display: block;
    padding: 0 8px;
    color: #fff;
    
    font-size: 15px;
    text-decoration: none;

  }
  .nav > .nav-links> .n-l > ul{
    padding: 0;
    /* margin-top: .5rem; */
    list-style: none;
    position: relative;
    
  }
  .nav > .nav-links> .n-l > ul li{
    display: inline-block;
    /* background-color: #378C3F; */
    transition: 0.3s ease;
    
  }
  .nav > .nav-links> .n-l> ul li:hover{
      background-color: #660022;
      /* border-radius: 10rem; */
      box-shadow: 1px 1px 2px #480018;
  }
  
  .nav > #nav-check {
    display: none;
  }

 .nav .nav-links ul a.icon{
 /* margin-left: 80px; */
 margin-right: 50px;
 color: black;
 }
 .NavSlinl{
  display: none;
 }

 .hide{
  visibility: hidden;
 }
 .afterScroll{
  background-color:#660022;
 }
#nsl{
  transition: 0.5s ease;
}
 .nav .nav-links ul a i{
    background-color: #fff;
    border-radius: 50px;
    padding: 7px;
    margin-left: 5px;
 }

 

  
  @media (max-width:1000px) {

    .nav{
      justify-content: space-between;
    }
    
    .nav > .nav-header > .nav-title {
      margin-top: 0;
    }


    .nav > .nav-btn {
      display: inline-block;
      position: absolute;
      right: 0px;
      top: 1rem;
    }
    .nav > .nav-btn > label {
      display: inline-block;
      width: 50px;
      height: 50px;
      padding: 13px;
    }
    .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
      background-color: rgba(0, 0, 0, 0.3);
    }
    .nav > .nav-btn > label > span {
      display: block;
      width: 25px;
      height: 10px;
      border-top: 2px solid #eee;
    }
    .nav > .nav-links {
      position: absolute;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      width: 100%;
      background-color: #660022;
      /* background-image: linear-gradient(to bottom left ,); */
      opacity: 90%;
      height: 0px;
      transition: all 0.3s ease-in;
      overflow-y: hidden;
      top: 5rem;
      right: 0px;
      /* border: 2px solid red; */
    }
    .nav > .nav-links > ul li a {
      display: flex;
      width: 100%;
    
    }

    .nav > .nav-header{
      margin-left: 0;
    }

    /*   */


    
      .nav > .nav-links >.n-l > ul li{
        display: block;
        margin-bottom: 20px;
        padding: 0;
        /* background-color: #333; */
         
      }
      .nav > .nav-links > ul li a{
          margin-left: 20%;
      }
      .nav .nav-links ul a.icon{
        margin-left:20%;
      }

      .mlinks{
        color: white;
      }

      

    /*   */
    .nav > #nav-check:not(:checked) ~ .nav-links {
      height: 0px;
    }
    .nav > #nav-check:checked ~ .nav-links {
      height: calc(100vh - 50px);
      overflow-y: auto;
      
    }
  }

  @media (max-width:1000px) {
    #nsl{
      display: none;
    }
  }


  .intro{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 2px whitesmoke;
    /* border: 1px solid black; */
    padding-top:8.5rem;
  }

  .intro h1{
    font-size: 2rem;
  }
  .intro h3{
    font-size:1.3rem;
  }

  .intro img{
    transition: .8s ease;
  }

  .intro img:hover{
    transform: scale(1.05);
  }

  @media (max-width:1000px){
    .intro h1{
        font-size: 1.3rem;
    }
    .intro h3{
      font-size: 1rem;
  }
  }

  


  /* -----------------------------------------------footer------------------------------------------------------ */
  
 
 /* -----------------------------------------------footer------------------------------------------------------ */
  
 
 footer{
  margin-top: 2rem;
  width: 100%;
}


.rignt-footer-socialLink{
  display: flex;
  /* border: 1px solid white; */
  justify-content: center;
  align-items: center;
}

.rignt-footer-socialLink .fb-link p{
  font-size: 1.3rem;
}

.fb-link{
  /* border: 1px solid white; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.shyno-add{
  /* border: 1px solid white; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.shyno-add h6{
  /* border: 1px solid white; */
  text-align: center;
}

.shyno-div{
  width: 100%;
  /* border: 2px solid white; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.shyno-div img{
  width: 6rem;
  /* border: 1px solid white; */
}
.shyno-div > p{
  /* border: 1px solid wheat; */
  text-align: center;
  font-size: .8rem;
  padding-top: .5rem;
}

.footer-socialLinks{
  background-color:#660022;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2rem;
  
}

@media (max-width:420px){
  .footer-socialLinks{
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .f-s-content span{
    font-size: .9rem;
  }
}