*{
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
  }
  /* ----------------------------------section-1------------------------ */
  #case-studies1 #section1{
    width: 100%;
    /* border: 2px solid; */
    height: auto;
    /* background-color: #e5f3ff; */
  }
  #case-studies1 .about-client {
    /* border: 2px solid red;+ */
   
    border-radius: 10px;
    padding: 20px 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    width: 100%;
    text-align: center;
    animation: fadeIn 1s ease-out;
      margin: auto;
   
  }
  
  #case-studies1 .about-client .about-content{
    color: #333;
    line-height: 1.6;
    font-size: 1.1rem;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  }
  #case-studies1 .bottom-content{
    font-size: 1.1rem;
    padding-top: 2%;
    font-style: italic;
    font-weight: bold;
  }
  
  #case-studies1 .functions {
    /* border: 1px solid; */
    width: 90%;
    display: flex;
    justify-content: center;
    justify-content: space-evenly;
    position: relative;
    left: 4%;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 25px;
    animation: slideIn 1s ease-out;
  }
  
  #case-studies1 .function-item {
    /* border: 1px solid; */
    width: 45%;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.644);
    text-align: center;
    transition: transform 0.3s ease;
  }
  
  #case-studies1 .function-item:hover {
    transform: translateY(-10px);
  }
  
  #case-studies1 .function-item img {
    width: 50px;
    margin-bottom: 10px;
  }
  
  #case-studies1 .about-client h3 {
    font-size: 1.2em;
    color: #084c7f;
    margin-bottom: 8px;
   
    
  }
  
  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  
  @keyframes slideIn {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
  }
  @media (max-width:760px){
    .about-content {
        color: #333;
        line-height: 1.2;
        font-size: 1.2rem;
    }
    h3{
        font-size: 0.8em;
        margin-bottom: 0px;
    }
    .function-item{
        padding: 10px;
    }
  }
  /* -----------------------section-2------------------------------------------------ */
  
  .challenges-section {
    text-align: center;
    width: 100%;
    /* border: 2px solid red; */
    padding: 20px;
    height: 100%;
  margin-top: 2%;
    background-color: #f8f9fa;
  }
  .challenges-section-title{
    font-size: 1.5rem;
    
  }
  /* 
  .result-sec-heading1{
    font-size: 2.5em;
    color: #007BFF;
    margin-bottom: 30px;
  }  */
  
  #case-studies1 .challenge-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 90%;
    /* gap: 20px; */
    background-color: #f8f9fa;
    /* border: 2px solid; */
    margin: auto;
    padding: 30px;
  
  }
  
  #case-studies1 .card {
    background:linear-gradient(265deg,#e5f3ff,#f8f9fa,#fff,#f8f8fa,#084c57);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
    opacity: 0;
    transform: translateY(20px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 90%;
    margin-left: 4%;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  }
  
  #case-studies1 .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  }
  
  #case-studies1 .card img {
    width: 50px;
    margin-bottom: 15px;
  }
  .challenge-cards h3{
    color: #084c7f;
    font-size: 1.3rem;
  }
  
  #case-studies1 .card-title{
    font-size: 1.5em;
    color: #3ce21a;
    /* color: #333; */
    margin-bottom: 10px;
  }
  
  #case-studies1 .card-content{
    color: #555;
    line-height: 1.5;
    flex-grow: 1;
    /* font-size: 0.5rem; */
  }
  
  /* Animation */
  @keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
  }
  
  
  
  @media (max-width: 480px) and (min-width: 340px) {
    /* Title Adjustments */
    #case-studies1 .challenges-section-title {
      font-size: 1.2rem;  /* Slightly reduced font size for mobile */
    }
  
    /* Adjust the layout to 2 cards per row */
    #case-studies1 .challenge-cards {
      display: flex;  /* Use flexbox for layout */
      flex-direction: column;  /* Stack cards vertically */
      padding: 10px; 
      /* overflow: hidden;   */
      padding: 10px; 
  margin-bottom: 0px;
  /* margin-right: 100px; */
    }
  
    #case-studies1 .card {
      width: 100%;  /* Full width of the container */
      min-width: 340px;  /* Set a maximum width for the card */
      margin: 0 auto;  /* Center the card horizontally */
      margin-bottom: 15px;  /* Space between cards */
      box-sizing: border-box;  /* Include padding in width */
      padding: 15px; 
    }
    /* Adjust font sizes for mobile */
    .card-title {
      font-size: 1.3rem;  /* Slightly smaller card title */
    }
  
    .card-content {
      font-size: 0.9rem;  /* Adjusted content font size */
    }
  
    .challenge-cards h3 {
      font-size: 1.2rem;  /* Adjusted heading font size */
    }
  }
  
  /* ------------------solutions---------------------------- */
  #case-studies1 .section-3{
    height: 100%;
    width: 100%;
    /* border: 2px solid green; */
    /* background-color:#2c3e50; */
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  }
  #case-studies1 .section-3 .section-container {
    /* border: 5px solid  yellow; */
    padding: 0;
    max-width: 100%;
    border-radius: 8px;
    /* margin: 40px auto; */
    /* padding: 20px; */
  }
  
  #case-studies1 .section {
    /* border: 1px solid red; */
    width: 90%;
    margin: auto;
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    margin-top: 2%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    transition: transform 0.3s ease;
  }
  
  #case-studies1 .section:hover {
    transform: scale(1.02);
  }
  
  #case-studies1 .section .section-3-heading {
    font-size:2em;
    color: #4a9f3b;
    /* margin-bottom: 30px; */
    position: relative;
    text-align: center;
  
  }
  
  #case-studies1 .section .section-3-heading::after {
    content: '';
    display: block;
    width:80%;
    margin: auto;
    height: 1px;
    background: #0056b3;
    margin-top: 4px;
  }
  
  #case-studies1 .section p {
    font-size: 1.15em;
    line-height: 1.6;
    color: #666;
  }
  
  /* "Our Team" grid style */
  #case-studies1 .team-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
  }
  
  #case-studies1 .team-member {
    flex: 1 1 calc(33.33% - 20px);
    padding: 20px;
    background-color: #f1f1f1;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, background-color 0.3s ease;
  }
  
  #case-studies1 .team-member:hover {
    transform: translateY(-5px);
    background-color: #0056b3;
    color: #fff;
  }
  
  #case-studies1 .team-member h3 {
    margin-top: 0;
    font-size: 1.25em;
    color: inherit;
  }
  
  #case-studies1 .team-member p {
    margin: 10px 0;
    font-size: 1.1em;
    color: inherit;
  }
  
  /* Responsive Design */
  @media (max-width: 768px) {
    #case-studies1 .team-member {
      flex: 1 1 calc(50% - 20px);
    }
  }
  
  @media (max-width: 500px) {
    #case-studies1 .team-member {
      flex: 1 1 100%;
    }
  }
  
  
  
  /* -------------------------------------------------section-5------------------------------------------- */
  
  
  .section-container1 {
  /* border: 2px solid red; */
    max-width: 1200px;
    margin: 40px auto;
    padding: 20px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  }
  
  #case-studies1 .section-header11 {
    text-align: center;
    color: #0056b3;
    font-size: 1.5em;
    margin-bottom: 20px;
    position: relative;
  }
  #case-studies1 .section-header11::after {
    content: '';
    display: block;
    width:90%;
    height: 2px;
    background: #0056b3;
    margin: 10px auto;
  }
  
  #case-studies1 .card-container1 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
  }
  
  #case-studies1 .card1 {
    background-color: #fff;
    flex: 1 1 calc(33% - 20px);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: left;
  }
  
  #case-studies1 .card1:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  }
  
  #case-studies1 .card-icon {
    font-size: 2.5em;
    color: #0056b3;
    margin-bottom: 15px;
  }
  
  #case-studies1 .card1 h3 {
    font-size: 1.4em;
    color: #333;
    margin: 0 0 10px;
  }
  
  #case-studies1 .card1 p {
    font-size: 1.1em;
    line-height: 1.6;
    color: #666;
    margin: 0;
  }
  
  
  
  
  
  @media (max-width: 760px) {
    .card-container1 {
      padding: 5px;
    }
    .card1 h3 {
        font-size: 1.3rem;
    }
    .card1 {
      flex: 1 1 48%; 
      margin-bottom: 10px;
      padding: 15px;
    }
    .card1 p {
        font-size: 1em;
        line-height: 1.2;
        color: #666;
        margin: 0;
    }
  }
  
  /* ----------------------------------------------------------------------------------------------------------------- */
  #case-studies1 #benefits{
    padding: 50px;
    background-color: #e5f3ff;
    /* border: 2px solid red; */
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    box-shadow: 0 3px 10px rgb(173, 172, 172) ;
    height: 100%;
    margin: auto;
    width: 90%;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  }
  #benefits .benifit-content{
    font-size: 1.4rem;
    font-style: italic;
    font-weight: bold;
  }
  #case-studies1 #benefits .content11 .ben-head{
    margin-left: 0;
    font-size: 1.3em;
    color: #1078bf;
  }
  #case-studies1 .benefits-list{
  list-style-type: none;
    padding: 0;
    margin-top: 3%;
  }
  #case-studies1 .benefits-list>li{
    /* border: 1px solid; */
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 20px;
    text-align: left;
    background-color: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgb(173, 172, 172);
  }
  #case-studies1 .benefits-list>li .icon1{
    font-size: 3em;
    margin-right: 20px;
    color: #007bff;
  }
  #case-studies1 .ben-content {
    font-size: 1.1em;
    color: #555;
    margin: 5px 0 0;
  }
  /* ********************************************* */
  #case-studies1 #results-section {
    /* border: 1px solid red; */
    background-color: #f9f9fb;
    padding: 50px;
    margin: auto;
    margin-top: 2%;
    width: 90%;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  }
  
  #case-studies1 .split {
    /* border: 1px solid; */
    display: flex;
    justify-content: space-between;
    gap: 30px;
    max-width: 1200px;
    margin: auto;
  }
  
  #case-studies1 .results,.technologies {
    flex: 1;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  }
  
  #case-studies1 .result-sec-heading{
    font-size: 1.8em;
    text-align: left;
    color: #084c7f;
    margin-bottom: 20px;
    border-bottom: 2px solid #0056b3;
    padding-bottom: 10px;
  }
  #case-studies1 .result-item, .tech-item {
    display: flex;
    align-items: start;
    margin-bottom: 20px;
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
  }
  
  #case-studies1 .icon {
    width: 50px;
    height: 50px;
    margin-right: 15px;
  }
  
  #case-studies1 .result-item:last-child, .tech-item:last-child {
    border-bottom: none;
  }
  
  .results .result-item p {
    margin: 0;
    font-size: 1.1em;
    color: #2c3e50;
  }
  .technologies  .tech-item p{
    font-size: 1.1em;
    color: #333;
    line-height: 1.4;
  }
  
  #case-studies1 strong {
    color:#1078bf;
  }
  .result-item, .tech-item {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
  }
  
  #case-studies1 .result-item.fade-in, .tech-item.fade-in {
    opacity: 1;
    transform: translateY(0);
  }
  @media (max-width:760px) {
  
    .split{
        flex-direction: column;
        width: 100%;
    } 
    
  
  #case-studies1 .result-sec-heading{
    font-size: 1.5rem;
    color: #0ee744;
  }
  #case-studies1 #results-section{
    padding: 20px;
  }
  #case-studies1 .section .section-3-heading{
    font-size: 1.5em;
  }
  }
  
  
  /* ----------------------------------conclusion  css----------------------------------------------------- */
  #case-studies1 #conclusion1 {
    /* border: 1px solid red; */
    padding: 20px;
    /* background-color: #f9f9f9; */
    width: 90%;
    margin: auto;
    text-align: left;
    background-color: #2c3e50;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  }
  
  #case-studies1 #conclusion1 h2 {
    font-size: 28px;
    margin-bottom: 15px;
    color: #e5f3ff;
    text-decoration: underline;
    font-size: 2rem;
  }
  
  #case-studies1 #conclusion1 p {
    font-size: 16px;
    margin-bottom: 15px;
    color: #f8f9fa;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.2;
  
  }
  
  #case-studies1 #conclusion1 .contact-button {
    font-size: 1.1rem;
    padding: 5px 10px;
    background-color: #5bb949;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 43%;
    font-weight: bold;
  }
  
  #case-studies1 #conclusion1 .contact-button:hover {
    background-color:#1078bf;
  }
  
  /* Popup Form Styles */
  #case-studies1 .popup-form {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }
  
  #case-studies1 .form-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 90%;
    max-width: 500px;
    position: relative;
  }
  
  #case-studies1 .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
  }
  
  #case-studies1 .form-content h3 {
    margin-top: 0;
    color: #333;
  }
  
  #case-studies1 .form-content label {
    display: block;
    margin-top: 10px;
    color: #555;
  }
  
  #case-studies1 .form-content input,
  #case-studies1 .form-content textarea {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    border-radius: 4px;
    border: 1px solid #ccc;
  }
  
  #case-studies1 .submit-button {
    background-color: #007bff;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
  }
  
  #case-studies1 .submit-button:hover {
    background-color: #0056b3;
  }
  @media (max-width:760px){
  
    .contact-button{
        margin-left: 20%;
    }
  }