.site-width {

    max-width: 1440px;

    padding-left: 100px;

    padding-right: 100px;

    margin: auto;

}

header {

    position: sticky;

    top: 0;

    z-index: 9999999999;

    background: #fff;

}



.header-inner



 {

    padding: 16px 0px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



* {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}



.top-btn, .form-inn .formBody button {

    display: flex;

    padding: 10px 45px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    border-radius: 8px;

    background: var(--Light-Blue, #1477FF);

    flex-shrink: 0;

}



.tp-phone-col a {

    display: flex;

    align-items: center;

    font-size: var(--button, 18px);

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    color: white;

}



.top-btn,

.form-inn .formBody button {

    display: flex;

    padding: 10px 45px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    border-radius: 8px;

    background: var(--Light-Blue, #1477FF);

    flex-shrink: 0;

}



@font-face {

    font-family: "Satoshi";

    src: url("/fonts/satoshi/Satoshi-Regular.otf") format("opentype");

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "Satoshi";

    src: url("/fonts/satoshi/Satoshi-Italic.otf") format("opentype");

    font-weight: 400;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: "Satoshi";

    src: url("/fonts/satoshi/Satoshi-Light.otf") format("opentype");

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "Satoshi";

    src: url("/fonts/satoshi/Satoshi-LightItalic.otf") format("opentype");

    font-weight: 300;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: "Satoshi";

    src: url("/fonts/satoshi/Satoshi-Medium.otf") format("opentype");

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "Satoshi";

    src: url("/fonts/satoshi/Satoshi-MediumItalic.otf") format("opentype");

    font-weight: 500;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: "Satoshi";

    src: url("/fonts/satoshi/Satoshi-Bold.otf") format("opentype");

    font-weight: 700;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "Satoshi";

    src: url("/fonts/satoshi/Satoshi-BoldItalic.otf") format("opentype");

    font-weight: 700;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: "Satoshi";

    src: url("/fonts/satoshi/Satoshi-Black.otf") format("opentype");

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "Satoshi";

    src: url("/fonts/satoshi/Satoshi-BlackItalic.otf") format("opentype");

    font-weight: 900;

    font-style: italic;

    font-display: swap;

}



body {

    font-family: "Satoshi", sans-serif;

}



a {

    text-decoration: none;

}



.mob-vis {

    display: none !important;

}



.top-hed-btns {

    gap: 12px;

}



.flex {

    display: flex;

}



.align-center {

    align-items: center;

}



body {

    color: #515151;

    font-size: 18px;

    font-weight: 400;

    line-height: 160%;

}



.blu-bg {

    background-color: #1477FF;

}



.ft-pdx {

    padding: 112px 0;

}



.gap56 {

    gap: 56px;

}



.flex .col {

    flex: 1 50%;

    max-width: 50%;

}



.mx509 {

    max-width: 509px;

}



.txw {

    color: #ffffff !important;

}



h1,

h2,

h3,

h4,

h5 {

    color: #171717;

    font-family: "Satoshi";

    font-weight: 500;

}



h2 {

    font-size: 40px;

    line-height: 48px;

}



.mt16 {

    margin-top: 16px;

}



.form-cont {

    padding: 32px;

    border-radius: 32px;

    border: 1px solid #F8FAFF;

    background: #F8FAFF;

}



h2.frm-hed {

    color: #171717;

    font-size: 26px;

    line-height: normal;

    margin-bottom: 16px;

}



.mt24 {

    margin-top: 24px;

}



.mt32 {

    margin-top: 32px;

}



html {

    scroll-behavior: smooth;

}



.mx438 {

    max-width: 438px;

}



h4.lw-hd {

    color: var(--Black, #171717);

    font-family: Satoshi;

    font-size: var(--H4, 26px);

    font-style: normal;

    font-weight: 500;

    line-height: 120%;

}



.tp-phone-col.foot a {

    color: var(--Grey, #515151);

    font-family: Satoshi;

    font-size: var(--button, 18px);

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    gap: 15px;

    align-items: flex-start;

}



.spc-btw {

    justify-content: space-between;

}



.pt56 {

    padding-top: 56px;

}



.pb56 {

    padding-bottom: 56px;

}



.dispute-hero {

    background:

        linear-gradient(0deg, rgba(0, 81, 255, 0.85) 0%, rgba(0, 81, 255, 0.85) 100%),

        url("/images/top-banner.webp") center center / cover no-repeat;

}



h1 {

    color: #FFF;

    font-family: "Satoshi";

    font-size: var(--H1, 48px);

    font-style: normal;

    font-weight: 500;

    line-height: 120%;

}



h3 {

    font-size: 36px;

    line-height: 120%;

}



.hero-lead {

    color: white;

}



.hero-points-list {

    list-style: disc;

    padding-left: 20px;

    margin-top: 24px;

    color: white;

}



.section-cta a.section-btn-primary {

    font-size: var(--button, 18px);

    font-family: Satoshi;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    color: #171717;

    display: flex;

    padding: 10px 45px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    border-radius: 8px;

    background: #FFF;

    flex-shrink: 0;

}



.flex .col.section-content-606,

.section-content-606 {

    max-width: 606px;

}



.section-check-list li {

    padding-left: 32px;

    position: relative;

}



.section-check-list li::before {

    position: absolute;

    content: "";

    top: 3px;

    left: 0;

    width: 24px;

    height: 24px;

    background-image: url(../../../../../images/svg/drk-tn-chck.svg);

    background-repeat: no-repeat;

}



.section-cta a.section-btn-secondary {

    background: var(--Light-Blue, #1477FF);

    color: #fff;

}



.hero-subhead-gap {

    margin-top: 16px;

    margin-bottom: 16px;

}



.text-white-main {

    color: white;

}



.dispute-hero-pad {

    padding: 56px 0;

}



.section-accent-blue {

    color: #1477FF;

}



ul {

    list-style: none;

}



.cta-panel-main {

    padding: 70px 0 80px 0px;

}



.m-auto {

    margin-left: auto;

    margin-right: auto;

}



.section-text-741 {

    max-width: 741px;

}



.section-justify-center {

    justify-content: center;

}



.pt20,

.section-top-space {

    padding-top: 20px;

}



.section-center-text {

    text-align: center !important;

}



div :has(> .accordion-item-header.active) {

    padding: 16px;

}



.accordion-item {

    padding: 24px 16px;

    border-bottom: 1px solid #EFEFEF !important;

}



.accordion-item-header {

    position: relative;

    cursor: pointer;

    color: #171717;

    font-size: 32px;

    font-weight: 500;

    line-height: 43.2px;

    padding-right: 28px;

}



.accordion-item-header.active::after {

    content: "";

    background-image: url(../../../../../images/barkley/faq-minus.svg);

    background-repeat: no-repeat;

}



.accordion-item-body {

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.2s ease-out;

}



.section-cta a.section-btn-primary {

    font-size: var(--button, 18px);

    font-family: Satoshi;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    color: #171717;

    display: flex;

    padding: 10px 45px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    border-radius: 8px;

    background: #FFF;

    flex-shrink: 0;

    max-width: fit-content;

}



.section-cta a {

    border-radius: 8px;

    border: 1px solid #13B2F2;

    background: #0399D5;

    padding: 10px 45px;

    color: #F8F9FA;

    font-weight: 500;

    text-transform: uppercase;

    text-decoration: none;

    display: flex;

    max-width: fit-content;

    gap: 8px;

    text-align: center;

    justify-content: center;

}



.section-radius-24 {

    border-radius: 24px;

    overflow: hidden;

}



.flex .col.section-media-578,

.section-media-578 {

    max-width: 578px;

}



img.section-image {

    max-width: 100%;

}



@media (max-width: 600px) {

    .top-btn {

        border-radius: 100px;

        padding: 20px;

    }

}



@media (max-width: 600px) {

    .dis-vis {

        display: none !important;

    }

}



@media (max-width: 600px) {

    .mob-vis {

        display: flex !important;

    }

}



@media (max-width: 768px) {

    h2 {

        font-size: 28px;

        line-height: 36px;

    }

}



@media (max-width: 991px) {

    .col.dispute-hero-form,

    .flex .col.section-content-606,

    .section-content-606,

    .flex .col.section-media-578,

    .section-media-578,

    .col.mx732,

    .mx732,

    .col.mx553,

    .mx553 {

        max-width: 100%;

    }

}



@media (max-width: 768px) {

    .mbgap32 {

        gap: 32px;

    }

}



@media (max-width: 991px) {

    .section-stack-reverse {

        flex-direction: column-reverse;

    }

}



@media (max-width: 991px) {

    img.section-image {

        border-radius: 24px 24px 0 0;

    }

}



@media (max-width: 768px) {

    .site-width {

        padding-left: 16px;

        padding-right: 16px;

    }

}



@media (max-width: 768px) {

    .mbgap40 {

        gap: 40px;

    }

}



@media (max-width: 991px) {

    .flx-dir {

        flex-direction: column;

    }

}



@media (max-width: 991px) {

    .flex .col {

        flex: 1 100%;

        max-width: 100%;

    }

}



.col.dispute-hero-content {

    max-width: 724px;

}



@media screen and (max-width: 991px) {

    .dispute-hero {

        background:

            linear-gradient(0deg, rgba(0, 81, 255, 0.85) 0%, rgba(0, 81, 255, 0.85) 100%),

            url("/images/top-banner-tablet.webp") center center / cover no-repeat;

    }

}



@media screen and (max-width: 767px) {

    .dispute-hero {

        background:

            linear-gradient(0deg, rgba(0, 81, 255, 0.85) 0%, rgba(0, 81, 255, 0.85) 100%),

            url("/images/top-banner-mobile.webp") center center / cover no-repeat;

    }

}



@media (max-width: 768px) {

    .dispute-hero-pad {

        padding: 40px 0;

    }

}



@media (max-width: 991px) {

    h3 {

        font-size: 24px;

        line-height: 28.8px;

    }

}



@media (max-width: 768px) {

    .form-cont {

       padding: 32px;

    }

}



@media (max-width: 991px) {

    h2.frm-hed {

        font-size: 16px;

    }

}



@media (max-width: 991px) {

    .cta-panel-main,

    .prps-pd3 {

        padding: 40px 24px 50px !important;

    }

}



@media (max-width: 768px) {

    .section-cta a {

        display: flex;

        max-width: 100%;

        justify-content: center;

    }

}



@media (max-width: 991px) {

    .accordion-item-header {

        font-size: 22px;

        line-height: 28.8px;

    }

}



@media (max-width: 768px) {

    .pt56 {

        padding-top: 32px;

        padding-bottom: 32px;

    }

}

@media (max-width: 768px) {

    ol, ul {
    padding-left:0px ;
}

}
@media (max-width: 600px) {
    .top-btn {
        border-radius: 100px;
        padding: 12px;
    }
}


.accordion-item-header::after {

    content: "";

    background-image: url(../../../../../images/svg/faq-plus.svg);

    background-repeat: no-repeat;

    width: 24px;

    height: 24px;

    background-size: 100%;

    position: absolute;

    right: 0;

    top: 0;

}



.accordion-item-header.active::after {

    content: "";

    background-image: url(../../../../../images/svg/faq-minus.svg);

    background-repeat: no-repeat;

}

/* form */

.form-cont {
    padding: 32px;
    border-radius: 32px;
    border: 1px solid #F8FAFF;
    background: #F8FAFF;
}


label.formControlLabel {
    display: none;
}

.form-inn .formContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
}

.form-inn .formContainer .formRow {
    display: flex;
    gap: 16px;
    width: 100%;
    margin-bottom: 24px;
}

.form-inn .formContainer .formRow .formSpan12,
.form-inn .formContainer .formRow .formSpan6 {
    width: 100%;
}

.form-inn .formBody input,
.form-inn .formBody textarea {
    color: #6B6B6B;
    font-family: Satoshi;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 12px;
    border-radius: 2px;
    border: 1px solid #F3F3F3;
    background: #FFF;
    width: 100%;
}

textarea {
    resize: vertical;
}

.form-inn .formBody input::placeholder,
.form-inn .formBody textarea::placeholder {
    color: #515151;
    font-family: Satoshi;
    font-size: 16px;
    line-height: 24px;
}

.form-inn .formBody input:focus-visible,
.form-inn .formBody textarea:focus-visible,
.form-inn .formBody button:focus-visible {
    outline: 0;
}
.formBody {
    position: relative;
}
.form-inn .formBody button {
    border: 1px solid #13B2F2;
    background: #0399D5;
    padding: 10px 24px;
    color: #F8F9FA;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Satoshi';
    text-transform: uppercase;
    text-decoration: none;
    max-width: fit-content;
    float: right;
    margin-top: 8px;
}
.form-inn .formContainer .formRow {
    display: flex;
    gap: 16px;
    width: 100%;
    margin-bottom: 24px;
}
.rsform-block-first-name .formBody, .rsform-block-last-name .formBody {
    position: relative;
}
.form-inn .formContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
}
/* submit button css */

.formContainer button[type=submit][disabled],
.formContainer button[type=submit][disabled] {
    opacity: 0.5;
    cursor: not-allowed !important;
}

[type="submit"]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}

/* submit button css */

.form-inn h2 {

    display: none;

}

.form-inn .col-sm-3{

    display: none;

}

.col.dispute-hero-form {

    max-width: 500px;

}

.form-inn p{



color: var(--Grey, #515151);

}

.form-control{

    padding: 8px 12px;

}

@media (width >= 576px) {

    .col-sm-9 {

        flex: none;

        width: 100%;

    }

}

button#Submit {

    padding: 8px 12px;

    font-size: 18px;

    width: 100%;

}



.form-inn input#Contact_Time {

    display: none;

}



.formError {

    font-size: 14px;

    position: absolute;
    background-color: transparent;
    padding: 0 10px;
    right: 0;
    left: 4px;
    bottom: -25px;
    font-size: 13px;
    text-align: left;

}
.form-inn .formBody button {
    width: 100%;
    max-width: 100%;
}


.formControls.col-sm-9 {

    position: relative;

    margin-bottom: 8px;

}

.form-control:focus{

    box-shadow: none;

}
.accordion-item {
   
    border: none;
}

.itemid-110 div#mod-custom112 {
    display: none;
}
.f3-bg {
    background: #F3F6FD;
}
.t-center {
    text-align: center !important;
}
.ft-pdx {
    padding: 112px 0;
}
.f3-bg h3.h4hed {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}
.tp-phone-col a.clr-prim {
    color: #1477FF;
}
.jst-cnt

 {
    justify-content: center;
}

.clr-blu a{
    color: #1477FF;
}
.gap16 {
    gap: 16px;
}
.clr-blu a{ 
    gap: 16px;
}
.ft-pdx {
    padding: 112px 0;
}
.m-auto {
    margin-left: auto;
    margin-right: auto;
}
.col.mx732, .mx732
 {
    max-width: 734px;
}

.prps-pd2 {
    padding: 70px 0 80px 0px;
}
@media (max-width: 1050px) {
    .site-width {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (max-width: 1160px) {
    h2.section-main-title.txw.m-auto {
    max-width: 741px;
    text-align: center;
}
}
.cta-panel-main.mx877.m-auto {
    text-align: center;
}