* {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}

html {
    scroll-behavior: smooth;
}



body {

    color: #515151;
    font-family: Satoshi;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;

}

img {
    max-width: 100%;
}

h1,

h2,

h3,

h4,

h5 {

    color: #171717;
    font-family: Satoshi;
    font-weight: 500;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

.site-width {

    max-width: 1440px;

    padding-left: 100px;

    padding-right: 100px;

    margin: auto;

}

.mx1440 {
    max-width: 1440px;
}

span.blu {
    color: #0399D5;
}

.clr-txt {
    color: #1E1E1E;
}

.f3-bg {

    background: #F3F6FD;

}



.t-center {

    text-align: center !important;

}

.m-auto {

    margin-left: auto;

    margin-right: auto;

}

.pt56 {

    padding-top: 60px;

}

.pt20 {

    padding-top: 20px;

}

.pb56 {

    padding-bottom: 60px;

}

.mt16 {

    margin-top: 16px;

}

.mt12 {
    margin-top: 12px;
}

.mb16 {

    margin-bottom: 16px;

}

.mt24 {

    margin-top: 24px;

}

.mt8 {
    margin-top: 8px;
}

.mb24 {

    margin-bottom: 24px;

}

.mt32 {

    margin-top: 32px;

}

.mb32 {

    margin-bottom: 32px;

}

.mt50 {

    margin-top: 50px;

}

h1 {
    color: #FFF;
    font-family: "Satoshi";
    font-size: var(--H1, 63px);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 57.6px */
}

h2 {
    font-size: 38px;
    line-height: 48px;
}

h3 {

    font-size: 36px;
    line-height: 120%;
}

h4 {

    font-size: 24px;

}

h5 {

    font-size: 20px;

}

.flex {

    display: flex;
}

.align-center {

    align-items: center;

}

.align-unset {

    align-items: unset;

}

.jst-cnt {

    justify-content: center;

}

.spc-btw {

    justify-content: space-between;

}

.gap30 {

    gap: 30px;

}

.gap56 {

    gap: 56px;

}

.gap10 {
    gap: 10px;
}

.gap100 {

    gap: 100px;

}

.flex .col {
    flex: 1 50%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
}

.txw {
    color: rgb(255 255 255) !important;
}

.txw80 {
    color: white;
}

.txw-f8 {
    color: #F8F9FA;
}

.lh0 {
    line-height: 0;
}

.col.mx553,
.mx553 {
    max-width: 553px;
}

.col.mx677,
.mx677 {
    max-width: 677px;
}

.col.mx732,
.mx732 {
    max-width: 734px;
}

.pdt50 {
    padding: 50px 0;
}

.f3-bg .pdtb50 {
    padding: 42px 0;
}

.mgl100 {
    margin-left: 100px;
}

.mgr100 {
    margin-right: 100px;
}

.wrp {
    flex-wrap: wrap;
}

.gap24 {
    gap: 24px;
}

.mx667 {
    max-width: 667px;
}

.mx860 {
    max-width: 860px;
}

.mx100 {
    max-width: 100% !important;
}

.mx1034 {
    max-width: 1034px;
}

.bdr24 {
    border-radius: 24px;
}

.mx866 {
    max-width: 866px;
}

.mx595 {
    max-width: 595px;
}

.mnu-blk {
    display: flex;
    align-items: center;
    gap: 24px;
}

/* header  */

header {
    position: sticky;
    top: 0;
    z-index: 9999999999;
    background: #fff;
}

.header-inner {
    padding: 16px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-hed-btns {
    gap: 12px;
}

.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;
    /* gap: 8px; */
}

.enq-btn a {
    border-radius: 100px;
    border: 1px solid #13B2F2;
    background: #0399D5;
    padding: 10px 24px;
    color: #F8F9FA;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
}

/* Banner - Desktop / Wide */
.banner-bg {
    background: linear-gradient(0deg, rgba(9, 50, 138, 0.70) 0%, rgba(9, 50, 138, 0.70) 100%), url("/images/barkley/barkley-main.webp") lightgray -136.851px -22px / 119.007% 106.073% no-repeat;
    background-blend-mode: multiply, normal;
}


.bnr-pd {
    padding: 200px 0;
}

.col.bn-col1 {
    max-width: 703px;
}

.col.bn-col2 {
    max-width: 481px;
}

.bn-btm-txt {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #Fff;
}

.con-btn a {
    border-radius: 100px;
    border: 1px solid #1477FF;
    background: #0399D5;
    padding: 10px 24px;
    color: #F8F9FA;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    max-width: fit-content;
    gap: 8px;
}



h2.frm-hed {
    color: #023E8A;
    font-size: 24px;
    line-height: normal;
    margin-bottom: 24px;
    /* text-box-trim: trim-start;
    text-box-edge: cap alphabetic; */
}

.con-btn a img {
    filter: brightness(0) saturate(100%) invert(96%) sepia(4%) saturate(0%) hue-rotate(297deg) brightness(104%) contrast(104%);
}

/* footer */

h4.ft-hed {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

li.serv-at,
li.phn-at {
    display: flex;
    gap: 8px;
    padding: 16px;
}

a.log-tct,
span.log a,
span.log {
    color: #F8F9FA;
    text-decoration: none;
}

/* section 1 */
.flex .col.mx606,
.mx606 {
    max-width: 606px;
}

.flex .col.mx578,
.mx578 {
    max-width: 578px;
}

.flex .col.mx484,
.mx484 {
    max-width: 484px;
}

.flex .col.mx592,
.mx592 {
    max-width: 592px;
}

img.img-gbl {
    border-radius: 24px;
}

.two-list ul.chk-lst {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
}

ul.chk-lst li {
    padding-left: 32px;
    position: relative;
    color: #1E1E1E;
}

.two-list ul.chk-lst li {
    flex: 1 46%;
}

ul.chk-lst li:before {
    content: "";
    background: url(/images/pool/svg/check-circle.svg);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-size: 100%;
    position: absolute;
    top: 3px;
    left: 0;
}

.two-list ul.chk-lst li:nth-of-type(even) {
    max-width: 241px;
}

.two-list ul.chk-lst li:nth-of-type(odd) {
    max-width: 274px;
}

.list-div.t2-col-lst {
    display: flex;
    gap: 38px;
}

.t2-col-lst ul.chk-lst {
    flex: 1;
}

.t2-col-lst ul.chk-lst:nth-of-type(odd) {
    max-width: 282px;
}

.t2-col-lst ul.chk-lst:nth-of-type(even) {
    max-width: 256px;
}

.col2 {
    flex: 1 48%;
    max-width: 50%;
}

.col2.chs-us-p {
    border-radius: 16px;
    border: 1px solid #023E8A;
    padding: 24px;
}

h3.h4hed {
    color: #023E8A;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.chs-us-p p {
    color: #1E1E1E;
}

/* .igui-scope audio, .igui-scope canvas, .igui-scope img, .igui-scope video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    border-radius: 16px;
} */
.city-list ul.chk-lst {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}

.city-list ul.chk-lst li {
    padding: 16px;
    padding-left: 32px;
}

.city-list ul.chk-lst li:before {
    top: 15px;
}

.city-list ul.chk-lst li a {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.prps-pd {
    padding: 50px 0 50px 81px;
}

.enq-btn.wht-btn a {
    border: 1px solid #F8F9FA;
    background: #F8F9FA;
    color: #1E1E1E;
}



/* form */

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


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: #515151;
    font-family: Satoshi;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 12px;
    border-radius: 8px;
    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;
}

.form-inn .formBody button {
    border-radius: 100px;
    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;
}

/* 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 */
hr.pool-hr {
    border: 0;
    background: #F3F6FD;
    height: 1px;
}

.cypy-flx {
    padding: 24px 0;
}

/* 04-11-2025 added css start  */
.f3-bg {
    background: #F3F6FD;
}

.mt56 {
    margin-top: 56px;
}

.gap24 {
    gap: 24px;
}

.wrp {
    flex-wrap: wrap;
}

.f3-bg .col2.new-chs-up-p {
    background-color: #fff;
    align-items: flex-start;
    text-align: start;
    display: block;
}

.f3-bg .col2.chs-us-p {
    border-radius: 16px;
    border: 1px solid #E8EDFB;
    padding: 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.f3-bg .col2 {
    flex: 1 30%;
    max-width: 32%;
}

.f3-bg .num span {
    width: 32px;
    height: 32px;
    background-color: #023E8A;
    color: #F8F9FA;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}

.f3-bg h3.h4hed {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.mt16 {
    margin-top: 16px;
}

.mx100 {
    max-width: 100% !important;
}

.align-start {
    align-items: flex-start;
}

/* 04-11-2025 added css end  */
@media (max-width: 1280px) {
    .site-width {
        padding-left: 80px;
        padding-right: 80px;
    }

    .mgl100 {
        margin-left: 80px;
    }

    .bnr-pd {
        padding: 190px 0;
    }
}

@media (max-width: 1050px) {
    .site-width {
        padding-left: 60px;
        padding-right: 60px;
    }

    .mgl100 {
        margin-left: 60px;
    }

    .pdr100 {
        margin-right: 60px;
    }

    .bnr-pd {
        padding: 180px 0;
    }
}

@media (max-width: 991px) {
    .site-width {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pb56 {
        padding-bottom: 40px;
    }

    .pt56 {
        padding-top: 40px;
    }

    h1 {
        font-size: 44px;
        line-height: 50px;
    }

    h2 {
        font-size: 36px;
        line-height: 42px;
    }

    .bnr-pd {
        padding: 160px 0;
    }

    .flx-dir {
        flex-direction: column;
    }

    .flx-dir-rev {
        flex-direction: column-reverse;
    }

    .flex .col {
        flex: 1 100%;
        max-width: 100%;
    }

    .col.bn-col2,
    .flex .col.mx606,
    .mx606,
    .flex .col.mx578,
    .mx578,
    .flex .col.mx484,
    .mx484,
    .flex .col.mx732,
    .mx732,
    .flex .col.mx592,
    .mx592,
    .flex .col.mx677,
    .mx677,
    .flex .col.mx553,
    .mx553 {
        max-width: 100%;
    }

    .mt50.tbmt0 {
        margin-top: 0;
    }

    .pdt50.pdr100,
    .pdt50.mgl100 {
        padding: 24px 40px;
        margin: 0;
    }

    .prps-pd {
        padding: 24px;
    }

    .accordion-item-header {
        font-size: 18px;
        line-height: 24px;
    }

    .for-col-flx .galry {
        flex: 1 48%;
    }

    .t2-col-lst ul.chk-lst:nth-of-type(odd),
    .t2-col-lst ul.chk-lst:nth-of-type(even),
    .two-list ul.chk-lst li:nth-of-type(odd),
    .two-list ul.chk-lst li:nth-of-type(even) {
        max-width: 48%;
    }

    img.img-gbl {
        border-radius: 24px 24px 0 0;
    }
}

@media (max-width: 768px) {
    .cypy-flx {
        justify-content: space-between;
        flex-direction: column-reverse;
        align-items: center;
        gap: 16px;
    }

    .site-width {
        padding-left: 16px;
        padding-right: 16px;
    }

    .pb56 {
        padding-bottom: 32px;
    }

    .pt56 {
        padding-top: 32px;
    }

    h1 {
        font-size: 32px;
        line-height: 40px;
    }

    h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .bnr-pd {
        padding: 120px 0;
    }

    .top-hed-btns .enq-btn {
        display: none;
    }

    .bn-btm-txt {
        font-size: 18px;
        line-height: 24px;
    }

    .banner-bg {
        background-size: cover;
        background-position: 47% bottom;
    }

    .mbgap40 {
        gap: 40px;
    }

    .con-btn a {
        display: flex;
        max-width: 100%;
        width: 100%;
        justify-content: center;
    }

    .form-cont {
        padding: 24px;
    }

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

    .mbgap32 {
        gap: 32px;
    }

    .enq-btn a {
        width: 100%;
        text-align: center;
    }

    .pdt50.pdr100,
    .pdt50.mgl100 {
        padding: 16px 16px;
        padding-bottom: 40px;
        margin: 0;
        margin-top: -8px;
    }

    .t2-col-lst ul.chk-lst:nth-of-type(odd),
    .t2-col-lst ul.chk-lst:nth-of-type(even),
    .two-list ul.chk-lst li:nth-of-type(odd),
    .two-list ul.chk-lst li:nth-of-type(even) {
        max-width: 100%;
        flex: 1 100%;
    }

    .two-list ul.chk-lst li:nth-of-type(2) {
        margin-top: 16px;
    }

    .list-div.t2-col-lst {
        gap: 16px;
        flex-wrap: wrap;
    }

    .two-col-flx.mt50 {
        margin-top: 24px;
    }

    .col2,
    f3-bg .col2 {
        flex: 1 100%;
        max-width: 100%;
    }

    h3.h4hed {
        font-size: 18px;
        line-height: 24px;
    }

    .city-list ul.chk-lst {
        gap: 22px;
        justify-content: flex-start;
    }

    .city-list ul.chk-lst li a {
        font-size: 16px;
        line-height: 20px;
    }

    .city-list ul.chk-lst li {
        flex: 1 100%;
        padding: 0;
        padding-left: 24px;
    }

    .city-list ul.chk-lst li:before {
        top: 2px;
        width: 20px;
        height: 20px;
    }

    .prps-pd {
        padding: 16px;
        padding-bottom: 40px;
    }

    .list-div.mt32.con-lst,
    ul.ftr-link2.mt32 {
        margin-top: 16px;
    }

    li.serv-at,
    li.phn-at {
        padding-left: 0;
    }

}


/* new-css for barkley */
.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;
}


/* Satoshi Regular */
@font-face {
    font-family: "Satoshi";
    src: url("/images/fonts/satoshi/Satoshi-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Satoshi Italic */
@font-face {
    font-family: "Satoshi";
    src: url("/images/fonts/satoshi/Satoshi-Italic.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Satoshi Light */
@font-face {
    font-family: "Satoshi";
    src: url("/images/fonts/satoshi/Satoshi-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Satoshi Light Italic */
@font-face {
    font-family: "Satoshi";
    src: url("/images/fonts/satoshi/Satoshi-LightItalic.otf") format("opentype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Satoshi Medium */
@font-face {
    font-family: "Satoshi";
    src: url("/images/fonts/satoshi/Satoshi-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Satoshi Medium Italic */
@font-face {
    font-family: "Satoshi";
    src: url("/images/fonts/satoshi/Satoshi-MediumItalic.otf") format("opentype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Satoshi Bold */
@font-face {
    font-family: "Satoshi";
    src: url("/images/fonts/satoshi/Satoshi-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Satoshi Bold Italic */
@font-face {
    font-family: "Satoshi";
    src: url("/images/fonts/satoshi/Satoshi-BoldItalic.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Satoshi Black */
@font-face {
    font-family: "Satoshi";
    src: url("/images/fonts/satoshi/Satoshi-Black.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Satoshi Black Italic */
@font-face {
    font-family: "Satoshi";
    src: url("/images/fonts/satoshi/Satoshi-BlackItalic.otf") format("opentype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

body {
    font-family: "Satoshi", sans-serif;
}


.tbm16 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.clr-wt {
    color: white;
}

.ul-ban {
    list-style: disc;
    padding-left: 20px;
    margin-top: 24px;
    color: white;
}

/* 20-04-2026 ADDED CSS FOR THE BARKLEY LANDING PAGE  */
.con-btn a.glb-btn {
    font-size: var(--button, 18px);
    font-family: Satoshi;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #171717;
    display: flex;
    padding: 8px 24px;
    justify-content: center;
    text-transform: unset;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #FFF;
    flex-shrink: 0;
}

.col.bn-col1 {
    max-width: 724px;
}

.col.bn-col2 {
    max-width: 500px;
}

.con-btn a.scn-clr {
    background: var(--Light-Blue, #1477FF);
    color: #fff;
}

ul.wht-lst li {
    padding-left: 32px;
    position: relative;
}

ul.wht-lst li::before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url(../../../../../images/pool/svg/drk-tn-chck.svg);
    background-repeat: no-repeat;
}

span.blu {
    color: #1477FF;
}

.fluid,
div#gallery-scope-M126 {
    display: none;
}

.bdr24 {
    border-radius: 24px;
    overflow: hidden;
}

.prps-pd2 {
    padding: 95px 0 95px 0px;
}

.mx860 {
    max-width: 860px;
}

.mx831 {
    max-width: 831px;
}

.txw {
    color: #ffffff !important;
}

.mx741 {
    max-width: 741px;
}

.blu-bg {

    background-color: #1477FF;
}

/* faq */
.accordion-item {
    padding: 24px 16px;
    border-bottom: 1px solid #DEDEDE;
}

div :has(> .accordion-item-header.active) {
    padding: 16px;
}

.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::after {
    content: "";
    background-image: url(../../../../../images/barkley/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/barkley/faq-minus.svg);
    background-repeat: no-repeat;
}

.accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-item-body-content p {
    color: #515151;
    margin-top: 16px;
}

/* faq */
.for-col-flx .galry {
    flex: 1;
}

.mx438 {
    max-width: 438px;
}

h4.lw-hd {
    color: #171717;
    font-family: Satoshi;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.tp-phone-col.foot a {
    color: #515151;
    font-family: Satoshi;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    gap: 15px;
    align-items: flex-start;
}

.mx396 {
    max-width: 396px;
}

h2.frm-hed {
    color: #171717;
    font-size: 26px;
    line-height: normal;
    margin-bottom: 16px;
}

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

.mob-vis {
    display: none !important;
}

.mx509 {
    max-width: 509px;
}

.tp-phone-col a.clr-prim {
    color: #1477FF;
}

.gap16 {
    gap: 16px;
}

.rsform-block-first-name .formBody,
.rsform-block-last-name .formBody,
.rsform-block-phone .formBody,
.rsform-block-email .formBody,
.rsform-block-message .formBody,
.rsform-block-phone2 .formBody {
    position: relative;
}

.formNoError {
    display: none;
}

.formError {
    position: absolute;
    padding: 0 5px;
    right: 0;
    left: 0;
    bottom: -24px;
    font-size: 13px;
    text-align: left;
}

/* 06-06-2026 added css  */
.rel {
    position: relative;
    overflow: hidden;
}

img.abs-ban-im {
    position: absolute;
    bottom: 0%;
    right: 12%;
    width: 38%;
}

.col.bn-col1 p {
    max-width: 530px;
}

.gap8 {
    gap: 8px;
}

.chose-info h3.h4hed {
    color: #515151;
    line-height: 28px;
}

.chose-info {
    padding-left: 52px;
}

.chose-info::before {
    content: "";
    background: url(/images/barkley/chck-lst.svg);
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    background-size: 100%;
    position: absolute;
    top: 0px;
    left: 0;
}

.serv-bg {
    background: url(/images/barkley/serv-bg-bn.webp) lightgray 50% / cover no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 32px;
    display: flex;
    justify-content: flex-end;
}


.abs-end {
    background: #FFF;
    padding: 32px 24px;
    max-width: 527px;
    margin: 80px;
    border-radius: 32px;
}

.serv-bg h3.h4hed {
    font-size: 26px;
    color: #171717;
    line-height: 31.2px;
}

h3.bark-h3 {
    color: #171717;
    line-height: 20px;
}

.mx540 {
    max-width: 540px;
}

.gallery-wrapper {
    display: flex;
    justify-content: center;
}

.gallery {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 32px;
    max-width: 1200px;
    width: 100%;
}

.gallery__left img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 16px;
    display: block;
}

.gallery__right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 28px;
}

.tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    display: block;
}

.ts-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}


.nav {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: none;
    background: #2f6bff;
    color: white;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stars {
    color: #f7b500;
    font-size: 18px;
    margin-bottom: 12px;
    letter-spacing: 2px;
}

.user {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.user img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
}

.user-info h4 {
    color: #1A1A1A;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 120%;
}

.user-info p {
    color: rgba(0, 0, 0, 0.50);
    margin-top: 2px;
    font-size: 12px;
}

.text,
.text span {
    color: #333;
    line-height: 1.5;
    margin-bottom: 18px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.text span {
    color: rgba(26, 26, 26, 0.50);
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 0;
}


.btm-footer {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
}

.btm-footer span {
    color: rgba(26, 26, 26, 0.50);
}

.btm-footer img {
    object-fit: cover;
}

.ts-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.ts-viewport {
    width: 760px;
    overflow: hidden;
}

.ts-track {
    display: flex;
    gap: 32px;
    transition: transform 0.4s ease;
}

.ts-card {
    width: 277px;
    background: #f3f3f3;
    border-radius: 16px;
    padding: 22px;
    flex-shrink: 0;
    flex-shrink: 0;
    box-sizing: border-box;
}

.mx725 {
    max-width: 725px;
}

#eb .eb-mod-media-title {
    color: #171717;
    font-family: Satoshi;
    font-size: 20px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 120% !important;
}

#eb .eb-mod-body {
    color: #171717;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: Satoshi;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160% !important;
}

#eb .eb-mod-thumb .eb-mod-image-cover {
    border-radius: 24px !important;
    border: 0 !important;
    overflow: hidden;
    -webkit-transform: none !important;
    transform: none !important;

}

#eb .eb-mod-thumb {
    margin-top: 0 !important;
}

#eb .mod-items-grid,
#eb .mod-items-grid>.mod-grid {
    margin-bottom: 0 !important;
}

#eb .eb-mod-foot.mod-muted.mod-small {
    color: #1477FF !important;
    text-align: center;
    font-family: Satoshi;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 160% !important;
    padding-top: 0 !important;
    margin-top: 24px;
}

#eb .eb-mod-thumb .eb-mod-image-cover:before {
    content: unset !important;
}

#eb .mod-cell.blg-sclr {
    position: relative;
}

#eb .mod-cell.blg-sclr a::after {
    content: "";
    position: absolute;
    background-image: url(/images/barkley/lucide_arrow-right.svg);
    width: 24px;
    height: 24px;
    top: -2px;
    left: 81.75px;
    aspect-ratio: 1 / 1;
}

.eb-mod.mt56.mod-items-grid.clearfix.new-box.owl-carousel.easyblog-latest-carousel {
    display: flex;
    gap: 32px;
    justify-content: stretch;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mod-grid.item.mod-grid-2,
.mod-grid.item.mod-grid-1,
.mod-grid.item.mod-grid-3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ft-pdx {
    background: #EDF3FF;
}

.ft-pdx a.log-tct,
.ft-pdx span.log a,
.ft-pdx span.log {
    color: #515151;
    font-family: Satoshi;
}

.ser-log.offwidth2 {
    max-width: 300px;
}

.ser-log.offwidth {
    max-width: 237px;
}

.ft-pdx li.serv-at,
.ft-pdx li.phn-at {
    padding: 0 0 16px 0;
}

.sub-bg {
    background: #09328A;
}

div#rsform_1_page_0,
div#rsform_5_page_0 {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}

div#rsform_1_page_0 input#Email,
div#rsform_5_page_0 input#Email {
    color: #515151;
    font-family: Satoshi;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #F3F3F3;
    background: #FFF;
    width: 100%;
}

div#rsform_1_page_0 input#Email::placeholder,
div#rsform_5_page_0 input#Email::placeholder {
    color: #515151;
    font-family: Satoshi;
    font-size: 16px;
    line-height: 24px;
}

div#rsform_1_page_0 .form-inn .formBody input#Email:focus-visible,
div#rsform_5_page_0 .form-inn .formBody input#Email:focus-visible {
    outline: 0;
}

div#rsform_1_page_0 button#Submit1,
div#rsform_5_page_0 button#Submit3 {
    border-radius: 8px;
    border: 1px solid #1477FF;
    background: #1477FF;
    padding: 8px 24px;
    color: #F8F9FA;
    font-weight: 500;
    font-size: 18px;
    font-family: 'Satoshi';
    text-transform: normal;
    text-decoration: none;
    max-width: fit-content;
    float: right;
}

/* submit button css */

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


div#rsform_1_page_0 .formRow:has(#Email)>.formSpan12 {
    width: 440px;
}


.foot-info.mx371 {
    max-width: 371px;
}

div#rsform_5_page_0 .formRow:has(#Email)>.formSpan12 {
    width: 217px;
}

div#rsform_5_page_0 .formError {
    position: absolute;
    padding: 0 0px;
    right: 0;
    left: 0;
    bottom: -27px;
    font-size: 12px;
    text-align: left;
}

h4.ft-h4 {
    color: #171717;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;

}

ul.md-lst {
    margin-top: 10px;
}

ul.md-lst li {
    padding-top: 10px;
}

ul.md-lst li:first-of-type {
    padding-top: 0;
}

ul.md-lst li a.md-lst-ankr {
    color: #171717;
    font-family: 'Satoshi';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.upr-case a {
    color: #515151;
}

.form-inn .formContainer .formRow:last-of-type {
    margin-bottom: 0;
}

.thank-box {
    padding: 48px;
    border-radius: 24px;
    background: #FFF;
}

.mx570 {
    max-width: 570px;
}

.inner-thank-box {
    border-radius: 16px;
    border: 1px solid #E5E7EB;
    background: rgba(255, 255, 255, 0.10);
    padding: 32px;
}

.pd48 {
    padding: 48px;
}

input#contact_time {
    display: none;
}

.page-header.ptd32.bg-bread-clr {
    padding: 48px 0;
    background-color: #edf3ff;
}

.page-header h1 {
    color: #171717;
    font-family: "Satoshi";
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

ul.mod-breadcrumbs.breadcrumb.px-3.py-2 {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-top: 16px;
}

ul.mod-breadcrumbs.breadcrumb.px-3.py-2 li:nth-child(1) {
    display: none;
}

ul.mod-breadcrumbs.breadcrumb.px-3.py-2 li {

    position: relative;

}

ul.mod-breadcrumbs.breadcrumb.px-3.py-2 li a span {
    color: #515151 !important;
    text-align: center;
    font-family: "Satoshi";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

ul.mod-breadcrumbs.breadcrumb.px-3.py-2 li a::before {
    content: "";
    position: absolute;
    background-image: url(/images/barkley/caret-bread.svg);
    width: 24px;
    height: 24px;
    top: 2px;
    left: 45px;
}

.itemid-110 h2 {
    font-size: 48px;
}

.thank-box h2,
.itemid-110 .blu-bg h2 {
    font-size: 38px;
}


.abt-clip {
    background: url(/images/barkley/abt-bark4.webp) lightgray 50% / cover no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 32px;
    display: flex;
    justify-content: flex-end;
}

.abt-clip .abs-end {
    margin: 381px 80px 80px 80px;
}

.abt-bx {
    padding: 32px;
    display: flex;
    gap: 8px;
    flex: 1 32%;
    max-width: 35%;
    align-items: flex-start;
}

.abt-bx p {
    max-width: 232px;
}

.abt-main-bx {
    border-radius: 32px;
    background: #EDF3FF;
    padding: 80px;
}

.chose-info.abt-info {
    padding-left: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.chose-info.abt-info::before {
    content: unset;
}

.ctc-bg-main {
    border-radius: 32px;
    background: linear-gradient(0deg, rgba(9, 50, 138, 0.70) 0%, rgba(9, 50, 138, 0.70) 100%), url(/images/barkley/ctc-bg.webp) lightgray -149.232px -35.859px / 141.501% 152.131% no-repeat;
    background-blend-mode: multiply, normal;
    padding: 80px;
}

.itemid-155 li.serv-at,
.itemid-155 li.phn-at {
    padding: 0 0 16px 0;
}

.itemid-156 .page-header.ptd32.bg-bread-clr,
.itemid-157 .page-header.ptd32.bg-bread-clr {
    display: none;
}

.itemid-156 h3.bark-h3 {
    font-size: 32px;
    line-height: 38.4px;
}

.itemid-156 h2.pool-hed {
    font-size: 48px;
    line-height: 57.6px;
    max-width: 400px;
}

.itemid-157 span.blu {
    font-size: 90px;
    line-height: 108px;
}

.itemid-157 .mx484 {
    max-width: 484px !important;
}

ul.loc-icn-lst li a {
    color: inherit;
}

ul.wht-lst.loc-icn-lst li::before {
    background-image: url(../../../../../images/barkley/fdx-loc.svg);
}

.itemid-158 ul.mod-breadcrumbs.breadcrumb.px-3.py-2 li:nth-child(3) a::before {
    left: 113px;
}

.itemid-161 ul.mod-breadcrumbs.breadcrumb.px-3.py-2 li:nth-child(3) a::before,
.itemid-163 ul.mod-breadcrumbs.breadcrumb.px-3.py-2 li:nth-child(3) a::before,
.itemid-164 ul.mod-breadcrumbs.breadcrumb.px-3.py-2 li:nth-child(3) a::before,
.itemid-162 ul.mod-breadcrumbs.breadcrumb.px-3.py-2 li:nth-child(3) a::before {
    left: 104px;
}

.itemid-162 ul.mod-breadcrumbs.breadcrumb.px-3.py-2 li:nth-child(4) a::before {
    left: 186px;
}

.itemid-164 ul.mod-breadcrumbs.breadcrumb.px-3.py-2 li:nth-child(4) a::before {
    left: 143px;
}

.itemid-162 .page-header h1 {
    max-width: 1020px;
}

a.glb-btn.scroll-btn1.schedule-btn.wtff {
    border: 1px solid #E5E7EB;
    padding: 8px 42px;
}

.conroe-bg {
    background: url(/images/barkley/conroe-bg.webp) lightgray 50% / cover no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 32px;
    display: flex;
    justify-content: flex-end;
}

.conroe-bg .abs-end h3.h4hed {
    font-weight: 700;
    font-size: 20px;
    color: #515151;
    line-height: 120%;
}

.conroe-bg .abs-end {
    max-width: 656px;
}

.chck-icn {
    flex: 1 10%;
}

a.small-caret-ankr {
    color: #1477FF;
    font-size: 16px;
    font-weight: 400;
}

.mob-img-shw {
    display: none;
}

.abt-main-bx .blu-bg .prps-pd2 a {
    color: #fff;
}

footer.container-footer.footer.full-width {
    position: relative;
}

.abs-foot {
    position: absolute;
    width: 50%;
    max-width: 100%;
    bottom: 4%;
    left: 45%;
}

.abs-foot p {
    font-size: 14px;
}

.buss-law-bg {
    background: url(/images/barkley/buss-law-bg.webp) lightgray 50% / cover no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 32px;
    display: flex;
    justify-content: flex-end;
}

.buss-deff-bg {
    background: url(/images/barkley/buiss-deff-bg.webp) lightgray 50% / cover no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 32px;
    display: flex;
    justify-content: flex-end;
}

.mx409 {
    max-width: 409px;
}

.buss-deff-bg .abs-end {
    max-width: 665px;
}

.fw500 {
    font-weight: 500;
}

.ft18 {
    font-size: 18px;
}

.lit-disp-bg {
    background: url(/images/barkley/lit-disp-bg.webp) lightgray 50% / cover no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 32px;
    display: flex;
    justify-content: flex-end;
}

.contra-disp-bg {
    background: url(/images/barkley/li-contra-bg.webp) lightgray 50% / cover no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 32px;
    display: flex;
    justify-content: flex-end;
}

@media (min-width: 1500px) {
    .banner-bg {
        background-position: 0% 58%;
        background-size: cover;
    }
}

@media (max-width: 1350px) {
    .abs-foot {
        max-width: 50%;
        bottom: 0%;
        left: 44%;
    }
}

@media (max-width: 1280px) {
    img.abs-ban-im {width: 26%;
    }
    .serv-bg {
        justify-content: center;
    }
}

@media (min-width: 1100px) and (max-width: 1135px) {
    .abs-foot {
        bottom: -9%;
        left: 46%;
    }
}

@media (min-width: 1026px) and (max-width: 1436px) {
    div#rsform_1_page_0 .formRow:has(#Email)>.formSpan12 {
        width: 280px;
    }
}

@media (min-width: 991px) and (max-width: 1026px) {
    div#rsform_1_page_0 .formRow:has(#Email)>.formSpan12 {
        width: 238px;
    }
}


@media (min-width: 991px) and (max-width: 1099px) {
    .abs-foot {
        max-width: 50%;
        bottom: -5%;
        left: 46%;
    }
}

@media (max-width: 1172px) {
    h4.lw-hd {
        font-size: 18px;
    }

    
}

@media (max-width: 1094px) {
    h4.lw-hd {
        font-size: 16px;
        line-height: 120%;
    }

    .ctc-bg-main {
        padding: 44px;
    }
}

/* 06-06-2026 added css  */

@media (max-width: 1025px) {
    .mob-vis {
        display: flex !important;
    }

    .top-btn {
        border-radius: 100px;
        padding: 12px;
    }

    .mnu-blk {
        gap: 16px;
        flex-direction: row-reverse;
    }

    .dis-vis {
        display: none !important;
    }
}

@media (max-width: 991px) {

    .prps-pd2,
    .prps-pd3 {
        padding: 40px 24px 50px !important;
    }

    .accordion-item-header {
        font-size: 22px;
        line-height: 28.8px;
    }

    h3 {
        font-size: 24px;
        line-height: 28.8px;
    }

    h2.frm-hed {
        font-size: 16px;
    }

    footer .gap56 {
        gap: 32px;
    }

    body {
        font-size: 16px;
    }

    img.abs-ban-im {
        display: none;
    }

    .abs-end {
        margin: 60px 16px;
    }

    .gallery {
        grid-template-columns: 1fr;
    }

    .gallery__left img {
        min-height: 320px;
    }

    .gallery__right {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;

    }

    .eb-mod.mt56.mod-items-grid.clearfix.new-box.owl-carousel.easyblog-latest-carousel {
        flex-direction: column;
    }

    .mod-grid.item.mod-grid-2,
    .mod-grid.item.mod-grid-1,
    .mod-grid.item.mod-grid-3 {
        width: 100% !important;
    }

    .page-header h1 {
        font-size: 28px;
    }

    .abt-clip .abs-end {
        margin: 120px 24px 24px 24px;
    }

    .abt-main-bx,
    .ctc-bg-main {
        padding: 24px;
    }

    .ctc-bg-main {
        background-position: top;
        background-size: cover;
    }

    .abt-bx {
        flex: 1 100%;
        max-width: 100%;
    }

    .abt-bx p {
        max-width: 100%;
    }

    .itemid-156 h3.bark-h3 {
        font-size: 24px;
        line-height: 28.8px;
    }

    .itemid-156 h2.pool-hed {
        font-size: 28px;
        line-height: 33.6px;
    }

    .mob-full.con-btn a.scn-clr,
    .mob-full a.glb-btn.scroll-btn1.schedule-btn.wtff {
        width: 100%;
        max-width: 100%;
    }

    .mx409 {
        max-width: 100%;
    }

    .ft18 {
        font-size: 16px;
    }



}

@media (max-width: 991.2px) {
    .pdmr {
        padding-bottom: 100px;
    }

    .abs-foot {
        max-width: 100%;
        width: 93%;
        bottom: -2%;
        left: 4%;
        padding-bottom: 24px;
    }

}

@media (min-width: 360px) and (max-width: 991px) {
    .ts-card {
        width: 100%;
    }
}


@media (max-width: 924px) {

    img#next,
    img#prev {
        position: absolute;
        right: 0;
        z-index: 2;
    }

    img#prev {
        left: -5px;
    }
}

@media (max-width: 906px) {

    img#next {
        right: -12px;
    }

    img#prev {
        left: -16px;
    }
}

@media (min-width: 837px) and (max-width: 884px) {
    img#next {
        right: -21px;
    }

    img#prev {
        left: -24px;
    }
}

@media (max-width: 836px) {

    img#next,
    img#prev {
        position: static;
    }
}



@media (max-width: 833px) {
    .abs-foot {
        bottom: -4%;
    }
}

@media (max-width: 768px) {
    .serv-bg h3.h4hed {
        font-size: 16px;
        line-height: 19.2px
    }

    .abs-foot {
        left: 2%;
    }


    #eb .eb-mod-foot.mod-muted.mod-small {
        margin-top: 36px;
    }
}

@media (max-width: 635px) {
    .abs-foot {
        bottom: -8%;
    }
}

@media (max-width: 600px) {




    .gallery {
        gap: 16px;
    }

    .gallery__right {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }


    .gallery-wrapper {
        padding: 20px;
    }

    div#rsform_1_page_0 .formRow:has(#Email)>.formSpan12,
    div#rsform_1_page_0 .formRow,
    div#rsform_5_page_0 .formRow:has(#Email)>.formSpan12 {
        width: 100%;
    }

    div#rsform_1_page_0 button#Submit1 {
        max-width: 100%;
        width: 100%;
    }



    .itemid-110 h2 {
        font-size: 28px;
    }

    .thank-box h2,
    .itemid-110 .blu-bg h2 {
        font-size: 26px;
    }

    .ser-log.offwidth2 {
        max-width: 266px;
    }

    .header-inner a.brand img {
        width: 32px;
    }

    .chck-icn {
        flex: 1 50%;
    }

    a.small-caret-ankr {
        font-size: 11px;
    }

    a.small-caret-ankr.gap8 {
        gap: 5.9px;
    }



}

