
    #tabImage {
      transition: opacity 0.3s ease-in-out;
    }
    #tabImage.fade-out {
      opacity: 0;
    }
    
    .button_position{
    top: 20% !important;
    left: 55% !important;
    }

    .eecp-container {
      /*display: flex;*/
      /*flex-wrap: wrap;*/
      /*justify-content: space-between;*/
      /*gap: 40px;*/
      grid-template-columns: 60% auto !important;
    }
    .eecp-container .eecp-left {
      flex: 1;
      /*min-width: 320px;*/
      /*max-width: 550px;*/
    }
    .eecp-container .eecp-left h2 {
      font-size: 24px;
      color: var(--primary-blue-colour);
      border-bottom: 2px solid var(--primary-blue-colour);
      display: inline-block;
      padding-bottom: 4px;
    }
    .eecp-container .eecp-left p {
      margin-top: 15px;
      font-size: 16px !important;
      color: #333;
    }

    .eecp-container  .tab-header {
      display: flex;
      margin: 25px 0 15px;
    }
    .eecp-container .tab-header span {
      font-weight: 600;
      margin-right: 20px;
      font-size: 18px;
      color: gray;
      cursor: pointer;
      position: relative;
      transition: all 0.3s ease;
    }
    .eecp-container .tab-header .active {
      color: #e80000;
    }
    .eecp-container .tab-header .active::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 2px;
      background: #e80000;
      bottom: -5px;
      left: 0;
    }

    .eecp-container .tab-box {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.5s ease, transform 0.5s ease;
      display: none;
    }
    .eecp-container .tab-box.active {
      display: block;
      opacity: 1;
      transform: translateY(0);
    }

    .eecp-container .benefits-grid {
      /*display: grid;*/
      /*grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));*/
      /*gap: 20px;*/
      /*margin-top: 15px;*/
    }
    .eecp-container .benefit-item {
      display: flex;
      gap: 10px;
      margin-bottom: 10px;
    }
    .eecp-container .benefit-item img {
      width: 50px;
      height: 30px;
      object-fit:contain;
    }
    .eecp-container .benefit-text {
      font-size: 15px;
      /*color: #333;*/
    }

    .eecp-container .view-all {
      margin-top: 15px;
      color: #e80000;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      display: inline-block;
    }

    .eecp-container .eecp-right {
      /*flex: 1;*/
      /*min-width: 280px;*/
      display: flex;
      justify-content: end;
      /*align-items: center;*/
      padding: 0px 10%;
    }
    .eecp-container .eecp-right img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    .eecp-right{
        position: relative;
    }
    .eecp-right .main-button-blue{
       position: absolute;
    top: 27%;
    left: 44%;
    padding: 0px 8px;
    font-size: 10px;
    border-radius: 20px;
    z-index: 1;
    animation: floatPulse 3s ease-in-out infinite;
    }
    
   
    .eecp-right .main-button-blue::after {
       content: '';
       position: absolute;
       right: 6px;
       top: 20px;
       transform: translateY(-50%);
       width: 0;
       height: 0;
       border-left: 24px solid transparent;
       border-top: 0px solid transparent;
       border-bottom: 20px solid transparent;
       border-right: 40px solid  var(--primary-blue-colour);
       z-index: -1;
    }
    
    .eecp-right .main-button-blue:hover{
        background-color:  var(--primary-blue-colour);
        /*border:  var(--primary-blue-colour);*/
        color: white;
        transform: scale(1.1);
    }
    
    .eecp-right .main-button-blue:hover a {
    color: white;
    transform: scale(1.1);
}
    
    
    
    
    /*media query start.................................................................................*/

    @media (max-width: 900px) {
      .eecp-container {
             grid-template-columns:auto !important;
      }
      
      .eecp-right .main-button-blue a{
          font-size: 10px;
      }
      
      .eecp-right .main-button-blue{
          top: -2%;
          left: 41%;
      }
      
      .eecp-right .main-button-blue::after{
          border-bottom: 10px solid transparent;
          border-right: 20px solid var(--primary-blue-colour);
      }
    }
  </style>