body{box-sizing: border-box;}
/* Grid reinforcement */
.content_row_wrap .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px; 
    margin-left: -15px; 
}
.content_row_wrap .row > [class*='col-'] {
    padding-right: 15px; 
    padding-left: 15px;  
}

.board-card-link {
    text-decoration: none;
    color: inherit;
}
.board-card-link:hover {
    text-decoration: none;
}

.board-card {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 24px;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    display: flex;
    flex-direction: column;
    overflow: hidden; 
}

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

.board-card .card-body {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.board-card .board-logo-title-row {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.board-card .board-logo-img-wrapper {
    margin-right: 12px;
}
.board-card .board-logo-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #eee;
}
.board-card .board-logo-placeholder {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f0f2f5; /* Lighter placeholder background */
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e0e0;
}
.board-card .board-logo-placeholder .fa-users {
    font-size: 1.1rem;
    color: #6c757d; /* Bootstrap's muted color */
}

.board-card .card-title {
    font-size: 1rem;
    font-weight: 600;
    color: #212529; /* Bootstrap's default dark text */
    margin-bottom: 0;
    line-height: 1.3;
    min-width: 0; /* Allow title to shrink in flex container */
    word-break: break-word; /* Ensure long words can wrap */
}

.board-card .board-description {
    font-size: 0.875rem;
    color: #495057; /* Bootstrap's slightly lighter dark text */
    line-height: 1.5;
    margin-bottom: 0.75rem;
    flex-grow: 1;
}

.board-card .board-meta-info {
    font-size: 0.8rem;
    color: #6c757d;
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px solid #e9ecef; /* Bootstrap's default card border color */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.board-card .board-meta-info .price-info {
    font-weight: 600;
}
.board-card .board-meta-info .text-success { color: #28a745 !important; }
.board-card .board-meta-info .text-primary { color: #007bff !important; }

/* Discontinued board styles */
.board-card.board-discontinued {
    border: 2px solid #dc3545 !important;
}

/* Standard Bootstrap Pagination (if you are using it) */
.pagination .page-link {
    color: #007bff;
}
.pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.pagination .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}

.browse-boards-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.browse-boards-header .container {
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
}
.browse-boards-header form {
    width: 100%;
    justify-content: center !important;
}
.browse-boards-header .search-bar-wrapper {
    margin: 0 auto;
    width: 100%;
    position: relative;
}
section.browse-boards-header { text-align: center; padding: 100px 0 60px 0; } 
section.browse-boards-header h2 { font-size: 40px; color: #000; margin-bottom: 0px;font-weight: 700;} 
section.browse-boards-header .text { font-size: 22px; margin-bottom: 30px; } 
section.browse-boards-header .text a { color: #8a2be2; font-weight: bold; } 
.browse-boards-header form input#searchInput { background: #f3eefd; font-size: 18px; text-align: center; color: #909092; border-radius: 23px; padding: 17px 60px; } 
.browse-boards-header .search-bar-wrapper span.mr-2 { position: absolute; left: 25px; font-size: 18px; color: #909092; top: 18px; } 
.browse-boards-header  .text-muted { color: #909092; margin-top: 10px; }
section.browse__job__page .col-xl-4.col-lg-4.col-md-4.mb-4 { width: 33.33%; }
.pricing-title h2 { font-weight: bold; } 
.pricing-card-title h3 { font-weight: bold; }

/* Modal Styles */
.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: auto; outline: 0; background-color: rgba(0, 0, 0, 0.5); } 
.modal-dialog { position: relative; width: 500px; margin: 1.75rem auto; pointer-events: none; } 
.modal-dialog-centered { display: flex; align-items: center; justify-content: center; min-height: calc(100% - 3.5rem); } 
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } 
.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } 
.modal-backdrop.fade { opacity: 0; } 
.modal-backdrop.show { opacity: 0.5; } 
.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } 
.modal.show .modal-dialog { transform: none; } 
.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } 
.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } 
.modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } 
#accessReason { resize: vertical; min-height: 100px; }
 /* Additional styles for questions */ 
 .checkbox-group { margin-top: 10px; } 
 .custom-control { margin-bottom: 8px; } 
 .custom-control-label { font-weight: normal; }
  .form-group { margin-bottom: 20px; } 
  .form-group label { font-weight: 500; margin-bottom: 8px; } 
#boardQuestionsContainer { margin-bottom: 20px; padding-bottom: 20px; border-bottom: none; }


* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; text-decoration: none; outline: none; } 
.row { display: flex; flex-wrap: wrap; margin: 0 -20px; } 
body.desk { padding-top: 85px; }
header#main-header .container { padding: 0 20px; max-width: 1350px; margin: 0 auto; } 
img { display: block; max-width: 100%; } 
header#main-header .logo { width: 295px; padding: 0 20px; } 
header#main-header .nav { flex: 1; padding: 0 20px; } 
nav.navbar.header-nav ul { display: flex; flex-wrap: wrap; justify-content: flex-end; } 
nav.navbar.header-nav ul>li {display: block;margin-bottom: 0;} 
header#main-header {padding: 15px 0;background-color: #f3eefd;position: fixed;width: 100%;top: 0;left: 0;z-index: 2;transition: 0.4s ease;} 
nav.navbar.header-nav ul>li>a { font-size: 18px; line-height: 1; color: #000; font-weight: 600 !important; padding: 13px 0px; display: block; margin-right: 26px; } 
nav.navbar.header-nav li.login-btn>a { background: #8a2be2; color: #fff; display: block; margin-right: 45px; padding: 13px 32px; border-radius: 25px;text-align: center;border: 2px solid #8a2be2;}
nav.navbar.header-nav li.login-btn>a:hover{color: #fff;box-shadow: 0px 0px 0px 3px #c8aefa;}
nav.navbar.header-nav ul>li:after { display: none; }
header#main-header .row { align-items: center; }

.container { padding: 0 20px; max-width: 1254px; margin: 0 auto; } 
section.home-banner { padding: 80px 20px 120px 20px; background: #f3eefd; } 
h1 {font-family: "League Spartan", sans-serif; font-size: 80px; line-height: 0.9; margin-bottom: 20px; letter-spacing: -1px; font-weight: bold; color: #000;} 
section.home-banner .text-col { width: 60%; position: relative; padding: 0 20px; } 
section.home-banner .img-col { width: 40%; padding: 0 20px; } 
section.home-banner .text-col-inner p { font-size: 24px; font-weight: bold; line-height: 1.3; margin-bottom: 20px; letter-spacing: 0.5px;} 
section.home-banner .img-col img { width: 100%; max-width: unset;} 
.btn {background-color: #8a2be2; line-height: 1; color: #fff; font-size: 18px; font-weight: 600; border-radius: 30px; display: inline-block; padding: 13px 32px; margin-bottom: 15px; letter-spacing: 0.5px; transition: 0.5s ease; border: 2px solid #8a2be2;} 
.btn:hover, .btn:focus{box-shadow: 0px 0px 0px 3px #c8aefa;background-color: #8a2be2; color: #fff;}
.btn.btn-outline { background-color: transparent; color: #8a2be2;}
.btn.btn-outline:hover { background-color: #8a2be2; color: #fff;box-shadow: 0px 0px 0px 3px #c8aefa;}
section.home-banner .btn-group { margin-top: 60px; } 
section.home-banner .btn-group .btn:not(:last-child) { margin-right: 20px; }
#additionalPostsModal button.btn { background-color: #8a2be2; border-color: #8a2be2; } 
#additionalPostsModal button.btn:hover, #additionalPostsModal button.btn:focus { box-shadow: 0px 0px 0px 3px #c8aefa; }


section.text-section .text-area-inner { background: #f3eefd; border-radius: 43px; padding: 30px 15px 50px 15px; } 
section.text-section .text-area-inner p { font-size: 30px; font-weight: bold; text-align: center; line-height: 1.3; letter-spacing: -0.5px; } 
section.text-section { padding: 90px 20px 70px 20px; }
section.text-section .text-area-image img { display: block; margin-left: auto; margin-right: 19%; margin-top: -50px; width: 92px; }

section.how_it_works { background: #f3eefd; padding: 80px 0 120px 0; } 
section.how_it_works .row { counter-reset: section; } 
section.how_it_works .col-3 { margin-bottom: 30px; }
.col-12 { width: 100%; padding: 0 20px; } 
section.how_it_works .section-title { text-align: center; margin-bottom: 159px; } 
.section-title h2 { font-size: 58px; font-weight: 600; line-height: 1;text-align: center;} 
.col-3 { width: 25%; padding: 0 20px; } 
.how_it_works-item { background: #fff; border: 1px solid #000; border-radius: 36px; padding: 55px 15px; text-align: center; height: 100%;position: relative;} 
.how_it_works-item:before { counter-increment: section; content: counter(section); position: absolute; left: -35px; top: -48px; color: #fff; background: #000; width: 72px; height: 72px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 43px; font-family: 'Poppins'; }
.how_it_works-item h3 { font-size: 25px; font-weight: bold; margin-bottom: 15px;min-height: 74px;}
.how_it_works-item p { font-size: 22px; }
section.how_it_works .row {counter-reset: section;}

.col-4 { width: 33.33%; padding: 0 20px; } 
section.features { background: #c8aefa;padding: 83px 0;}
section.browse-boards h2 { text-align: center; font-size: 58px; font-weight: bold; line-height: 1; margin-bottom: 61px;display: flex ; align-items: center; justify-content: center; flex-wrap: wrap;} 
section.browse-boards { padding: 57px 0 82px 0; text-align: center; background: #f3eefd; } 
section.browse-boards h2 img { display: inline-block; } 
a.btn.btn-large { padding: 35px 30px; font-size: 27px; border: 2px solid #000; box-shadow: 6px 6px 0px #000; } 
section.browse-boards p { font-size: 28px; font-weight: bold; margin-bottom: 20px; } 
section.browse-boards a.btn.btn-large { margin-bottom: 33px; }
.feature-icon img { height: 75px; margin: 0 auto; } 
section.features .section-title { margin-bottom: 105px; } 
.feature-text { background: #f3eefd; border-radius: 36px; max-width: 304px; margin: 0 auto 122px auto; padding: 30px 20px; flex: 1; } 
.feature-text p { font-size: 32px; text-align: center; } 
.feature-icon { margin-bottom: 27px; } 
section.features .feature-item { display: flex; flex-flow: column; height: 100%; }
nav.navbar.header-nav ul>li.active a {color: #c8aefa;}

section#faq { padding: 90px 0 150px 0; } 
section#faq .section-title p { text-align: center; font-size: 40px; } 
section#faq .section-title h2 { margin-bottom: 23px; } 
.faq-items { max-width: 822px; margin: 0 auto 80px auto; } 
section#faq .section-title { margin-bottom: 85px; } 
.faq-item { background: #f3eefd; border-radius: 23px; } 
.faq-item .head h3 { font-weight: normal; font-size: 24px;margin: 0;} 
.faq-item .head { padding: 40px 60px 40px 40px;position: relative;cursor: pointer;} 
.faq-item .body { display: none; } 
.faq-item:not(:last-child) { margin-bottom: 30px; } 
section#faq .view-more { text-align: center; } 
section#faq .view-more h3 { font-size: 36px;font-weight: 700;} 
section#faq .view-more h3 a { font-weight: normal; color: #8a2be2; }
nav.navbar.header-nav ul>li.active a, nav.navbar.header-nav ul>li a:hover { color: #c8aefa; } 
.faq-item .head .faq-icon { position: absolute; right: 30px; top: 40px; font-size: 0px; height: 25px; width: 25px; border-style: solid; border-color: #000; border-width: 0px 0px 2px 2px; transform: rotate(-45deg); transition: 0.5s ease; } 
.faq-item.active .head .faq-icon { transform: rotate(135deg); top: 55px; } 
.faq-item .body { padding: 10px 64px 48px 64px; }

section.community-marketplace .section-title h2 { font-size: 38px; font-weight: bold; margin-bottom: 59px;display: flex ; align-items: center; flex-wrap: wrap;} 
section.community-marketplace { padding: 85px 0 63px 0; text-align: center; box-shadow: 0px 0px 10px 0px #f3eefd; }

footer#main-footer { background: #f3eefd; padding: 25px 0 10px 0; } 
footer#main-footer .footer-links { padding: 0 20px; width: 50%; } 
footer#main-footer  .footer-social-links { padding: 0 20px; width: 50%; } 
footer#main-footer .cpyright-text { width: 100%; padding: 0 20px; text-align: center; margin-top: 15px; } 
.footer-links-inner h3 { font-size: 22px; font-weight: 600; margin-bottom: 13px; } 
footer#main-footer .container { max-width: 1270px; } 
.footer-links-inner ul li a { color: #000; font-size: 18px; } 
.footer-links-inner ul li { display: block; line-height: 1; margin-bottom: 5px; } 
.footer-social-links>ul { display: flex; justify-content: flex-end; } 
.cpyright-text p { font-size: 18px; }
section.community-marketplace .section-title h2 { display: flex; align-items: center; flex-wrap: wrap;justify-content: center;} 
.footer-social-links li { font-size: 24px; margin-left: 15px; }

a.btn.btn-large:hover, a.btn.btn-large:focus { box-shadow: 2px 2px 0px #000; }
strong {font-weight: 700;}
.footer-links-inner ul li a:hover { color: #8a2be2; } 
.footer-social-links li a:hover { color: #8a2be2; } 
section#faq .view-more h3 a:hover { text-decoration: underline; }
.register_form { position: relative;margin-bottom: 20px;}
input[type="submit"] { border-radius: 25px; } input[type="submit"]:hover { box-shadow: 0px 0px 0px 3px #c8aefa !important; }
button#register { width: 100%; }

div#sign_in_main .btn__wrap a, div#sign_in_main .btn__wrap button {color: #8a2be2; background: none; margin: 0; padding: 0; border: none; font-size: 16px; font-weight: 600; text-transform: capitalize; display: inline-block; text-decoration: none;}
div#forgot_pwd .page__content { width: 100%; padding: 0; margin: 0; } 
div#forgot_pwd .full__page { height: unset; flex-flow: column; padding-top: 30px; } 
div#forgot_pwd form#forgot-form { padding-right: 0; margin-top: 10px; } 
div#forgot_pwd .full__page h2 { margin-bottom: 20px; } 
div#forgot_pwd input#forgot { width: 100%; }

button#registerPopup2 { position: static; height: unset; width: unset; line-height: unset; font-family: "Poppins", sans-serif; } 
button#registerPopup2:after { display: none; }
div#register_popup:before { content: ''; height: 100%; width: 100%; position: fixed; left: 0; top: 0; background: rgb(0 0 0 / 80%); } 
div#register_popup .main { z-index: 1; position: relative; }
.social_login { text-align: center; margin-bottom: 20px; } 
.google_btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; background: #fff; border: 1px solid #ddd; border-radius: 4px; text-decoration: none; color: #333; font-weight: 500; transition: all 0.3s ease; } 
.google_btn:hover { background: #f5f5f5; } 
.google_btn img { width: 20px; margin-right: 10px; } 
.or_divider { text-align: center; margin: 20px 0; position: relative; } 
.or_divider:before, .or_divider:after { content: ""; position: absolute; top: 50%; width: 45%; height: 1px; background: #ddd; } 
.or_divider:before { left: 0; } 
.or_divider:after { right: 0; } 
.or_divider span { background: #fff; padding: 0 10px; color: #666; font-size: 14px; }
section .browse-boards-header .search-bar-wrapper span.mr-2 { top: 20px; } 
section .board-card-cover-img { border-radius: 24px; } 
section .board-card .board-description { text-align: center; } 
section .board-card .board-meta-info { border-top: 0; justify-content: center; } 
section .board-card .board-meta-info>div { display: none; } 
section .board-card-link { height: 100%; display: block; } 
section .board-card { height: 100%; } 
section div#boardsContainer .mb-4 { margin-bottom: 30px; } 
section .board-card .board-meta-info span { color: #000; display: block; font-size: 14px !important; } 
section .board-card .board-meta-info span b { padding-left: 6px; }

.modal-title { margin-bottom: 0; } 
.modal-header { align-items: center !important; } 
.modal-dialog button.btn-close:after { content: '+'; font-size: 40px; font-weight: 200; display: inline-block; transform: rotate(45deg); } 
.modal-dialog button.btn-close { padding: 0px 10px;background: none; box-sizing: border-box; height: unset; width: unset; line-height: 1;background: #fff; color: #000;} 
.modal-body .mb-3 { margin-bottom: 20px; } 
.modal-body button { width: 100%; padding: 13px 20px; border-radius: 4px;text-transform: unset;line-height: 1;text-decoration: none;border-radius: 25px;font-size: 14px; text-transform: uppercase !important;}
.modal-body .mb-3.form-check { margin-bottom: 10px; } 
.modal-body div#validation-error { margin-bottom: 10px; } 
button#registerPopup2 { width: 100%; margin: 0; line-height: 1; text-transform: unset; }
.text-center { text-align: center !important; } 
.modal-body form#register-form .btn-outline-dark { width: 100%; background: #fff; border: 1px solid #ddd; color: #888; font-weight: 400; font-size: 16px; text-align: center; border-radius: 4px;margin-bottom: 0;}
form#register-form .col-md-6 { width: 50%; padding: 0 10px; } 
form#register-form .container-fluid { padding: 0 0px; } 
form#register-form .container-fluid .row { margin: 0 -10px; }
form#register-form .col-md-6 { width: 50%; padding: 0 10px; } 
form#register-form .container-fluid { padding: 0 0px; } 
form#register-form .container-fluid .row { margin: 0 -10px; } 
#register_popup .modal-dialog { max-width: 600px; width: 100%; }
.board-banner img { 
    width: 100%; 
    height: 400px; 
    object-fit: cover; 
    object-position: center;
    background-color: #8a2be2;
} 
.profile-info .profile-photo img { height: 200px; width: 200px; object-fit: contain;background-color: #fff;} 
.board-profile { margin-top: -30px; } 
.social-profile { padding-top: 40px; } 
.board-card>.img>img { height: 260px; object-fit: cover; } 
.board-detail-page-list .board-card { color: #000; text-decoration: none;background-color: #fbfbfb; border: 1px solid #e0e0e0; border-radius: 24px;}
.board-detail-page-list .text-decoration-none { height: 100%; display: block; } 
.board-detail-page-list .text-decoration-none .board-card { height: 100%; margin-bottom: 0; }

.media-gallery img { width: 100%; height: auto; border-radius: 8px; max-height: 400px; /* Added to prevent overly large images */ object-fit: cover; /* Ensures image covers the area nicely */ } 
.media-thumbnails { display: flex; gap: 8px; margin-top: 10px; } 
.media-thumbnail { width: 60px; height: 45px; border-radius: 4px; background-color: #eee; cursor: pointer; background-size: cover; background-position: center; } 
.media-thumbnail.active { border: 2px solid #0d6efd; } 
.video-thumbnail { position: relative; display: flex; align-items: center; justify-content: center; background-color: #202124; } 
.info-item { display: flex; align-items: center; margin-bottom: 10px; color: #555; } 
.info-item i { margin-right: 10px; } 
.community-card { border-radius: 10px; overflow: hidden; border: 1px solid #e4e4e4; } 
.community-stats { display: flex; text-align: center; } 
.community-stats-item { flex: 1; padding: 10px; } 
.community-stats-item:not(:last-child) { border-right: 1px solid #e4e4e4; } 
.community-stats-number { font-size: 20px; font-weight: 600; } 
.community-stats-label { font-size: 14px; color: #6c757d; } 
.join-button { text-transform: none; width: 100%; } 
.powered-by { display: flex; align-items: center; justify-content: center; margin-top: 20px; color: #6c757d; font-size: 14px; } 
.powered-by img { /* This was for an img tag, the SVG is used instead */ height: 20px; margin-left: 8px; } 
.avatar { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; } 
.avatar img { width: 100%; height: 100%; object-fit: cover;background-color: #fff;} 
header#board_detail_header { background: #ffffff; }
footer#main-footer.board-detail-footer { background: #e9e9e9; }
.creator-info { display: flex; align-items: center; } 
.creator-name { margin-left: 10px; } 
.board-detail-page-list .board-card { border-radius: 16px; } 
.board-detail-page-list .board-card .img { border-radius: 16px 16px 0px 0px; }
form#reportPostForm .form-group>label { display: block; } 
form#reportPostForm .form-group label.custom-control-label { font-weight: 400; }
.modal-footer .btn:not(:last-child) { margin-right: 10px; }

@media (max-width: 768px) { 
    .community-layout { flex-direction: column; } 
} 
/* Styles for Stripe Card Element */ 
#card-element { border: 1px solid #ced4da; border-radius: .25rem; padding: .75rem; margin-bottom: 1rem; /* Added margin for spacing */ } 
#card-errors { color: #dc3545; /* Bootstrap danger color */ font-size: 0.875em; margin-top: 0.25rem; } 
.hidden { display: none; }
/********************** */
.board-banner img { width: 100%; } .profile-info .profile-photo { width: 200px; } 
.profile-info .profile-photo img { max-width: 100%; border-radius: 50%; display: block;border: 1px solid #ccc;} 
.profile-info { display: flex; align-items: center; } 
.profile-info .profile-name h2 { color: #ebabab; font-size: 42px; font-weight: bold; } 
.profile-info .profile-name { flex: 1;width: calc(100% - 200px);padding-left: 40px;} 
.social-profile { text-align: center; } 
.social-profile a { color: #909092; font-size: 16px; } 
.welcome-board-text h2 { color: #909092; font-weight: bold; font-size: 40px; } 
.welcome-board-text p { color: #909092; font-size: 19px; } 
.welcome-board-text { text-align: center; max-width: 800px; margin: 0 auto; } 
.board-profile { margin-bottom: 30px; }
.board-card>.img>img { display: block; width: 100%; } 
.board-card .user-info .img { width: 40px; height: 40px; margin-right: 10px; } 
.board-card .user-info .img img { width: 100%; display: block; border-radius: 50%; height: 100%; object-fit: cover; } 
.board-card .user-info { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;margin-bottom: 10px;} 
.board-card .user-info .name p { margin-bottom: 0; font-size: 16px; font-weight: bold; }  
.board-card .info { padding-top: 8px; } 
.board-card .info .category p { text-align: center; color: #bbbbbb; }
.board-card .info p {margin-bottom: 5px; text-align: left; font-size: 14px;} 
.board-card .img {border-radius: 8px;overflow: hidden;} 
.board-detail-page-list .board-card .col-3 { margin-bottom: 80px;}
.board-detail-page-list .board-card:hover{transform: none;box-shadow: none;}
.board-detail-page-list .board-card .info {padding: 20px 15px 15px 15px;}

.welcome-board-form-inner form { display: flex; align-items: center; justify-content: center;flex-wrap: wrap;} 
.welcome-board-form-inner form input[type="search"], .welcome-board-form-inner form select { border: 1px solid #909092; border-radius: 15px; color: #909092; font-size: 14px; padding: 10px 20px 10px 15px; outline: none; } 
.welcome-board-form-inner form input[type="button"] { background: #ebabab; border: 1px solid #ebabab; font-size: 17px; border-radius: 18px; color: #000; padding: 8px 20px; } 
.welcome-board-form-inner form .form-field { padding: 0 10px; } 
.welcome-board-form { padding-bottom: 60px; }

.gallery-preview-item { position: relative; margin-bottom: 10px; } 
.gallery-preview-item img { width: 100%; height: 150px; object-fit: cover; border-radius: 8px; } 
.remove-image { position: absolute; top: 5px; right: 5px; background: rgba(255, 255, 255, 0.9); border: none; border-radius: 50%; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: all 0.2s ease; } 
.remove-image:hover { background: #fff; transform: scale(1.1); } 
.gallery-upload-container { position: relative; } 
.gallery-upload-area { border: 2px dashed #909092; border-radius: 15px; padding: 20px; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #f8f9fa; position: relative; min-height: 150px; display: flex; align-items: center; justify-content: center; } 
.gallery-upload-area:hover { border-color: #ebabab; background: #fff; } 
.gallery-upload-area.dragover { border-color: #ebabab; background: #fff; } 
.gallery-input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; } 
.upload-placeholder { color: #909092; } 
.upload-placeholder i { font-size: 2.5rem; margin-bottom: 10px; color: #ebabab; } 
.upload-placeholder p { margin: 0; font-size: 1rem; } 
.upload-placeholder small { display: block; margin-top: 5px; } 
.image-counter { position: absolute; bottom: 5px; right: 5px; background: rgba(0, 0, 0, 0.7); color: white; padding: 2px 8px; border-radius: 12px; font-size: 0.8rem; } 
.selected-images-title { margin-top: 15px; margin-bottom: 10px; color: #333; font-size: 1rem; font-weight: 500; }

img { max-width: 100%;display:block} 
section.board-details .col-6 { width: 50%; padding: 0 20px; }
* { margin: 0; padding: 0; box-sizing: border-box; } 
.board-details .business-header {display: flex;align-items: center;margin-bottom:40px} 
.board-details .slider-nav .slick-slide { padding: 0 5px; height: inherit; } 
.board-details .business-header .business-logo img { height: 80px; width: 80px; object-fit: cover;border-radius: 50%;} 
.board-details .business-header .business-name { width: calc(100% - 80px); padding-left: 20px; } 
.board-details .slider-nav .slick-track { display: flex; } 
.board-details .slider-nav .slick-slide div { height: 100%; } 
.board-details .slider-nav .slick-slide div img { height: 120px; object-fit: cover;} 
.board-details .slider-for .slick-track .slick-slide { height: inherit; }
.board-details .slider-nav { padding: 30px 0; }
.board-details .business-description>div { margin-bottom: 15px; } 
.board-details .button-group>.btn:not(:last-child) { margin-right: 20px; }
.board-details .business-header.board-name .business-logo img { width: 40px; height: 40px; } 
.board-details .business-header.board-name .business-name { width: calc(100% - 40px); padding-left: 10px; } 
.board-details .business-header.board-name { padding: 25px 0;margin-bottom: 0;} 
.board-details .business-description>div.category p { font-weight: 700; }
.board-details .post-page-back { padding: 25px 0; display: flex; justify-content: flex-end; } 
.board-details .post-page-back .back-btn { color: #888; border: 1px solid #888; border-radius: 8px; line-height: 1.4; padding: 10px 20px; transition: 0.4s ease; } 
.board-details .report-post { position: relative; margin-left: 30px; } 
.board-details .report-btn { position: absolute; border: 1px solid #888; top: 50px; right: 0; white-space: nowrap; padding: 8px 15px; border-radius: 8px; display: none;background: #fff; font-size: 16px;color: #888;font-weight: normal; text-transform : unset;} 
.board-details .report-toggle>span { background: #888; height: 10px; width: 10px; display: block; border-radius: 50%; } 
.board-details .report-toggle { display: flex; flex-flow: column; gap: 6px; cursor: pointer; } 
.board-details .post-page-back .back-btn:hover { background: #888; color: #fff; }
.board-details .post-page-content { margin-top: 50px;align-items: flex-start;}
.board-details .report-btn span { color: #c9273a; margin-right: 10px; font-size: 22px; display: inline-block; vertical-align: middle; }
.board-details .business-carousal img { width: 100%; max-width: unset;}
.business-carousal { width: 100%; }
.board-details .report-options { margin-top: 10px; } 
.board-details .custom-control { padding-left: 1.5rem; } 
.board-details .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } 
.board-details .custom-control-input { position: absolute; z-index: -1; opacity: 0; } 
.board-details .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; border-radius: 50%; } 
.board-details .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } 
.board-details .modal-content { border-radius: 8px; } 
.board-details .modal-header { border-bottom: 1px solid #dee2e6; padding: 1rem; } 
.board-details .modal-footer { border-top: 1px solid #dee2e6; padding: 1rem; } 
div#createPostModal .modal-dialog {width: 100%;max-width: 800px;}
/* Modal Styles */ 
.board-details .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; justify-content: center; align-items: center; z-index: 1050; } 
.board-details .modal.show { display: flex; } 
.board-details .modal-dialog { max-width: 500px; width: 90%; margin: 1.75rem auto; position: relative; pointer-events: none; } 
.board-details .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; border: none; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.2); } 
.board-details .modal-header { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 12px; border-top-right-radius: 12px; background: #f8f9fa; } 
.board-details .modal-title { margin: 0; font-size: 1.25rem; font-weight: 600; color: #333; } 
.board-details .modal-body { padding: 1.5rem; } 
.board-details .modal-footer { padding: 1.5rem; border-top: 1px solid #e9ecef; display: flex; justify-content: flex-end; gap: 1rem; } 
.board-details .close { padding: 1rem; margin: -1rem -1rem -1rem auto; background: transparent; border: 0; font-size: 1.5rem; cursor: pointer; color: #666; } 
.board-details .form-group { margin-bottom: 1.5rem; } 
.board-details .form-group label { display: block; margin-bottom: 0.5rem; font-weight: 500; color: #333; } 
.board-details .report-options { margin-top: 0.5rem; } 
.board-details .custom-control { padding-left: 1.5rem; margin-bottom: 0.75rem; } 
.board-details .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; color: #555; font-size: 0.95rem; } 
.board-details .custom-control-input:checked ~ .custom-control-label { color: #007bff; } 
.board-details .form-control { display: block; width: 100%; padding: 0.75rem; font-size: 0.95rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 6px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } 
.board-details .form-control:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); } 
.board-details .btn { padding: 0.75rem 1.5rem; font-size: 0.95rem; font-weight: 500; border-radius: 6px; transition: all 0.2s ease-in-out;line-height: 1;vertical-align: top;} 
.board-details .btn-secondary { color: #666; background-color: #f8f9fa; border: 1px solid #ddd; } 
.board-details .btn-secondary:hover { background-color: #e9ecef; border-color: #ddd; } 
.board-details .btn-primary { color: #fff; background-color: #007bff; border: 1px solid #007bff; } 
.board-details .btn-primary:hover { background-color: #0056b3; border-color: #0056b3; } 
.board-details .other-reason { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e9ecef; }
button#favoriteButton { color: #000; font-weight: 400; box-shadow: none; border: none; display: flex ; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 10px;background-color: #fff;} 
button#favoriteButton #favoriteText { font-size: 18px; } 
button#favoriteButton .bi-heart { color: #dc3545; }
button#favoriteButton i { font-size: 2.2rem; }

.faq-head>ul { display: flex; justify-content: space-between;flex-wrap: wrap;} 
.faq-head>ul>li { padding: 0 10px; } 
.faq-head>ul>li>a { font-weight: 600; } 
.faq-head>ul>li>a:hover, .faq-head>ul>li>a.active { color: #c8aefa; } 
.faq-head { margin-bottom: 40px; }

.social-media-links>ul>li>a>img { height: 22px; } 
.social-media-links>ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: center; } 
.social-media-links>ul>li { display: block; padding: 0 5px; }
header#main-header.scrolled { box-shadow: 0px 0px 8px #ddd; }

div#sign_in .modal-dialog button.btn-close { color: #000; padding: 0; background: #fff; }

div#requestAccessModal button.close span { font-size: 40px; font-weight: 200; line-height: 0.6; display: block; color: #000; } 
div#requestAccessModal button.close { padding: 0; background: no-repeat; } 
div#boardQuestionsContainer .form-group { margin-bottom: 0; }  
div#requestAccessModal .modal-footer { justify-content: space-between; }


div#createPostModal .modal-body, div#createPostModal .modal-header { padding: 2rem; } 
div#createPostModal .modal-footer { padding: 15px 2rem 0 2rem; } 
form#createPostForm .row.mb-3 { padding: 0 10px; } 
form#createPostForm label.form-label { font-size: 14px; display: block; font-weight: 400; font-family: 'Montserrat', sans-serif; }
.card-body ul.list-group.list-group-flush { margin: 0; }

.table th, .table td {word-break: break-word;}
div#register_popup_visitor .form-control, #sign_in .form-control, form#forgot-form .form-control { height: 52px; font-size: 12px; color: #4b4b4b; padding: 17px 18px; } 
div#register_popup_visitor label.form-label { font-size: 12px; color: #4b4b4b;} 
div#register_popup_visitor .form-check { font-size: 12px; color: #4b4b4b; margin: 20px 0 !important; }

.card-body ul.list-group { margin: 0; }
.business-name h3 { margin: 0; }

header#board_detail_header .navbar-logo { display: flex; align-items: center; position: relative; } 
header#board_detail_header a#navbarDropdownListing { background: #e9e9e9; height: 40px; width: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%;box-shadow: 0px 0px 2px #888;}
.footer-social-links>ul { padding: 0; margin: 0; } 
.footer-social-links>ul>li { display: block; margin-left: 8px; } 
.footer-social-links>ul>li img { height: 22px; } 
.board-detail-footer .cpyright-text p { margin: 0; } 
footer.board-detail-footer .footer-links-inner ul li a { text-decoration: none; } 
footer.board-detail-footer .footer-links-inner ul li { margin-bottom: 10px; }

header#board_detail_header .dropdown-menu a { display: flex !important; align-items: center; color: #000; text-decoration: none;white-space: nowrap;} 
header#board_detail_header .dropdown-menu a span{ display: flex; align-items: center; }
header#board_detail_header .card-footer a {justify-content: center;}
header#board_detail_header .dropdown-menu a:hover { color: #8a2be2; } 
header#board_detail_header .dropdown-menu a:hover svg { color: #8a2be2 !important; }

header#board_detail_header .navbar-brand img { max-height: 55px; width: auto; }
.pagination_nav nav span span[aria-disabled="true"] { opacity: 0.2; }
form#payment-form .btn:hover, form#payment-form:focus { background-color: #8a2be2; border-color: #8a2be2; }
form#payment-form #card-element { outline: none; box-shadow: none !important; border-color: #ccc !important; }
form#login-form-submit .mb-2 { margin-bottom: 15px; }
form#login-form .form__field { margin-bottom: 15px; }

#communityGuidelinesModal .modal-content { background-color: #f8f5f5; } 
#communityGuidelinesModal .modal-header { border-bottom: 0; } 
#communityGuidelinesModal button.btn-close { background: transparent; } 
#communityGuidelinesModal .modal-title { font-weight: 800; } 
#communityGuidelinesModal .modal-body { font-weight: 600; }
#communityGuidelinesModal .modal-body a, #communityGuidelinesModal .modal-body strong { color: #8a2be2; } 
#communityGuidelinesModal .modal-body p { text-align: center; }

.browse-boards-header .search-bar-wrapper .fa-search { transform: rotate(91deg); }
.board-details .business-header .business-name h2 { margin: 0; }
#messageFormModal button.close { font-size: 40px; font-weight: 400; padding: 10px; }

html, body{scroll-behavior: smooth;}
select {appearance: none; background-image: url(../images/down_arrow.svg); background-repeat: no-repeat; background-position: center right 10px; background-size: 15px auto; padding-right: 30px !important; cursor: pointer;}
header#board_detail_header .dropdown-menu a img { margin-right: 0.5rem; width: 16px; }
.board-detail-listing .dropdown-menu { right: 0; left: 0; min-width: 220px; }

div#sign_in_main form#login-form .google_btn { width: 100%; } 
div#sign_in_main .btn__wrap #registerPopup2 { display: inline-block; width: unset; min-width: unset; margin-left: 5px; } div#sign_in_main .btn__wrap { font-weight: bold; }

.mfp-auto-cursor .mfp-content{max-height: 100vh; overflow: auto;}
.mfp-container{border-radius: 8px;}
.provider_dashboard .content__left .card>img { height: 250px; width: 100%; object-fit: cover; }
div#sign_in_main small { display: block; text-align: center; } div#sign_in_main  .btn__wrap.mt-3 { display: flex; justify-content: center; font-size: 14px; align-items: center; gap: 5px; margin-top: 10px; } 
div#sign_in_main .btn__wrap.mt-3 * { font-size: 14px; line-height: 1.3;font-weight: 500;}
header#board_detail_header .navbar-nav { align-items: center; } 
header#board_detail_header .navbar-nav button.btn { margin-bottom: 0; }

.board-detail-page-list { padding-bottom: 80px; }

.board-detail-page-list .col-3, .board-detail-page-list .col-4 {margin-bottom: 30px;}

.board-owner-name a.btn:hover, .board-owner-name a.btn:focus { color: #fff !important; }

@media(min-width:1024px){
    .welcome-board-form-inner form input[type="search"], .welcome-board-form-inner form select { width: 100%; } 
    .welcome-board-form-inner form .form-field:not(:last-child) { flex: 1; } 
    .welcome-board-form-inner form { max-width: 940px; margin: 0 auto; }
}
@media(min-width:1200px){
    .pricing-title h2 { font-size: 32px; }
}
@media(max-width:1399px){
    h1 { font-size: 74px; } 
    section.home-banner { padding: 60px 20px 180px 20px; }  
    section.how_it_works { padding: 80px 20px 100px 20px; } 
    section.features .section-title { margin-bottom: 80px; } 
    .feature-text { margin: 0 auto 80px auto; }
}
@media(max-width:1199px){
    nav.navbar.header-nav li.login-btn>a { margin-right: 0; } 
    nav.navbar.header-nav ul>li>a {font-size: 18px;margin-right: 20px;} 
    h1 { font-size: 60px; line-height: 1; letter-spacing: -1px; margin-bottom: 20px; } 
    section.home-banner .text-col-inner p { font-size: 24px; } 
    section.home-banner .btn-group { margin-top: 50px; } 
    .btn { font-size: 18px; padding: 10px 25px; } 
    section.home-banner .btn-group .btn:not(:last-child) { margin-right: 20px; } 
    section.home-banner { padding: 60px 20px 100px 20px; } 
    section.text-section { padding: 80px 20px 60px 20px; } 
    section.text-section .text-area-inner p { font-size: 24px; font-weight: 600; } 
    section.how_it_works .col-3 { width: 50%; margin-bottom: 50px; } 
    .how_it_works-item:before {left: -35px;top: -40px;} 
    section.how_it_works .section-title { margin-bottom: 120px; } 
    section.how_it_works { padding: 80px 20px 60px 20px; } 
    .section-title h2 { font-size: 52px; } 
    .feature-text p { font-size: 28px; } 
    section.features { padding: 80px 20px 50px 20px; } 
    section.browse-boards h2 { font-size: 52px; } 
    section#faq { padding: 80px 0 100px 0; } 
    section#faq .section-title p { font-size: 32px; } 
    .faq-item .head { padding: 25px 65px 25px 30px; } 
    .faq-item .head h3 { font-size: 24px; } 
    .faq-item:not(:last-child) { margin-bottom: 30px; } 
    section#faq .section-title { margin-bottom: 60px; } 
    .faq-item .head .faq-icon { height: 25px; width: 25px; top: 24px; }
    .faq-item.active .head .faq-icon { top: 38px; } 
    .faq-item .body { padding: 10px 30px 30px 30px; } 
    section#faq .view-more h3 { font-size: 28px; } 
    section.community-marketplace .section-title h2 { font-size: 32px; } 
    a.btn.btn-large { padding: 30px 30px; font-size: 24px; }
    .board-detail-page-list .col-3 { width: 33.33%; }
    .how_it_works-item h3 {min-height: unset;}
    body.desk { padding-top: 80px; }
    .login_popup .logo_header .logo_col a img {width: 100%;}
}
@media(max-width:1023px){
    section.home-banner .text-col { width: 100%; text-align: center; } 
    section.home-banner .img-col { width: 100%; margin-top: 40px; } 
    section.home-banner .row {align-items: center; } 
    section.home-banner .img-col img { width: 100%; max-width: 600px; margin: 0 auto; } 
    section.home-banner { padding: 60px 0px 60px 0; } 
    section.how_it_works { padding: 60px 20px 60px 20px; } 
    section.features { padding: 60px 0 50px 0; }
    .menu-box { position: relative; height: 30px; width: 40px; justify-self: flex-end; display: block; z-index: 5; } 
    .menu-box span { height: 2px; width: 100%; position: absolute; background: #8a2be2; top: 0; left: 0; transition: 0.6s ease-in-out; } 
    .menu-box span:last-child { bottom: 0; top: unset; } 
    .menu-box span:nth-child(2) { top: calc(50% - 1px); } 
    nav.navbar.header-nav ul { flex-flow: column; justify-content: flex-start; background: #f3eefd; padding: 140px 20px 0 20px; z-index: 4;display: flex;} 
    nav.navbar.header-nav ul {position: fixed; top: 0; left: 0; height: 100%; width: 100%;display: flex;}
    .menu-icon{display: block;}
    body.mob{padding-top: 85px;}
    header#main-header .logo { position: relative; z-index: 5; } 
    .menu-icon.active .menu-box span:first-child { transform: rotate(45deg); transform-origin: top left; } 
    .menu-icon.active .menu-box span:last-child { transform: rotate(-45deg); transform-origin: left bottom; } 
    .menu-icon.active .menu-box span:nth-child(2) { opacity: 0; } 
    nav.navbar.header-nav ul>li { padding: 0 20px; margin-bottom: 15px; } 
    nav.navbar.header-nav ul>li>a { margin: 0; } 
    header#main-header { position: fixed; width: 100%; left: 0; top: 0; z-index: 1; }
    section.features .col-4 { width: 50%; }
    section.browse-boards-header { padding: 80px 0 60px 0; } 
    .browse__job__page div#boardsContainer { margin-top: 0; } 
    .browse__job__page #boardsContainer .col-xl-4 { width: 50%; } 
    .browse__job__page { padding: 30px 0 60px; }
    .board-detail-page-list .col-3, .board-detail-page-list .col-4 { width: 50%; } 
    .board-banner img { height: 350px; } 
    .board-profile .col-8 { width: 100%; } 
    .board-profile .col-4 { width: 100%; } 
    .board-detail-page-list .board-card .col-3 { margin-bottom: 50px; }
    .board-details .post-page-content .col-6 { width: 100%; }
    .board-details .post-page-content { flex-flow: column-reverse; margin-top: 0; padding-top: 20px; padding-bottom: 20px; }
}
@media(max-width:991px){
    div#createPostModal .modal-dialog {width: 100%;max-width: calc(100% - 40px);}
    .faq-head>ul{justify-content: center;}
}
@media(max-width:767px){
    section.home-banner .text-col { width: 100%; text-align: center; } 
    section.home-banner .img-col { width: 100%; margin-bottom: 40px; } 
    section.home-banner .row { align-items: center; } 
    section.home-banner .img-col img { width: 100%; max-width: 600px; margin: 0 auto; } 
    section.home-banner { padding: 60px 0px 60px 0;} 
    section.how_it_works { padding: 60px 20px 30px 20px; } 
    section.features { padding: 60px 0 50px 0; } 
    h1 { font-size: 44px; letter-spacing: 0; } 
    section.home-banner .text-col-inner p { font-size: 18px; } 
    section.home-banner .btn-group { margin-top: 35px; } 
    section.home-banner .btn-group .btn:not(:last-child) { margin-right: 15px; } 
    .btn { font-size: 18px; padding: 10px 20px; } 
    section.text-section { padding: 60px 0px 40px 0px; } 
    section.text-section .text-area-inner p { font-size: 18px; } 
    section.text-section .text-area-image img { width: 72px; } 
    .section-title h2 { font-size: 36px; } 
    section.how_it_works .col-3 { width: 100%; } 
    section.how_it_works .section-title { margin-bottom: 80px; } 
    .how_it_works-item:before { font-size: 36px; height: 55px; width: 55px; left: -25px; top: -25px; } 
    .how_it_works-item { padding: 35px 15px; } 
    .how_it_works-item h3 { font-size: 24px; margin-bottom: 15px; } 
    .how_it_works-item p { font-size: 18px; } 
    .col-4 { width: 50%; } 
    .feature-text p { font-size: 24px; } 
    .feature-text { margin: 0 auto 50px auto; } 
    .feature-icon img { height: 50px; } 
    section.features .section-title { margin-bottom: 50px; } 
    section.browse-boards h2 { font-size: 36px; margin-bottom: 45px; } 
    a.btn.btn-large { font-size: 18px; padding: 25px 25px; } 
    section.browse-boards p { font-size: 24px; } 
    section.browse-boards { padding: 50px 0 60px 0; } 
    section#faq { padding: 60px 0 50px 0; } 
    section#faq .section-title p { font-size: 24px; } 
    section#faq .section-title { margin-bottom: 50px; } 
    .faq-item .head { padding: 20px 45px 20px 20px; } 
    .faq-item .head h3 { font-size: 18px; } 
    .faq-item .head .faq-icon { height: 16px; width: 16px; top: 22px; right: 20px; } 
    .faq-item.active .head .faq-icon { top: 30px; } 
    .faq-item .body { padding: 10px 20px 25px 20px; } 
    .faq-item .body p { font-size: 16px; line-height: 1.5; } 
    .faq-item:not(:last-child) { margin-bottom: 15px; } 
    .faq-items { margin: 0 auto 40px auto; } 
    section#faq .view-more h3 { font-size: 20px; } 
    section.community-marketplace { padding: 60px 0 60px 0; } 
    section.community-marketplace .section-title h2 { font-size: 24px; margin-bottom: 30px; }
    .menu-open .menu-icon span { background: #8a2be2; } 
    .menu-icon { position: static; height: unset; width: unset; background: none !important; } 
    .menu-icon .menu-box span { display: block; background: #8a2be2 !important; } 
    .menu-icon:after { display: none; } 
    .menu-icon:before { display: none; }
    header#main-header { padding: 25px 0; } 
    body.mob { padding-top: 108px;}
    .welcome-board-form-inner form .form-field { width: 100%; margin-bottom: 10px; } 
    .welcome-board-form-inner form { flex-wrap: wrap; } 
    .welcome-board-form-inner form input[type="search"], .welcome-board-form-inner form select { width: 100%; } 
    .welcome-board-form-inner form input[type="button"] { width: 100%; } 
    .profile-info .profile-photo { width: 150px; } 
    .profile-info .profile-photo img { height: 150px; width: 150px; } 
    .profile-info .profile-name h2 { font-size: 36px; padding: 30px 0 30px 0px; }
    .profile-info .profile-name { padding-left: 20px; }
    header#board_detail_header .navbar-logo img { max-width: 180px; }

    section.board-details .col-6 { width: 100%; } 
    .board-details .post-page-back { justify-content: space-between; } 
    section.board-details .row.align-items-center { flex-flow: column-reverse; } 
    .board-details .business-header.board-name { flex-flow: column; padding-top: 0; margin-top: -15px; } 
    .board-details .business-header.board-name .business-name { width: 100%; padding-left: 0; text-align: center; margin-top: 15px; } 
    .business-name h3 { font-size: 20px; } 
    .board-details .business-header .business-logo img { height: 50px; width: 50px; } 
    .board-details .business-header .business-name { width: calc(100% - 50px); } 
    .board-details .business-header .business-name h2 { margin-bottom: 0px; font-size: 24px; }
    .board-details .slider-nav .slick-slide div img { height: 70px;} 

    .onboarding-container .onboarding-content { padding: 30px 20px; } 
    .onboarding-container .onboarding-content .display-4 { font-size: 32px; }
    .onboarding-content .next-steps-box { padding: 15px; } 
    .onboarding-content  .step-item { flex-flow: column; } 
    .onboarding-content .step-content { width: 100%; } 
    .onboarding-content  h2.text-center { font-size: 24px; }
}
@media(max-width:575px){
    section.home-banner .btn-group .btn { margin: 0 10px 10px 10px; } 
    section.home-banner .btn-group .btn:not(:last-child) { margin-right: 0px; } 
    section.text-section { padding: 50px 0px; } 
    .col-4 { width: 100%; }
    section.features .col-4 { width: 100%; } 
    footer#main-footer .footer-links { width: 100%; text-align: center; } 
    footer#main-footer .footer-social-links { width: 100%; margin: 20px 0; } 
    .footer-social-links>ul { justify-content: center; } 
    .footer-social-links li { padding: 0 10px; margin: 0 0; } 
    .cpyright-text p { font-size: 16px; }
    section.browse-boards-header { padding: 60px 0 40px 0; } 
    .browse__job__page div#boardsContainer { margin-top: 0; } 
    .browse__job__page { padding: 30px 0 60px; } 
    .browse__job__page #boardsContainer .col-xl-4 { width: 100%; } 
    section.browse-boards-header h2 { font-size: 32px; }
    .modal-dialog {width: 100%;max-width: calc(100% - 40px);}
    #register_popup .modal-dialog { max-width: calc(100% - 40px); } 
    form#register-form .col-md-6 { width: 100%; }
    .board-banner img { height: 300px; } 
    .profile-info { flex-flow: column; } 
    .profile-info .profile-name { width: 100%; text-align: center; } 
    .profile-info .profile-name h2 { font-size: 32px; padding: 20px 0 20px 0px; } 
    .profile-info .profile-name { padding-left: 0px; }
    .social-profile { padding-top: 20px; } 
    .welcome-board { padding: 0 20px;  } 
    .welcome-board-text h2 { font-size: 28px; } 
    .welcome-board-text p { font-size: 16px; } 
    .board-detail-page-list .col-3, .board-detail-page-list .col-4 { width: 100%; } 
    .welcome-board-form { padding-bottom: 40px; } 
    .board-detail-page-list .board-card .col-3 { margin-bottom: 30px; }
    .provider_dashboard .content__left .card>img { height: unset; }
    div#sign_in_main .btn__wrap.mt-3{flex-flow: column;}
    header#main-header .logo{width: 250px;}
    body.mob { padding-top: 97px; }
    
}


/********pricing********/
.pricing-section {
    background: #f5f0fa;
    padding: 60px 0 40px 0;
}
.pricing-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 10px;
}
.pricing-title .highlight {
    color: #8f4be6;
}
.pricing-subtitle {
    text-align: center;
    font-size: 1.15rem;
    color: #444;
    margin-bottom: 40px;
}
.pricing-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    margin-top: 30px;
}
.pricing-card-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}
.pricing-card-title {
    font-size: 1.35rem;
    font-weight: 700;
    text-align: center;
}
.pricing-card {
    background: #fff;
    border-radius: 28px;
    box-shadow: 0 8px 32px rgba(143,75,230,0.18);
    padding: 36px 32px 32px 32px;
    width: 445px;
    max-width: 98vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex:1
}
.pricing-card .price {
    font-size: 2.5rem;
    font-weight: 800;
    color: #8f4be6;
    margin-bottom: 0;
    line-height: 1;
    margin-bottom:20px
}
.pricing-card .price-desc {
    font-size: 1rem;
    color: #444;
    margin-bottom: 18px;
    text-align: center;
}
.pricing-card ul {
    list-style: disc;
    padding-left: 18px;
    margin-bottom: 18px;
    color: #222;
    font-size: 1rem;
    text-align: left;
}
.pricing-card ul li {
    margin-bottom: 10px;
}
.pricing-card hr {
    width: 100%;
    border: none;
    border-top: 1px solid #eee;
    margin: 18px 0;
}
.pricing-card .select-btn {
    background: #8f4be6;
    color: #fff;
    font-weight: 700;
    border: none;
    border-radius: 24px;
    padding: 13px 32px;
    font-size: 1.1rem;
    margin-top: auto;
    cursor: pointer;
    transition: background 0.2s;
    box-shadow: 0 2px 8px rgba(143,75,230,0.08);
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    line-height: 16px;
    text-transform: none; 
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}
.pricing-card .select-btn:hover {
    box-shadow: 0px 0px 0px 3px #c8aefa;
}
.price-description{flex: 1;}
.price-description>p { text-align: center; }
.pricing-card .price-description ul {
    list-style-type: disc;
}
.pricing-card .price-description ul>li {
    list-style-type: disc;
    padding-left: 0;
}
@media (max-width: 900px) {
    .pricing-cards {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
    .pricing-card {
        min-height: 0;
        padding-bottom: 80px;
        max-width: 445px;
        width: 100%;
    }
}

/******** board listing********/
   
.action-icons {
    display: flex;
    gap: 10px;
    align-items: center;
}
.action-icons a,
.action-icons button {
    font-size: 16px;
    transition: all 0.3s ease;
    text-decoration: none;
}
.action-icons a:hover,
.action-icons button:hover {
    opacity: 0.8;
    transform: scale(1.1);
}
.action-icons .text-info:hover {
    color: #17a2b8 !important;
}
.action-icons .text-warning:hover {
    color: #ffc107 !important;
}
.action-icons .text-danger:hover {
    color: #dc3545 !important;
}
@media (max-width: 1199px) and (min-width: 1023px){
    header#main-header .logo { width: 280px; }
}