*{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

/* FONT_STYLES */
    @font-face {
    font-family: 'Poppins ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins ExtraBold'), url('Poppins-ExtraBold.woff') format('woff');
    }
        @font-face {
    font-family: 'Poppins Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Regular'), url('Poppins-Regular.woff') format('woff');
    }
        @font-face {
    font-family: 'Poppins Black';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Black'), url('Poppins-Black.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Poppins Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Bold'), url('Poppins-Bold.woff') format('woff');
    }

/* COmmon CSS */
    .Hero-section,.team-member-1-img{
         background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
    }
    .layer-1{
        background-position:top;
   background-repeat: no-repeat;
   background-size: cover;
    }

   .Hero-section ,.Box-one,.Box-two, .members,.team-member-1,.form-section,.team-members-2,.team-images img{
           display: flex;
    }
.Hero-section, .team-member-1,  .Box-one,
   .Box-two{

   justify-content: center;
}

.team-buzztribe h3,  .Box-one,
   .Box-two,  .Box-two ul li ,   .information {
         text-align: center;
}

a{
     font-family: 'Poppins Regular';
}

.Box-one{
      font-family: 'Poppins ExtraBold';
}

.Box-one,.Box-two {

justify-content: end;
align-items: end;
}
.leaders button:hover{
       cursor: pointer;
}
   
.Box-one,.Box-two{
    color: white;
}

.Box-two ul li p, .members__info p{
          font-family: 'Poppins Regular';
}


.team-buzztribe h1,.member__info h2,.leaders h1,.form-section-1 h1,h3,.informations h3,.team-buzztribe h1{
    font-family: 'Poppins Black';
    
}
/* COmmon CSS END */

.Hero-section{
   background-image: url(../imgs/images/Rectangle1.png) ;
   width: 100%;
   height: 100vh;
}
a{
   text-decoration: none;
   color: orange;

}
.Box-one{
   width: 40%;
   padding-left:11rem ;
   padding-bottom: 5rem;
   font-weight: bold;

      font-size: 30px;
      line-height: 4rem;


}


.team-buzztribe{
	    text-align: center;
   
    padding: 11px 250px 10px 205px;

}

.Box-two{

padding-bottom: 4rem;
padding-right:7rem;
padding-left: 27.1rem;
width: 60%;



}
ul li {
   list-style: none;
}
.Box-two ul li{
   padding-bottom: 1rem;
   text-align: end;

 
}


.Box-two ul li p{
         line-height: 1.5rem;
}
.team-buzztribe h1{
 text-align: center;
 font-size: 3.6rem;
}
.team,.teams{
   color: orange;
}
.team-member-1-img{
background-image: url(../images/samar-img.png);
width: 30rem;
height: 15rem;
margin: 2rem;


}

 .members{
   /* display: flex; */
   padding-top: 4rem;
}
 


.members__photo img{
width: 9rem;
} 
 .member__info{
   margin-left: 1rem;
} 
.member__info h2{

 font-weight: 500;
     padding-right: 5rem;
 color: black;
} 


 .member__info p{

    padding: 0px 6rem 1px 0px;
    color: black;
    font-size: 15px;
    line-height: 1.1rem;
} 
.layer-1 {
background: url(../imgs/images/Buzztribe\ Team\ Page\ new\ 2025\ copy.png);
    width: 100%;
    height: 8rem;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}


.top-lead-members{
    display: flex;
    padding: 2rem 0rem 0rem 0rem;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
}
.top-lead-members .leaders{
    width: 25%;

}
.leaders img{
  width: 7rem;
}
.leaders h1{
      font-size: 1.4rem !important;
}
.leaders h3{
    font-family: 'Poppins Regular';
    font-weight: lighter;
    line-height: 1.5rem;
    font-size: .9rem;
    position: relative;
    bottom: .4rem;
}
.leaders p{
       font-family: 'Poppins Regular';
    font-weight: lighter;
    font-size: 12px;
    line-height: 1rem;
    padding-right: 3rem;
   

}
.text {
  transition: opacity 0.4s ease;
}



.hidden {
  opacity: 0;
  pointer-events: none;
  background-color: blue;
}

  .more-text {
    display: none;
  }
.team-buzztribe img{
   width: 7rem;
   padding-left: 0rem;
}
.team-buzztribe h3{
       font-family: 'Poppins Regular';
       font-weight: lighter;
       font-size: 1rem;
       margin: 0 auto;
       width: 50%;
       /* text-align: center; */
}
.form-section{
   /* display: flex; */
   width: 100%;
}
.form-section-1,.form-section-2{
   width: 50%;
}
.form-section-1{
padding-left: 7rem;
   
}

