/**
 * Two Column Content Block - Frontend Styles
 * These styles are loaded on the frontend
 */

.two-column-content-block { padding: 64px 0 0; position: relative; overflow: inherit; }
.two-column-content-wrap { display: flex; flex-wrap: wrap; }
.two-column-content-wrap .content-list { width: 50%; background-color: #293641; padding: 64px 64px 42px 64px; border-top-left-radius: 16px; }
.two-column-content-wrap .content-list:last-child { background-color: #F2F2F2; border-top-left-radius: 0; border-top-right-radius: 16px; margin-top: 36px; }
.two-column-content-wrap .content-list h2 { color: #F2F2F2; max-width: 324px; width: 100%; margin: 0 0 16px 0; }
.two-column-content-block .content-list h2 span { color: var(--bg-light-red) }
.two-column-content-wrap .content-list p { margin-bottom: 16px; }
.two-column-content-wrap .content-list ul, .two-column-content-wrap .content-list ol { padding: 0; margin: 0 0 0 20px; }
.two-column-content-wrap .content-list ul li, .two-column-content-wrap .content-list ol li { margin-bottom: 8px; color: #F2F2F2; font-size: 16px; line-height: 24px; }
.two-column-content-wrap .content-list ul li:last-child, .two-column-content-wrap .content-list ol li:last-child { margin-bottom: 0; }
.two-column-content-wrap .content-list:last-child h2 { color:var(--primary-color); }
.two-column-content-wrap .content-list:last-child p { color:var(--primary-color); }
.two-column-content-wrap .content-list:last-child ul li { color:var(--primary-color); }
.two-column-content-wrap .dot-Pattern { position: absolute;right: 0;top: -120px; width: 214px; height: 224px; background-size: contain; background-repeat: no-repeat; }

/*Responsive Css Start Here*/
@media only screen and (max-width: 1280px) {
    
}
@media only screen and (max-width: 1200px) {
    .two-column-content-wrap .content-list { padding: 30px; }
    .two-column-content-wrap .dot-Pattern { top: -60px; width: 100px; }
    .two-column-content-wrap .content-list h2 { max-width: 214px; }
}
@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width: 991px) {
    
}
@media only screen and (max-width: 767px) {
    .dot-Pattern { display: none; }
    .two-column-content-block {padding: 4px 0 0;}
    .two-column-content-wrap .content-list p { font-size: 16px; line-height: 28px; }
    .two-column-content-wrap .content-list ul li, .two-column-content-wrap .content-list ol li { font-size: 14px; line-height: 24px; margin-bottom: 10px; }
    .two-column-content-wrap .content-list ul li:last-child, .two-column-content-wrap .content-list ol li:last-child { margin-bottom: 0; }
    .two-column-content-wrap .content-list { padding: 40px 16px 40px;}
    .two-column-content-wrap .content-list { width: 100%; border-top-left-radius: 16px; border-top-right-radius: 16px; }
    .two-column-content-wrap .content-list:last-child { margin: -15px 0 0 0; border-top-left-radius: 16px; border-top-right-radius: 16px; }
    .two-column-content-wrap .content-list h2 { font-size: 32px; line-height: 42px; margin-bottom: 16px; }
}
@media only screen and (max-width: 640px) {
    
}