.navbar {
          
            background-color: #F2F4F4;
            border: none;
            border-radius: 0;
             height:70px;
            
        }
        #editor {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border: 1px solid #ccc;
    padding: 20px;
    z-index: 1000;
}

#editor textarea {
    width: 100%;
    box-sizing: border-box;
}
         .edit-button {
            cursor: pointer;
            color: blue;
            text-decoration: underline;
        }
        /*.form-container {*/
        /*    display: none;*/
        /*}*/
        .navbar .navbar-nav > li > button {
            color: white;
            background: blue;
            border: none;
            padding: 15px 20px;
            font-size: 16px;
            margin-right: 10px; /* Add margin to create space between buttons */
        }
        .navbar .navbar-nav > li > button:hover,
        .navbar .navbar-nav > li > button:focus,
        .navbar .navbar-nav > li > button:active {
            background-color: #ADD8E6; /* Change background color on hover */
            color: white; /* Change text color on hover */
        }
        .navbar .navbar-brand {
            padding: 0;
        }
        .navbar .navbar-brand img {
            height: 50px;
        }
        .dropdown-menu {
         display: none; /* Hide by default */
    background-color: #F4F6F7 ;
    /*border: 10px;*/
 
    /* Maximum height */
   /* Add scrollbar if needed */
    padding: 0; /* Remove internal padding */
    box-sizing: border-box;
        }
        .dropdown-menu li {
    margin-left:23px; /* Remove margins */
    /*width:5px;*/
    
}
        .dropdown-menu a {
            color: black;
            padding: 5px;
            display: block;
            text-decoration: none;
        }
        .dropdown-menu a:hover,
        .dropdown-menu a:focus,
        .dropdown-menu a:active {
            background-color: rgba(255, 255, 255, 0.85); /* Make menu more transparent on hover */
            color: red; /* Change text color to red on hover */
        }
        .navbar-toggle {
            border: 2px;
        }
        .navbar-toggle .icon-bar {
            background-color: black;
        }
       
        @media (max-width: 767px) {
            .navbar-nav {
                margin: 0;
            }
            .navbar-nav > li {
                float: none;
            }
            .navbar-nav > li > button {
                width: auto;
                text-align: left;
                margin-right: 0; /* Remove margin for mobile view */
                margin-bottom: 10px; /* Add space between buttons in mobile view */
            }
        }
        
        
        
          body {
            margin: 0;
            font-family: Arial, sans-serif;
            color: #ffffff;
        }
        .header {
            display: flex;
            justify-content: space-between;
            padding: 20px;
            background-image: url(img/global-talent-bg-ld.png);
            background-size: cover;
            background-position: center;
        }
        .text-content {
            max-width: 50%;
            height: auto; /* Allow content to fit */
        }
        .text-content h1 {
            margin: 0;
            font-size: 4em;
            line-height: 1.1; /* Adjust line height for better alignment */
            display: inline; /* Ensure headings are inline */
        }
        .text-content h1 span {
            color: #3700ff;
        }
        .text-content h1:first-of-type {
            color: #faf8fa;
        }
        .text-content h1 span {
            font-size: 0.5em; /* Larger size for desktop */
        }
        .text-content h2 {
            margin: 0;
            font-size: 1.5em;
            color: #ffffff;
        }
        .text-content p {
            margin: 10px 0 0;
            font-size: 1.25em;
            color: #d3d3d3;
        }
        .text-content b {
            font-weight: bold;
        }
        .flex-row {
            display: flex;
            gap: 33%;
            margin-bottom: 20px;
        }
        .flex-row:nth-of-type(2) {
            gap: 10%;
        }
        .flex-row:nth-of-type(3) {
            gap: 35%;
        }
        .flex-row:nth-of-type(4) {
            gap: 5%;
        }

        /* Media Queries */
        @media (max-width: 768px) {
            .header {
                flex-direction: column;
                align-items: center;
                text-align: left;
            }
            .text-content {
                max-width: 100%;
                height: auto;
            }
            .text-content h1 {
                font-size: 2.5em;
                line-height: 1.2;
            }
            .text-content h1 span {
                font-size: 1.2em; /* Smaller size for mobile */
            }
            .text-content h2 {
                font-size: 1.2em;
            }
            .text-content p {
                font-size: 1em;
            }
        }

        @media (max-width: 480px) {
            .text-content h1 {
                font-size: 2em;
                line-height: 1.3;
            }
            .text-content h1 span {
                font-size: 1.0em; /* Even smaller size for mobile */
            }
            .text-content h2 {
                font-size: 1em;
            }
            .text-content p {
                font-size: 0.9em;
            }
        }

        /* Additional styles for the menu */
        .menu {
            position: fixed;
            top: 0;
            width: 100%;
            background-color: #333;
            padding: 10px;
            z-index: 1000; /* Ensure the menu is on top */
            display: flex;
            justify-content: space-between;
        }
        .menu a {
            color: #ffffff;
            text-decoration: none;
            padding: 10px 20px;
        }
        
        
        
                body {
            margin: 0;
            font-family: Arial, sans-serif;
            background-color: #576ec8;
            color: #ffffff;
        }
        #pricing {
            padding: 30px;
        }
        .content {
            padding: 20px;
            background-color: #030303;
            display: flex;
        }
        .content h1, .content h3 {
            margin: 0;
        }
        .content h1 {
            font-size: 2.75em;
            color: #f1f1f6;
        }
        .content h3 {
            font-size: 2.25em;
        }
        .content .highlight {
            color: #3300ff;
        }
        .content .subtext {
            color: #e6e6ed;
        }
        .category-list {
            display: flex;
            gap: 10px;
            margin-top: 20px;
            margin-left:30%;
        }
        .category-list div {
            flex: 1 1 30%;
            min-width: 200px;
        }
        .category-list ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .category-list li {
            margin-bottom: 10px;
        }
        .view-more {
            color: #5900ff;
            text-decoration: none;
            display: block;
            margin-top: 10px;
        }
        /* Media Queries */
        @media (max-width: 768px) {
            .category-list {
                flex-direction: column;
            }
            .category-list div {
                display: none;
            }
            .category-list div:first-child {
                display: block;
            }
            .category-list .view-more {
                display: block;
            }
            .category-list.expanded div {
                display: block;
            }
            .content {
            padding: 20px;
            background-color: #030303;
            display: flex;
            flex-direction:column;
        }
        }
        
        
        
        
          /* Common styles */
        .services-section,
        .contact-section {
            margin: 0;
            font-family: Arial, sans-serif;
            color: #ffffff;
        }

        .services-content,
        .contact-content {
            padding: 30px;
        }

        .services-header,
        .contact-header {
            display: flex;
            justify-content: space-between;
            padding: 20px;
            background-size: cover;
            background-position: center;
        }

        .services-text,
        .contact-text {
            max-width: 50%;
        }

        .services-image,
        .contact-image {
            max-width: 60%;
            margin-left: 20px;
            margin-top: 60px;
        }

        .services-image img,
        .contact-image img {
            width: 100%;
            height: 490px;
            border-radius: 50%;
            box-shadow: 0px 0px 10px rgba(21, 21, 21, 1);
        }
        
        .para{
            font-size:1.3em;
        }

        /* Mobile-specific styles */
        @media (max-width: 768px) {
            .services-header,
            .contact-header {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }

            .services-text,
            .contact-text,
            .services-image,
            .contact-image {
                max-width: 100%;
                margin: 0;
            }

            .services-text h1,
            .contact-text h1 {
                font-size: 2em; /* Increased font size for mobile */
            }

            .services-text h2,
            .contact-text h2 {
                font-size: 1.5em; /* Adjusted font size */
            }

            .services-text p,
            .contact-text p {
                font-size: 1.3em; /* Increased font size for paragraphs */
            }

            .services-image img,
            .contact-image img {
                width: 80%; /* Reduced image size for mobile */
                height: auto; /* Maintain aspect ratio */
                margin-top: 20px; /* Add spacing above images */
            }
        }
        
       
       .talent-div{
           margin-bottom: 20px; 
           display: flex;
           gap: 33%;
       }
       
      .talet-div1{
          margin-bottom: 20px; 
          display: flex; 
          gap: 10%;
      } 
      
      .talent-div2{
          margin-bottom: 20px;
          display: flex; 
          gap: 35%;
      }
       
       .talent-div3{
         margin-bottom: 20px;
         display: flex; 
         gap: 5%;
       } 
       
       /*Service Css*/
       
       .service-div{
           background-color:#010101;
       }
       
       .service-div1{
          margin-bottom: 20px; 
          display: flex;
          gap: 33%;
       }
       
       .service-div-h21{
           margin: 0; 
           color: #ffffff;
       }
       
      .service-div-h22{
           margin: 0; 
           color: #ffffff;
      } 
      
      .service-div2{
          margin-bottom: 20px; 
          display: flex;
          gap: 10%;
          
      }
     .service-div2-p11{
         margin: 10px 0 0;
         color: #d3d3d3;
         font-size:1.3em;
         width:60%;
     }
       
       
     .service-div2-p12{
       margin: 10px 0 0;
       margin-left:30px;
       color: #d3d3d3;
        font-size:1.3em;
         width:60%;
        }
      
     .service-div4{
         margin-bottom: 20px;
         display: flex;
         gap: 35%;
     }
       
       .service-div4-h21{
           margin: 0; 
           color: #ffffff;
       }
       
     .service-div5{
         margin-bottom: 20px; 
         display: flex; 
         gap: 5%;
     }  
       
       .service-div5-p11{
           margin: 10px 0 0; 
           color: #d3d3d3;
           font-size:1.3em;
           width:60%;
       }
       
       
       .service-div5-p12{
           margin: 10px 0 0; 
           color: #d3d3d3;
           font-size:1.3em;
           margin-left:20px;
           width:60%;
       }
       
       
      /*Contact CSS*/
      
      .contact-div{
         margin-bottom: 20px;
         max-width:100%;
      }
       
       .contact-div-h22{
           margin: 0;
           font-size: 2.5em;
           color: #ffffff;
       }
       
     .contact-div-p11{
        margin: 10px 0 0; 
        font-size: 1.3em;
        color: #d3d3d3;
     } 
     
     .contact-div2{
         margin-bottom: 20px;
     }
       
       
       .contact-div2-h22{
           margin: 0; 
           font-size: 2.5em; 
           color: #ffffff;
       }
       
       .contact-div2-p11{
           margin: 10px 0 0; 
           font-size: 1.3em; 
           color: #d3d3d3;
       }
       
       
       /*Footer Css*/
       
       .footer-div{
           margin: 0; 
           font-family: Arial, sans-serif; 
           background-color:#000000;
           color: #ffffff;
       }
       
       .footer-div2{
           padding: 20px; 
           background-color: #000000;
       }
       
       .footer-div3{
          display: flex;
          justify-content: space-between; 
          flex-wrap: wrap;
       }
       
       .footer-div4{
           flex: 1 1 20%;
           min-width: 200px;
       }
       
       
       .footer-div4 ul{
         list-style: none;
         padding: 0;
         margin: 0;
       }
       
      .footer-div4 ul li{
          margin-bottom: 10px;
      }
       
      .footer-div4 ul li a{
         color: #ffffff;
         text-decoration: none;
      }
       
     .footer-div5{
         flex: 1 1 15%; 
         min-width: 150px;
     }
       
      .footer-div5 h4{ 
        margin-bottom: 10px;
      }
     .footer-div5-ul{
      list-style: none;
      padding: 0;
      margin: 0;
     }
     
     .footer-div5-ul li{
         margin-bottom: 10px;
         
     }
     .footer-div5-ul li a{
         color: #ffffff; 
         text-decoration: none;
     }
       
       .footer-div6{
           flex: 1 1 15%; 
           min-width: 150px;
       }
       
       .footer-div6 h4{
          margin-bottom: 10px;
       }
       
      .footer-div6-ul{
         list-style: none; 
         padding: 0; 
         margin: 0;
      }
       
      .footer-div6-ul li{
         margin-bottom: 10px;
      }
      .footer-div6-ul li a{
          color: #ffffff;
          text-decoration: none;
      }
       
       
      .footer-div7{
           flex: 1 1 15%; 
           min-width: 150px; 
      }
       
       .footer-div7 h4{
           margin-bottom: 10px;
       }
       
       .footer-div7-ul{
           list-style: none; 
           padding: 0; 
           margin: 0;
       }
       
       .footer-div7-ul li{
           margin-bottom: 10px;
       }
       
       .footer-div7-ul li a{
            color: #ffffff;
            text-decoration: none;
       }
      
      .footer-div8{
         flex: 1 1 20%; 
         min-width: 200px;
      }
       
       .footer-div8 h4{
           margin-bottom: 10px;
       }
       
       .footer-div9{
           display: flex;
           flex-direction: column;
       }
      .footer-div9 a img{
          width: 120px;
          margin-bottom: 10px;
      } 
       
       .footer-div10{
           display: flex;
           gap: 10px; 
           margin-top: 10px;
       }
       
       .footer-div10 a{
          color: #ffffff;
          text-decoration: none;
       }
       
       .footer-div10 a img{
           width: 24px;
       }