/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/



/* Hide the modal wrapper by default */
#demo-scheduler-modal-wrapper {
    display: none; /* Prevents layout shift */
}

/* Ensure modal is hidden initially */
#demo-scheduler-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* When modal is active */
#demo-scheduler-modal.active {
    display: flex;
}

/* Modal Content */
.demo-modal-content {
    background: #fff;
    border-radius: 12px;
    max-width: 1000px;
    width: 90%;
    padding: 30px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Close Button */
#close-demo-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
}

/* Title & Description */
.demo-modal-content h2 {
    font-size: 28px;
    font-weight: bold;
    color: #19473a;
    margin-bottom: 10px;
}

.demo-modal-content p {
    font-size: 16px;
    color: #6b7280;
    margin-bottom: 20px;
}

/* HubSpot Meeting Embed */
.meetings-iframe-container {
    width: 100%;
    height: 680px;
    border: none;
}

/* DONATION MODAL */

.donation-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.donation-modal .back-btn {
  max-width: 200px;
  margin-top: 30px;
  background-color: #19473a;
  color: #fff;
}

.donation-option h3 a {
  text-decoration: none;
  color: #19473a;
}

.donation-modal h2 {
  font-size: 2.3rem;
}

.donation-modal h3 {
  font-size: 1.4rem;
}

.donation-plan h3 {
  font-size: 3.4rem;
  margin-bottom: 0px;
  color: #26AF49;
}

.donation-modal button {
  background: #17ffbc;
  border: none;
  border-radius: 6px;
  color: #19473a;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  padding: 12px;
}

.donation-option img {
  margin-bottom: 20px;
  height: auto;
}

#donation-title {
  margin-bottom: 40px;
}

#close-donation-modal {
  position: absolute;
  right: -470px;
  top: -5px;
  font-size: 24px;
  cursor: pointer;
  background: none;
  border: none;
}

.donation-modal .price {
  margin-top: 10px;
}

.donation-modal.active {
  display: flex !important;
}

/* ENABLE SCROLLING IF NEEDED */
.donation-modal-content {
  background: #fbfffc;
  border-radius: 12px;
  max-width: 1000px;
  width: 90%;
  padding: 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
  overflow-y: auto;  /* ENABLE SCROLLING IF CONTENT EXCEEDS SCREEN HEIGHT */
}

.donation-step {
  display: none;
}

.donation-step.active {
  display: block;
  animation: fadeInRight 0.5s ease-in-out;
}

