@media (min-width:1140px) {
.resource-container {
  padding-left:160px!important;
  padding-right:160px!important;
}
}
.p-subtitle  {
  font-size:21px; 
  color:#000000;
}
.webinar-date {
  color:#000000;
  margin-bottom:0px;
}

p.sub-title {
 font-size:21px; 
  color:#8800FF;
}

.video-section h3 {
  font-size:30px;
}
 .bottom-p {
  position: absolute;
  bottom: 0px;
  margin-bottom: 0px;
}

 .bottom-p-2 {
  position: absolute;
  bottom: 0px;
  color:#8800FF; 
}

@media (max-width:992px) {
 .video-section h3 {
  font-size:25px;
} 
 
  .video-section p {
  position: relative;
  bottom: 0px;
  margin-bottom: 0px;
}
}
 @media (max-width:767px) {
   .blog-section {
     margin-bottom:20px;
   }
   .video-section {
     padding:0px!important;
   }
  }
/* Optional custom styling for visualization */
        .content-box {
           
            padding: 15px;
            margin-bottom: 10px; 
            text-align: center;
            background-color: #f8f9fa;
        }

        /* Styling for Column 2 content (naturally taller) */
        #content-col-2 {
            min-height: 200px; /* Forces Column 2 to be tall */
            height:100%;
            padding: 20px;
            background-color: #8800FF;
            /*display: flex; /* Centers content within the tall box */
            align-items: center; 
            justify-content: center;
            border-radius:20px;
        }
.resource-img {
 max-width:767px;
 width:100%;
 height:auto;
}

.row.video-row {
    background-color: #AF73FF;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px; 
  
}
.row.bottom-card {
    background-color: #DECDFF;
    border-radius: 20px;
    padding: 20px;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
}
        /* Ensures Column 1 border is visible and spans the full height */
     /*   #column-1 {
          padding: 10px;
        } */