.form-section-1 p{
       font-family: 'Poppins Regular';
}
.form-section-1 h1{
   padding-right: 30rem;
   font-size: 3rem;
   line-height: 4rem;
}
.form-section-1 h3{
   font-size: 1rem;
}
.form-section-1 p{
   padding-right: 18rem;
   padding-top: 1rem;
}

.leaders button{
   background: transparent;
   border: navajowhite;
   color: #fcae1a;
   padding-right: 1rem;
   padding-top: .5rem;
   font-family: 'Poppins Regular';
   font-weight: 600;
}


   .form-section input{
      border: 0;
      border-bottom: 2px solid #d7d6d6;
   width: 35%;
   margin-top:2rem ;
   }
.right form p label {
        width: 25%;
        display: block;
        float: left;
/* padding-top: 26px; */

     font-family: 'Poppins Regular';
    }
.right form button {
        font-family: 'Poppins ExtraBold';
        border: 0;
        background: #fcae1a;
        font-size: 1rem;
        color: #fff;
        margin-top: 1.3rem;
        padding: 10px 20px;
        cursor: pointer;
        transition: 0.3s;
    }
 .right form button:hover {
        background: #000;
        color: white;
    }
    .right h3{
      font-size: 2rem;
    }
    .team-member-1{
   
             padding-top: 4rem;

    }
 .team-images {
width: 50%;
display: flex;
justify-content: center;
padding-left: 7rem;
    }

 .information h1{
   font-family: 'Poppins Regular';
       font-size: 16px;

    padding: 0.8rem 0rem;
}
.informations h1{
   font-family: 'Poppins Regular';
   font-size: 12px;
       padding: 1rem 7rem 0rem 1rem;
           font-size: 16px;
    padding: 0.5rem 5rem .5rem 1rem;
}

.informations h3{

        font-size: 1.5rem;
    padding: 0rem 10rem 0rem 1rem;
    line-height: 2rem;
}
.informations p{
    font-family: 'Poppins Regular';
    font-size: 13px;
    line-height: .9rem;
    padding: 0rem 2rem 1rem 1rem;
}


.information p{
    font-family: 'Poppins Regular';
}

.information h3{
   font-size: 2rem !important ;
}
.team-members-2{
   /* display: flex; */
          padding: 1rem 0rem 0rem 10rem;
}
.team-images-leader-2 img{
width: 10rem;
}

.team-members-details{
    display: flex
;
    padding: 1rem 2rem 0rem 4rem;   
}
    .team-images img{
      /* display: flex; */
      width: 25rem;
     align-items: end;
    }
    .information{
     
      width: 50%;
      padding-right:6rem ;
      line-height: 1.3rem;
    }










/* Tablet Styles (768px - 1024px) */
@media (max-width: 1024px) {
   .Hero-section {
      height: 30vh;
   }

   .Box-one {
               align-items: end;
        width: 50%;
        padding-left: 2rem;
        font-size: 18px;
        line-height: 3rem;
        padding-bottom: 1rem;
        padding-right: 5rem;
        text-align: start;
    }

    .information h3 {
    padding: 1rem 0rem 1rem 1rem;
    font-size: 2rem !important;
}

.information h4{
       padding: 0rem 0rem 0.6rem 1rem;
       font-family: 'Poppins Regular';
}

      .Box-two {
        width: 50%;
        padding-left: 6rem;
        padding-right: 4rem;
        padding-bottom: 0px;
    }
    .informations p {
    font-family: 'Poppins Regular';
    font-size: 11px;
    line-height: .9rem;
 padding: 0;
}
   .team-member-1 {
    padding-top: 4rem;
}

   .team-images img {
    display: flex
;
    width: 20rem;

}

	.team-buzztribe {
    text-align: center;
    padding: 80px 26px 20px 38px;
}
   
   .top-lead-members {
      padding: 2rem 2rem 0rem 0rem;
  
   }
   .team-buzztribe h3 {
width: 75%;
   }
   
   .team-members-2,
   .team-members-details {
      padding-left: 3.1rem;
   }
   .information{
      padding: 0rem 1rem;
   }
   .leaders button {
  
    background: transparent;
    border: navajowhite;
    color: #fcae1a;
    padding-right: 1rem;
        padding-top: 1rem;
    font-family: 'Poppins Regular';
}

   .right form p label {
    width: 33%;
   }
   
   .form-section-1,
   .form-section-2 {
      width: 90%;
      margin: 1rem;
      background-position: left;
   }
   
     .form-section-1 {
        padding-left: 4rem;
        padding-right: 4rem;

        text-align: center;
        display: flex
;
        flex-direction: column;
        justify-content: center;
     }
   
   .form-section-1 h1 {
      padding-right: 0;
   }
   
   .form-section-1 p {
      padding-right: 0;
   }
   
   .form-section input {
      width: 60%;
   }
   
   .team-images {
      width: 80%;
      padding-left: 3rem;
      padding-right: 2rem;
   }
   .informations h3 {
         font-size: 1.5rem;
        padding: 0px;
        line-height: 1.5rem;
}
.informations h1{
       font-size: 12px;
           padding: .5rem 0rem .5rem 0rem;
}
.team-images-leader-2 img {
    width: 9rem;
}
.leaders h1 {
        font-size: 1.2rem !important;
        line-height: 1.6rem;
}

.leaders h3 {
    font-size: .7rem;


    line-height: 1.4rem;
   }

.leaders p {

    font-size: 12px;
    line-height: 1rem;
    padding-right: 4px;
    padding-bottom: 1rem;

}
.layer-1{
background-position: left;
}

.informations{
        padding: 0rem 0rem 0rem 1rem;
}
   .information {
      width: 95%;
      padding-right: 1rem;
   }
   .information p {
    font-family: 'Poppins Regular';
    line-height: 1.1rem;
    font-size: 14px;
   }
}

