/* Gap heights */
.gap-h0 { height: 0; }
.gap-h5 { height: 5px; }
.gap-h10 { height: 10px; }
.gap-h20 { height: 20px; }
.gap-h30 { height: 30px; }
.gap-h40 { height: 40px; }
.gap-h60 { height: 60px; }
.gap-h1 { height: 1px; }

/* Colors */
.color-social { color: #808fc1; }
.color-green { color: #007460; }
.color-white { color: #fff; }

/* Font sizes */
.font-size-20 { font-size: 20px; }

/* Positioning */
.float-left { float: left; }
.float-right { float: right; }
.content-center { margin-left: auto; margin-right: auto; }

/* Image and Container Max Width */
.container-mw-290 { max-width: 290px; margin-left: auto; margin-right: auto; }
.container-mw-390 { max-width: 390px; margin-left: auto; margin-right: auto; }
.container-mw-470 { max-width: 470px; margin-left: auto; margin-right: auto; }
.container-mw-500 { max-width: 500px; margin-left: auto; margin-right: auto; }
.container-mw-560 { max-width: 560px; margin-left: auto; margin-right: auto; }
.container-mw-637 { max-width: 637px; margin-left: auto; margin-right: auto; }
.container-mw-677 { max-width: 677px; margin-left: auto; margin-right: auto; }
.container-mw-695 { max-width: 695px; margin-left: auto; margin-right: auto; }
.container-mw-770 { max-width: 770px; margin-left: auto; margin-right: auto; }

.img-mw-270 { max-width: 270px; }
.img-mw-370 { max-width: 370px; }
.img-mw-450 { max-width: 450px; }
.img-mw-617 { max-width: 617px; }
.img-mw-657 { max-width: 657px; }
.img-mw-675 { max-width: 675px; }
.img-mw-750 { max-width: 750px; }


/* Box Styles */
.info-box-dashed-social {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    border-style: dashed;
    border-width: 2px;
    border-color: #808fc1;
    border-radius: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.info-box-solid-social {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    background-color: #808fc1;
    border-radius: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
}

.content-box-dashed-social {
    margin-left: 20px;
    margin-right: 20px;
    border-style: dashed;
    border-width: 2px;
    border-color: #808fc1;
    border-radius: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.content-box-dashed-green {
    margin-left: 20px;
    margin-right: 20px;
    border-style: dashed;
    border-width: 2px;
    border-color: #007460;
    border-radius: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Accessibility Section Styles */
.accessibility-box-base {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-color: #808fc1;
}
.accessibility-box-top {
    margin-left: 20px;
    margin-right: 20px;
    border-top: 5px solid #808fc1;
    border-bottom: 1px solid #808fc1;
    padding-top: 20px;
    padding-bottom: 20px;
}
.accessibility-box-middle {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #808fc1;
}
.accessibility-box-bottom {
    margin-left: 20px;
    margin-right: 20px;
    border-bottom: 5px solid #808fc1;
    padding-top: 20px;
    padding-bottom: 20px;
}

.accessibility-img-container {
    max-width: 238px;
    margin-left: auto;
    margin-right: auto;
}

.accessibility-text-container {
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
}

/* Cross-Industry Alliance Box */
.cross-industry-box {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    border-style: dashed;
    border-width: 2px;
    border-color: #808fc1;
    border-radius: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Cursor pointer for clickable elements */
.top_navbar_home, #go-top {
    cursor: pointer;
}