body,html {
    overflow-x: hidden
}

body {
    color: #171713 !important;
}

.type-headline-2 {
    --fz-headline-2: clamp(1.75rem, 3vw, 5rem);
}

.type-headline-3 {
    --fz-headline-3: clamp(1.75rem, 3vw, 4rem);
}

.type-subhead-1 {
    --fz-subhead-1: clamp(1.125rem, 2.5vw, 2.5rem);
    display: inline-flex;
}

.hero__subhead {
    --fz-subhead-1: clamp(1.125rem, 1.7vw, 2.5rem);
}

body, p, .btn__text, ul, li, form .hs-button, form input[type=submit] {
    font-size: clamp(14px, 1vw, 18px);
}

.light-theme .button:active, .light-theme .button:focus, .light-theme .button:hover, .light-theme button:active, .light-theme button:focus, .light-theme button:hover {
    color: #171713 !important;
}

.btn {
    background-color: transparent
}

a:focus {
    text-decoration: none;
}
.btn--secondary {
    text-decoration: none !important;
}
.btn--secondary:focus {
    outline: none;
}

.feature__card-text ul {
    margin-block-start: 18px !important; }

/* Outer Spacing */
@media (max-width: 1279px) {
    .row-number-1.dnd-section,
  .row-number-16.dnd-section,
  .row-number-11.dnd-section,
  .row-number-19.dnd-section,.row-number-37.dnd-section, 
  .row-number-12.dnd-section, .row-number-4.dnd-section, .row-number-5.dnd-section, .row-number-6.dnd-section, .row-number-7.dnd-section, .row-number-10.dnd-section, .row-number-13.dnd-section, .row-number-15.dnd-section, .row-number-17.dnd-section, .row-number-21.dnd-section, .row-number-23.dnd-section, .row-number-29.dnd-section, .row-number-25.dnd-section, .row-number-26.dnd-section, .row-number-30.dnd-section, .row-number-31.dnd-section, .row-number-32.dnd-section, .row-number-33.dnd-section, .row-number-34.dnd-section, .row-number-35.dnd-section, .row-number-36.dnd-section, .row-number-39.dnd-section, .row-number-40.dnd-section, .row-number-46.dnd-section {
        padding-block: 56px !important;
        padding-inline: 56px !important; }
}

@media (max-width: 799px) {
    .row-number-1.dnd-section,.row-number-11.dnd-section, .row-number-12.dnd-section, .row-number-4.dnd-section, .row-number-19.dnd-section, .row-number-37.dnd-section, .row-number-6.dnd-section, .row-number-5.dnd-section, .row-number-7.dnd-section,  .row-number-10.dnd-section, .row-number-13.dnd-section, .row-number-15.dnd-section, .row-number-17.dnd-section, .row-number-21.dnd-section, .row-number-23.dnd-section, .row-number-25.dnd-section, .row-number-26.dnd-section, .row-number-30.dnd-section, .row-number-31.dnd-section, .row-number-32.dnd-section, .row-number-34.dnd-section, .row-number-35.dnd-section, .row-number-36.dnd-section, .row-number-40.dnd-section, .row-number-46.dnd-section {
        padding-block: 56px !important;
        padding-inline: 24px !important; }
}

/* Outer Spacing End */
/* header section */
.header-bar {
    padding-block: 20px!important;}

.header-bar__content h4 {
    font-size: clamp(24px, 1.125vw, 28px) !important;
}

.header-bar__content p {
    font-size: clamp(14px, 1vw, 16px);
}

@media(max-width: 959px) {
    .cell_16381690380112-row-0-vertical-alignment > .row-fluid {
        flex-direction: column;
    }

    .cell_16381690380112-row-0-vertical-alignment > .row-fluid > div {
        width: 100%;
        margin: 0;
        padding: 0 !important;
        margin-bottom: 30px;
    }
}

/* Banner section */
.hs_cos_wrapper_type_form label {
    display: none;
}

.cell_1622717207667-padding .widget-type-form:before {
    background: #2526b3;
    border-radius: 10px 10px 0 0;
    color: #fff;
    content: "Schedule Your Demo";
    display: grid;
    font-family: Franklin Gothic Regular;
    font-size: clamp(1rem,1.5vw,2rem);
    height: 66px;
    left: 50%;
    max-width: 100%;
    padding: 15px;
    place-content: center;
    position: absolute;
    text-align: center;
    top: -50px;
    transform: translate(-50%);
    width: 100%
}

