/* team page styles (moved out of the inline <style> block of team.php). */
/* General Section Styling */
         .exparts {
             padding: 30px 0;
             background-color: #f9f9f9;
         }

         .section-title {
             text-align: center;
             margin-bottom: 30px;
         }

         .section-title h2 {
             font-size: 24px;
             font-weight: bold;
             color: #333;
             margin-bottom: 10px;
         }

         .section-title p {
             font-size: 16px;
             color: #777;
         }

         /* Staff Card */
         .StaffImgR {
             text-align: center;
             padding: 15px;
             border-radius: 10px;
             box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
             margin: 15px 0;
             background-color: ;
             position: relative;
             /* Ensure absolute elements inside work properly */
         }

         .staff-image {
             max-width: 100%;
             border-radius: 10px;
             margin-bottom: 15px;
         }

         /* Grid Container */
         .grid-container {
             display: grid;
             grid-template-columns: 1fr 2fr;
             /* 1fr for first grid and 2fr for second grid */
             gap: 50px;
             /* Increased gap between grid items for more space */
         }

         /* Grid Items */
         .grid-item {
             background-color: #f9f9f9;
             padding: 20px;
             border-radius: 8px;
             box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
             display: flex;
             flex-direction: column;
             justify-content: space-between;
         }

         /* Name and Age Styling */
         .NameAndAge {
             padding: 5px 7px;
             color: white;
             background: #00000069;
             width: 114px;
             display: inline-block;
             text-align: center;
             border: 5px;
             margin-top: 5px;
         }

         /* Button Containers */
         .NameAndCallBtn,
         .whatsAppChat {
             position: absolute;
             z-index: 99;
             width: 89%;
             display: flex;
             justify-content: space-between;
             padding-left: 10px;
             /* To prevent buttons from touching edges */
         }

         .NameAndCallBtn {
             top: 10px;
             color: white;
         }

         .whatsAppChat {
             bottom: 17px;
             color: white;
         }

         /* Call Button */
         .StCallBtn {
             justify-content: flex-end;
             padding-right: 15px;
         }

         .StCallBtn a img,
         .whatsAppChat a img {
             height: 45px;
             position: relative;
             width: 45px;
         }

         /* Status Indicators */
         .red {
             color: red;
         }

         .green {
             color: green;
         }

         /* Call-to-Action (On/Off) */
         .OnandOfWidth {
             background: white;
             padding: 5px 10px 5px 20px;
             border-radius: 8px;
             margin-left: -15px;
                 font-size: 15px;
         }

         /* Banner Text */
         .bannerspan {
             text-align: left;
             color: #f2d834;
             font-size: 25px;
             float: left;
             position: absolute;
             left: 0;
             font-family: fangsong;
         }

         .Home_Text,
         .HomeTextsection h1,
         .HomeTextsection h2 {
             font-size: 27px;
             font-family: emoji;
         }

         /* Padding Adjustments */
         .Pr12px {
             padding-right: 12px;
         }

         .Pad_rAndMar {
             padding-right: 0;
             margin-right: 0;
         }

         .TxCapCha {
             text-transform: capitalize;
         }

         .FwAuto {
             font-family: auto;
         }

         .Fw27emji {
             font-size: 27px;
             font-family: emoji;
         }

         /* Half Width */
         .w_50 {
             width: 50%;
         }

         /* Media Queries */

         /* Mobile (up to 575px) */
         @media (max-width: 575px) {
             .grid-container {
                 grid-template-columns: 1fr;
                 /* Stack items in a single column */
                 gap: 15px;
                 /* Gap between the grid items */
             }

             .StaffImgR img {
                 height: 475px;
                 object-fit: cover;
             }

             .NameAndCallBtn,
             .whatsAppChat {
                 width: 92%;
             }
         }

         /* Tablets (576px to 767px) */
         @media (min-width: 576px) and (max-width: 767px) {
             .grid-container {
                 grid-template-columns: 1fr 1fr;
                 /* Two equal columns on tablets */
                 gap: 15px;
                 /* Gap between items */
             }

             .whatsAppChat a img {
                 height: 33px;
             }
         }

         /* Small Desktops (768px to 991px) */
         @media (min-width: 768px) and (max-width: 991px) {
             .grid-container {
                 grid-template-columns: 1fr 1fr;
                 /* Two equal columns on small desktops */
                 gap: 20px;
                 /* Increased gap between items */
             }

             .OnandOfWidth {
                 font-size: 10px;
             }

             .StCallBtn {
                 padding-right: 0px;
             }

             .whatsAppChat a img {
                 height: 33px;
             }
         }

         /* Medium to Large Desktops (992px to 1199px) */
         @media (min-width: 992px) and (max-width: 1199px) {
             .grid-container {
                 grid-template-columns: 1fr 2fr;
                 /* Adjust grid layout */
                 gap: 25px;
                 /* Increased gap for larger screens */
             }

             .OnandOfWidth {
                 font-size: 10px;
             }

             .whatsAppChat a img {
                 height: 33px;
             }
         }

         /* Extra Large Desktops (1200px and above) */
         @media (min-width: 1200px) {
             .grid-container {
                 grid-template-columns: 1fr 2fr;
                 gap: 30px;
                 /* Increased gap for extra large screens */
             }
         }