.leet_sec {
    font-size: 14px;
}

@media (min-width: 966px) {
    .leet_sec {
        font-size: 18px;
    }
}
.custom-play-btn {
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.custom-play-btn:hover {
    opacity: 0.8;
}

.custom-play-btn {
    width: 50px;
    height: 50px;
    background-color: #E42527; /* Red background for the circle */
    border-radius: 50%; /* Make the div circular */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.custom-play-btn i {
    color: #ffffff; /* White color for the play icon */
    font-size: 1.5rem; /* Size of the play icon */
}

/* Add hover effect to slightly enlarge the button */
.custom-play-btn:hover {
    transform: scale(1.1); /* Slightly enlarge the button when hovered */
}
.innovative_sec_title {
    font-size: 26px;
}
@media (min-width: 765px) {
    .innovative_sec_title {
        font-size: 36px;
    }
}
@media (min-width: 966px) {
    .innovative_sec_title {
        font-size: 42px;
    }
}
/* Horizontal and vertical centering for larger screens */
@media (min-width: 768px) { /* lg and up */
    .modal-dialog {
      display: flex !important;
      justify-self: center !important;
      align-self: center !important;
      width: 70vw !important; /* Optional: Set a max width for modal on large screens */
      margin: auto !important;
      max-width:none !important;
      height:fit-content;
    }
  }