/* BNL - 2 Column Multi Width Content Container */

.sb-ceas-2col-multi-content-area {
    padding: 60px 0 1px;
    display: block;
}

.sb-ceas-2col-multi-content-container {
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
    /* padding: 20px; */
    display: flex;
    box-sizing: border-box;
    position: relative;
}

.sb-ceas-2col-multi-content-area-section {
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
    /* padding: 20px; */
    display: flex;
    box-sizing: border-box;
    position: relative;
}

.sb-ceas-2col-multi-content-left,
.sb-ceas-2col-multi-content-right {
    padding: 20px;
    align-self: flex-start;
    margin: 0;
}

.sb-ceas-2col-multi-content-left img,
.sb-ceas-2col-multi-content-right img {
    max-width: 100%;
    height: auto;
    display: block;
}

.sb-ceas-2col-multi-content-container,
.sb-ceas-2col-multi-content-left,
.sb-ceas-2col-multi-content-right {
    box-sizing: border-box;
}

.sb-ceas-2col-multi-content-left ul,
.sb-ceas-2col-multi-content-right ul {
  padding-left: 20px;  /* Shifts the bullets to the right */
  margin-left: 0;      /* Removes any custom margin overrides */
  list-style-position: outside; /* Keeps bullets outside of the text */
}

/* Container variations */
.sb-ceas-2col-multi-content-container-3366 .sb-ceas-2col-multi-content-left {
    flex: 33%;
}

.sb-ceas-2col-multi-content-container-3366 .sb-ceas-2col-multi-content-right {
    flex: 66%;
}

.sb-ceas-2col-multi-content-container-5050 .sb-ceas-2col-multi-content-left,
.sb-ceas-2col-multi-content-container-5050 .sb-ceas-2col-multi-content-right {
    flex: 50%;
}

.sb-ceas-2col-multi-content-container-6633 .sb-ceas-2col-multi-content-left {
    flex: 66%;
}

.sb-ceas-2col-multi-content-container-6633 .sb-ceas-2col-multi-content-right {
    flex: 33%;
}

.sb-ceas-2col-multi-content-area .sb-ceas-2col-multi-content-left h2,
.sb-ceas-2col-multi-content-area .sb-ceas-2col-multi-content-right h2{
	font-size: 38px;
  	margin-bottom: 10px;
  	margin-top: 0 !important;
}

.sb-ceas-2col-multi-content-area .sb-ceas-2col-multi-content-left p,
.sb-ceas-2col-multi-content-area .sb-ceas-2col-multi-content-right p {
  margin-top: 0 !important;
}

.sb-ceas-2col-multi-content-container.sb-ceas-2col-border-bottom::after {
    content: "";
    display: block;
    width: calc(100% - 80px); /* Adjusts width to exclude padding */
    height: 1px;
    background-color: #bebebe;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}


/* Responsive Design */
@media (max-width: 768px) {
    .sb-ceas-2col-multi-content-container {
        flex-direction: column; /* Stacks the rows in column layout on mobile */
        text-align: left;
    }

    .sb-ceas-2col-multi-content-row {
        flex-direction: column; /* Ensure each row's columns stack on top of each other */
    }

    .sb-ceas-2col-reverse-columns-image-right {
        flex-direction: column-reverse; /* Reverse the column order when needed */
    }

    /* Handle margin-bottom for reversed columns */
    .sb-ceas-2col-reverse-columns-image-right .sb-ceas-2col-multi-content-left {
        margin-bottom: 0;
    }

    .sb-ceas-2col-reverse-columns-image-right .sb-ceas-2col-multi-content-right {
        margin-bottom: 20px;
    }

    .sb-ceas-2col-multi-content-left,
    .sb-ceas-2col-multi-content-right {
        width: 100%;
        padding: 20px;
    }
}
.match-width {
  max-width: 1140px; /* Adjust this to match the width of the "About BNL" section */
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; /* Optional: adds some breathing room on smaller screens */
}