/* ================================================================
   Homepage Template — Buttons
================================================================ */
.boss-btn, .boss-btn-reg, .vi-cmmc-btn, .vi-chp-btn {
    background: transparent; border-radius: 50px; width: max-content;
    font-family: 'conthrax';
}
h1, h2, h3, .boss-btn, .boss-btn-reg, .vi-cmmc-btn, .vi-chp-btn,
.blue-heading, .btn-boss-red { font-family: 'conthrax'; }

.light-font { font-family: 'ExtraLight'; }

.boss-btn    { color: #0771b1; border: 1px solid #0771b1; }
.boss-btn:hover { background: #0771b1; color: #fff; }

.boss-btn-reg, .btn-boss-red { color: #ae1818; border-radius: 24px; border: 1px solid #ae1818; }
.boss-btn-reg:hover { background: #ae1818; color: #fff; }

.vi-cmmc-btn { color: #0771b1; border: 1px solid #0771b1; }
.vi-cmmc-btn:hover { background: #0771b1; color: #fff; }

.vi-chp-btn  { color: #00a69c; border: 1px solid #00a69c; }
.vi-chp-btn:hover { background: #00a69c; color: #fff; }

/* ================================================================
   Homepage Template — Images
================================================================ */
.sprinkledtext          { height: 200px; object-fit: contain; }
.bnr-sub-logos          { max-height: 15px; }
.ccp-img-height,
.ccp-img-height-one     { height: 400px; object-fit: contain; padding-top: 30px; }
.combo-sale-rght        { max-height: 200px; }
.hitrust-img-height     { height: 200px; object-fit: contain; }
.hipaa-assessment img   { max-height: 350px; object-fit: contain; }
.set-odc-img-height     { height: 400px; object-fit: contain; }
.managed-compliance-main { height: 400px; object-fit: contain; }
.managed-compliance-head { height: 100px; object-fit: contain; }
.manage-compliance      { display: flex; flex-direction: column; }
.common-sub-cont-bg     { background: #fff; }
.vi-multi-btn a.btn     { width: auto; }
.vi-multi-btn           { position: absolute; bottom: 8%; left: 4%; }
.bnr-img-max-ht         { height: 400px; object-fit: contain; }
.buttons-below-bnr img  { max-height: 200px; object-fit: contain; }
.cca-eval-img-ht        { height: 200px; object-fit: contain; }

/* ================================================================
   Homepage Template — Positioning / Flex
================================================================ */
body { overflow-x: hidden; }
main section { max-width: 100%; }
section { padding-top: 10px; }

.border-radius, .border-radius-common { border-radius: 20px; }
.box-borders-radius-right, .box-borders-radius-left { border-radius: 24px !important; }
.w-max-content { width: max-content; }
.w-200         { width: 175px; }
.min-height-400 { height: 400px; object-fit: contain; }
.set-default-height { min-height: 100%; }
.position-md-absolute { position: absolute; }

.hammer-section { position: absolute; bottom: 10%; right: 3%; }
.hammer-section .bnr-height-logo { height: 90px; object-fit: contain; }
.setposs        { position: absolute; left: 5%; bottom: 2%; }
.sset-top       { top: 25%; }
.ai-btn-positon { position: absolute; bottom: 9%; left: 6%; font-size: 10px; }
.pb-responsive  { padding-bottom: 20px; }
.custom-gap     { gap: 10px; }
.space-boss     { margin-bottom: 10px; }

.custom-flex { display: flex; gap: 5px; flex-direction: column; }
.custom-flex a { width: 200px; }
.custom-flex-new a { display: flex; align-items: center; }
.manage-compliance { padding-top: 40px !important; }
.custom-flex-new { flex-direction: column; width: 200px; justify-content: center; align-items: center; }

.first-row, .second-row { flex-wrap: wrap; }
.vi-cmmc-bnr-height-logo { height: 60px; object-fit: contain; }
.hitrust-certifcaions, .hitrust-cert-head { position: unset !important; }
.ccp-eval-img  { height: 250px; object-fit: contain; }
.chp-ref-img   { height: 250px; object-fit: contain; }

/* ================================================================
   Homepage Template — Responsive
================================================================ */
@media (max-width: 768px) {
    .hitrust-certifcaions { display: flex; flex-direction: column; align-items: center; gap: 10px;
        position: absolute; bottom: 13%; left: 12%; }
    .online-store { display: none; }
    .vi-cmmc-bnr-height-logo { height: 60px; object-fit: contain; }
}

@media (min-width: 768px) {
    .vi-cmmc-bnr-height-logo  { height: 80px; object-fit: contain; }
    .vi-multi-btn a.btn       { width: 120px; font-size: 12px; padding: 3px 4px; }
    .pb-responsive            { padding-bottom: 40px; }
    .custom-flex-new a        { display: flex; align-items: center; flex-direction: row; }
    .custom-flex-new          { display: flex; flex-direction: row; width: 100%; justify-content: center; }
    .custom-flex              { display: flex; align-items: center; flex-direction: row; }
    .hitrust-certifcaions     { position: absolute !important; bottom: 12%; left: 2%; }
}

@media (min-width: 992px) {
    .hammer-section { right: 3%; }
    .hammer-section .bnr-height-logo { height: 190px; }
    .vi-cmmc-bnr-height-logo { height: 110px; object-fit: contain; }
}

@media (min-width: 1200px) {
    .hammer-section { right: 5%; }
    .bnr-height-logo { height: 180px; }
    .vi-multi-btn a.btn { width: 141px; font-size: 12px; padding: 8px 11px; }
    .pb-responsive { padding-bottom: 40px; }
    .vi-cmmc-bnr-height-logo { height: 140px; object-fit: contain; }
    .second-row { margin-left: 0%; }
}

@media (min-width: 1300px) {
    .bnr-height-logo { height: 180px; }
    .vi-multi-btn a.btn { width: 141px; font-size: 12px; padding: 8px 11px; }
    .hammer-section { right: 5%; }
    .hammer-section .bnr-height-logo { height: 230px; }
    .vi-cmmc-bnr-height-logo { height: 160px; object-fit: contain; }
}

@media (min-width: 1400px) {
    .vi-multi-btn a.btn { width: 150px; font-size: 12px; padding: 8px 11px; }
    .pb-responsive { padding-bottom: 35px; }
    .bnr-height-logo { height: 250px; }
    .hammer-section { position: absolute; right: 5%; bottom: 15%; }
    .hammer-section .bnr-height-logo { height: 240px; }
    .vi-cmmc-bnr-height-logo { height: 175px; object-fit: contain; }
}

@media (min-width: 1500px) {
    .vi-multi-btn a.btn { width: 160px; padding: 8px 11px; font-size: 15px; }
    .pb-responsive { padding-bottom: 15px; }
    .hammer-section { right: 8%; bottom: 19%; }
    .hammer-section .bnr-height-logo { height: 240px; }
    .vi-cmmc-bnr-height-logo { height: 185px; object-fit: contain; }
}

@media (min-width: 1600px) {
    .vi-multi-btn a.btn { width: 160px; padding: 8px 11px; font-size: 15px; }
    .pb-responsive { padding-bottom: 15px; }
    .hammer-section { right: 7%; bottom: 19%; }
    .hammer-section .bnr-height-logo { height: 270px; }
    .vi-cmmc-bnr-height-logo { height: 195px; object-fit: contain; }
}

@media (min-width: 1700px) {
    .vi-multi-btn a.btn { width: 180px; padding: 8px 11px; font-size: 16px; }
    .hammer-section { right: 7%; bottom: 19%; }
    .hammer-section .bnr-height-logo { height: 270px; }
    .vi-cmmc-bnr-height-logo { height: 215px; object-fit: contain; }
}

@media (min-width: 1800px) {
    .bnr-height-logo { height: 350px; max-height: unset; }
    .vi-cmmc-bnr-height-logo { height: 250px; object-fit: contain; }
}