.heading-green-color{
    color: #005994;
}

.heading-green-colors{
    color: #005994;
    font-weight: 600;
}
#maintitle-color{
    color: #87c71f !important;
}

#blue-color-font{
    color: #005994 ;
}

.button-gradient {
    background: linear-gradient(to right, #0071bc 0%, #005994 60%, #87c71f 100%);
    color: white; /* Recommended for readability on this gradient */
    border: none;
    padding: 10px 20px;
    border-radius: 8px; /* Softly rounded corners */
    cursor: pointer;
    font-family: 'Inter', sans-serif; /* A modern, clean font */
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2); /* Subtle text shadow for depth */
    transition: all 0.3s ease; /* Smooth hover effect */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08); /* Soft shadow */
  }
  
  .button-gradient:hover {
    background: linear-gradient(to left, #0071bc 0%, #005994 60%, #87c71f 100%); /* Reverse on hover for a nice effect */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15), 0 2px 5px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px); /* Slight lift on hover */
  }
  
  /* Example of how to use it in HTML */
  /*
  <button class="button-gradient">Your Button Text</button>
  */


  .black-blue{
    color: #005994;
  }

  .font-24{
    font-size: 24px;
  }

  .last-about-texts{
    text-align: center;
    color: #87c71f !important ;
  }
  .last-about-text{
    text-align: center;
  }


  #about-sec-img-two img{
    border-radius: 8px !important;

  }

  #achievements-text{
    font-weight: 700;
  }

@media (min-width: 1200px) { 
    .servie2-arrow-buttons {
        margin-top: 40px;
        margin-right: 10px;
        position: relative;
      }
      #left-arrow{
        position: absolute;
        left: -666px;
        bottom: 230px;
      }
      
      #right-arrow{
        position: absolute;
        left: 620px;
        bottom: 230px;
      }
  }

  #servicespageborder{
    border: 1px solid #005994;
    height: 550px;
  }


    #servicespageborder h4 a{
      font-size: 24px;
  }

  .conatact-img img{
    border-radius: 15px;
    border: 1px solid #87c71f;
  }

  .nice-select {
    width: 100% !important;
  }