.internal-content-with-sidebar .col-lg-8{
	flex:1 1 calc(70% - 21px);
	max-width: calc(70% - 21px);
}

.internal-content-with-sidebar .col-lg-4{
	flex:1 1 calc(30% - 21px);
	max-width: calc(30% - 21px);
}

.internal-content-with-sidebar .col-lg-4{
    padding:0 var(--padding-81xl);
    width: 100%;
    box-sizing: border-box;
}



.article-container h1{
    font-size: 95px;
    line-height: 120%;
    margin-top: 30px;
}

.article-container .entry-content {
	margin-top: 30px;
}

.article-container ol,
.article-container ul{
    margin-bottom: 20px;
}

.article-container .entry-content h3{
    margin-top: 30px;
    margin-bottom: 30px;
}

.article-container .entry-content p{
	font-weight: 400;
    font-size: 20px;
    line-height: 28px;
	letter-spacing: normal;
	margin-top: 30px;
}

.article-container .entry-content li{
	font-weight: 400;
    font-size: 20px;
    line-height: 28px;
	letter-spacing: normal;
}

.post-category {
    font-weight: 700;
    width: fit-content;
    padding: 7px 12px;
    border-radius: 99px;
    background: rgba(183, 52, 45, 0.20);
    text-transform: uppercase;
    margin-top: 30px;
    color: #B7342D;
    font-size: 12px;
    letter-spacing: -0.12px;
}


.post-thumbnail img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
    height: 100%;
    max-height: 546px;
}

.related-posts-container{
	padding: 0;
}

.related-posts h3{
    margin: 0 0 30px;
}
.single-post-container{
    padding:80px 0;
}
.single-post-container > .row{
    gap:40px;
}
/* Add these new responsive styles at the bottom of your existing CSS */

@media screen and (max-width: 991px) {
    .internal-content-with-sidebar .row {
        display: flex;
        flex-direction: column;
    }

    .internal-content-with-sidebar .col-lg-8,
    .internal-content-with-sidebar .col-lg-4 {
        flex: 1 1 100%;
        max-width: 100%;
        padding: 0 20px; /* Smaller padding on mobile */
    }

    .single-post-container {
        padding: 0 20px;
    }

    .article-container h1 {
        font-size: 40px; /* Smaller font size on mobile */
        line-height: 1.2;
    }

    .article-container .entry-content h2 {
        font-size: 32px;
    }

    .article.container .gform_heading h2{
        font-size: 32px;
    }

    .article-container .entry-content h3 {
        font-size: 28px;
    }

    .post-thumbnail img {
        height: 400px; /* Medium size for tablets */
    }
}

/* Additional adjustments for very small screens */
@media screen and (max-width: 576px) {
    .article-container h1 {
        font-size: 32px;
        line-height: 1.2;
    }

    .article-container .entry-content h2 {
        font-size: 28px;
    }

    .article-container .entry-content h3 {
        font-size: 24px;
    }

    .article-container .entry-content p,
    .article-container .entry-content li {
        font-size: 16px;
        line-height: 1.5;
    }

    .post-thumbnail img {
        height: 250px; /* Smaller height for mobile */
    }
}

.related-post-item {
    margin-bottom: 30px;
}

.related-post-thumbnail {
    width: 100%;
    position: relative;
    height: 232px; /* Fixed height instead of padding-top */
    overflow: hidden;
    border-radius: 20px 20px 0 0; /* Top-left Top-right Bottom-right Bottom-left */
}

.related-post-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.related-post-content {
    padding: 30px;
    border-radius: 0px 0px 20px 20px;
    border: var(--border);
    background: var(--card-bg);
}

.related-post-content h3 {
    margin: 0 0 10px 0;
}

.related-post-content a {
    text-decoration: none;
}

.related-post-excerpt {
    font-size: 16px;
    line-height: 1.5;
}

.related-post-category {
    background-color: black;
    width: fit-content;
    margin-bottom: 10px;
    border-radius: 8px;
}