/* Mobile Styles (up to 767px) */
@media (max-width: 767px) {

     .information,  .Box-one,
   .Box-two,   .Box-two ul li ,   .leaders {
      text-align: center;
   }

.team-member-1 {
    padding-top: 4rem;
}


   .Hero-section {
        height: 52vh;
        flex-direction: column;
        justify-content: flex-start;
        background-position: 20% 50%;
   }
   
.Box-two ul li {
    padding-bottom: .5rem;
    text-align: right;
    font-size: 16px;
    font-weight: 600;
}    

.layer-1 {

    width: 100%;
    height: 5rem;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
}
	
	
	.team-buzztribe {
    text-align: center;
    padding: 80px 26px 20px 38px;
		        font-size: 14px;
}

   .Box-one,
   .Box-two {
      width: 100%;
      padding: 2rem;
      /* text-align: center; */
   }
   
   .Box-one {
      font-size: 20px;
      line-height: 2.2rem;
      padding-bottom: 2rem;
   }
   
   
   
   .team-buzztribe h1 {
      font-size: 2.5rem !important;
   }
   
	.
	
   .team-buzztribe h3 {
      width: 80%;
   }
   
   .top-lead-members {
      padding: 0rem 1rem;
      grid-template-columns: repeat(2, 1fr);
        padding: 0rem 0rem;
   }
   
	
	    .top-lead-members {
          display: grid;
    padding: 2rem 0rem 0rem 0rem;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    }
	
	
   .leaders {
      margin-bottom: 2rem;
      /* text-align: center; */
   }
    .top-lead-members .leaders{
        width: 100%;
    }
   
   .leaders img {
      width: 9rem;
   }
   
   .leaders h1 {
      font-size: 1rem !important;
              padding-bottom: 6px;
   }
   
   .leaders h3{
           font-size: .9rem;
        font-weight: 700;
        line-height: 1.2rem;
        padding-bottom: .5rem;
   }

   .team-buzztribe .leaders h1 {

    padding: 0.3rem .7rem 0rem 0rem !important;
    line-height: 1.1rem !important;
   }

   .team-members-2{
        padding-left: 1.1rem;
    }
 
   .leaders p {
      font-size: 0.9rem;
      line-height: 1rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
   }
   
   .team-member-1 {
      flex-direction: column;
      align-items: center;
          padding-top: 1rem;
   }
   
   .team-images {
      width: 100%;
   }
   
   .information {
      padding: 1rem 0rem;
      /* text-align: center; */

   }
   
   .form-section-1 {
      padding: 2rem;
      display: block;

   }
   .form-section {
    display: block;
    width: 100%;
   }
   .form-section input {
      
      width: 12rem;
   }
   
   .right form button {
      width: 100%;
   }
   
   /* Additional mobile-specific adjustments */
   .team-member-1-img {
      width: 100%;
      margin: 1rem 0;
   }
   
   .team-images img {
      width: 100%;
   }
   .informations h1 {
    font-family: 'Poppins Regular';
    font-size: 12px;
        padding: 0rem 0rem 0rem 0rem;
    font-size: 13px;
 
}
   .informations h3 {
      padding: 0 0rem;
   }
   
     .informations p {
    padding: 5px 0rem 5px 0rem;       
    font-size: 13px;
    line-height: 1rem;
    }


    .team-members-details {
    display: flex
;
    padding: 2rem 1rem 16px 1rem;
}


.Box-one{
           padding: 6rem 0px 0rem 2rem !important;
}

}


