/*Gallery start*/
        .g-container{
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          text-align: center;
          margin: 40px 20px 0 20px;
        }
        
        .g-container .g-heading{
          width: 50%;
          padding-bottom: 50px;
        }
        .g-container .g-heading h3{
          font-size: 3rem;
          font-weight: bolder;
          padding-bottom: 10px;
          border-bottom: 3px solid black;
        }
        
        .g-container .g-heading h3 span{
          font-weight: 100;
        }
        .g-container .g-box{
         display: flex;
         flex-direction: row;
         justify-content: space-between;
        }
        
        .g-container .g-box .g-dream{
          display: flex;
          flex-direction: column;
          width: 32.5%;
        }
        
        .g-container .g-box .g-dream img{
          width: 100%;
          padding-bottom: 15px;
          border-radius: 5px;
        }
        
        .g-container .g-btn{
          margin: 40px 0 70px 0;
          background: #222;
          padding: 15px 40px ;
          border-radius: 5px;
        }
        
        .g-container .g-btn a{
         color: #fff;
         font-size: 1.2em;
         text-decoration: none;
         font-weight: bolder;
         letter-spacing: 3px;
        }
        
        @media only screen and (max-width: 769px){
          .g-container .g-box{
            flex-direction: column;
          }
        
          .g-container .g-box .g-dream{
            width: 100%;
          }
        }
        
        @media only screen and (max-width: 643px){
          .g-container .g-heading{
            width: 100%;
          }
          .g-container .g-heading h3{
            font-size: 1rem;
          }
        }














.btn-group{
  margin: 25px 0;
}
.btn-group .btn{
  border-color: #d5d5d5;
  color: #000;
  background-color: #fff;
  padding:12px 25px;
  margin: 5px 0;
  margin-right: 7px;
  border-radius: 30px;
  border: 2px solid #e5e5e5;
  box-shadow: 0 10px 10px -8px rgb(0 0 0 / 78%);
  font-weight: 700;
  font-size: 1.5rem;
}
.btn.active{
  border-color: #e79a2a;
}
img{
    max-width: 100%;
  }
 
 .profile-text .hii{
    margin-bottom: 0;
    color: #e79a2a;
  }
  .profile-text .nameeee{
    margin-top: 0;
  }

/*---------------------------HomePage--------------------------*/

.FirstElement{
    display:flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 5rem; 
 } 
 
 .FirstElement.adjusted-padding {
   padding-top: 40px; 
 }
 
 .FirstElement .profile-photo{
   width: 300px;
   height:  300px;
   border-radius: 50%;
   overflow: hidden;
   border: 15px solid #e79a2a;
   box-shadow: 5px 7px 25px rgba(0, 0, 0, 0.5)
 }
 profile-photo .img{
   height: 100%;
   width: 100%;
   transition: 0.5s;
 }
 .FirstElement .profile-photo img:hover{
   transform: scale(1.2);
 }
 .profile-text{
   max-width: 750px;
   display: flex;
   flex-direction: column;
 }
 .profile-text h5{
   color: black;
   font-size: 2rem;
 }
 .profile-text h1{
   color: #e79a2a;
   font-size: 4rem; 
 }
 .profile-text .pp{
   color:black;
 }

 .profile-text .socl{
  display: flex;
  align-items: center;
 }
 .profile-text .social{
  margin-left: 40px;
 }
 .profile-text .social i{
   color : black;
   font-size: 22px;
   margin-right: 10px;
   transition: 0.5s;
   
 }
 .profile-text .social i:hover{
   color:#e79a2a;
   transform: rotate(360deg);
 }
 
 
 
  /*---------------------------About---------------------------*/
 
 .aboutt-area{
   padding-top: 130px;
   background-color: white;
 }
 .aboutt{
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom:50px;
 }
 .aboutt-content{
   flex-basis: 60%;
 }
 .aboutt-content .h44{
   color: #e79a2a;
   font-size: 40px;
   line-height: 70px;
   text-transform: capitalize;
 }
 .aboutt-content ul {
   color:black;
   text-align: justify;
 }
 
 .aboutt-content ul li {
   list-style-type: disc;
   margin-bottom: 10px;
 }
 
 .aboutt-skills{
   flex-basis: 35%;
 }
 .aboutt-skills ul li{
   border-bottom: 1px dashed #e79a2a;
   padding-bottom: 10px;
   margin-bottom: 10px;
   color: black;
   font-size: 18px;
 }
 .aboutt-skills ul li:last-child{
   border-bottom: 0;
   padding-bottom: 0;
   margin-bottom: 0;
 }
 
 
 
 
 /*---------------------------Education & Internship---------------------------*/
 
 .education-content .roww{
   display: flex;
   border-radius: 5px;
   height: 400px;
   margin-bottom: 250px;
 }
 
 .education-content .title{
   color: #e79a2a;
 }
 .education-content .roww .education,
 .education-content .roww .internship
 {
   color: black;
   flex:0 0 50%;
   max-width: 50%;
   margin-top: 30px;
 } 
 .education-content  h3.title{
   font-size:24px;
   margin-bottom: 30px;
   font-weight: 700;
 }
 .education-content .roww.timeline-box{
   flex:0 0 100%;
   max-width: 100%;  
 }
 .education-content .roww .timeline{
   /* background-color:#e5e5e5; */
   padding: 30px 15px;
   border: 1px solid black;
   border-radius: 10px;
   width: 100%;
   position: relative;
 }
 .education-content .roww .timeline-item{
   position:relative;
   padding-left: 37px;
   padding-bottom: 0px; 
 }
 .education-content .roww  .internship .timeline-item{
   position:relative;
   padding-left: 37px;
   padding-bottom: 30px; 
 }
 .education-content .roww .timeline-item:last-child{
   padding-bottom: 0;
 }
 .education-content .roww .timeline-item::before{
   content: "";
   width: 1px;
   position: absolute;
   height: 100%;
   left: 7px;
   top: 0;
   background-color: #e79a2a;  
 }
 .education-content .roww .circle-dot{
   position: absolute;
   left: 0;
   top: 0;
   height: 15px;
   width: 15px;
   border-radius: 50%;
   background-color: black;
 }
 .education-content .roww .timeline-title  {
   font-weight: 700;
   font-size: 18px;
   margin-bottom: 12px;
 }
 .education-content .roww .internship .timeline-title  {
   font-weight: 700;
   font-size: 18px;
   margin-bottom: 8px;
 }
 .education-content .roww .timeline-text{
   line-height: 25px;
   font-size: 16px;
   text-align: justify;
 }
 