.cell_1622717207667-padding .widget-type-form {
    position: relative
}

.cell_1622717207667-padding .widget-type-form .form-columns-0:has(h3) {
    display: none
}

/* banner section responsiveness */


/* Tablet Devices (up to 1024px) */
@media screen and (max-width: 1024px) {
  .cell_1622717207667-padding .widget-type-form:before {
    font-size: clamp(1rem, 2vw, 1.8rem);
    height: 60px;
    padding: 12px;
    top: -45px;
  }

  .cell_1622717207667-padding .widget-type-form {
    padding-top: 60px; /* Push content down to make room for the :before */
    margin-bottom: 3rem; /* Add space after form */
  }
}

/* Mobile Devices (up to 768px) */
@media screen and (max-width: 768px) {
  .cell_1622717207667-padding .widget-type-form:before {
    font-size: 1rem;
    height: auto;
    padding: 10px;
    top: -40px;
    line-height: 1.4;
  }

  .cell_1622717207667-padding .widget-type-form {
    padding-top: 60px;  /* Reserve space for absolute :before label */
    margin-bottom: 3rem; /* Create space below form to prevent merge */
  }

  .cell_1622717207667-padding .widget-type-form form {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .cell_1622717207667-padding .widget-type-form input,
  .cell_1622717207667-padding .widget-type-form button {
    font-size: 1rem;
    width: 100%;
  }
}





/* responsive end here */

/* Banner section end */
/* Countdown section */
.widget_1751037547342-flexbox-positioning {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0px 0px 10px #0000002b;
}
.booth-2025 {
    display: flex;
    gap: 100px;
    align-items: center;
}

.booth-right-side {
    flex: 1 1 auto;
    border-left: 2px solid #171713;
    padding-left: 100px;
}

.booth-left-side {
    flex: 0 0 auto;
}

.booth-2025 .booth-logo {
    margin-bottom: 15px;
}

.countdown-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.countdown-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.8s ease-out forwards;
    position: relative;
}

.countdown-item:nth-child(1) {
    animation-delay: 0.1s;
}

.countdown-item:nth-child(2) {
    animation-delay: 0.2s;
}

.countdown-item:nth-child(3) {
    animation-delay: 0.3s;
}

.countdown-item:nth-child(4) {
    animation-delay: 0.4s;
}

.countdown-item:nth-child(5) {
    animation-delay: 0.5s;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.circle-container {
    position: relative;
    margin-bottom: 5px;
}

.circle-svg {
    transform: rotate(-90deg);
    transition: all 1s ease-in-out;
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.3));
}

.circle-bg {
    fill: none;
    stroke: rgba(255, 255, 255, 0.5);
    stroke-width: 8;
}

.circle-progress {
    fill: none;
    stroke-width: 8;
    stroke-linecap: square;
    transition: stroke-dashoffset 1s ease-in-out;
}

.circle-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: clamp(1.125rem, 3vw, 3rem);
    font-weight: 400;
    color: #171713;
}

.countdown-colon {
    font-size: clamp(1.125rem, 3vw, 3rem);
    margin-top: -40px;
}

.circle-label {
    font-size: 1.125rem;
    font-weight: 600;
    color: #171713;
}

.expired-message {
    text-align: center;
}

.celebration {
    font-size: 4rem;
    margin-bottom: 24px;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

.expired-message h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 16px;
}

.expired-message p {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.8);
}

/* Responsive Design */
@media (max-width: 768px) {
    .countdown-grid {
        gap: 15px;
    }
    .circle-text {
        font-size: 1.5rem;
    }

    .circle-label {
        font-size: 1rem;
    }
}
@media (max-width: 600px) {
    .countdown-grid {
        gap: 30px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .countdown-colon{
        display: none
    }
}

@media (max-width: 480px) {
    .expired-message h1 {
        font-size: 2rem;
    }
}

@media (max-width: 767px) {
  .feature__card-cta.btn-row.theme-light {
    
    margin-bottom: 40px;
  }
}
.hs-form-89dda78c-e54a-4297-9f9f-178fadd873a3_1e341a75-6e4d-46e0-a9c3-0076177b65db fieldset.form-columns-2 .input,
.hs-form-89dda78c-e54a-4297-9f9f-178fadd873a3_1e341a75-6e4d-46e0-a9c3-0076177b65db fieldset.form-columns-1 .input{
    margin: 0px !important
}

@media (max-width: 767px) {
  #hs_cos_wrapper_module_1748589976986 {
    padding-right: 20px !important;
  }
}
@media (max-width: 1200px){
    .booth-2025{
        gap: 50px
    }
    .booth-right-side{
        padding-left: 50px
    }
}
@media (max-width: 1024px){
    #hs_cos_wrapper_module_1748589976986{
        padding-right: 0px !important
    }
    .booth-2025{
        flex-direction: column
    }
    .booth-right-side{
        padding-left: 0;
        width: 100%;
        border-left: 0;
    }
}