@media (max-width: 521px) {
    .abs-foot {
        bottom: -12%;
    }
}

@media (max-width: 530px) {
    .mob-img-shw {
        display: block;
    }

    .dsk-img-shw {
        display: none;
    }
}

@media (max-width: 433px) {
    .abs-foot {
        bottom: -12%;
    }
}

@media (max-width: 421px) {
    ul.mod-breadcrumbs.breadcrumb.px-3.py-2 {
        gap: 24px;
    }

    ul.mod-breadcrumbs.breadcrumb.px-3.py-2 li a::before {
        left: 41px;
    }

    .itemid-161 ul.mod-breadcrumbs.breadcrumb.px-3.py-2 li:nth-child(3) a::before {
        left: 100px;
    }

}

@media (max-width: 410px) {
    .ser-log.offwidth2 {
        max-width: 260px;
    }

    .nav {
        width: 33px;
        height: 34px;
    }

    ul.mod-breadcrumbs.breadcrumb.px-3.py-2 {
        flex-wrap: wrap;
        row-gap: 0;
    }

    .con-btn a.glb-btn,
    .ft18 {
        font-size: 16px;
    }
}

.ul-ban {
    list-style: disc;
    padding-left: 28px;
    margin-top: 24px;
    color: white;
}

/* 20-04-2026 ADDED CSS FOR THE BARKLEY LANDING PAGE  */