.custom-alert {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 15px 20px;
  border-radius: 5px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 250px;
  max-width: 400px;
  font-size: 16px;
  z-index: 1000;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

/* Success Alert */
.custom-alert.success {
  background-color: #4caf50;
  color: white;
}

/* Error Alert */
.custom-alert.error {
  background-color: #f44336;
  color: white;
}

/* Warning Alert */
.custom-alert.warning {
  background-color: #ff9800;
  color: white;
}

/* Info Alert */
.custom-alert.info {
  background-color: #2196f3;
  color: white;
}

.custom-alert-close {
  background: none;
  border: none;
  color: white;
  font-size: 20px;
  font-weight: bold;
  margin-left: 10px;
  cursor: pointer;
}

.custom-alert-close:hover {
  color: #ddd;
}

.imggg {
  width: 15rem;
}

@media (max-width: 992px) {
  .imggg {
      width: 12rem;
  }
}
@media (max-width: 576px) {
  .imggg {
      width: 10rem;
  }
}

/* Ensure logos are uniform in size */
.swiper-slide img {
  width: 100%;
  height: 5rem !important; /* Adjust height as needed */
  object-fit: contain; /* Maintain aspect ratio */
  display: block;
  margin: auto;   
}


.cs-det-h2 {
  margin-top: 2rem !important;
  /* margin-bottom: 2rem !important; */
}

.modal-title{
  margin-top: 2rem !important;
}

.iconbox-small {
  display: flex;
  align-items: center; /* Ensures vertical alignment */
  justify-content: center; /* Centers image horizontally */
  width: 50px; /* Adjust size as needed */
  height: 50px; /* Adjust size as needed */
  background-color: #f5f5f5; /* Optional: Add background to match previous icon style */
  border-radius: 50%; /* Keep it round */
  overflow: hidden; /* Ensures the image stays inside the circle */
}

.iconbox-small img.icon-img {
  width: 70%; /* Adjust as needed */
  height: auto; /* Maintain aspect ratio */
  object-fit: contain; /* Ensures the image fits well */
}

.crypto-image {
  max-width: 50px;
  max-height: 50px;
  width: 100%;
  height: auto;
}

/* .fixed-height {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 250px !important; 
  max-height: 300px !important; 
  height: 100% !important;
  overflow: hidden !important; 
}

.description {
  flex-grow: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important; 
  -webkit-box-orient: vertical !important;
}

.author-name {
  text-align: center !important;
  width: 100% !important;
  font-weight: bold !important;
} */

.fixed-height {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 400px !important; /* Ensures a base height */
  height: auto !important; /* Allows it to expand dynamically */
  overflow: hidden !important;
}

.description {
  flex-grow: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important; /* Default for laptop screens */
}

/* Adjust description line clamp for smaller screens */
@media (max-width: 1024px) {
  .description {
    -webkit-line-clamp: 2 !important; /* Reduce by 1 line */
  }
}

@media (max-width: 768px) {
  .description {
    -webkit-line-clamp: 4 !important; /* Reduce by another line */
  }
}

@media (max-width: 576px) {
  .description {
    -webkit-line-clamp: 3 !important; /* Reduce further for mobile */
  }
}


.content-box {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 460px !important; /* Base height */
  height: auto !important; /* Allows expansion */
  overflow: hidden !important;
}

.content-box p {
  flex-grow: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important; /* Default for large screens */
}

/* Adjust description line clamp for smaller screens */
@media (max-width: 1024px) {
  .content-box p {
    -webkit-line-clamp: 4 !important;
  }

  .content-box{
    min-height: 460px !important;
  }
}

@media (max-width: 768px) {
  .content-box p {
    -webkit-line-clamp: 5 !important;
  }
}

@media (max-width: 576px) {
  .content-box p {
    -webkit-line-clamp: 5 !important;
  }
}



.blog-card-container {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important; /* Keeps author at bottom */
  min-height: 450px !important; /* Minimum height */
  max-height: 500px !important; /* Maximum height */
  height: 100% !important;
  /* padding: 1.5rem !important; */
  overflow: hidden !important;
}

.blog-title {
  font-size: 18px !important;
  font-weight: bold !important;
  margin-bottom: 10px !important;
}

.blog-description {
  flex-grow: 1 !important; /* Allows dynamic text adjustment */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 6 !important; /* Allows up to 6 lines of text */
  -webkit-box-orient: vertical !important;
}

.blog-author-name {
  text-align: center !important;
  width: 100% !important;
  font-weight: bold !important;
  margin-top: auto !important; /* Pushes author to bottom */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .blog-card-container {
    min-height: 350px !important;
    max-height: 400px !important;
  }
  
  .blog-description {
    -webkit-line-clamp: 5 !important; /* Show fewer lines on small screens */
  }
}

.home-background-video {
  width: 100%;
  height: 1280px; /* Full height */
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; /* Send the video behind other content */
  background-color: rgba(0, 0, 0, 0.7); /* Dark background */
}

.filter-buttons {
/* display: flex !important; */
/* gap: 8px !important; Reduces spacing between buttons */
/* justify-content: center !important; Centers buttons */
/* margin-bottom: 15px !important; Reduce padding */
flex-wrap: wrap !important;
}

.filter-btn {
color: #888888 !important;
border: 0.5px solid #7bae2d !important;
padding: 8px 16px !important; /* Reduces padding */
transition: color 0.3s ease-in-out, background 0.3s ease-in-out !important;
text-decoration: none !important;
display: inline-block !important;
font: 400 12px "Open Sans", sans-serif !important;
}

.filter-btn:hover {
color: #7bae2d !important; /* Darker shade for hover */
}

.filter-btn.active {
background-color: #7bae2d !important; /* Slightly darker for active button */
/* font-weight: bold !important; */
color: white !important;
}

@media (max-width: 768px) {
.filter-buttons {
    flex-wrap: wrap; /* Allows buttons to wrap on smaller screens */
    justify-content: center !important;
}

.filter-btn {
    padding: 0px 14px !important; /* Adjusts padding for smaller screens */
}
}  

.image-hover-wrapper {
position: relative !important;
display: inline-block !important;
}

.image-hover-wrapper img {
width: 100% !important;
display: block !important;
}

.img-hover {
position: absolute !important;
top: 0 !important;
left: 0 !important;
opacity: 0 !important;
transition: opacity 0.4s ease-in-out !important;
}

.image-hover-wrapper:hover .img-hover {
opacity: 1 !important;
}

.team-member {
margin-bottom: 20px !important; /* Adjust as needed */
}



.banner-container {
position: relative !important;
width: 100% !important;
height: 100vh !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: white !important;
text-align: center !important;
overflow: hidden !important;
}

/* Background Video */
.banner-video {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
z-index: -2 !important;
}

/* Dark Overlay */
.banner-overlay {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background: rgba(0, 0, 0, 0.7) !important; /* Adjust opacity for better text contrast */
z-index: -1 !important;
}

/* Content Wrapper */
.banner-content {
max-width: 800px !important;
padding: 20px !important;
}

/* Headings */
.banner-content h1 {
font-size: 50px !important;
font-weight: 700 !important;
margin-bottom: 15px !important;
}

.banner-content h2 {
font-size: 35px !important;
font-weight: 600 !important;
margin-bottom: 15px !important;
}

.banner-content p {
font-size: 22px !important;
margin-bottom: 20px !important;
line-height: 1.5 !important;
}

/* Event Details */
.event-details {
font-size: 20px !important;
margin-bottom: 25px !important;
}

/* CTA Button */
.cta-button {
display: inline-block !important;
padding: 15px 30px !important;
background: #ff6600 !important;
color: white !important;
font-size: 20px !important;
font-weight: 600 !important;
text-decoration: none !important;
border-radius: 5px !important;
transition: background 0.3s ease !important;
}

.cta-button:hover {
background: #e55a00 !important;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
.banner-content h1 { font-size: 36px !important; }
.banner-content h2 { font-size: 28px !important; }
.banner-content p { font-size: 18px !important; }
.event-details { font-size: 18px !important; }
.cta-button { font-size: 18px !important; padding: 12px 25px !important; }
}

/* @media (max-width: 1024px) and (min-width: 768px) { 
.join-us { 
    display: none !important; 
}

.dont-miss{
  data-voffset"['490','230','230','250']"
}
} */



/* .partner_logo{
  object-fit: contain !important !important;
  height: 4rem !important !important;
} */




.webinar-banner {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
  color: white;
}

.webinar-banner .background-video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.webinar-banner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.webinar-banner .content {
  position: relative;
  z-index: 10;
  max-width: 90%;
  padding: 20px;
}

.webinar-button:hover {
  background: #000000;
}

.webinar-button{
  cursor: pointer !important;
}

.webinar-banner .content .main-text {
  color: white !important;
  font-weight: 700 !important;
  font-size: 72px !important;
  line-height: 70px !important;
  font-family: Montserrat, sans-serif !important;
}

.webinar-banner .content h1{
  color: #7bae2d !important;
  font-weight: 500 !important;
  font-size: 29px !important;
  font-family: Montserrat, sans-serif !important;
}

.webinar-banner .content h2{
  color: white !important;
  font-weight: 700 !important;
  font-size: 52px !important;
  line-height: 70px;
  font-family: Montserrat, sans-serif !important;
}

/* .webinar-banner .content h2 .main-text{
  color: white !important;
  font-weight: 700 !important;
  font-size: 72px !important;
  line-height: 70px;
  font-family: Montserrat, sans-serif !important;
} */

.webinar-banner .content p{
  color:  rgb(114, 114, 114) !important;
  line-height: 35px !important;
  font-weight: 400 !important;
  font-size: 19px !important;
  font-family: Montserrat, sans-serif !important;
}

.webinar-banner .content .event-details {
  font-size: 23px !important;
  font-weight: 500 !important;
  color: white !important;
  margin-top: 15px !important;
}

.mobile-owl {
  display: none !important;
}

.tablet-screen{
  display: none !important;
}

.mobile-screen{
  display: none !important;
}

.icon-box{
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  background-color: #ffffff;
  height: 150px;
  width: 150px;
  line-height: 150px;
  border-radius: 50%;
}

.rocket-image{
  height: 80px;
  width: 80px;
}

@media (max-width: 768px) {
  .webinar-banner .content h1{
    font-weight: 300 !important;
    font-size: 20px !important;
  }

  .webinar-banner .content h2{
    font-weight: 500 !important;
    line-height: 42px;
    font-size: 40px !important;
  }

  .webinar-banner .content p{
    font-size: 13px !important;
    line-height: 25px !important;
  }

  .webinar-banner .content .event-details {
    font-size: 15px !important;
    margin-top: 5px !important;
  }

  .mobile-owl {
    display: none !important;
  }

  .large-screen{
    display: none !important;
  }

  .tablet-screen{
    display: block !important;
  }

  .mobile-screen{
    display: none !important;
  }

  .title-column{
    display: none !important;
  }
}

@media (max-width: 426px) {
  .webinar-banner .content {
    margin-top: -100px;
  }

  .second-row{
    display: none !important;
  }

  .pattren-box,
  .anti-image,
  .git-image{
    display: none !important;
  }
  
  .webinar-banner .content h1{
    /* display: none !important; */
    font-weight: 300 !important;
    font-size: 20px !important;
  }

  .webinar-banner .content h2{
    font-weight: 500 !important;
    line-height: 60px;
    font-size: 40px !important;
  }

  .webinar-banner .content .event-description{
    display: none !important;
  }

  .webinar-banner .content .event-details {
    font-size: 15px !important;
    margin-top: 7px !important;
    font-weight: 400 !important;
  }

  .large-screen {
    display: none !important;
  }
  .mobile-owl {
    display: block !important;
  }

  .large-screen{
    display: none !important;
  }

  .tablet-screen{
    display: none !important;
  }

  .mobile-screen{
    display: block !important;
  }

  .title-column{
    display: none !important;
  }

  .blog-head{
    display: none !important;
  }

  .webinar-banner .content .main-text {
    font-size: 45px !important;
  }
}

@media (max-width: 376px) {
  .wrapper-boxed{
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  .prodcut-layout{
    width: 100% !important;
  }

  h2{
    font-size: 30px !important;
  }

  .webinar-banner .content .main-text {
    font-size: 40px !important;
  }
}

.hovered-text:hover{
  color: #7bae2d !important;
}

.cbp-l-grid-projects-title:hover {
  color: #7BAE2D !important; /* Changes text color on hover */
  transition: color 0.3s ease-in-out !important; /* Smooth transition effect */
}

.cbp-l-grid-projects-desc:hover {
  color: #7BAE2D !important; /* Changes text color on hover */
  transition: color 0.3s ease-in-out !important; /* Smooth transition effect */
}