/* 930gov section banner  */





/* 930gov section banner  */



/* Countdown section */
/* Form Section */
.booth-number {
    background: #d6d1c3;
    border-radius: 10px;
    padding: 30px 40px;
    position: relative;
    z-index: 1;
}

.booth-number:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('https://gov.casepoint.com/hubfs/round-element.svg');
    background-size: 300px;
    background-position: 130% 50%;
    opacity: 1;
    /* adjust this for transparency */
    background-repeat: no-repeat;
    z-index: -1;
    border-radius: 10px;
}

@media(max-width: 1750px) {
    .booth-number:before {
        background-size: 350px;
    }
}

@media(max-width: 1600px) {
    .booth-number:before {
        background-size: 270px;
    }
}

@media(max-width: 1400px) {
    .booth-number:before {
        background-size: 250px;
    }
}

@media(max-width: 1100px) {
    .booth-number:before {
        background-size: 200px;
    }
}

@media(max-width: 870px) {
    .booth-number:before {
        background-size: 150px;
    }
}

@media(max-width: 767px) {
    .booth-number:before {
        background-size: 400px;
    }
}

@media(max-width: 660px) {
    .booth-number:before {
        background-size: 300px;
    }
}

@media(max-width: 575px) {
    .booth-number:before {
        background-size: 250px;
    }
}

@media(max-width: 500px) {
    .booth-number:before {
        background-size: 180px;
    }
}

@media(max-width: 440px) {
    .booth-number:before {
        background-size: 150px;
    }
}

@media(max-width: 440px) {
    .booth-number:before {
        display: none
    }
}

.cell_1622717207659-vertical-alignment .btn--primary:hover {
    color: #171713;
}

.cell_1622717207659-vertical-alignment .btn--primary {
    background-color: #d6d1c3;
}

input[type=email], input[type=email]:focus, input[type=file], input[type=file]:focus, input[type=number], input[type=number]:focus, input[type=password], input[type=password]:focus, input[type=tel], input[type=tel]:focus, input[type=text], input[type=text]:focus, select, select:focus, textarea, textarea:focus {
    border: 1px solid #171713 !important;
    border-radius: 10px !important;
    min-height: 40px;
    padding: 8px 10px !important;
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #fafafa;
    background-image: ;
    background-position: 100%;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: .5rem;
    width: 100%;
}

select {
    appearance: none;
    /* Removes default browser styling */
    -webkit-appearance: none;
    /* For Safari */
    -moz-appearance: none;
    /* For Firefox */
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right 10px center;
    /* Custom arrow */
    background-size: 18px;
    padding-right: 30px;
    /* Space for the arrow */
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 40px;
    width: 100%;
}

/* Ensure it works in Firefox */
select::-ms-expand {
    display: none;
}

select:required:invalid {
    color: #757582 !important;
}

.hs-input.invalid.error {
    border: 1px solid #ef6b51 !important;
}

.hs-fieldtype-select.field.hs-form-field .hs-input {
    margin-left: 0px;
}

.hs-fieldtype-select.field.hs-form-field {
    overflow: visible;
}

form .hs-richtext, form .hs-richtext p {
    max-width: 600px;
    font-size: 12px;
}

.hs-richtext h2 {
    font-size: clamp(1.4rem, 2vw, 2.4rem);
}

.cell_1638353781244-vertical-alignment h2 {
    margin-bottom: 30px;
}

button.btn.btn--primary {
    border: none !important;
}

form .hs-button, form input[type=submit] {
    background: #2526b3;
    border: 2px solid #2526b3;
    border-radius: 30px;
    box-shadow: none;
    color: #fff !important;
    font-family: Arial Bold !important;
    letter-spacing: normal !important;
    padding: 10px 30px 12px;
    text-decoration: none !important;
    font-weight: 700;
}

