@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;500&family=Poppins:wght@300&family=Raleway:wght@300&display=swap');

*{
    padding: 0%;
    margin: 0%;
    /* border: 1px solid black; */
    box-sizing: border-box;
}

    /* ***************NavBar**************** */
    nav
    {
        display: flex;
        position: relative;
    }

    .navbar-brand{
        font-family: 'Ubuntu', sans-serif;
    }

    nav .link
    {
        display: flex;
        position: relative;
        margin: 1rem 2rem;
        text-decoration: none;
        color: white;
    }
    nav #marker 
    {
        position: absolute;
        left: 0;
        height: 4px;
        width: 0;
        background-color: rgb(223, 0, 74);
        bottom: 10px;
        transition: 0.50s;
    }
    .Nav-con
    {
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    .link
    {
        color: white;
        font-size: 15px;
        text-decoration: none;
        display: flex;
        margin: 15px;
    }
    .link:hover{
        color: rgba(255, 255, 255, 0.863);
    }



    /* For body  */

    .h1-color
    {
        color:  #2EB872;
    }

    .h1-color2
    {
        color: rgb(223, 0, 74);
    }

    .h1-color3{
        color:#54D9C8;
    }

    .card
    {
        border: white 1px;
        top: 30%;
        left: 10%;
        background-color: none;
    }

    .card-title
    {
        font-size: 50px;
        
    }
    
    .card-body{
        background-color: none;
    }

    .card-2
    {
        border: none;
        top: 20%;
        left: 0%;
    }

    .fa{
        font-size: 45px;
        margin: 6% 5%;
    }

    .ct-con{
        margin-left: 5%;
    }
    
    ul li{
        list-style: none;
    }

   .s-link{
        text-decoration: none;
        font-size: 25px;
        margin: 5%;
        text-align: center;
        color: black;
    }

    .form-aria{
        border: solid black 1px;
        padding: 2%;
    }


    .form-con{
        width: 70%;
        margin-left: 5%;
    }

    .text-con{
        width: 30%;
    }
  

    /* ******************Footer****************  */



    /* icon Animation */

    .social-menu ul{
        display: flex;
        transform: translate(-50% , -50%);
        align-items: center;
        margin-left: 20%;
        font-size: 5px;
        
    }
    
    .social-menu ul li{
        list-style: none;
        margin: 0 15px;
        font-size: 15px;
        font-size: 5px;
    }
    
    .social-menu ul li .fa{
        font-size: 15px;
        line-height: 30px;
        transition: .4s;
        color: #000;
        
    }
    .social-menu ul li .fa:hover{
        color: white;
        
    }
    .social-menu ul li a{
        position: relative;
        display: block;
        width: 30px;
        height: 30px;
        background-color: #fff;
        border-radius: 50%;
        text-align: center;
        transition: .4s;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
        font-size: 5px;
    }
    
    
    .social-menu ul li a:hover{
        transform: translate(-0 , -10px);
        
    }
    
    
    .social-menu ul li:nth-child(1) a:hover{
        background-color: #3b5999;
        color: #ffff;
    }
    
    .social-menu ul li:nth-child(2) a:hover{
        background-color: #075E54;
        color: #ffff;
    }
    
    .social-menu ul li:nth-child(3) a:hover{
       background-color: #f83b90;
       color: #ffff;
    }
    
    .social-menu ul li:nth-child(4) a:hover{
      background-color: #0077B5;
      color: #ffff;
    }
    


    
    /* ******************End Footer****************  */


  @media screen and (max-width: 786px){

    .card
    {
        border: white 1px;
        top: 10%;
        left: 10%;
        background-color: none;
    }

    .card-title
    {
        font-size: 35px;   
    }
    
   

  

    .fa{
        font-size: 25px;
    }

   
 

   .s-link{    
        font-size: 15px;
        margin: 0%; 
    }


  }