/* Small Mobile Devices (up to 480px) */
@media (max-width: 480px) {
   .Box-one {
        font-size: 1.4rem;
        line-height: 2.5rem;
padding-top: 7rem;
        text-align: left;
        justify-content: flex-start;
   }
    
    .Box-one h1 span {
        display: block;
    }
   
   .team-buzztribe h1 {
    font-size: .9rem ;
    padding-top: 20px;
    text-align: center !important;
   }
    .information h3 {
    font-size: 2.5rem !important;
}
   
   .form-section-1 h1 {
      font-size: 2rem;
      line-height: 2.5rem;
   }
   
   .informations h3 {
      font-size: 1.5rem;
      line-height: 1.5rem;
   }
    .information h4 {
        font-size: .9rem;
        padding-bottom: 5px;
        font-family: 'Poppins Regular';

    }
	
}

/* Large Desktop Screens (1440px and up) */
@media (min-width: 1440px) {
   .Hero-section {
      height: 80vh;
   }
   .team-member-1 {
    padding-top: 4rem;
}
   .Box-one {
      font-size: 36px;
      line-height: 4.5rem;
   }
   
   .team-buzztribe h1 {
      font-size: 4rem;
   }
}

/* Maintain all other existing styles below */
a {
   text-decoration: none;
   color: orange;
   font-family: 'Poppins Regular';
}

ul li {
   list-style: none;
}

.Box-two ul li {
   padding-bottom: 1rem;
}



.Box-two ul li p {
   font-family: 'Poppins Regular';
   line-height: 1.5rem;
}

.team-buzztribe h1 {
   text-align: center;
   font-size: 2.6rem;
}

.team-buzztribe .leaders h1 {
    text-align: left;
        padding: 0.3rem .7rem 0rem 0rem;
        line-height: 1.3rem;
}

.team, .teams {
   color: orange;
}

