.entry-title {
    margin-top: 150px; /* Change 20px to your desired value */
}/* Universal box-sizing reset */
/* Universal box-sizing reset */


/* Prevent horizontal scrolling for the body */
body {
    overflow-x: hidden; /* Prevent horizontal scrolling */
    margin: auto; /* Reset any unwanted margins */
}




/* columns-2 wp-block-post-template is-layout-grid wp-container-core-post-template-is-layout-1 wp-block-post-template-is-layout-grid */
/* Fix for columns layout to ensure no clipping */
.columns-2.wp-block-post-template.is-layout-grid,
.wp-block-post-template.is-layout-grid {
    display: grid; /* Ensures proper grid behavior */
    grid-template-columns: repeat(2, 1fr); /* Define 2 equal columns */
    gap: 20px; /* Add spacing between columns */
    max-width: 1200px; /* Ensure the grid fits within the page */
    margin: auto; /* Center the columns horizontally */
    padding-left: 20px; /* Add padding to the left */
    padding-right: 20px; /* Add padding to the right */
    overflow: hidden; /* Ensure no content is clipped */
}

/* Responsive behavior for smaller screens */
@media (max-width: 768px) {
    .columns-2.wp-block-post-template.is-layout-grid,
    .wp-block-post-template.is-layout-grid {
        grid-template-columns: 1fr; /* Single-column layout on smaller screens */
        gap: 10px; /* Reduce the gap for smaller screens */
        padding-left: 10px; /* Adjust padding */
        padding-right: 10px;
    }
}




/* Set a maximum width for the content and center it with margins */
.page-content {
    max-width: 1200px; /* Adjust to your preferred width */
    margin-left: 60px; /* Centers the content */
    margin-right: 60px; /* Centers the content */
    padding-left: auto; /*20px; /* Adjust the left padding */
    padding-right: auto; /*20px; /* Adjust the right padding */
}

/* Ensure the layout is responsive on smaller screens */
@media (max-width: 768px) {
    .page-content {
        padding-left: 10px;
        padding-right: 10px;
    }
}



/* Smoke Trail Style */
.smoke {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  pointer-events: none;
  animation: fade 1.5s ease-out forwards;
  z-index: -1; /* Make sure the smoke is behind other content */
}

@keyframes fade {
  0% {
    transform: scale(1);
    opacity: 0.3;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}