*{
    font-family: "Poppins", serif;

   }
   body {
        background-color: #151515; 
      }
     .bdy{
        display: flex;
     }
      .nav{
        display: flex;
        gap: 30%;
        margin-right: 12%;
        height: 20px;
        }
      .qq{
        display: flex;
        color: white;
        gap: 60px;
        list-style-type: none;

      }
      a{
        color: white;
        text-decoration: none;
      }

      .logo{
        color: white;
        font-weight: 500;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        margin: 0px;
        margin-left: 30px;
        

      }
      .options{
        margin-top: 10px;
      }
      .txt{
        margin-top: 15%;
        margin-left: 30px ;
      }
      h6{
        color: rgb(255, 255, 255);
        font-size: large;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
      }
      .whte{
        margin-bottom: 0px;
        color: white;
        font-size: x-large;
        font-weight: bolder;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
      }
      .gg{
        margin-top: 0px;
        color:rgb(255, 255, 255) ;
        
      }
      .des{
        width: 460px;
        /* margin-left: 30px; */
        color: white;
        margin-bottom: 30px;
      }
   

      .btn{
        display: inline-block;
        padding: 0.2rem 1.8rem;
        background-color: #151515;
        border-radius: 2rem;
        font-size: 1rem;
        color: white;
        font-weight: 600;
        border: 2px solid white;
        transition: 0.3s ease;
        cursor: pointer;
    }
    
    .btn:hover{
         transform: scale(1.1) translateY(-5px);
        background-color: white;
        color: black;
        text-decoration: none;
        box-shadow: 0 0 25px #ffffff;
    }
    
       .yy{
        height: 500px;
        width: 500px;
        border-radius: 50%;
        
        
       }
       .ty{
        height: 60px;
        width: 60px;
       }
       .imge{
        margin-top: 100px;
        margin-left: 250px;
        margin-bottom: 200px;
    
       }
       .social-icons a{
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 3rem;
        height: 3rem;
        background-color: transparent;
        border: 0.2rem solid #ffffff;
        font-size: 2rem;
        border-radius: 50%;
        margin: 3rem 1.5rem 3rem 0;
        transition: 0.3s ease;
        color: #ffffff;
        
    }
    .social-icons a:hover{
        color: black;
        transform: scale(1.3) translateY(-5px);
        background-color: #ffffff;
        box-shadow: 0  0 25px #ffffff;
        text-decoration: none;
    }

    .wid{
      color: white;
      justify-content: center;
      margin-left: 40%;
      margin-bottom: 30px;
      font-size: x-large;
      font-weight: bolder;
      
    }

    .desc{
      color: white;
      text-align: center;
    }
    a:hover{
      text-decoration: underline;
    }

    .nav{
      display: flex;
    
      /* margin-left: 36%; */
      position: fixed;
      background-color: #151515;
      width: 100%;
      height: 40px;
      top: 0;
      align-items: center;
    }

    .phts{
      margin-top: 120px;
      margin: 90px;
      display: flex;
    }
    .hml{
      /* background-color: #ffffff; */
      height: 150px;
      width: 1200px;
      text-align: center;
      font-weight: bolder;
      padding: 20px;
      justify-content: center;
      align-items: center;
      border-radius: 15px;
      margin: 90px;
      
    }
    .aa{
      height:90px;
       width:90px;
       display: flex;
       margin-left: 13px;
       justify-content: center;
       margin-left: 29px;
       margin-top: 0;
       margin-bottom: 10px;
       }

       .bb{
        height: 120px;
       }
       .cc{
        height: 180px;
        align-items: center;
        display: flex;
        justify-content: center;
        margin-right: 50%;
       }
      
      .rtx{
        display: flex;
        margin-left: 90px;
              
      }

      .saf{
        height: 480px;
        width: 500px;
        border-radius: 50%;
        margin-top: 120px;
        
    }
    
    p{
        margin-bottom: 29px;
    }
    .profile_details{
        margin-top: 13%;
        margin-left: 28%;
        color: #ffffff;
    }
    strong{
        margin-right: 53px;
    }

    .cv{
        color: rgb(255, 255, 255);
        background-color: #151515;
        font-weight: bold;
        border: 1px solid white;
        border-radius: 10px;
        height: 49px;
        padding: 14px;
        margin-top: 14px;
        transition: 0.4s ease-in-out;
        
    }
    .cv:hover{
        background-color: #ffffff;
        color: black;
        transform: scale(1.1) translateY(-5px);
        box-shadow: 0  0 25px #ffffff;
    }
    .serve{
        margin-top: 10%;
        color: #ffffff;
    }
    h1{
        margin-left: 45%;
        
    }
    .s123{
        display: grid;
        grid-template-columns: 350px 350px 350px;
        grid-template-rows: 350px;
        gap: 40px;
        margin-top: 6%;
        margin-left: 10%;
    }
    .bx{
        border: 1px solid #fafafa;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 15px;
        padding: 0px;
        /* height: 200px; */

    }
    .portf{
        color: #ffffff;
        margin-top: 6%;
        
    }
    .p1234{
        margin-left: 35%;
       margin-top: 60px;
    }
    .p1{
        background-color: #adb5bd;
        border-radius: 10px;
        width: 12%;
        margin-right: 13px;
    }
    .p2{
        background-color: #ffffff;
        border-radius: 10px;
        width: 12%;
        margin-right: 13px;
    }

    .porpics{
        display: grid;
        grid-template-columns: 350px 350px 350px;
        grid-template-rows: 350px 350px;
        gap: 40px;
        margin-top: 6%;
        margin-left: 11%;

    }
    .pix{
        border: 1px solid #fafafa;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 15px;
        padding: 0px;
    }
    .dowpor{
        display: grid;
        grid-template-columns: 250px 250px 250px 250px;
        grid-template-rows: 80px;
        margin-top: 6%;
        gap: 30px;
        margin-left: 12%;
    }
    .pornum{
        border: 1px solid white;
    }
    .blog{
        color: #ffffff;
        margin-top: 6%;
        
    }
    .blg{
        display: grid;
        grid-template-columns: 350px 350px 350px;
        grid-template-rows: 350px;
        gap: 45px;
        margin-top: 6%;
        margin-left: 11%;
    }
    .bg{
        border: 1px solid #fafafa;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 15px;
        padding: 0px;
    }

    .contact{
        color: #ffffff;
        margin-top: 6%;
    }
    .nme{
        width: 70%;
        background-color: #151515;
        margin-left: 11%;
        margin-top: 6%;
        color: #ffffff;
    }
    .add{
        background-color: #151515;
        margin-left: 11%;
        margin-top: 1%;
        width: 30%;
        color: #ffffff;
    }
    .phn{
        background-color: #151515;
        margin-left: 2%;
        margin-top: 1%;
        width: 37%;
        color: #ffffff;
    }
    .msgss{
        background-color: #151515;
        margin-left: 11%;
        color: #6c757d;
        margin-top: 1%;
    }
    .s1{
      margin-right: 124px;
    }

    .s2{
      margin-right: 144px;
    }
    .s3{
      margin-right: 108px;
    }
    .s5{
      margin-right: 130px;
    }
    .mg{
        color: rgb(255, 255, 255);
        background-color: #151515;
        font-weight: bold;
        border: 1px solid white;
        border-radius: 10px;
        height: 49px;
        padding: 14px;
        margin-top: 14px;
        transition: 0.9s ease-in-out;
        margin-left: 45%;
        
    }
    .mg:hover{
        background-color: #ffffff;
        color: black;
        transform: scale(1.1) translateY(-5px);
        box-shadow: 0  0 25px #ffffff;
    }
    .bx{
      display: flex;
      flex-direction: column;
      padding: 10px;
      text-align: center;
    }
    .df{
      height: 325px;
      width: 325px;
      /* border-radius: 15px; */
    }
    .ins{
      color: #ffffff;
    }

    .bg:hover{
      color: black;
      transform: scale(1.1) translateY(-6px);
      box-shadow: 0  0 25px #ffffff;
      transition-duration: 1.44s;
  }