.part2{

          justify-content: center; 
          background-color: white; 
          margin-left: auto; 
          margin-right: auto; 
          display: block;
          font-family:Times New Roman,Times,serif; 
          font-style: italic;
          font-size: 19px; 
          text-align: center;

          }
  .custom-navbar {

 
  
      background-color: #e0e0e5; /* Optional light gray background */
    }

          .part3{

          font-weight:bold; 
          color:black;


          }
          
          
          @media (max-width: 768px) {
  h3.part3 {
    font-size: 15px;         /* Smaller font for mobile */
    text-align: center;      /* Centered text on small screens */
    color: black;             /* Text color */
    padding: 10px 0;         /* Some vertical padding */
    margin: 0;               /* Remove default margin if needed */
  }
}
          

          .part4{
          color:black;


          }
          
          @media (max-width: 768px) {
  p.part4 {
    font-size: 15px;        /* Adjust font size for readability */
    line-height: 1.5;       /* Improve line spacing */
    padding: 0px 0px;     /* Add some padding around text */
    color: black;            /* Slightly softer text color */
    font-weight:normal;
    text-align: justify;    /* Optional: make the paragraph justified */
  }
}


         

          .partup1{
            color:black; 
            font-family: Arial, sans-serif; 
            font-size: 39px; 
            line-height: 35px; 
            font-weight: bold;
            align-content: center;
          }



          .partup2{
          color:black; 
          font-family: Arial, sans-serif; 
          font-size: 26px; 
          line-height: 27px; 
          font-weight: bold;
          display: flex;
          flex-wrap: wrap;       
          align-content: center;
          justify-content: center; 
          }


          .myvideos{
            width: 100%;
             height: auto;                   
          }
            .partko{
            font:bold; 
            color:black;
          }
          
          @media (max-width: 768px) {
  h2.partko {
    font-size: 18px;          /* Smaller font for small screens */
    line-height: 1.4;         /* Good line spacing for readability */
    text-align: center;       /* Center the heading */
    padding: 15px 10px;       /* Add space around the text */
    color: #222;              /* Optional: adjust color */
  }
}
          
          
          
          .all_link{
            color: black;
            font-family: 'Source Sans Pro';
            font-size: 18px; 
            font-weight: bold;

          }

          .active{
            color:#4682B4;
            font-family: 'Source Sans Pro';
            font-size: 18px; 
            font-weight: bold;
          }

          .contactlink{
           text-decoration: none; 
           cursor: pointer;
          }

          .span1{
            background: gray;
          }
          .chatspan{
            color: black;font-family: 'Source Sans Pro';font-size: 18px; font-weight: bold;
          }


.chat-toggle {
      position: fixed;
      bottom: 20px;
      right: 20px;
      z-index: 999;
    }
    .chat-widget {
      position: fixed;
      bottom: 70px;
      right: 20px;
      width: 87%;
      max-width: 400px;
      max-height: 500px;
      background: white;
      border: 1px solid #ccc;
      border-radius: 8px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
      display: flex;
      flex-direction: column;
      overflow: hidden;
      z-index: 1000;
    }
    .chat-header {
      background: #0d6efd;
      color: white;
      padding: 10px 15px;
      font-weight: bold;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .chat-body {
      flex: 1;
      padding: 10px;
      overflow-y: auto;
      background: #f8f9fa;
    }
    .chat-footer {
      padding: 10px;
      border-top: 1px solid #ccc;
      background: #fff;
    }
    .message {
      margin-bottom: 10px;
    }
    .message.customer {
      text-align: right;
    }
    .message.admin {
      text-align: left;
    }
    .message .bubble {
      display: inline-block;
      padding: 10px 15px;
      border-radius: 15px;
      max-width: 75%;
      border: 1px solid transparent; color: black;font-family: 'Source Sans Pro';font-size: 18px; font-weight: bold;
    }
    .message.customer .bubble {
      background: transparent;
      border-color: transparent;
      color: #000;
    }
    .message.admin .bubble {
      background: #dee2e6;
      color: #000;
      border-color: transparent;
    }
    .message small {
      display: block;
      font-size: 11px;
      color: #666;
    }
    
    
.chatspan{
    color: black;font-family: 'Source Sans Pro';font-size: 18px; font-weight: bold;
}

.welcome-text{
    color: black;font-family: 'Source Sans Pro';font-size: 15px; 
}


@media (max-width: 768px) {
    .partup1 {
        
            color:black; 
            font-family: Arial, sans-serif; 
            font-size: 21px; 
            line-height: 25px; 
            font-weight: bold;
           
          text-align: center;
   
    }
    
     .partup2{
          color:black; 
          font-family: Arial, sans-serif; 
          font-size: 16px; 
          line-height: 27px; 
          font-weight: bold;
          display: flex;
          flex-wrap: wrap;       
          align-content: center;
          justify-content: center; 
          }
    
  }
  
  @media (max-width: 768px) {
  p.part2 {
    font-size: 15px;            /* Smaller font for mobile */
    line-height: 1.6;           /* Better readability */
    padding: 15px 10px;         /* Inner spacing on small screens */
    text-align: justify;        /* Optional: makes the paragraph cleaner */
    color: #333;                /* Softer color for readability */
  }

  /* Optional: Reset unwanted Bootstrap form-control styles */
  p.form-control {
      background-color:white;
    border: none;
    box-shadow: none;
    background-color: transparent;
    padding: 0;
  }
}
  
  
  
  
  h3.part222 .contactlink {
  display: inline-block;    /* keeps it inline but allows padding/margin */
  color: black;           /* or your preferred color */
  text-decoration: none;
  font-weight: bold;
}

h3.part222 .contactlink:hover {
  text-decoration: underline;
}

h3.part222 {
  text-align: center;
}

          

  
  
  
  @media (max-width: 768px) {
  h3.part222 {
    font-size: 17px;            /* Smaller heading size for mobile */
    line-height: 1.4;           /* Good spacing */
    text-align: center;         /* Centered for better CTA visibility */
    padding: 0px 16px;
    margin: 0 auto;
  }

  h3.part222 .contactlink {
    display: block;             /* Makes the whole area tappable */
    color: black;             /* Bootstrap-style blue link (or choose your own) */
    text-decoration: none;      /* Removes underline */
    font-weight: bold;
  }

  h3.part222 .contactlink:hover {
    text-decoration: underline; /* Adds hover effect */
  }
}