.page-wrapper {
  display: flex;  max-width: 1200px;  margin: 0 auto;  padding: 20px;
}

.content {
  flex: 3;  padding-right: 20px;
}
h2{font-size: 32px;}
h2 span{font-size: 90px;}
.sticky-form h2{color: #fff; font-size: 32px;}
.sticky-form h2 span{color: #fff; font-size: 70px; font-weight:semi-bold;}
.sticky-form p{color: #fff !important; font-size: 17px !important;}
ul li, p{
  font-family: Lato-Light;  font-size: 21px;  font-style: light;  font-weight: 300;  line-height: 30px;  color: #444444;
}
ul{ padding: 10px;  text-align: left;}
ul li {  padding: 5px 0;}
.sidebar {  flex: 1;  min-width:315px;}
#divider{ width: 100%; margin: 10px 0; padding: 10px 0;}
#divider img{ width: 100%;height: auto; }
.sticky-form {
  position: sticky;  top: 20px;
  padding: 15px;  border: 1px solid #ddd;  background-image: url('../images/parent/collab.png');
  background-size: 100%;  font-family: Lato-Light;
}

.sticky-form h2 {  margin-top: 0;}
.sticky-form form {text-align: center;}
.sticky-form input,.sticky-form textarea {
  width: 100%;  padding: 8px;  margin: 8px 0;  border: none;  border-bottom: 1px solid #ccc;  color: #fff !important;  background: none;  font-family: Lato-Light;
}
.sticky-form input::placeholder,.sticky-form textarea::placeholder{color: #fff !important;}

.sticky-form button {
  background: #fff;  color: #EF807C;  cursor: pointer;  margin-inline: auto;
}

.sticky-form button:hover {
  background:#fff;  color: #EF807C;
}
.sticky-form input:focus,
.sticky-form textarea:focus {
  outline: none;  box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
}
#contact .contact-items .contact-form-card:nth-of-type(1){width:55%;}
#contact .contact-items .contact-form-card:nth-of-type(2){width:41%;}
#contact .contact-form-card .social-frame{padding: 16px;}

/*******************/
#about-banner {
  background-image: url('../images/blogs/banner_background.png');
  background-size: 100%;        /* Ensures image covers the entire banner */
  background-position: center;   /* Keeps focal point (center of image) visible */
  background-repeat: no-repeat;  /* Prevents repeating */
  height: 85vh;                 /* or set to a fixed height like 600px */
  text-align: center;
  max-height: 415px;
}
.banner-center-image{
   height: auto;   margin-inline: auto;   margin-top: 100px;
}
#blog-posts{ padding: 15px 0;}
.blog-grid {
  display: grid !important;  grid-template-columns: repeat(2, 1fr);  gap: 12px;
}

.blog-card {
    background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.2);    overflow: hidden;
    text-align: center; transition: transform 0.3s; padding: 10px;
}

.blog-card:hover {    transform: translateY(-5px);   }

.blog-card img {  width: 100%;height: 180px;object-fit: cover;}

.blog-content {  padding: 15px;    }

.blog-title { font-size: 18px;  font-weight: bold;  margin: 10px 0;  text-decoration: none !important;}

.blog-description {
      font-size: 14px; color: #555; margin-bottom: 15px;  line-height: 20px;
      font-family: Lato-light; text-decoration: none !important;
}
a.blog-link{ text-decoration: none !important; color: inherit;}

.read-more {  text-decoration: none;     transition: background 0.3s;    }

    .read-more:hover {
      background: #e05555;
    }

    /* Pagination */
    .pagination {
      margin-top: 30px;
      text-align: center;
    }

    .pagination button {
      background: #fff;
      border: 1px solid #ddd;
      padding: 8px 14px;
      margin: 0 4px;
      cursor: pointer;
      border-radius: 6px;
    }

    .pagination button.active {
      background: #f76c6c;
      color: #fff;
      border-color: #f76c6c;
    }

    .page-numbers {
      padding: 6px 11px;
      margin: 2px;
      background: #e05555;
      color: #fff;
      font-size: 12px;
    }

    .blog-heading{
      padding: 15px;
      margin-bottom: 20px;
    }
    #main .post-thumbnail img{width: 100%; height: auto;}
    #main .youtube-button{ padding: 15px 0; text-align: center; width: 100%;}
    #main .youtube-button a{ font-size: 24px; padding: 20px;}
    #main .video-wrap, #main .description{background: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);   padding: 25px;}

    .comments-section ul.like-view ,.comments-section #comment-list {
      list-style: none;      /* removes bullets */
      padding: 0;            /* remove default padding */
      margin: 0;             /* remove default margin */
      display: flex;         /* makes items horizontal */
      gap: 15px;             /* space between items */
      flex-wrap: wrap;
    }
    .comments-section ul.like-view li {
      display: flex;  background: #f6f6f6;  padding: 10px 20px;      border-radius: 32px;
    }
    strong, b {  font-weight: 800 !important;}
    .comments-section ul li img{width: 24px;}
    .comments-section #comment-list li{ flex:0 0 45%;}
    .comments-section #comment-list li b{ font-weight: 600;}
    /* #main .description{padding: 25px 0;} */
    #main .social-icons{ text-align: center; padding: 15px 0; width: 100%;}
    /* Responsive */
    @media (max-width: 900px) {
      .blog-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 600px) {
      .blog-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 831px) {
      .page-wrapper {
          flex-direction: column;  padding: 10px;
      }
      .page-wrapper .content {  width: 100%;    }
      .page-wrapper .sidebar {
          position: unset;  width: 75%;   margin-inline: auto;
      }
}