/* Rest of your existing styles... */
@media screen and (min-width: 1200px) {
    .Box-one{
        text-align: left;
    }
    .team-buzztribe{
        margin-top: 90px;
    }
    .team-member-1{
            padding-top: 2rem;
    }
    .team-images img{
        width: 30rem;
    }
    .team-member-1 .information{
        text-align: left;
        padding-top: 50px;
    }
   .information h3
    {
        padding-bottom: 10px;        
    }
    .information h4{
        padding-bottom: 5px;
        font-family: 'Poppins Regular';
    }
    .information p {
            font-size: 14px;
    }
    .team-members-2{
        padding: 1rem 0rem 0rem 8rem;
    }
    .team-images-leader-2 img{
        width: 14rem;
    }
}
@media screen and (min-width: 1700px) {
    .Hero-section,.team-member-1-img{
         background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
    }
    .layer-1{
        background-position:top;
   background-repeat: no-repeat;
   background-size: cover;
    }

   .Hero-section ,.Box-one,.Box-two, .members,.team-member-1,.form-section,.team-members-2,.team-images img{
           display: flex;
    }
.Hero-section, .team-member-1,  .Box-one,
   .Box-two{

   justify-content: center;
}

.team-buzztribe h3,  .Box-one,
   .Box-two,  .Box-two ul li ,   .information {
         text-align: center;
}

a{
     font-family: 'Poppins Regular';
}

.Box-one{
      font-family: 'Poppins ExtraBold';
}

.Box-one,.Box-two {

justify-content: end;
align-items: end;
}

.Box-one,.Box-two{
    color: white;
}

.Box-two ul li p, .members__info p{
          font-family: 'Poppins Regular';
}


.team-buzztribe h1,.member__info h2,.leaders h1,.form-section-1 h1,h3,.informations h3,.team-buzztribe h1{
    font-family: 'Poppins Black';
    
}
/* COmmon CSS END */

.Hero-section{
   background-image: url(../imgs/images/Rectangle1.png) ;
   width: 100%;
   height: 80vh;
   box-shadow: 0 0 15px rgb(0 0 0 / 29%);
}
a{
   text-decoration: none;
   color: orange;

}
.Box-one{
   width: 40%;
   padding: 11rem 4rem 3rem 0rem;
   font-weight: bold;
   font-size: 3rem;
   line-height: 6rem;
}
    .Box-one h1 span{
        display: block;
        text-align: left;
    }    
.Box-two{
padding: 0px 0rem 5rem 0rem;    
width: 60%;
}
ul li {
   list-style: none;
}
.Box-two ul li{
font-size: 1.5rem;
text-align: right;
width:55%;
padding-bottom: 40px;
}


.Box-two ul li p{
         line-height: 1.5rem;
}
.team-buzztribe h1{
 text-align: center;
 font-size: 5rem;
 padding-top: 20px;
}
.team,.teams{
   color: orange;
}
.team-member-1-img{
background-image: url(../imgs/images/samar-img.png);
width: 30rem;
height: 15rem;
margin: 2rem;


}

 .members{
   /* display: flex; */
   padding-top: 4rem;
}
 


.members__photo img{
width: 9rem;
} 
 .member__info{
   margin-left: 1rem;
} 
.member__info h2{

 font-weight: 500;
     padding-right: 5rem;
 color: black;
} 


 .member__info p{

    padding: 0px 6rem 1px 0px;
    color: black;
    font-size: 15px;
    line-height: 1.1rem;
} 
.layer-1 {
background: url(../images/Buzztribe\ Team\ Page\ new\ 2025\ copy.png);
    width: 100%;
    height: 13rem;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}


.top-lead-members{
display: flex;
padding: 2rem 0rem 0rem 5rem;
justify-content: space-between;
}
    .leaders{
        padding: 10px;
    }
.leaders img{
  width: 10rem;
}
.leaders h1{

      font-size: 1.5rem !important;
}
.leaders h3{
    font-family: 'Poppins Regular';
    font-weight: lighter;
    line-height: 1rem;
}
.leaders p{
       font-family: 'Poppins Regular';
    font-weight: lighter;
    font-size: 13px;
    line-height: 1rem;
    padding: 0px 0px;
}

.team-buzztribe img{
   width: 15rem;
   padding-left: .5rem;
}
.team-buzztribe h3{
       font-family: 'Poppins Regular';
       font-weight: lighter;
       font-size: 1rem;
       margin: 0 auto;
       width: 50%;
       /* text-align: center; */
}
.form-section{
   /* display: flex; */
   width: 100%;
}
.form-section-1,.form-section-2{
   width: 50%;
}
.form-section-1{
padding-left: 7rem;
   
}

.form-section-1 p{
       font-family: 'Poppins Regular';
}
.form-section-1 h1{
   padding-right: 30rem;
   font-size: 3rem;
   line-height: 4rem;
}
.form-section-1 h3{
   font-size: 1rem;
}
.form-section-1 p{
   padding-right: 18rem;
   padding-top: 1rem;
}



   .form-section input{
      border: 0;
      border-bottom: 2px solid #d7d6d6;
   width: 35%;
   margin-top:2rem ;
   }
.right form p label {
        width: 25%;
        display: block;
        float: left;
padding-top: 0px;

     font-family: 'Poppins Regular';
    }
.right form button {
        font-family: 'Poppins ExtraBold';
        border: 0;
        background: #fcae1a;
        font-size: 1rem;
        color: #fff;
        margin-top: 1.3rem;
        padding: 10px 20px;
        cursor: pointer;
        transition: 0.3s;
    }
 .right form button:hover {
        background: #000;
        color: white;
    }
    .right h3{
      font-size: 2rem;
    }
    .team-member-1{
   
             padding-top: 4rem;

    }
 .team-images {
        width: 40%;
        display: block;
        padding-left: 0rem;
    }

 .information h4{
   font-family: 'Poppins Regular';
    font-size: 1.5rem;
    padding: 1.4rem 0rem;
}
.informations h1{
   font-family: 'Poppins Regular';
   font-size: 1rem;
    padding: 0.5rem 5rem .5rem 1rem;
}

.informations h3{
        font-size: 2rem;
    padding: 0rem 10rem 0rem 1rem;
    line-height: 2rem;
}
.informations p{
    font-family: 'Poppins Regular';
    font-size: 16px;
    line-height: 1.5;
    padding: 0rem 8rem 1rem 1rem;
}


.information p{
    font-family: 'Poppins Regular';
}

.information h3{
   font-size: 3rem !important ;
}
.team-members-2{
   /* display: flex; */
          padding: 1rem 0rem 0rem 17.8rem;
}
.team-images-leader-2 img{
width: 15rem;
}

.team-members-details{
    display: flex;
    padding: 1rem 3rem 0rem 4rem;   
}
    .team-images img{
        width: 100%;
    }
    .information{
      width: 30%;
        text-align: left;
      padding: 60px 0px 10px 40px;
    }


}