.about-page{}
.about-page .about-text{}
.about-page .about-text img{
    margin-bottom:30px;
}
.about-page .about-text p{
    line-height: 30px;
    color: #383838;
    margin-bottom: 15px;
}
/* our-team */
#team {
    text-align: center;
    padding: 60px 0;
}
#team .single-team {
    margin-bottom: 50px;
}
#team .single-team img {
    width: 50%;
    border-radius: 50%;
    border: 15px inset #0f67b1;
    padding: 5px;
    box-shadow: 0 0 0 15px rgba(21, 103, 179, 0.15);
    margin-bottom: 15px;
}
#team .single-team:hover img {
    border: 15px inset #e2b423;
    box-shadow: 0 0 0 15px rgba(226, 180, 35, 0.15);
}
#team .single-team:hover {
    color: #e2b423;
}
.FloatingButton__FloatingButtonContainer-sc-q5md4t-0.lbvXTF {
    margin: 0;
    bottom: 125px;
    right: 27px;
  }

#team,
#objctive,
#organogram{
    padding-top:100px;
}
#objctive ul li,
#team p,
#objctive p,
#organogram p{
    line-height: 30px;
    color: #383838;
    margin-bottom: 15px;
}
.company-overview img {
    width: 100% !important;
}


 /*------------------- Responsive Design on small screen -------------------*/

/* Medium layout */
@media only screen and (min-width:1000px) and (max-width:1200px){
    .container{
      width: 970px;
    }
  }
  
  @media(max-width:1050px){
    .FirstElement{ 
      flex-direction: column;
      padding-top: 2rem;
    }
    .profile-text{
      padding: 40px 0px;
    }
  }
  
  
  
  /* tablet layout */
  @media only screen and (min-width:768px) and (max-width:999px){
    .container{
      width: 750px;
    } 
  }  
  
  
  /* Mobile Layout */
  @media only screen and (max-width:767px){
    .container{
      width: 350px;
    }
  
    .header .menu_icon {
      display: block;
    }
   
    .header i{
      color: black;
    }
  
    .profile-text{
      width: 350px;
    }
    .FirstElement .profile-text .pp{
      text-align: justify;
    }
    .aboutt{
      flex-direction: column;
      flex-basis: 100%;
      margin-bottom: 30px;
    }
    .aboutt-skills{
      width: 100%;
      margin-top: 30px;
    }
    .education-content .roww {
      flex-direction: column;
      height: auto;
      margin-bottom: 50px;
    }
  
    .education-content .roww .education,
    .education-content .roww .internship {
      flex-basis: 100%;
      max-width: 100%;
      margin-top: 30px;
    }
    .project{
      flex-basis: 100%;
      margin-bottom: 30px;
    }
  
  }