.prabahsh_faculty{

     margin: 0;

    font-family: "Poppins", sans-serif;

    background: #fff;

   /* padding: 20px  200px; */

     /* border: 1px solid red; */

}

  .prabahsh_faculty .container {

    display: flex;

    height: 100vh;

    width: 100%;

    border: 1px solid red; 

  } 



  .prabahsh_faculty .main{

    display: flex;

    /* height: 100vh; */

    width: 100%;

  }



  /* Left section */

 .prabahsh_faculty .main .left {

    width: 25%;

    background: linear-gradient(135deg, #00b4b3, #5b3ea6);

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

  }



  .prabahsh_faculty .main .left h1 {

    transform: rotate(-90deg);

    font-size: 100px;

    color: white;

    font-weight: bold;

    letter-spacing: 4px;

    margin: 0;

  }



  /* Right section */

 .prabahsh_faculty .main .right {

    width: 50%;

    padding: 40px 60px;

    background: white;

    display: flex;

    flex-direction: column;

    justify-content: space-around;

    position: relative;

    /* border: 1px solid red; */

    /* align-items: center; */

  }



 .prabahsh_faculty .main .right .skill {

    display: flex;

    align-items: center;

    margin-bottom: 35px;

    padding: 0px 15px;

  }



 .prabahsh_faculty .main .right .skill .icon {

    width: 90px;

    height: 90px;

    border-radius: 50%;

    background: white;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 30px;

    position: absolute;

    left: -35px;



  }

  .prabahsh_faculty .main .right .skill .icon .fas{

font-size: 30px;

  }

  .prabahsh_faculty .main .right .skill .icon .fa-solid{

font-size: 30px;

  }



 .prabahsh_faculty .main .right .skill h3 {

    margin: 0;

    font-size: 25px;

    color: #000;

  }



  .prabahsh_faculty .main .right .skill p {

    margin: 5px 0 0;

    font-size: 14px;

    color: #555;

  }

.prabahsh_faculty .main .picture{

  width: 45%;

  height: 578px;

  align-content: center                                                             ;

}

.prabahsh_faculty .main .picture .pic-div{

  width: 80%;

  height: 100%;

  border: 1px solid;

  position: relative;

  /* clip-path: polygon(16% 100%, 0 100%, 69% 0, 100% 0, 100% 100%, 28% 100%, 100% 2%, 100% 0, 26% 100%, 31% 93%, 25% 64%, 13% 81%); */

}

.prabahsh_faculty .main .picture .pic-div img{

  overflow: hidden;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.pic-absolude{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.pic-subdiv{

  width: 100%;

  display: flex;

  border-bottom: 3px solid black;

}

.pic-long{

  width: 60%;

  height: 50px;

  /* border: 3px solid; */

}

.pic-short{

  width:40%;

  height: 50px;

  border-left: 3px solid;

}

.pic-big{

      width: 30%;

    height: 170px;

    border-right: 3px solid;

}

.pic-big-side{

  width: 70%;

}

.pic-long2{

      border-bottom: 3px solid;

    width: 100%;

    height: 30%;

}

.pic-same{

    width: 100%;

    height: 70%;

}

.pic-same-empty{

      width: 50%;

    border-right: 3px solid black;

    height: 100%;

}

.pic-log-big{

    width: 100%;

    height: 145px;

    display: flex;

}

.pic-log-big-left{

  width: 60%;

  height: 100%;

    align-content: end;

}

.pic-overflow{

      width: 100%;

    height: 50%;

    border-top: 3px solid;

}

.pic-log-big-right{

  width: 40%;

  height: 100%;

}

.pic-log-big-right-pic{

  width: 100%;

  height: 70%;

  border-bottom: 3PX solid;

  border-left: 3px solid ;

}

.prabahsh_faculty .picture .pic-absolude .pic-subdiv .pic-long3{

  width: 25%;

  height: 140px;

}

.prabahsh_faculty .picture .pic-absolude .pic-subdiv .pic-middle{

  width: 50%;

  height: 140px;

  border-right: 3px solid;

  border-left: 3px solid;

}

.prabahsh_faculty .picture .pic-absolude .pic-subdiv .pic-middle .middle-up{

  width: 100%;

  height: 50%;

  border-bottom: 3px solid;

  display: flex;

}

.prabahsh_faculty .picture .pic-absolude .pic-subdiv .pic-middle .middle-up .midleft{

  width: 50%;

  height: 100%;

  border-right: 3px solid ;

  border-bottom: 3px solid;

}

.prabahsh_faculty .picture .pic-absolude .pic-subdiv .pic-middle .middle-up .midright{

  width: 50%;

  height: 100%;

}

.prabahsh_faculty .picture .pic-absolude .pic-subdiv .pic-middle .middle-button{

  width: 100%;

  height: 50%;

  display: flex;

}

.prabahsh_faculty .picture .pic-absolude .pic-subdiv .pic-middle .middle-button .midleft{

  width: 50%;

  height: 100%; 

}

.prabahsh_faculty .picture .pic-absolude .pic-subdiv .pic-middle .middle-button .midright{

  width: 50%;

  height: 100%; 

  border-left: 3px solid;

}





























 

       @media (max-width: 1024px) {

      .prabahsh_faculty .main .left h1 {

        font-size: 80px;

      }

      .prabahsh_faculty .main .right{

        padding: 30px 40px;

      }

    }



    @media (max-width: 900px) {

    .prabahsh_faculty .main {

        flex-direction: column;

        height: auto;

      }



      .prabahsh_faculty .main .left {

        width: 100%;

        height: 200px;

      }



    .prabahsh_faculty .main .left h1 {

        transform: none;

        font-size: 60px;

      }



      .prabahsh_faculty .main .right {

        width: 100%;

        padding: 30px 25px;

      }



    .prabahsh_faculty .main .right .skill {

        margin-bottom: 25px;

      }



      .prabahsh_faculty .main .right .skill .icon {

        position: static;

        margin-right: 20px;

      }

    }



    @media (max-width: 600px) {

      .prabahsh_faculty .main .right {

        padding: 20px 15px;

      }



     .prabahsh_faculty .main .right .skill {

        flex-direction: column;

        align-items: flex-start;

      }



      .prabahsh_faculty .main .right .skill .icon {

        /* margin: 0 0 1px 0; */

        margin-left: -20px;

      }



      .prabahsh_faculty .main .right .skill h3 {

        font-size: 18px;

      }



      .prabahsh_faculty .main .right .skill p {

        font-size: 13px;

      }



      .prabahsh_faculty .main .left h1 {

        font-size: 40px;

      }

    }