.btn__text {
    font-family: Arial Bold !important;
}

form .hs-button:active, form .hs-button:focus, form .hs-button:hover, form input[type=submit]:active, form input[type=submit]:focus, form input[type=submit]:hover {
    background: #ffc83a;
    border: 2px solid #ffc83a !important;
    color: #171713 !important;
    outline: none;
}

.actions {
    text-align: center;
}

.legal-consent-container {
    text-align: center;
}

.submitted-message {
    font-family: var(--ff-headline-3);
    letter-spacing: var(--lts-headline-3);
    line-height: var(--lh-headline-3);
    text-align: center;
    font-size: clamp(1.25rem, 2.25vw, 3rem);
}

.legal-consent-container a {
    color: #2526b3 !important;
    text-decoration: underline;
    cursor: pointer;
}

.cell_1622717207659-padding div#hs_cos_wrapper_widget_1743683517297 .modal-popup-module {
    display: none;
}

.modal-content img {
    max-width: 100% !important;
    margin: 0 auto;
    padding: 20px;
    width: 80vh !important;
}

.modal-content p {
    display: none;
}

.modal-content p:has(img) {
    display: block;
}

.w3-modal span.popclose {
    aspect-ratio: 1;
    height: 40px !important;
    !i;!; width: 40px !important;
    padding: 0px !important;
    !i;!; line-height: 35px;
}

@media (max-width: 1024px) {
    .booth-number {
        padding: 20px;
    }

    .cell_1622717207667-padding #hs_cos_wrapper_widget_1622717206979 {
        padding: 20px !important;
        padding-top: 40px !important;
    }

    form .hs-richtext, form .hs-richtext p {
        margin: 0 0 1rem !important;
    }

    form .hs-richtext p {
        font-size: 10px
    }

    .cell_1622717207659-padding {
        padding-right: 20px !important;
      
    }
}

@media (max-width: 767px) {
    .booth-number {
        margin-bottom: 50px;
    }

    form .hs-richtext, form .hs-richtext p {
        max-width: 100%;
        font-size: 11px;
    }

    .cell_1622717207659-padding {
        padding-right: 0px !important;
        
    }
}

@media (max-width: 475px) {
    .booth-number {
        flex-direction: column;
        gap: 15px;
    }
}

/* Form Section End */

/* ------------------------------------------------------------------------------------------------- */

/* dnd area start -------------------------------*/