/* FLEXBOX IMPROVEMENTS FOR MOBILE */
.donation-options {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

/* Ensuring column layout on smaller screens */
@media screen and (max-width: 768px) {
  .donation-options {
    flex-direction: column;
    align-items: center;
  }
  
.donation-modal-content {
      max-height: 90vh;  /* ENSURE IT DOESN'T OVERFLOW THE SCREEN */
  }
  
  .donation-option img {
  max-width: 120px;  /* REDUCED IMAGE SIZE */
  }

  .donation-option {
    width: 100%;
    max-width: 300px;
    padding: 15px;  /* REDUCE PADDING TO SHRINK BOX SIZE */
  }

  .donation-option img {
    max-width: 100px; /* ADJUST IMAGE SIZE FOR MOBILE */
  }
}

.donation-option {
  background: #ffffff;
  padding: 20px;
  border-radius: 10px;
  cursor: pointer;
  text-align: center;
  flex: 1;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.donation-plans {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.donation-plan h4 {
  margin-bottom: 10px;
  margin-top: 20px;
}

.donation-plan {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  flex: 1;
  max-width: 280px;
  text-decoration: none;
}

.donation-option p {
  text-decoration: none !important;
  color: #19473a;
}

.header__section .sm-s8 {
  justify-content: flex-end;
  align-items: flex-end;
}

.donation-option p:hover,
.donation-option a:hover {
  text-decoration: none;
}

.donation-modal-content button {
  background: #17FFBC;
  color: #19473A;
  border: none;
  padding: 12px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  width: 100%;
}

.donation-plan img {
  margin-top: -20px;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* END DONATION MODAL */





  /* Homepage */

 .dnd-section {
    border-bottom: 1px solid #CBE5D1;
  }
    

  
.hide {
  display: none;
  }
  
  .footer--11 {
    background: #F4F4F4;
  }
  
  .footer__section--bottom {
    background: #000000;
    padding-bottom: 29px;
  }
  
  .for-icp .featshow__btn {
    font-size: 1.8rem;
  }
  
  .for-icp .featshow__btn--active::before {
    content: ''; /* Required for ::before to render */
    display: inline-block; /* Ensures the pseudo-element is visible */
    width: 20px; /* Adjust size as needed */
    height: 20px; /* Adjust size as needed */
    background-image: url('https://6483455.fs1.hubspotusercontent-na1.net/hubfs/6483455/arrow-right-white.svg');
    background-size: contain; /* Ensures the image scales correctly */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-position: center; /* Centers the image */
    position: relative;
  	left: -10px;
    top: -1px;
    transition: all 0.3s ease-in-out, transform 0.3s ease-in-out; /* Add transition effect */
    transform: scale(0.9); /* Initial scale for the effect */
}

  .for-icp .featshow__btn--active:hover::before,
  .for-icp .featshow__btn--active:focus::before {
    transform: scale(1); /* Scale back to normal size */

}
  
  .for-icp .waste-collectors::before {
   content: ''; /* Required for ::before to render */
    display: block; /* Ensures the pseudo-element is visible */
    width: 100px; /* Adjust size as needed */
    height: 100px; /* Adjust size as needed */
    background-image: url('/hubfs/6483455/waste-collector.svg');
    background-size: contain; /* Ensures the image scales correctly */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-position: center; /* Centers the image */
    position: relative;
  	left: -10px;
    top: -1px;
    transition: all 0.3s ease-in-out, transform 0.3s ease-in-out; /* Add transition effect */
    transform: scale(0.9); /* Initial scale for the effect */

  }
  
    .for-icp .recyclers::before {
   content: ''; /* Required for ::before to render */
    display: block; /* Ensures the pseudo-element is visible */
    width: 100px; /* Adjust size as needed */
    height: 100px; /* Adjust size as needed */
    background-image: url('/hubfs/6483455/recyclers.svg');
    background-size: contain; /* Ensures the image scales correctly */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-position: center; /* Centers the image */
    position: relative;
  	left: -10px;
    top: -1px;
    transition: all 0.3s ease-in-out, transform 0.3s ease-in-out; /* Add transition effect */
    transform: scale(0.9); /* Initial scale for the effect */

  }
  
    .for-icp .pro-epr::before {
   content: ''; /* Required for ::before to render */
    display: block; /* Ensures the pseudo-element is visible */
    width: 100px; /* Adjust size as needed */
    height: 100px; /* Adjust size as needed */
    background-image: url('/hubfs/6483455/pro-erp.svg');
    background-size: contain; /* Ensures the image scales correctly */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-position: center; /* Centers the image */
    position: relative;
  	left: -10px;
    top: -1px;
    transition: all 0.3s ease-in-out, transform 0.3s ease-in-out; /* Add transition effect */
    transform: scale(0.9); /* Initial scale for the effect */

  }
  
     .for-icp .smb::before {
   content: ''; /* Required for ::before to render */
    display: block; /* Ensures the pseudo-element is visible */
    width: 100px; /* Adjust size as needed */
    height: 100px; /* Adjust size as needed */
    background-image: url('/hubfs/6483455/smb-icon%20%281%29.svg');
    background-size: contain; /* Ensures the image scales correctly */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-position: center; /* Centers the image */
    position: relative;
  	left: -10px;
    top: -1px;
    transition: all 0.3s ease-in-out, transform 0.3s ease-in-out; /* Add transition effect */
    transform: scale(0.9); /* Initial scale for the effect */

  }
  
  
  
    .for-icp .pcr::before {
   content: ''; /* Required for ::before to render */
    display: block; /* Ensures the pseudo-element is visible */
    width: 100px; /* Adjust size as needed */
    height: 100px; /* Adjust size as needed */
    background-image: url('/hubfs/6483455/plastic-credit-resellers.svg');
    background-size: contain; /* Ensures the image scales correctly */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-position: center; /* Centers the image */
    position: relative;
  	left: -10px;
    top: -1px;
    transition: all 0.3s ease-in-out, transform 0.3s ease-in-out; /* Add transition effect */
    transform: scale(0.9); /* Initial scale for the effect */

  }
  
     .for-icp .brands::before {
   content: ''; /* Required for ::before to render */
    display: block; /* Ensures the pseudo-element is visible */
    width: 100px; /* Adjust size as needed */
    height: 100px; /* Adjust size as needed */
    background-image: url('/hubfs/6483455/brands.svg');
    background-size: contain; /* Ensures the image scales correctly */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-position: center; /* Centers the image */
    position: relative;
  	left: -10px;
    top: -1px;
    transition: all 0.3s ease-in-out, transform 0.3s ease-in-out; /* Add transition effect */
    transform: scale(0.9); /* Initial scale for the effect */

  }
  
      .for-icp .ngos::before {
   content: ''; /* Required for ::before to render */
    display: block; /* Ensures the pseudo-element is visible */
    width: 100px; /* Adjust size as needed */
    height: 100px; /* Adjust size as needed */
    background-image: url('/hubfs/6483455/ngo.svg');
    background-size: contain; /* Ensures the image scales correctly */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-position: center; /* Centers the image */
    position: relative;
  	left: -10px;
    top: -1px;
    transition: all 0.3s ease-in-out, transform 0.3s ease-in-out; /* Add transition effect */
    transform: scale(0.9); /* Initial scale for the effect */

  }
  
  .timeline__content {
    flex-direction: column;
  }
  
  .timeline__item--right .timeline__content {
    flex-direction: column-reverse;
  }
  
  .timeline__img-tag {
    border-radius: 0px;
  }
  
  .timeline__img, .timeline__text {
    width: 100% !important;
  }
  
  .rtext__content h4 {
    margin-bottom: 5px;
  }
  
 .for-icp .featshow__content__wrapper {
    padding-top: 60px;
    padding-bottom: 153.5px;
  }
  
  .collector-pricing .pricing__title {
    font-weight: 600;
    color: #19473a;
    
  }
  
.review__company__logo {
  height: 70px;
  width: 70px;
  }
  
  .section-intro__title h1 {
    font-size: 3.3em;
  }

.nav--on-hover li:hover>.nav__list--flyout {
  width: max-content !important;
}

.nav__list--flyout a {
    padding: 0.66rem 1.11rem  !important;
}
  
  
h1, h2, h3, h4, h5 {
font-weight: 600;
  }
  
   .svg-white img {
            filter: invert(1); /* Inverts the colors, making black white */
        }
  
  .trace-numbers {
    background-color: #fbfffc;
  }
  
  .sub-numbers .feature-card__icon {
	display: none;
  }
  

.section-intro {
  display: flex;
  flex-direction: column; /* Stacks elements vertically */
  gap: 1rem; /* Adds consistent spacing between elements */
}

.section-intro__title {
  order: 1; /* Heading first */
  margin: 0; /* Reset default margins */
}
  
.section-intro__title h2 {
  margin-bottom: 0px;
}

.section-intro__overline {
  order: 2; /* Overline second */
  margin: 0; /* Reset default margins */
    padding-left: 5px;
}

.section-intro__divider {
  order: 4; /* Divider third */
    padding-left: 5px;
}

.section-intro__desc {
  order: 3; /* Description last */
  margin: 0; /* Reset default margins */
  line-height: 1.6; /* Improve readability */
    padding-left: 5px;
}
  
  .section-intro__desc p {
    margin-bottom: 10px;
  }

.org-tools .featshow__content__wrapper {
    padding: 83.5px 0;
  }
  
  .org-tools .featshow {
        padding: 60px 24px;
  }
  
  .org-tools .featshow__nav li+li {
    margin-top: 35px;
  }
  
  .org-tools .featshow__btn {
    font-size: 1.8rem;
  }
  
  .numbers__number {
        margin-bottom: 1.5rem;
  }
  
  .collector-pricing .bg-accent {
    background-color: #CCF9D7;
    border: 6px solid #005128;
  }

.review__quote {
    line-height: 1.6rem;
}


  
  .pricing__features {
    background-color: #ffffff;
    border-radius: 10px 10px 0px 0px;
    padding: 20px 10px;
    margin-bottom: -12px !important;
    padding-bottom: 30px !important;

  }

#194f6679-c450-4000-8882-2d62eba15a00 {
box-shadow: 0 16px 32px rgba(85, 85, 85, .05), 0 8px 16px rgba(85, 85, 85, .05);
    border-radius: 15px;
}

.blog-listing-1.section {
  display: none;
}

.hs-blog-post {
  line-height: 1.3;
}

.hs-blog-post h2 {
  font-size: 2.2rem;
}

.hs-blog-post h3 {
  font-size: 1.8rem;
  color: #00845e;
  
}

.hs-blog-post li {
    margin-bottom: 10px;
}

.hs-blog-post hr {
      margin: 54px 0;
}

.box-shadow {
  box-shadow: 0 16px 32px rgba(85,85,85,.05),0 8px 16px rgba(85,85,85,.05);
  border-radius: 24px;
}

.about-img img.img--shadow {
  box-shadow: 0 16px 32px rgba(85,85,85,.05),0 8px 16px rgba(85,85,85,.05);
}

.search-box__btn {
  right: 13px !important;
}

._hsBlogPostTitle_1hg5v_2 {
  line-height: .8;
}


.pricing__box {

    padding: 1.5rem 15px 2.5rem !important;
}
  
  .pricing__features .important-text {  
    color: #191A15;
    font-size: 18px;
        margin-bottom: 15px;
  }

.pricing__features .important-text:last-of-type {
  margin-bottom: 0px;
}
  
 .bg-accent .pricing__tag .pricing__token--1,   .collector-pricing .bg-accent .pricing__tag .pricing__token--2 {
     color: #222938; 
       text-align: center;
  }

  .bg-white .pricing__features, .bg-white .pricing__token {
    background-color: #F9FAFB !important;
}



  
    .pricing__feature__check svg {
       display: none;
  }
  
  .pricing__feature__check {
    display: block;
  width: 26px;
  height: 26px;
  background-image: url(/hubfs/6483455/check.svg);
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
    background-size: 15px;
        margin-inline-end: 0px !important;
  }
  
  .pricing__box {
    border-radius: 24px;
    margin-bottom: 24px;
    padding: 1.5rem 15px 2.5rem;
  }
  
  .pricing__title {
    text-align: center;
  }
  
  .pricing__tag {
    justify-content: center;
  }
  
  .pricing__button .pricing__token {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 20px;
    border-radius: 0px 0px 10px 10px;
}
  
  .pricing__button a {  
    width: 90%;
    margin: 0 auto;
  }
  
  .important-text {
    color: #19473a !important;
  }
  
  .ttip {
    max-width: 300px;
  }
  
  .timeline__text {
    display: none;
  }
  
  .case-study img {
    background-color: #eefff2 !important;
  }
  
  .products .hero-image img {
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    border-radius: 47px;
  }

.hero-image2 img {
  border-radius: 15px !important;
}
  
.hs-content-id-185060284416 .row-number-16 {
  border-bottom: none !important;
  }
  
.shifter__nav__item--active   {
    background-color: #CBE5D1 !important;
    color: #19473a !important;
  }
  

  .cleanups .splide__slide {
    height: 700px;
  }
  
.UIBox__Box-sc-1g27opt-0 {
  display:none;
  }
  
  .header__center .justify-end {

    justify-content: space-evenly;
  }
  
.timeline__img {
  width 100% !important;
}
  
  .nav__list li {
    font-size: .95rem;
  }
  
  .ind-compliance .tabs__tab li {
    margin-bottom: 8px;
  }
  
 .hs-content-id-185062045768 .row-number-8 {
    border-bottom: none;
  }
  
  .ind-compliance {
    background-color: #ccf9d7;
	max-width: 1000px;
    border-radius: 0px 0px 15px 15px;
    padding: 30px;
    margin: 0 auto;
    box-shadow: 0 16px 32px rgba(85, 85, 85, .05), 0 8px 16px rgba(85, 85, 85, .05);
  }

.cs-img .img--shadow img, img.img--shadow {
  box-shadow: none;
}
  
  
    .comp-title {
    background-color: #ccf9d7;
    border-radius: 15px 15px 0px 0px;
    margin-bottom: 0px;
      padding-top: 40px;
      max-width: 1000px;
      margin: 0 auto;
      padding-left: 30px;
          box-shadow: 0 16px 32px rgba(85, 85, 85, .05), 0 8px 16px rgba(85, 85, 85, .05);
  }


[data-hsfc-id=Renderer] .hsfc-Step {
  width: 600px;
}


  .ind-compliance .tabs__nav-item {
    margin-right: 20px;
}

#close-demo-modal {

    right: -455px;
}

.video-container {
  text-align: center;
}


  /* CTA Section Container */
.cta-container {
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px 20px 20px;
    border-radius: 16px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    max-width: 900px;
    width: 100%;
    position: relative;
    overflow: visible; /* Ensures shadows can extend outside */
  padding-right: 23px;
  margin-top: 40px;
}
/* Text Content */
.cta-text {
    flex: 1;
    max-width: 55%;
}

.cta-text h2 {
    font-size: 32px;
    color: #1a3622;
    margin-bottom: 15px;
}

.cta-text p {
    font-size: 16px;
    color: #555;
    margin-bottom: 20px;
}

/* CTA Button */
.cta-button {
    text-decoration: none;
    color: #1a3622;
    padding: 10px 15px;
    transition: 0.3s ease;
    background-color: #17FFBC;
    margin-top: 20px;  
    display: block;
    width: max-content;
    border-radius: 5px;
}

.cta-button:hover {
     color: #1a3622;
}

/* Image */
.cta-image {
    flex: 1;
    max-width: 45%;
    display: flex;
    justify-content: center;
    position: relative;
}

.cta-image img {
    max-width: 100%;
    border-radius: 8px;
    box-shadow: 10px 20px 40px rgba(0, 0, 0, 0.2); /* Adds depth */
    transform: translateX(25px) translateY(10px); /* Moves image out */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: none;
}

.hs-content-id-185061674338 .row-number-20 {
  visibility: hidden;
}

.pricing__tag .bg-white .pricing__features, .bg-white .pricing__token {
  background-color: transparent !important;
}

.blog-hero-1__overlay {
  opacity: .6 !important;
}

.hs-content-id-185060284416 .numbers__number {
  margin-bottom: 20px !important;
}


/* Table Container */
.hs-blog-post .table-container {
    width: 100%;
    overflow-x: auto;
}

/* Table Styling */
.hs-blog-post table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: Arial, sans-serif;
    font-size: 16px;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Table Header */
.hs-blog-post thead {
    background-color: #19473a;
    color: white;
    text-transform: uppercase;
}

.hs-blog-post th {
    padding: 12px 15px;
    text-align: left;
    font-weight: bold;
}

/* Table Rows */
.hs-blog-post td {
    padding: 12px 15px;
    border-bottom: 1px solid #ddd;
}

/* Alternate Row Colors */
.hs-blog-post tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* Hover Effect */
.hs-blog-post tbody tr:hover {
    background-color: #e6f2ff;
    transition: background 0.3s ease-in-out;
}

/* Responsive Table */
@media screen and (max-width: 768px) {
    .hs-blog-post table {
        font-size: 14px;
    }
    
    .hs-blog-post th, .hs-blog-post td {
        padding: 10px;
    }
}



/* Responsive Design */
@media (max-width: 768px) {
    .cta-container {
        flex-direction: column;
        text-align: center;
        padding: 30px;
    }

    .cta-text, .cta-image {
        max-width: 100%;
    }

    .cta-image {
        margin-top: 20px;
    }
  #close-donation-modal {
    right: -200px;
}
}




  
  /* ############### RESPONSIVE ######################## */
  
    @media (max-width: 1420px) {
  .content_bucket-row-0-padding {
    padding-top: 182px !important;
    padding-bottom: 250px !important;
	}
  }
  
  @media (max-width: 1215px) {
    .content_bucket-row-0-background-layers {
          background-position: 80px bottom !important;
    }
    
  }
  
    @media (max-width: 1190px) {
  .module--sticky_header_buttons .btn--medium, .module--static_header_buttons .btn--medium,   .nav__list li {
  font-size: .86rem;
  }
  }
  
    @media (max-width: 1100px) {
    .content_bucket-row-0-background-layers {
          background-position: 140px bottom !important;
    }
      
      .content_bucket-row-0-padding {
    padding-top: 132px !important;
    padding-bottom: 150px !important;
      }
    
  }
  
      @media (max-width: 1000px) {
    .content_bucket-row-0-background-layers {
          background-position: 180px bottom !important;
    }
        
  }
  
  
        @media (max-width: 885px) {
          .content_bucket-row-0-padding {
    padding-top: 92px !important;
    padding-bottom: 100px !important;
    }
        
  }
  
          @media (max-width: 815px) {
          .content_bucket-row-0-padding {
    padding-top: 92px !important;
    padding-bottom: 300px !important;
    }
               .content_bucket-row-0-background-layers {
          background-position: 130px bottom !important;
    }
        
  }


  
            @media (max-width: 767px) {
          .content_bucket-row-1-padding {
    padding-top: 92px !important;
    padding-bottom: 400px !important;
    }
              
              .content_bucket-row-1-background-layers {
    background-size: 680px !important;
 
        
  }
}
              
              

@media (min-width: 1139px) {
    .timeline__img {
      width: 100% !important;
  }
              }



/* Responsive Adjustments */
@media (max-width: 768px) {
    .demo-modal-content {
        width: 95%;
        padding: 20px;
    }

    .meetings-iframe-container {
        height: 500px;
    }
}