/* General styles */
   /* GENERAL STYLES */
    .section {
      padding: 60px 0;
    }

    h2 {
      font-weight: 500;
      font-size: 25px !important;
      color: #000;
      /* border-left: 5px solid #ED1C25; */
      padding-left: 15px;
      margin-bottom: 25px;
    }

    p {
      text-align: justify;
      font-size: 16px;
      color: #333;
    }

    .custom-box {
      padding: 30px;
      background-color: #fff;
      position: relative;
      border: 2px solid transparent;
      border-radius: 12px;
      transition: all 0.5s ease;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    }

    .custom-box:hover {
      animation: border-animate 0.7s forwards;
    }

    @keyframes border-animate {
      0% {
        border-top: 2px solid #EE1C25;
        border-left: 2px solid #EE1C25;
      }
      50% {
        border-right: 2px solid #EE1C25;
      }
      100% {
        border-bottom: 2px solid #EE1C25;
      }
    }

    .feature-item {
      display: flex;
      align-items: flex-start;
      margin-bottom: 20px;
    }

    .feature-icon {
      min-width: 40px;
      height: 40px;
      background-color: #ED1C25;
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-right: 15px;
      flex-shrink: 0;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .feature-text h5 {
      font-weight: 700;
      margin: 0;
      color: #000;
    }

    .feature-text p {
      margin: 5px 0 0;
      text-align: justify;
    }

    .service-img {
      width: 100%;
      border-radius: 12px;
      transition: transform 0.5s ease, box-shadow 0.5s ease;
    }

    .service-img:hover {
      transform: scale(1.05);
      box-shadow: 0 12px 30px #bd212133;
    }

    @media (max-width: 768px) {
      .feature-item {
        flex-direction: row;
        align-items: flex-start;
      }
      .feature-icon {
        margin-bottom: 0;
      }
    }




    
    .img-fluid {
      border-radius: 12px;
      box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease;
      cursor: pointer;
    }

    .img-fluid:hover {
      transform: scale(1.05);
      box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
    }

    .img-fixed {
      height: 250px;
      width: 100%;
      object-fit: cover;
      display: block;
    }

    /* GLightbox custom styling */
    .glightbox-clean .gzoom,
    .glightbox-clean .gclose {
      top: 15px !important;
      right: 15px !important;
      color: #fff !important;
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      width: 40px;
      height: 40px;
      display: flex !important;
      justify-content: center;
      align-items: center;
      transition: background-color 0.3s ease;
      z-index: 1050;
    }

    .glightbox-clean .gzoom:hover,
    .glightbox-clean .gclose:hover {
      background-color: rgba(0, 0, 0, 0.8);
    }

    .glightbox-clean .gprev,
    .glightbox-clean .gnext {
      color: #fff !important;
      background-color: rgba(0, 0, 0, 0.4);
      border-radius: 50%;
      width: 48px;
      height: 48px;
      top: 50% !important;
      transform: translateY(-50%);
      display: flex !important;
      justify-content: center;
      align-items: center;
      transition: background-color 0.3s ease;
      cursor: pointer;
      z-index: 1045;
    }

    .glightbox-clean .gprev:hover,
    .glightbox-clean .gnext:hover {
      background-color: rgba(0, 0, 0, 0.75);
    }

    .glightbox-clean .gprev {
      left: 20px !important;
    }

    .glightbox-clean .gnext {
      right: 20px !important;
    }