/* Default: Desktop */
.dnd_area-row-3-padding {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .dnd_area-row-3-padding {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
}

/* Mobile: 50px left/right */
@media (max-width: 767px) {
    .dnd_area-row-3-padding {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
}



/* dnd area ends */

/* cards section mobile responsive sa -------------------------------------------------*/

@media (max-width: 767px) {
    .cell_17485893816582-vertical-alignment > div:first-child{
        margin-bottom: 30px !important;
    }
  .cell_17436023443842-padding {
    display: flex;
    flex-direction: column;
    gap: 50px;
  }
    .widget_1748600039693-vertical-alignment,
    .module_1751038252520-vertical-alignment,
    .module_17510383191362-vertical-alignment,
    .module_17510383191363-vertical-alignment{
        margin-bottom: 30px
    }
    .cell_1751038477558-padding,.cell_17510387720303-padding, .cell_17510389123653-padding, .cell_17510390150962-vertical-alignment{
        padding: 0 !important;
        margin-top: 50px !important;
    }
    .cell_17485893816582-row-2-margin .row-fluid, .cell_17485893816582-row-4-vertical-alignment .row-fluid{
        display: flex;
        flex-flow: column-reverse;
    }

}










/* cards section mobile responsive ends*/




/* making the case for opexus section ------------------------*/

/* Desktop (100px left/right) */
.dnd_area-row-5-padding {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

/* Tablet: 75px left/right */
@media (max-width: 1024px) and (min-width: 768px) {
  .dnd_area-row-5-padding {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
}

/* Mobile: 50px left/right */
@media (max-width: 767px) {
  .dnd_area-row-5-padding {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  
   .module_17510387720312-flexbox-positioning .widget-type-linked_image {
    order: -1;
  }
}






/* making the case for opexus section */



/* see how opexus + casepoint making records ------------------------------------*/
  
  
.dnd_area-row-6-padding {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

/* Tablet: 75px left/right */
@media (max-width: 1024px) and (min-width: 768px) {
  .dnd_area-row-6-padding {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
}

/* Mobile: 50px left/right */
@media (max-width: 767px) {
  .dnd_area-row-6-padding {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}


/* single card css which has bg pattern */


@media (max-width: 767px) {
  .cell_1751039443623-padding .span6 {
    padding: 30px 20px;
    border-radius: 12px;
    background-image: url(https://8867701.fs1.hubspotusercontent-na1.net/hubfs/8867701/branding-element.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 80px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 8px #00000020;
  }
}

@media (max-width: 500px) {
  .cell_1751039443623-padding .span6 {
    padding: 20px 10px;
    border-radius: 12px;
    background-image: url(https://8867701.fs1.hubspotusercontent-na1.net/hubfs/8867701/branding-element.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 80px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 8px #00000020;
  }
}


 
/* see how opexus + casepoint making records */





/* Resource Section */
.cell_1751039443623-padding h2 {
    font-size: clamp(1.125rem, 2vw, 3rem);
}

.cell_1751039443623-padding .span6 {
    box-shadow: 0px 0px 10px #0000002b;
    padding: 40px 200px 40px 40px;
    border-radius: 15px;
    background-image: url(https://8867701.fs1.hubspotusercontent-na1.net/hubfs/8867701/branding-element.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
@media (max-width: 1300px){
    .cell_1751039443623-padding .span6 {
        padding: 40px 170px 40px 40px;
    }
}
@media (max-width: 1100px){
    .cell_1751039443623-padding .span6 {
        padding: 30px;
        background-image: none;
    }
}
@media (max-width: 767px){
    .cell_1751039443623-padding .span6 {
        padding: 30px 170px 30px 30px;
        background-image: url(https://8867701.fs1.hubspotusercontent-na1.net/hubfs/8867701/branding-element.svg);
    }
}
@media (max-width: 767px){
    .cell_1751039443623-padding .span6 {
        background-image: none;
        padding: 30px;
    }
}
/* Resource Section End */

/* Case Section */
.cell_17485893816582-vertical-alignment > div {
    margin-bottom: 100px;
}
.cell_17485893816582-vertical-alignment > div:first-child {
    margin-bottom: 60px;
}
.cell_17485893816582-vertical-alignment > div:last-child {
    margin-bottom: 0px;
}
.cell_17485893816582-margin .btn__text {
    letter-spacing: 0;
}
/* Case Section End */

/* Why Choose Section */
.kl-card__content h3 {
    font-weight: 400;
    font-size: clamp(1.125rem, 1.5vw, 2rem);
    line-height: 120%;
    margin: 0 0 0.7rem;
}

.kl-card__content p {
    font-size: clamp(14px, 1vw, 18px);
}

.cell_17436007548122-padding {
    text-align: center;
}

.cell_1649076592845-padding div#hs_cos_wrapper_module_1743600509390 {
    text-align: center;
}

#hs_cos_wrapper_widget_1743592962875 {
    max-width: 1100px;
    margin: 0 auto;
}

@media (max-width: 1650px) {
    .cell_1649076592845-padding div#hs_cos_wrapper_widget_1743592962875 {
        max-width: 850px;
    }
}

@media (max-width: 1500px) {
    .cell_1649076592845-padding div#hs_cos_wrapper_widget_1743592962875 {
        max-width: 800px;
    }
}

@media (max-width: 1200px) {
    .cell_1649076592845-padding div#hs_cos_wrapper_widget_1743592962875 {
        max-width: 800px;
    }
}

@media (max-width: 1024px) {
    .cell_1743596939752-padding, .cell_1743597161988-padding, .cell_1743597163458-padding, .cell_1743597168656-padding {
        width: calc(50% - 20px) !important;
        margin: 10px !important;
    }

    .cell_1649076592845-vertical-alignment > div > .row-fluid {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .cell_1743596939752-padding, .cell_1743597161988-padding, .cell_1743597163458-padding, .cell_1743597168656-padding {
        width: 100% !important;
        margin: 0px !important;
        margin-bottom: 20px !important;
    }

    .kl-card__content h3, .kl-card {
        height: auto !important;
    }
    .cell_17485893816582-vertical-alignment > div {
    margin-bottom: 50px;
}
}

/* Why Choose Section End */


.card__content .bottom .btn__text {
    font-family: Arial !important;
}