.related-post-category a {
    color: white;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

.read-article-btn {
    display: inline-block;
    color: white;
    padding: 14px 24px 14px 24px;
    border-radius: 99px;
    border: 1px solid #FFF;
    text-decoration: none;
    font-weight: bold;
    margin-top: 15px;
    transition: background-color 0.3s ease;
}

.article-container .gform_wrapper {    
    background-color: #232323;
    padding: 2px 20px 20px 20px;
    border-radius: 20px;
    margin-bottom: 40px;
}

.article-container .gform_wrapper div{
    margin-bottom: 0px;
}

.article-container .gform_description {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: normal;
}



/* Form Title and Description */
.article-container .gform_wrapper .gform_heading {
    margin-bottom: 30px;
}

.article-container .gform_wrapper .gform_heading .gform_title {
    margin-bottom: 30px;
}

.article-container .gform_wrapper .gform_title {
    font-weight: 800;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: normal;
    margin-top: 30px;
}

.article-container .gform_wrapper .gform_description {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: normal;
}

/* Form Fields */
.article-container .gform_wrapper .gfield {
    margin-bottom: 20px !important;
}

.article-container .gform_wrapper .gfield_label {
    font-weight: 600 !important;
    font-size: 16px !important;
    margin-bottom: 8px !important;
    display: block;
}

.article-container .gform_wrapper .ginput_container input[type="text"],
.article-container .gform_wrapper .ginput_container input[type="email"],
.article-container .gform_wrapper .ginput_container input[type="tel"],
.article-container .gform_wrapper .ginput_container textarea {
    width: 100% ;
    padding: 12px 15px;
    border: 1px solid #666;
    border-radius: 8px;
    font-size: 16px;
    line-height: 1.5;
    background-color: #292929;
}

/* Submit Button */
.article-container .gform_wrapper .gform_footer {
    margin-top: 30px !important;
    padding: 0 !important;
}

.article-container .gform_wrapper .gform_button {
    background-color: #B7342D;
    color: white;
    padding: 14px 24px;
    border: none;
    border-radius: 10px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.article-container .gform_wrapper .gform_button:hover {
    background-color: #9a2d27 !important;
}

/* Required Field Indicator */
.article-container .gform_wrapper .gfield_required_asterisk {
    color: #B7342D !important;
    margin-left: 4px !important;
}

/* Error Messages */
.article-container .validation_error {
    color: #B7342D !important;
    border: 1px solid #B7342D !important;
    padding: 15px !important;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
}

.article-container .validation_message {
    color: #B7342D !important;
    font-size: 14px !important;
    margin-top: 5px !important;
}

/* Success Message */
.article-container .gform_wrapper .gform_confirmation_message {
    background-color: #e8f5e9;
    color: #2e7d32;
    padding: 15px;
    border-radius: 8px;
    margin-top: 20px;
}

/* Responsive Adjustments */
@media screen and (max-width: 768px) {
    .article-container .gform_wrapper {
        padding: 15px;
    }

    .article-container .gform_title {
        font-size: 32px;
        line-height: 1.2;
    }

    .article-container .gform_description {
        font-size: 16px;
        line-height: 1.5;
    }
}

/* Grid Layout for Name and Email fields */
.article-container .gform_wrapper .gform_fields {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
}

/* Make specific fields full width */
.gform_wrapper .gfield.full-width,
.article-container .gform_wrapper .gfield.textarea,
.article-container .gform_wrapper .gfield.website {
    grid-column: 1 / -1 !important;
}

/* Responsive grid */
@media screen and (max-width: 768px) {
    .article-container .gform_wrapper .gform_fields {
        grid-template-columns: 1fr !important;
    }
}

/* Hide checkbox field label but keep the choice text visible */
.article-container .gform_wrapper .gfield.gfield--type-checkbox .gfield_label {
    display: none !important;
}

/* Make checkbox field full width */
.article-container .gform_wrapper .gfield.gfield--type-checkbox {
    grid-column: 1 / -1 !important;
}

/* Style the checkbox container */
.article-container .gform_wrapper .gfield.gfield--type-checkbox .gchoice {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

/* Style the checkbox itself */
.article-container .gform_wrapper .gfield.gfield--type-checkbox input[type="checkbox"] {
    margin: 4px 0 0 0 !important;
}

/* Style the checkbox choice text */
.article-container .gform_wrapper .gfield.gfield--type-checkbox label {
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* Ensure checkbox choice text is visible */
.article-container .gform_wrapper .gfield.gfield--type-checkbox .gfield_checkbox label,
.article-container .gform_wrapper .gfield.gfield--type-checkbox .gfield_consent_label {
    display: block !important;
    visibility: visible !important;
}