@-webkit-keyframes pulse1 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(56, 142, 60, .4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px transparent
    }

    to {
        -webkit-box-shadow: 0 0 0 0 transparent
    }
}

@keyframes pulse1 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(56, 142, 60, .4);
        box-shadow: 0 0 0 0 rgba(56, 142, 60, .4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px transparent;
        box-shadow: 0 0 0 10px transparent
    }

    to {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }
}

@-webkit-keyframes pulse2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(255 191 14/40%)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px transparent
    }

    to {
        -webkit-box-shadow: 0 0 0 0 transparent
    }
}

@keyframes pulse2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(255 191 14/40%);
        box-shadow: 0 0 0 0 rgb(255 191 14/40%)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px transparent;
        box-shadow: 0 0 0 10px transparent
    }

    to {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }
}

@-webkit-keyframes pulse3 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(255 191 14/40%)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px transparent
    }

    to {
        -webkit-box-shadow: 0 0 0 0 transparent
    }
}

@keyframes pulse3 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(255 191 14/40%);
        box-shadow: 0 0 0 0 rgb(255 191 14/40%)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px transparent;
        box-shadow: 0 0 0 10px transparent
    }

    to {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes rotate {
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate {
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

* {
    letter-spacing: .4px
}

body {
    margin: 0;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    background-color: #fff;
    color: #121127;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased
}

details {
    display: block
}

h1 {
    font-size: 2em
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio],
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    font-weight: 400
}

.container-fluid {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

img[data-aload] {
    font-size: 0 !important;
    opacity: 0 !important;
    height: 0 !important;
    display: none !important
}

.d-inline {
    display: inline
}

.d-block,
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

.d-inline-block {
    display: inline-block
}

.d-table {
    display: table
}

.d-table-cell {
    display: table-cell
}

.d-flex,
.media {
    display: flex
}

.flex-wrap {
    flex-wrap: wrap
}

.media {
    display: -ms-flexbox;
    -ms-flex-align: start;
    align-items: flex-start
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.justify-content-space {
    justify-content: space-between
}

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

.font-italic {
    font-style: italic
}

.font-8 {
    font-size: 8px
}

.font-10 {
    font-size: 10px
}

.font-11 {
    font-size: 11px
}

.font-12 {
    font-size: 12px
}

.font-13 {
    font-size: 13px
}

.font-14 {
    font-size: 14px
}

.font-15 {
    font-size: 15px
}

.font-16 {
    font-size: 16px
}

.font-17 {
    font-size: 17px
}

.font-18 {
    font-size: 18px
}

.font-19 {
    font-size: 19px
}

.font-20 {
    font-size: 20px
}

.font-22 {
    font-size: 22px
}

.font-23 {
    font-size: 23px
}

.font-24 {
    font-size: 24px
}

.font-26 {
    font-size: 26px
}

.font-28 {
    font-size: 28px
}

.font-30 {
    font-size: 30px
}

.font-32 {
    font-size: 32px
}

.font-33 {
    font-size: 33px
}

.font-34 {
    font-size: 34px
}

.font-36,
.font-37 {
    font-size: 36px
}

.font-38 {
    font-size: 38px
}

.font-40,
.font-42 {
    font-size: 40px
}

.font-44 {
    font-size: 44px
}

.font-45 {
    font-size: 45px
}

.font-48 {
    font-size: 48px
}

.font-50 {
    font-size: 50px
}

.font-52 {
    font-size: 52px
}

.font-56 {
    font-size: 56px
}

.font-60 {
    font-size: 60px
}

.font-73 {
    font-size: 73px
}

.lh-1 {
    line-height: 1
}

.lh-18 {
    line-height: 18px
}

.lh-20 {
    line-height: 20px
}

.lh-22 {
    line-height: 22px
}

.lh-24 {
    line-height: 24px
}

.lh-25 {
    line-height: 25px
}

.lh-29 {
    line-height: 29px
}

.lh-30 {
    line-height: 30px
}

.lh-34 {
    line-height: 34px
}

.lh-36 {
    line-height: 36px
}

.lh-48 {
    line-height: 48px
}

.lh-56 {
    line-height: 56px
}

.lh-60 {
    line-height: 60px
}

.font-style-italic {
    font-style: italic
}

.line-through {
    text-decoration: line-through
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-center {
    justify-content: center
}

.justify-content-between {
    justify-content: space-between
}

.list-unstyled {
    list-style-type: none
}

.pos-rel {
    position: relative
}

.pos-abs {
    position: absolute
}

.width-100p {
    width: 100%
}

.height-100p {
    height: 100%
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.vertical-line {
    background: #d1d2df;
    width: 2px;
    height: 45px
}

.cta-btn {
    min-height: 52px;
    background: #444bd3;
    padding: 14px 32px
}

.cta-btn:active,
.cta-btn:focus,
.cta-btn:hover {
    border: 0 !important
}

.text-ellipsis {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.clear {
    clear: both;
    overflow: hidden
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.border-radius-2 {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

.border-radius-4 {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

.border-radius-5,
.choose-select select {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.border-radius-6 {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px
}

.border-radius-8 {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px
}

.border-radius-10 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.border-radius-11 {
    border-radius: 11px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    -ms-border-radius: 11px;
    -o-border-radius: 11px
}

.border-radius-12 {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px
}

.border-radius-15 {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px
}

.border-radius-16 {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px
}

.border-radius-17 {
    border-radius: 17px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px
}

.border-radius-18 {
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px
}

.border-radius-33 {
    border-radius: 33px;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    -ms-border-radius: 33px;
    -o-border-radius: 33px
}

.border-radius-37 {
    border-radius: 37px;
    -webkit-border-radius: 37px;
    -moz-border-radius: 37px;
    -ms-border-radius: 37px;
    -o-border-radius: 37px
}

.border-radius-50 {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.common-shadow {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .08)
}

.text-capitalize {
    text-transform: capitalize
}

.text-uppercase {
    text-transform: uppercase
}

.text-color-1 {
    color: #121127
}

.text-color-2 {
    color: rgba(18, 17, 39, .9)
}

.text-color-3 {
    color: rgba(38, 38, 38, .9)
}

.text-color-4 {
    color: rgba(38, 38, 38)
}

.text-color-7 {
    color: rgba(47, 56, 87, .9)
}

.text-color-8 {
    color: rgba(38, 38, 38, .8)
}

.text-color-9 {
    color: rgba(0, 0, 0, .8)
}

.text-color-10 {
    color: rgba(38, 38, 38, .81)
}

.text-color-11 {
    color: rgba(38, 38, 38, .7)
}

.text-color-12 {
    color: rgba(0, 0, 0)
}

.text-color-13 {
    color: rgba(244, 92, 110)
}

.text-color-14 {
    color: rgba(18, 17, 39, .56)
}

.text-color-15 {
    color: rgba(255, 255, 255, .56)
}

.text-color-16 {
    color: rgba(38, 38, 38, .7)
}

.text-color-17 {
    color: rgba(18, 17, 39, .4)
}

.text-color-18 {
    color: #5d5fef
}

.text-color-19 {
    color: #3f43c8
}

.text-color-20 {
    color: #8c8c8c
}

.text-color-21 {
    color: rgba(18, 17, 39, .7)
}

.text-color-22 {
    color: #7b7b7b
}

.text-color-23 {
    color: rgba(17, 34, 17, .56)
}

.text-color-24 {
    color: rgba(18, 17, 39, .48)
}

.text-color-25 {
    color: rgba(18, 17, 39, .56)
}

.text-color-26 {
    color: rgba(18, 17, 39, .8)
}

.text-color-27 {
    color: rgba(18, 17, 39, .77)
}

.text-color-28 {
    color: rgba(18, 17, 39, .75)
}

.text-color-29 {
    color: #ff7e00 !important
}

.text-color-30 {
    color: #3ca745 !important
}

.text-white {
    color: #fff
}

.lk-pricing-area .pricing-section .valid-month span,
.text-black {
    color: #000
}

.color4 {
    color: #3237cf
}

.w-100 {
    width: 100% !important
}

.border-0 {
    border: 0 !important
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.text-decoration-underline {
    text-decoration: underline
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-medium {
    font-weight: 500 !important
}

.font-weight-thin {
    font-weight: 300 !important
}

.font-weight-semi {
    font-weight: 600 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-extrabold {
    font-weight: 800 !important
}

.border-bottom-none {
    border-bottom: 0 !important
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col-10,
.col-11,
.col-12 {
    -webkit-box-flex: 0
}

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

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-7,
.col-8,
.col-9 {
    -webkit-box-flex: 0
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-4,
.col-5,
.col-6 {
    -webkit-box-flex: 0
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-1,
.col-2,
.col-3 {
    -webkit-box-flex: 0
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

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

.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    position: relative;
    width: 100%;
    padding-right: 15px !important;
    padding-left: 15px !important
}

a,
a:active a:hover,
a:focus,
a:visited {
    text-decoration: none
}

.align-middle {
    vertical-align: middle
}

.img-fluid {
    height: auto;
    max-width: 100%
}

.m-0 {
    margin: 0
}

.m-t-3 {
    margin-top: 3px
}

.m-t-5 {
    margin-top: 5px
}

.m-t-10 {
    margin-top: 10px
}

.m-t-15,
.talk-to-lawyer-section .how-talk-tile .how-box p {
    margin-top: 15px
}

.m-t-20 {
    margin-top: 20px
}

.m-t-30 {
    margin-top: 30px !important
}

.m-t-40 {
    margin-top: 40px !important
}

.m-t-45 {
    margin-top: 45px !important
}

.m-t-50 {
    margin-top: 50px
}

.m-t-60 {
    margin-top: 60px
}

.m-t-70 {
    margin-top: 70px
}

.m-t-80 {
    margin-top: 80px
}

.m-tb-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.m-tb-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.m-tb-25 {
    margin-top: 25px;
    margin-bottom: 25px
}

.m-tb-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.m-tb-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.m-tb-45 {
    margin-top: 45px;
    margin-bottom: 45px
}

.m-tb-50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.m-b-5 {
    margin-bottom: 5px
}

.m-b-10 {
    margin-bottom: 10px
}

.m-b-12 {
    margin-bottom: 12px
}

.m-b-15 {
    margin-bottom: 15px
}

.m-b-20 {
    margin-bottom: 20px
}

.m-b-25 {
    margin-bottom: 25px
}

.m-b-30 {
    margin-bottom: 30px
}

.m-b-40 {
    margin-bottom: 40px
}

.m-b-50 {
    margin-bottom: 50px
}

.m-b-60 {
    margin-bottom: 60px
}

.m-b-70 {
    margin-bottom: 70px
}

.m-b-80 {
    margin-bottom: 80px
}

.m-l-auto {
    margin-left: auto
}

.m-l-5 {
    margin-left: 5px
}

.m-l-10 {
    margin-left: 10px
}

.m-l-20 {
    margin-left: 20px
}

.document-pricing-area .price-pkg-sec .price-card-item.active .wizard-price-card-body .left-box .form-check .checkDocUpload,
.m-r-5 {
    margin-right: 5px
}

.m-r-8 {
    margin-right: 8px
}

.m-r-10 {
    margin-right: 10px
}

.m-r-15 {
    margin-right: 15px
}

.m-r-20 {
    margin-right: 20px
}

.m-r-30 {
    margin-right: 30px
}

.m-r-45 {
    margin-right: 45px
}

.breadcrumbs-sec ul,
.p-0 {
    padding: 0
}

.p-10 {
    padding: 10px
}

.p-15 {
    padding: 15px
}

.p-16 {
    padding: 16px
}

.p-20 {
    padding: 20px
}

.p-25 {
    padding: 25px
}

.p-30 {
    padding: 30px
}

.px-10 {
    padding-left: 10px;
    padding-right: 10px
}

.px-15 {
    padding-left: 15px;
    padding-right: 15px
}

.pb-10 {
    padding-bottom: 10px
}

.p-b-20 {
    padding-bottom: 20px
}

.p-l-10 {
    padding-left: 10px
}

.client-reviews-section h2.font-30,
.p-l-20 {
    padding-left: 20px
}

.p-l-30 {
    padding-left: 30px
}

.p-r-10 {
    padding-right: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-25 {
    padding-top: 25px
}

.flex-block {
    flex: 1
}

.color-light-50 {
    color: rgba(49, 49, 49, .5)
}

.color-light-60 {
    color: rgba(49, 49, 49, .6)
}

.color-light-80 {
    color: rgba(49, 49, 49, .8)
}

.ml-auto {
    display: flex;
    align-items: flex-end;
    justify-content: end
}

header.main-header .container {
    padding: 0 15px;
    max-width: 1280px;
    margin: 0 auto
}

.blocker {
    z-index: 9999 !important;
    padding: 0 !important
}

.divide-section {
    padding-right: 8px !important
}

/* .divide-section .col-5,
.divide-section .col-7 {
    padding-left: 8px !important
} */

.main-content {
    background: #ffffff;
}

.divide-section {
    padding-top: 20px;
}

.divide-section .jc-title {
    border-bottom: 4px solid rgba(99, 115, 129, .1);
    padding-bottom: 25px
}

.divide-section .jc-title h1 {
    max-width: 600px;
    line-height: normal;
}

.divide-section .jc-title .talk-heading {
    padding-left: 120px
}

.divide-section .jc-title .jcbtnClick p span {
    color: #3056d3;
    font-weight: 700
}

.divide-section .jc-title h3 {
    max-width: 440px;
    margin-top: 40px
}

.divide-section .jc-title .online-block {
    background: #fff;
    padding: 7px;
    max-width: fit-content;
    min-height: 54px
}

.divide-section .jc-title .online-block.ongoing {
    padding: 9px
}

.jc-consultation-amount-new {
    margin-top: 25px;
    margin-bottom: 23px
}

.divide-section .jc-title .jc-consultation-amount {
    background: #ffa113;
    max-width: fit-content;
    padding: 0 12px;
    min-height: 45px;
    display: flex;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 23px;
    cursor: pointer
}

.divide-section .jc-title .talk-heading h1 {
    line-height: normal
}

.divide-section .jc-title .rating-jc {
    background: 0 0;
    min-height: 100px;
    min-width: 100px;
    text-align: center;
    overflow: hidden;
    left: 0;
    top: 10px
}

.divide-section .jc-title .rating-jc .top-side {
    padding: 7px;
    background: #55b72e;
    min-width: 100px
}

.divide-section .jc-title .rating-jc p {
    padding-top: 15px;
    background: #f5f5ff;
    padding-bottom: 15px
}

.divide-section .jc-title .online-block .avatars-online .online-box {
    width: 36px;
    height: 36px;
    background: #49cd56;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .12));
    margin-right: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

.divide-section .jc-title .online-block .avatars-online .online-box img {
    width: 20px;
    height: 20px
}

.divide-section .jc-title .online-block .avatars-online .img-circle {
    width: 39px;
    height: 39px;
    overflow: hidden;
    position: relative;
    background: #f8f6f6;
    display: flex;
    align-items: center;
    justify-content: center
}

.divide-section .jc-title .online-block .avatars-online .img-circle img {
    height: 100%;
    width: 100%
}

.divide-section .jc-title .online-block .avatars-online .img-circle:nth-child(1) {
    z-index: 4
}

.divide-section .jc-title .online-block .avatars-online .img-circle:nth-child(2) {
    left: -10px;
    z-index: 3
}

.divide-section .jc-title .online-block .avatars-online .img-circle:nth-child(3) {
    left: -20px;
    z-index: 2
}

.divide-section .jc-title .online-block .avatars-online>.avatars-online {
    position: relative;
    left: -15px
}

.divide-section .jc-title .online-block .avatars-online .pulse,
.divide-section .jc-title .online-block.ongoing .avatars-online .pulse {
    margin-left: 10px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    transform: translateZ(0);
    will-change: transform, opacity, box-shadow
}

.divide-section .jc-title .online-block .avatars-online .pulse {
    background: #49cd56;
    -webkit-animation: pulse1 2s infinite;
    animation: pulse1 2s infinite
}

.divide-section .jc-title .online-block.ongoing .avatars-online .pulse {
    background: #ffbf1c;
    -webkit-animation: pulse2 2s infinite;
    animation: pulse2 2s infinite
}

.divide-section .jc-title .consult-btn a {
    height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #3f43c8;
    cursor: pointer;
    border: 0;
    max-width: fit-content;
    padding-left: 30px;
    padding-right: 30px
}

.lk-legal-concern.mobile,
.three-steps-mobile {
    display: none
}

.concern-section h2 {
    margin-bottom: 25px;
}

.concern-section .concern-card {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 15px;
    height: auto;
    margin-bottom: 0;
    background: #FFFFFF;
    border-bottom: 4px solid rgba(99, 115, 129, .1);
}

.lk-legal-concern {
    margin-left: -10px;
    padding-top: 10px;
    padding-bottom: 35px;
    margin-right: -10px;
    min-height: 353px
}

.lk-legal-concern .lk-concern {
    margin-top: 30px
}

.lk-legal-concern .lk-concern .owl-carousel .owl-stage {
    display: flex
}

.lk-legal-concern .lk-concern .owl-carousel .owl-item {
    display: flex;
    flex: 1 0 auto
}

.lk-legal-concern .lk-concern .item {
    background: #fff;
    border: .8px solid rgba(18, 17, 39, .1);
    margin: 0 10px 15px;
    box-shadow: 0 0 9px 0 rgb(142 138 158/27%);
    -webkit-box-shadow: 0 0 9px 0 rgb(142 138 158/27%);
    -moz-box-shadow: 0 0 9px 0 rgb(142 138 158/27%);
    -ms-box-shadow: 0 0 9px 0 rgb(142 138 158/27%);
    -o-box-shadow: 0 0 9px 0 rgb(142 138 158/27%);
    overflow: hidden;
    height: 100%
}

.lk-legal-concern .lk-concern .item .concern-content {
    padding: 12px 10px 0;
    text-align: center;
    position: relative;
}

.lk-legal-concern .lk-concern .item .concern-content h3 {
    min-height: 40px;
    max-width: 150px;
    line-height: 18px;
    margin: 0 auto;
}

.lk-legal-concern .lk-concern .item .image-box {
    overflow: hidden
}

.lk-legal-concern .lk-concern .item .image-box img {
    width: 100%;
    height: 100%;
    min-height: 101px
}

.lk-legal-concern .lk-concern .item .concern-content .consult-btn a:first-child {
    display: none
}

.lk-legal-concern .lk-concern .item .concern-content .consult-btn a {
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    margin-top: 5px;
    background: #4c50e0;
    border-radius: 15px;
    padding: 5px 10px
}

.lk-legal-concern .lk-concern .item .concern-content .consult-btn a svg {
    filter: brightness(0) invert(1);
    width: auto;
    height: auto;
    display: inline-block;
}

.lk-legal-concern .lk-concern .owl-nav {
    margin-top: 0;
    z-index: 1;
    display: flex
}

.lk-legal-concern .lk-concern .owl-prev {
    position: absolute;
    top: 80px;
    left: -20px
}

.lk-legal-concern .lk-concern .owl-next {
    position: absolute;
    top: 80px;
    right: -20px;
    display: flex;
    width: 35px !important;
    height: 35px !important;
    margin: 0 10px;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    background-color: #faf9ff !important;
    border: .5px solid rgba(18, 17, 39, .34) !important;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    -o-box-shadow: 0 4px 4px rgba(0, 0, 0, .15)
}

.client-reviews-section .clt-review .owl-nav button,
.lk-legal-concern .lk-concern .owl-next,
.lk-legal-concern .lk-concern .owl-prev {
    align-items: center;
    justify-content: center;
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear
}

.lk-legal-concern .lk-concern .owl-prev {
    display: flex;
    width: 35px !important;
    height: 35px !important;
    margin: 0 10px;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    background-color: #faf9ff !important;
    border: .5px solid rgba(18, 17, 39, .34) !important;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    -o-box-shadow: 0 4px 4px rgba(0, 0, 0, .15)
}

.lk-legal-concern .lk-concern .owl-next:hover,
.lk-legal-concern .lk-concern .owl-prev:hover {
    background-color: #4c50e0 !important
}

.lk-lawyer-section .lawyer-carousel .owl-next img,
.lk-lawyer-section .lawyer-carousel .owl-prev img,
.lk-legal-concern .lk-concern .owl-next img,
.lk-legal-concern .lk-concern .owl-prev img {
    width: 10px;
    height: 15px
}

.lk-legal-concern .lk-concern .owl-next:hover img,
.lk-legal-concern .lk-concern .owl-prev:hover img {
    filter: brightness(0) invert(1);
    width: 10px;
    height: 15px
}

.talk-to-lawyer-section {
    background: #f1f1f5;
    padding: 25px 5px;
    min-height: 285px
}

.talk-to-lawyer-section .how-talk-tile {
    margin-top: 55px
}

.talk-to-lawyer-section .how-talk-tile .col-12 {
    margin-bottom: 60px
}

.talk-to-lawyer-section .how-talk-card .icon-box {
    background: #8c92fa;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px
}

.talk-to-lawyer-section .how-talk-card .content-side {
    flex: 1
}

.talk-to-lawyer-section .how-talk-card h3,
.talk-to-lawyer-section .how-talk-card span {
    margin-bottom: 7px
}

.client-reviews-section {
    padding: 30px 0 15px;
    background: #fff;
    margin-left: -10px;
    min-height: 467px
}

.client-reviews-section .container {
    padding: 0
}

.client-reviews-section h2 {
    max-width: 500px
}

.client-reviews-section .clt-review .owl-item {
    display: flex;
    flex: 1 0 auto
}

.client-reviews-section .clt-review .owl-stage {
    display: flex
}

.client-reviews-section .clt-review .item {
    background: #fff;
    margin: 5px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(99, 115, 129, .1);
    padding: 20px 20px 100px;
    width: 100%;
}

.client-reviews-section .clt-review .clt-content-box span.font-36 {
    height: 35px;
    display: block
}

.client-reviews-section .clt-review .clt-content-box p {
    max-width: 650px;
    line-height: 24px
}

.client-reviews-section .clt-review .clt-content-box .foot-side .avatar-icon {
    margin-right: 12px;
    width: 48px;
    height: 48px;
    overflow: hidden;
    align-self: flex-start
}

.client-reviews-section .clt-review .clt-content-box .foot-side .name-symbol {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    margin-right: 12px;
    align-self: flex-start
}

.client-reviews-section .clt-review .clt-content-box .foot-side .content-tile {
    flex: 1
}

.client-reviews-section .clt-review .clt-content-box .foot-side .star-rating img {
    width: auto !important;
    margin-left: 3px
}

.client-reviews-section .clt-review .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -100px;
    bottom: auto;
    right: 0
}

.client-reviews-section .clt-review .owl-nav button {
    background: rgba(18, 17, 39, .04) !important;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    width: 72px;
    height: 48px;
    display: inline-flex;
    margin-right: 12px
}

.client-reviews-section .clt-review .owl-nav button:hover {
    background: #444bd3 !important
}

.client-reviews-section .clt-review .owl-nav button.owl-next .next-slide,
.client-reviews-section .clt-review .owl-nav button.owl-prev .prev-slide {
    height: 16px
}

.client-reviews-section .clt-review .owl-nav button img {
    width: 22px;
    height: auto
}

.client-reviews-section .clt-review .owl-nav button:hover img {
    filter: brightness(100);
    -webkit-filter: brightness(100);
    -moz-filter: brightness(100);
    -ms-filter: brightness(100);
    -o-filter: brightness(100)
}

.client-reviews-section .clt-review .owl-nav button:last-child {
    margin-right: 0
}

.all-over-user-section {
    padding: 25px 0;
    background: #f1eaff;
    position: relative;
    min-height: 413px
}

.all-over-user-section .detail-card {
    background: 0 0;
    max-width: 936px;
    padding: 40px;
    margin: 37px auto 0;
    position: relative;
    z-index: 1
}

.lk-advantage-section {
    padding: 25px 0;
    background: #fafaff;
    min-height: 499px
}

.lk-advantage-section .container {
    padding: 0 15px
}

.lk-advantage-section .advantage-card {
    background: #fff;
    box-shadow: 0 20px 50px rgba(18, 17, 39, .08);
    -webkit-box-shadow: 0 20px 50px rgba(18, 17, 39, .08);
    -moz-box-shadow: 0 20px 50px rgba(18, 17, 39, .08);
    -ms-box-shadow: 0 20px 50px rgba(18, 17, 39, .08);
    -o-box-shadow: 0 20px 50px rgba(18, 17, 39, .08);
    padding: 24px
}

.lk-advantage-section .advantage-card .icon-tile {
    margin-right: 30px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background: #8c92fa;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start
}

.lk-advantage-section .advantage-card .content-side {
    flex: 1
}

.lk-news-section {
    padding: 30px 10px;
    background: #fff;
    min-height: 499px
}

.lk-news-section .container {
    padding: 0
}

.lk-news-section .container .row {
    margin-top: 20px
}

.lk-news-section .media-tile-card {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 32px;
    padding-top: 32px
}

.lk-news-section .media-tile-card .news-avatar {
    width: 264px;
    height: 150px;
    overflow: hidden;
    margin-right: 24px
}

.lk-news-section .col-12:nth-child(4) .media-tile-card .news-avatar {
    border: 1px solid #f5f5f5
}

.lk-news-section .media-tile-card .content-side {
    flex: 1
}

.lk-news-section .media-tile-card .content-side h3 {
    max-width: 264px
}

.lk-news-section .media-tile-card .content-side .news-common-badge {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    max-width: fit-content;
    height: 24px;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    margin-bottom: 15px
}

.lk-news-section .col-12:last-child .media-tile-card {
    border-bottom: 0
}

.jc-title-mobile,
.lk-pricing-area .pricing-section .pricing-panel .pricing-card .active-img-box .active-img {
    display: none
}

.lk-pricing-area,
.pricing-box {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.pricing-box {
    border-radius: 5px
}

.lk-pricing-area {
    position: sticky;
    position: -webkit-sticky;
    top: 75px;
    margin-bottom: 80px;
    margin-top: 0;
    z-index: 99;
    padding: 15px;
    background: #fff;
    box-shadow: -2px 16px 37px rgb(0 0 0/12%);
    border-radius: 14px
}

.pricing-box {
    margin-top: 15px
}

.lk-pricing-area .pricing-section .lk-pricing-card .top-side h4 {
    color: #444bd3
}

.lk-pricing-area .pricing-section .lk-pricing-card .top-side p {
    color: #4e8af4;
    margin-top: 3px;
    text-decoration: underline
}

.choose-concer-select {
    border: 1px solid rgba(18, 17, 39, .25);
    border-radius: 7px;
    box-shadow: 0 0 9px 0 rgba(142, 138, 158, .27)
}

.choose-concer-select label {
    height: auto;
    line-height: 15px;
    display: block;
    padding: 8px 10px 0;
    font-size: 12px;
    font-weight: 500;
    color: #121127
}

.lk-pricing-area .pricing-section .choose-select select {
    width: 100%;
    box-shadow: none;
    border: 0;
    height: 40px;
    padding: 0 20px 0 10px;
    margin-top: 0;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(18, 17, 39, .6)
}

.lk-pricing-area .pricing-section .choose-select select .customselect {
    background: #fff url(../layout-optim/just-consult-landing-new/offer-down-arrow.png)no-repeat center right !important;
    background-size: 20px !important
}

.lk-pricing-area .pricing-section .pricing-panel {
    padding: 0 25px
}

.lk-pricing-area .pricing-section .pricing-panel .col-6 {
    padding-right: 5px !important;
    padding-left: 5px !important
}

.lk-pricing-area .pricing-section .pricing-panel .pricing-card {
    padding: 12px 10px;
    cursor: pointer;
    position: relative;
    transition-property: transform;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    background: #fff;
    border: 1px solid rgba(18, 17, 39, .25);
    border-radius: 7px
}

.lk-pricing-area .pricing-section .pricing-panel .pricing-card.recommended-card {
    background: rgba(232, 155, 5, .19)
}

.lk-pricing-area .pricing-section .pricing-panel .pricing-card:hover {
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px)
}

.lk-pricing-area .pricing-section .pricing-panel .pricing-card.active {
    border: 1px solid #74dddd !important;
    background: rgba(62, 186, 186, .1)
}

.lk-pricing-area .pricing-section .pricing-panel .pricing-card .recommended-badge {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    max-width: fit-content;
    color: #fff;
    padding: 0 7px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: -15px;
    background: linear-gradient(91.79deg, #ef9207 -13.38%, rgba(255, 187, 12, .99) 101.59%)
}

.lk-pricing-area .pricing-section .pricing-panel .pricing-card .active-img-box {
    height: 24px;
    margin-left: auto
}

.lk-pricing-area .pricing-section .pricing-panel .pricing-card.active .active-img-box .active-img {
    display: block
}

.lk-pricing-area .pricing-section .pricing-panel .pricing-card.active .active-img-box .non-active-img,
.talk-to-lawyer-section.mobile {
    display: none
}

.lk-pricing-area .pricing-section .pricing-panel .pricing-card h5 span,
.lk-pricing-area .pricing-section .pricing-panel .pricing-card.active h5 span {
    color: #f90
}

.lk-pricing-area .pricing-section .pricing-panel .pricing-card.active span {
    color: rgba(255, 255, 255, .66)
}

.lk-pricing-area .pricing-section .price-buy .buy-now {
    min-width: 237px;
    height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #3f43c8;
    cursor: pointer;
    border: 0;
    transition: all .5s linear 0s
}

.lk-pricing-area .pricing-section .price-buy .buy-now:hover {
    background: 0 0;
    color: #3f43c8;
    border: 1px solid #3f43c8
}

.doc-review-add-sec {
    background: linear-gradient(129.63deg, #5052aa 23.07%, #c85ca3 120.18%);
    max-width: 100%;
    height: 234px;
    padding: 30px 23px;
    margin-top: 40px
}

.doc-review-add-sec h3 {
    max-width: 237px
}

.doc-review-add-sec a {
    background: rgba(0, 0, 0, .17);
    border: 1px solid #fff;
    padding: 10px;
    text-decoration: none;
    display: inline-flex;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    max-width: 250px;
    height: 49px;
    margin-top: 40px;
    align-items: center;
    justify-content: center
}

.doc-review-banner {
    right: 20px;
    top: -12px
}

.jc-pricing-plan-section .pricing-card .card-body ul li:last-child {
    margin-bottom: 0
}

.error {
    display: block;
    margin: 8px 0 !important;
    font-size: 12px !important
}

.swal-overlay--show-modal {
    z-index: 99999
}

.cursor-pointer {
    cursor: pointer !important
}

.choose-select-error {
    border: 1px solid #f14d3c !important
}

.customselect {
    background: #fff url(../layout-optim/just-consult-landing-new/offer-down-arrow.png)no-repeat center right !important;
    background-size: 20px !important
}

.buy-lk-footer {
    display: none
}

.talk-to-lawyer-offer-sm {
    display: none;
    margin-top: -15px
}

.lk-benefits-consultation-section {
    padding: 30px 0;
    background: #fff;
    border-top: 4px solid rgba(99, 115, 129, .1);
    min-height: 402px
}

.lk-benefits-consultation-section .benefits-content {
    margin-top: 30px
}

.lk-benefits-consultation-section .benefits-content .col-2 {
    flex: 0 0 20%;
    max-width: 20%
}

.lk-benefits-consultation-section .benefits-content div[class^=col-] {
    padding-left: 6px !important;
    padding-right: 6px !important
}

.lk-benefits-consultation-section .benefits-content .consultation-tile {
    background: #faf9ff;
    padding: 30px 20px;
    margin-bottom: 15px;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -ms-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    box-shadow: none
}

.lk-benefits-consultation-section .benefits-content .consultation-tile:hover {
    background: #fff;
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 18px 32px -4px rgb(136 136 136/25%);
    -webkit-box-shadow: 0 18px 32px -4px rgb(136 136 136/25%);
    -moz-box-shadow: 0 18px 32px -4px rgba(136, 136, 136, .25);
    -ms-box-shadow: 0 18px 32px -4px rgba(136, 136, 136, .25);
    -o-box-shadow: 0 18px 32px -4px rgba(136, 136, 136, .25)
}

.frequently-questions .accordion-sec .panel ul li:last-child,
.lk-benefits-consultation-section .benefits-content .consultation-tile:last-child {
    margin-bottom: 0
}

.lk-benefits-consultation-section .benefits-content .consultation-tile span {
    color: rgba(18, 17, 34, .45)
}

.frequently-questions {
    background: #f7f7fb;
    padding: 30px 0
}

.frequently-questions .accordion-sec.content-card {
    max-width: 936px;
    margin: 48px auto 0
}

.frequently-questions .accordion-sec .accordion {
    width: 100%;
    padding-bottom: 7px;
    border-bottom: 1px solid #e3e2e5;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.frequently-questions .accordion-sec .accordion-header {
    margin: 0;
    font-size: 15px;
    cursor: pointer;
    padding: 25px 50px 16px 0;
    position: relative;
    font-weight: 600;
    color: #2f3857
}

.frequently-questions .accordion-sec .accordion-header p {
    font-size: 16px;
    font-weight: 700;
    color: #121127
}

.frequently-questions .accordion-header.closed::after,
.frequently-questions .accordion-header::after {
    content: "";
    color: #fff;
    background-image: url(../../client_base_web/layout-optim/new-talk-to-lw-revamp/frequently-down-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent
}

.frequently-questions .accordion-header::after {
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 26px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    font-size: 16px;
    line-height: 17px;
    background-image: url(../../client_base_web/layout-optim/new-talk-to-lw-revamp/frequently-up-arow.png)
}

.frequently-questions .accordion-sec .panel {
    display: none;
    padding-left: 0;
    padding-right: 15px;
    padding-top: 0
}

.frequently-questions .accordion-sec .accordion .panel p {
    color: rgba(18, 17, 39, .56) !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 20px
}

.frequently-questions .accordion-sec .panel ul li {
    color: rgba(18, 17, 39, .56) !important;
    margin-bottom: 8px
}

.three-steps ul li {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid rgba(99, 115, 129, .5)
}

.three-steps ul li:last-child {
    border-right: 0;
    margin-right: 0
}

.talk-to-lawyer-section .how-box {
    background: 0 0;
    box-shadow: 0-1px 11px -8px rgb(0 0 0/8%);
    -webkit-box-shadow: 0-1px 11px -8px rgb(0 0 0/8%);
    -moz-box-shadow: 0-1px 11px -8px rgba(0, 0, 0, .08);
    -ms-box-shadow: 0-1px 11px -8px rgba(0, 0, 0, .08);
    -o-box-shadow: 0-1px 11px -8px rgba(0, 0, 0, .08);
    padding: 10px
}

.talk-to-lawyer-section.desktop .col-4 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.talk-to-lawyer-section .how-box .how-icon {
    width: 54px;
    height: 54px;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px
}

.talk-to-lawyer-section.desktop .how-box {
    padding: 0
}

.talk-to-lawyer-section.desktop .how-box .how-icon {
    margin-right: 0
}

.talk-to-lawyer-section .how-box p {
    flex: 1;
    margin-top: 0;
    line-height: 23px;
    text-align: center
}

.talk-to-lawyer-section .how-box .d-flex {
    flex-direction: column;
    align-items: center
}

.lk-concern-consult-section {
    background: #000;
    padding: 30px 25px;
    min-height: 206px
}

.lk-concern-consult-section .left-consult {
    padding: 34px 35px 28px 60px
}

.lk-concern-consult-section .left-consult h3 {
    margin-bottom: 25px
}

.lk-concern-consult-section .right-consult a {
    background: #faf9ff;
    box-shadow: 0 3px 9px -4px rgba(6, 6, 6, .2);
    -webkit-box-shadow: 0 3px 9px -4px rgba(6, 6, 6, .2);
    -moz-box-shadow: 0 3px 9px -4px rgba(6, 6, 6, .2);
    -ms-box-shadow: 0 3px 9px -4px rgba(6, 6, 6, .2);
    -o-box-shadow: 0 3px 9px -4px rgba(6, 6, 6, .2);
    padding: 9px 32px;
    max-width: 300px;
    text-align: center;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center
}

.lk-concern-consult-section .right-consult a:hover {
    color: rgba(18,17,39,.9);
}

.lk-lawyer-section .lawyers-talk-card {
    box-shadow: 0 0 5px 3px rgb(0 0 0/10%);
    -webkit-box-shadow: 0 0 5px 3px rgb(0 0 0/10%);
    -moz-box-shadow: 0 0 5px 3px rgb(0 0 0/10%);
    -ms-box-shadow: 0 0 5px 3px rgb(0 0 0/10%);
    -o-box-shadow: 0 0 5px 3px rgb(0 0 0/10%);
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-right: 0;
    margin: 10px;
    padding: 17px 13px;
    height: auto
}

.lk-lawyer-section .lawyers-talk-card .col-5,
.lk-lawyer-section .lawyers-talk-card .col-7 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px !important;
    padding-left: 15px !important
}

.lk-lawyer-section .lawyers-talk-card .lw-left .head-tile h2 {
    font-size: 15px;
    color: #2e3235
}

.lk-lawyer-section .lawyers-talk-card .lw-left .lw-avatar {
    margin-right: 15px
}

.lk-lawyer-section .lawyers-talk-card .lw-left .head-tile {
    margin-bottom: 10px
}

.lk-lawyer-section .lawyers-talk-card .lw-left .lw-avatar {
    width: 82px;
    height: 82px;
    align-self: flex-start;
    overflow: hidden
}

.avatar-tile {
    align-self: flex-start;
    width: 82px;
    height: 82px
}

.avatar-status {
    border: 1px solid #fff;
    bottom: -3px;
    height: 12px;
    right: -3px;
    width: 12px;
    z-index: 1;
    background: #3ca745
}

.lk-lawyer-section .lawyers-talk-card .lw-left .content-wrap {
    flex: 1
}

.lk-lawyer-section .lawyers-talk-card .lw-left .lw-avatar img {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px);
    object-fit: cover;
    width: 100%;
    height: 100%
}

.lk-lawyer-section .lawyers-talk-card .specialist-tile.mobile ul li img {
    width: auto
}

.lk-lawyer-section .lawyers-talk-card .footer-part .call-side a,
.lk-lawyer-section .lawyers-talk-card .footer-part .video-side a {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 15px;
    min-width: 140px;
    height: 36px;
    cursor: pointer
}

.lk-lawyer-section .lawyers-talk-card .footer-part .call-side {
    margin-right: 9px
}

.lk-lawyer-section .lawyers-talk-card .footer-part a {
    display: flex;
    justify-content: center;
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear
}

.lk-lawyer-section .lawyers-talk-card .footer-part .call-side .call-cta-btn {
    border: .8px solid #54c55f;
    color: #3fb94b
}

.lk-lawyer-section .lawyers-talk-card .footer-part .call-side .call-cta-btn:hover {
    background: linear-gradient(92.62deg, #22a32f 47.81%, #23c633 99.64%) !important;
    color: #fff
}

.lk-lawyer-section .lawyers-talk-card .footer-part .call-side .call-cta-btn img,
.lk-lawyer-section .lawyers-talk-card .footer-part .video-side .video-cta-btn img {
    width: auto;
    margin-right: 5px
}

.lk-lawyer-section .lawyers-talk-card .footer-part .call-side .call-cta-btn:hover img,
.lk-lawyer-section .lawyers-talk-card .footer-part .video-side .video-cta-btn:hover img {
    filter: brightness(5)
}

.lk-lawyer-section .lawyers-talk-card .footer-part .video-side .video-cta-btn {
    border: .8px solid #3056d3;
    color: #3237cf
}

.lk-lawyer-section .lawyers-talk-card .footer-part .video-side .video-cta-btn:hover {
    background: linear-gradient(93.19deg, #3237cf -40.86%, #5678e6 115.53%) !important;
    color: #fff
}

.lk-lawyer-section .lawyers-talk-card .lw-left .content-wrap .practice-area ul li {
    border: .5px solid rgba(18, 17, 34, .62);
    font-weight: 500;
    font-size: 10px;
    padding: 3px 7px;
    min-width: 60px;
    text-align: center;
    margin-bottom: 7px;
    margin-right: 7px;
    color: rgba(18, 17, 39, .82)
}

.lk-lawyer-section .lawyers-talk-card .lw-left .footer-part {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: .8px solid rgba(46, 50, 53, .2);
    position: relative
}

.lk-lawyer-section .lawyers-talk-card .foot-cta {
    margin-left: auto
}

.lk-lawyer-section {
    margin-left: -10px;
    margin-right: -10px;
    padding-bottom: 20px;
    min-height: 417px
}

.lk-lawyer-section .practice-area {
    margin-top: 20px;
    margin-left: -35px
}

.lk-lawyer-section .lawyer-carousel .owl-next,
.lk-lawyer-section .lawyer-carousel .owl-prev {
    display: flex;
    width: 35px !important;
    height: 35px !important;
    margin: 0 10px;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    background-color: #faf9ff !important;
    border: .5px solid rgba(18, 17, 39, .34) !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 4px rgb(0 0 0/15%);
    -webkit-box-shadow: 0 4px 4px rgb(0 0 0/15%);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    -o-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear
}

.lk-lawyer-section .lawyer-carousel .owl-prev {
    position: absolute;
    top: 150px;
    left: -20px
}

.lk-lawyer-section .lawyer-carousel .owl-next,
.star-mobile {
    position: absolute;
    top: 150px;
    right: -20px
}

.star-mobile {
    display: flex;
    background: #2f8e39;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    width: 44px;
    height: 20px;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0;
    right: 20px
}

.lk-lawyer-section .lawyer-carousel {
    margin-top: 25px
}

.star-mobile svg {
    top: -1px;
    position: relative;
    margin-left: 3px
}

.lk-lawyer-section .lawyer-carousel .owl-next:hover,
.lk-lawyer-section .lawyer-carousel .owl-prev:hover {
    background-color: #4c50e0 !important
}

.lk-lawyer-section .lawyer-carousel .owl-next:hover img,
.lk-lawyer-section .lawyer-carousel .owl-prev:hover img {
    filter: brightness(0) invert(1);
    width: 10px;
    height: 15px
}

.lk-lawyer-section.mobile {
    display: none
}

.client-reviews-section .clt-review .clt-content-box {
    padding: 45px 0 0 50px
}

.rev-rate-block img {
    width: 25px !important;
    height: 25px !important
}

.review-quote img {
    width: 50px !important;
    height: 50px !important
}

.review-quote {
    position: absolute;
    top: 5px;
    left: 10px;
    height: 50px
}

.rev-rate-block {
    gap: 10px;
    margin-bottom: 10px;
    height: 25px
}

.client-footer {
    overflow: hidden;
    clear: both;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.client-footer .lw-name-box {
    float: left;
    width: calc(100% - 80px);
    padding-left: 20px
}

.client-footer .client-image {
    float: left;
    width: 70px;
    height: 80px
}

.client-reviews-section .clt-review .client-image img {
    width: 70px;
    margin-left: 10px;
    height: 80px
}

.lk-news-section .col-12:last-child .media-tile-card:last-child {
    padding-bottom: 0
}

@media screen and (min-width:768px) and (max-width:1023px) {
    header.main-header .user-profile .avatar-img {
        margin-right: 0 !important
    }
}

@media screen and (max-width:991px) {
    .three-steps-mobile ul li:first-child {
        margin-right: 0;
        padding-right: 25px
    }

    .jc-title-mobiles p,
    .lk-concern-consult-section .left-consult h3,
    .lk-pricing-area .pricing-box .lk-pricing-card .top-side h2 {
        letter-spacing: 1.4px
    }

    .jc-title-mobiles h1 {
        letter-spacing: 1.4px;
        line-height: 32px
    }

    .specialist-tile.mobile ul li {
        margin-bottom: 6px
    }

    .lk-lawyer-section .lawyer-carousel .owl-next,
    .lk-lawyer-section .lawyer-carousel .owl-prev {
        top: 155px
    }

    .lk-lawyer-section .lawyers-talk-card .footer-part .call-side a,
    .lk-lawyer-section .lawyers-talk-card .footer-part .video-side a {
        font-size: 10px;
        min-width: 92px
    }

    .lk-lawyer-section .lawyers-talk-card .footer-part .call-side {
        margin-right: 5px
    }

    .lk-lawyer-section .lawyers-talk-card .footer-part .call-side .call-cta-btn img,
    .lk-lawyer-section .lawyers-talk-card .footer-part .video-side .video-cta-btn img {
        width: 10px;
        height: auto
    }

    .lk-lawyer-section .lawyers-talk-card .lw-left .footer-part .lw-price-tile p,
    .lk-pricing-area .pricing-section .pricing-panel .pricing-card .valid-days p,
    .lk-pricing-area .pricing-section .pricing-panel .pricing-card h5 {
        font-size: 12px
    }

    .client-reviews-section .lw-name-box span,
    .lk-legal-concern.mobile .lk-concern .item .concern-content .consult-btn a,
    .lk-pricing-area .pricing-box .lk-pricing-card .top-side span,
    .talk-to-lawyer-section.mobile h2+p {
        font-size: 14px
    }

    .lk-lawyer-section .lawyers-talk-card .lw-left .footer-part .lw-price-tile span {
        font-size: 10px
    }

    .lk-lawyer-section.desktop {
        display: none
    }

    .lk-lawyer-section.mobile {
        display: block;
        padding-bottom: 0;
        border-top: 4px solid rgba(99, 115, 129, .1);
        margin-right: -15px;
        margin-left: -15px;
        padding-top: 20px;
        min-height: 385px
    }

    .lk-lawyer-section.mobile .lawyer-carousel {
        margin-top: 15px
    }

    .lk-lawyer-section .lawyers-talk-card .lw-left .lw-avatar,
    .three-steps-mobile .layer-info img {
        margin-right: 10px
    }

    .lk-legal-concern.mobile,
    .three-steps-mobile {
        display: block
    }

    .lk-legal-concern {
        display: none
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .divide-section {
        padding-top: 0
    }

    .jc-title-mobile {
        display: block;
        background: #f1eaff;
        margin-left: -15px;
        margin-right: -15px;
        padding: 25px 25px 30px
    }

    .jc-title-mobile .jcbtnClick p span {
        color: #3056d3;
        font-weight: 700 !important
    }

    .jc-title-mobile .consult-btn a {
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #3f43c8;
        cursor: pointer;
        border: 0;
        max-width: fit-content;
        padding-left: 30px;
        padding-right: 30px
    }

    .talk-to-lawyer-offer-sm {
        display: block
    }

    .jc-title-mobile .rating-jc-mobile {
        height: 29px;
        max-width: fit-content;
        border-radius: 0 4px 4px 0;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        -ms-border-radius: 0 4px 4px 0;
        -o-border-radius: 0 4px 4px 0;
        background: rgba(226, 226, 240, .45);
        margin-bottom: 20px
    }

    .jc-title-mobile .rating-jc-mobile .top-side {
        background: #55b72e;
        border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        -ms-border-radius: 4px 0 0 4px;
        -o-border-radius: 4px 0 0 4px;
        padding: 2px 10px
    }

    .jc-title-mobile .rating-jc-mobile p {
        padding: 2px 10px
    }

    .jc-title-mobile .jc-title-mobile .jc-consultation-amount {
        background: #ffa113;
        max-width: fit-content;
        padding: 0 12px;
        min-height: 45px;
        display: flex;
        align-items: center;
        margin-top: 20px;
        margin-bottom: 25px;
        cursor: pointer
    }

    .jc-title-mobile .online-state-cards-mobile .online-block .avatars-online .img-circle {
        width: 39px;
        height: 39px;
        overflow: hidden;
        position: relative;
        background: #5256f0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #fff
    }

    .jc-title-mobile .online-state-cards-mobile .online-block .avatars-online .img-circle img {
        height: 100%;
        width: 100%
    }

    .jc-title-mobile .online-state-cards-mobile .online-block .avatars-online .img-circle:nth-child(1) {
        z-index: 1
    }

    .jc-title-mobile .online-state-cards-mobile .online-block .avatars-online .img-circle:nth-child(2) {
        left: -5px;
        z-index: 3
    }

    .jc-title-mobile .online-state-cards-mobile .online-block .avatars-online .img-circle:nth-child(3) {
        left: -9px;
        z-index: 3
    }

    .jc-title-mobile .online-state-cards-mobile .online-block .avatars-online .img-circle:nth-child(4) {
        left: -15px;
        z-index: 5
    }

    .jc-title-mobile .online-state-cards-mobile .avatars-text .pulse {
        margin-left: 3px;
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        cursor: pointer;
        transform: translateZ(0);
        will-change: transform, opacity, box-shadow;
        background: #49cd56;
        -webkit-animation: pulse1 2s infinite;
        animation: pulse1 2s infinite
    }

    .talk-to-lawyer-offer-sec {
        display: none
    }

    .jc-title-mobile .col-7 {
        flex: 0 0 65%;
        max-width: 65%
    }

    .jc-title-mobile .col-5 {
        flex: 0 0 35%;
        max-width: 35%
    }

    .mobile-on-going-tile {
        background: #fff url(../layout-optim/talk-to-lawyer-revamp/progress-ongoing.png)no-repeat;
        width: 58px;
        height: 57px;
        text-align: center;
        margin-left: 50px
    }

    .mobile-on-going-tile span {
        line-height: 57px
    }

    .right-ongoing p {
        margin-left: 15px;
        font-size: 13px
    }

    .divide-section .col-7 .jc-title,
    .talk-to-lawyer-section.desktop {
        display: none
    }

    .three-steps-mobile {
        border-bottom: .5px solid rgba(18, 17, 39, .23);
        margin-right: -15px;
        margin-left: -15px;
        padding: 15px 0
    }

    .three-steps-mobile ul li {
        border-right: 1px solid rgba(99, 115, 129, .5);
        padding-right: 20px;
        padding-left: 20px
    }

    .three-steps-mobile ul li:last-child {
        margin-right: 0;
        border-right: 0;
        padding-right: 0
    }

    .lk-legal-concern.mobile,
    .talk-to-lawyer-section.mobile {
        margin-right: -15px;
        margin-left: -15px;
        padding-left: 15px;
        padding-right: 15px
    }

    .lk-legal-concern.mobile {
        margin-top: 0;
        border-top: 0;
        padding-top: 10px;
        padding-bottom: 30px
    }

    .lk-legal-concern.mobile .container {
        padding: 0
    }

    .lk-legal-concern.mobile .lk-concern .item .concern-content h3 {
        min-height: auto;
        margin-bottom: 10px
    }

    .lk-legal-concern.mobile h2 {
        margin-bottom: 15px;
        letter-spacing: 1.4px
    }

    .talk-to-lawyer-section.mobile {
        display: block;
        background: #f1f1f5;
        padding-top: 23px;
        padding-bottom: 30px;
        min-height: 416px
    }

    .talk-to-lawyer-section.mobile .d-flex {
        flex-direction: initial
    }

    .talk-to-lawyer-section.mobile .container {
        padding: 0
    }

    .talk-to-lawyer-section.mobile .how-talk-tile .col-12 {
        margin-bottom: 14px
    }

    .talk-to-lawyer-section.mobile .how-talk-tile .col-12:last-child {
        margin-bottom: 0
    }

    .talk-to-lawyer-section.mobile h2 {
        font-size: 24px;
        margin-bottom: 10px;
        letter-spacing: 1.4px
    }

    .talk-to-lawyer-section.mobile .how-talk-tile {
        margin-top: 25px
    }

    .talk-to-lawyer-section.mobile .how-box {
        background: #fff;
        box-shadow: 0-1px 11px -8px rgba(0, 0, 0, .08);
        -webkit-box-shadow: 0-1px 11px -8px rgba(0, 0, 0, .08);
        -moz-box-shadow: 0-1px 11px -8px rgba(0, 0, 0, .08);
        -ms-box-shadow: 0-1px 11px -8px rgba(0, 0, 0, .08);
        -o-box-shadow: 0-1px 11px -8px rgba(0, 0, 0, .08);
        padding: 19px 20px
    }

    .talk-to-lawyer-section.mobile .how-box .how-icon {
        width: 54px;
        height: 54px;
        background: #f3f1fb;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px
    }

    .talk-to-lawyer-section.mobile .how-box p {
        flex: 1;
        margin-top: 0;
        line-height: 23px;
        text-align: left
    }

    .client-reviews-section .clt-review .clt-content-box {
        padding: 23px 0 0 50px
    }

    .lk-pricing-area {
        position: initial;
        position: -webkit-initial;
        box-shadow: none;
        border-radius: 0;
        background: #fff;
        padding: 30px 20px 25px;
        border-top: 4px solid rgba(99, 115, 129, .1);
        margin: 20px -15px 0;
        min-height: 624px
    }

    .lk-pricing-area .pricing-section .pricing-panel {
        padding: 0 15px !important
    }

    .lk-pricing-area .pricing-box {
        margin-top: 20px;
        margin-left: -10px;
        margin-right: -10px
    }

    .lk-pricing-area .pricing-box .lk-pricing-card {
        margin-bottom: 30px
    }

    .lk-advantage-section .advantage-card .content-side p {
        line-height: 24px;
        letter-spacing: 1.4px
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card .extra-mis {
        font-size: 13px
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card .valid-days img {
        width: 15px;
        height: 15px;
        margin-right: 2px
    }

    .doc-review-add-sec {
        margin-top: 20px;
        height: 132px;
        padding: 18px;
        background: linear-gradient(131.26deg, #575aa8 20.9%, #c85ca3 88.07%)
    }

    .doc-review-add-sec h3 {
        max-width: 300px;
        font-size: 16px;
        line-height: 21px
    }

    .doc-review-add-sec a {
        font-size: 13px;
        margin-top: 20px;
        height: 40px
    }

    .all-over-user-section h2 br,
    .doc-review-banner {
        display: none
    }

    .client-reviews-section {
        padding: 25px 0 21px;
        margin-right: -10px;
        min-height: 467px
    }

    .client-reviews-section h2 {
        line-height: 32px
    }

    .client-reviews-section .lw-name-box h2 {
        line-height: 23px;
        font-size: 16px
    }

    .client-reviews-section .clt-review .owl-nav {
        top: -65px;
        right: auto;
        left: 10px
    }

    .client-reviews-section h2.font-30 {
        padding-left: 10px
    }

    .client-reviews-section .clt-review .owl-nav button {
        width: 42px;
        height: 28px
    }

    .client-reviews-section .clt-review {
        margin-top: 85px !important
    }

    .client-reviews-section .clt-review .clt-content-box p {
        max-width: initial
    }

    .client-footer {
        overflow: hidden;
        clear: both;
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .client-footer .lw-name-box {
        float: left;
        width: calc(100% - 80px);
        padding-left: 20px
    }

    .client-footer .client-image {
        float: left;
        width: 70px;
        height: 80px
    }

    .rev-rate-block {
        gap: 10px;
        margin-bottom: 10px;
        height: 25px
    }

    .review-quote {
        position: absolute;
        top: 5px;
        left: 10px;
        height: 30px
    }

    .review-quote img {
        width: 50px !important;
        height: 50px !important
    }

    .rev-rate-block img {
        width: 25px !important;
        height: 25px !important
    }

    .all-over-user-section,
    .lk-advantage-section {
        margin-right: -15px;
        margin-left: -15px;
        padding: 25px 15px;
        min-height: 519px
    }

    .lk-advantage-section {
        min-height: 458px;
        padding: 23px 15px 30px
    }

    .all-over-user-section .container {
        padding: 0
    }

    .all-over-user-section h2 {
        font-size: 24px;
        max-width: 300px;
        line-height: 32px
    }

    .all-over-user-section .detail-card .tile-cont {
        padding: 20px 0
    }

    .all-over-user-section .detail-card .tile-cont h2 {
        font-size: 40px;
        max-width: initial
    }

    .all-over-user-section .detail-card .tile-cont p {
        font-size: 14px;
        font-weight: 400 !important
    }

    .lk-advantage-section .row {
        margin-top: 27px !important
    }

    .lk-advantage-section .row .col-12.m-b-30 {
        margin-bottom: 20px
    }

    .lk-advantage-section .advantage-card {
        padding: 16px 12px 24px
    }

    .lk-advantage-section .advantage-card .icon-tile {
        width: 35px;
        height: 35px;
        margin-right: 12px
    }

    .frequently-questions .accordion-sec .accordion {
        padding-left: 0;
        padding-right: 0
    }

    .lk-news-section {
        padding: 25px 0;
        min-height: 594px
    }

    .lk-news-section .container .row {
        margin-top: 20px
    }

    .lk-news-section .media-tile-card .news-avatar {
        width: 135px;
        height: 70px;
        margin-right: 18px
    }

    .lk-news-section .media-tile-card {
        border-bottom: 0;
        padding-bottom: 0;
        padding-top: 22px
    }

    .lk-news-section .media-tile-card .content-side .news-common-badge {
        height: 22px;
        font-size: 10px;
        background: #edeeff !important;
        color: #4c50e0;
        margin-bottom: 10px
    }

    .lk-news-section .media-tile-card .content-side h3 {
        max-width: initial;
        font-size: 14px;
        line-height: 20px;
        font-weight: 600 !important
    }

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

    .col-50p {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-41p {
        flex: 0 0 41%;
        max-width: 41%
    }

    .col-59p {
        flex: 0 0 59%;
        max-width: 59%
    }

    .common-main-title {
        font-size: 24px;
        letter-spacing: 1.4px;
        line-height: 32px
    }

    .divide-section .col-5,
    .divide-section .col-7 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .divide-section .col-5 h2 {
        display: block
    }

    .buy-lk-footer {
        display: block;
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99999;
        background: #fff;
        box-shadow: 0 3px 20px 0 rgb(0 0 0/8%);
        -webkit-box-shadow: 0 3px 20px 0 rgb(0 0 0/8%);
        -moz-box-shadow: 0 3px 20px 0 rgb(0 0 0/8%);
        -ms-box-shadow: 0 3px 20px 0 rgb(0 0 0/8%);
        -o-box-shadow: 0 3px 20px 0 rgb(0 0 0/8%);
        border-top: 1px solid #dedede;
        height: 60px
    }

    .buy-lk-footer .buy-fixed,
    .buy-lk-footer .buy-fixed .buy-now {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px
    }

    .buy-lk-footer .buy-fixed {
        background: #fff;
        padding: 12px
    }

    .buy-lk-footer .buy-fixed .buy-now {
        background: #444bd3;
        border: 0;
        cursor: pointer;
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        height: 34px;
        min-width: 100px
    }

    .frequently-questions {
        padding: 23px 0 30px;
        min-height: 542px
    }

    .frequently-questions h2.common-main-title,
    .lk-benefits-consultation-section h2 {
        text-align: left
    }

    .frequently-questions .accordion-sec.content-card {
        margin: 30px auto 0
    }

    .lk-benefits-consultation-section {
        padding: 24px 0 30px;
        min-height: 610px
    }

    .lk-benefits-consultation-section .benefits-content {
        margin-top: 30px
    }

    .lk-benefits-consultation-section .consultation-tile {
        padding: 20px !important;
        height: auto
    }

    .lk-benefits-consultation-section .benefits-content .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px
    }

    .lk-benefits-consultation-section .benefits-content .col-4:last-child {
        margin-bottom: 0
    }

    .lk-benefits-consultation-section .benefits-content div[class^=col-] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .lk-legal-concern .lk-concern .item {
        width: 100%;
        margin: 0 10px 15px
    }

    .lk-legal-concern .lk-concern .owl-next,
    .lk-legal-concern .lk-concern .owl-prev {
        top: 125px
    }

    .lk-concern-consult-section .left-consult {
        padding: 0;
        text-align: center
    }

    .lk-concern-consult-section .right-consult {
        margin-top: 17px
    }

    .client-reviews-section .clt-review .item {
        box-shadow: 0 0 9px 0 rgb(208 207 212);
        -webkit-box-shadow: 0 0 9px 0 rgb(208 207 212);
        -moz-box-shadow: 0 0 9px 0 rgb(208 207 212);
        -ms-box-shadow: 0 0 9px 0 rgb(208 207 212);
        -o-box-shadow: 0 0 9px 0 rgb(208 207 212);
        margin: 10px;
        padding-bottom: 100px
    }

    .lk-legal-concern.mobile .lk-concern {
        margin-top: 25px
    }

    .all-over-user-section .detail-card {
        padding: 0;
        margin-top: 25px
    }

    .lk-advantage-section .container,
    .lk-concern-consult-section .container {
        padding: 0
    }

    .lk-concern-consult-section {
        min-height: 208px
    }

    .lk-concern-consult-section .right-consult a {
        margin: 0 auto
    }

    .avatar-tile {
        margin-right: 10px !important
    }

    .avatar-status {
        height: 10px;
        width: 10px
    }

    
}

@media screen and (max-width:767px) {
    header.main-header .user-profile {
        right: 50px;
        top: 10px
    }

    .mob-icon-nav {
        right: 50px !important
    }

    .main-menu-btn {
        right: 0 !important;
        left: auto !important
    }

    .main-header .logo img,
    .nav-brand {
        margin-left: 0 !important
    }

    .jc-title-mobile {
        height: 245px
    }

    .three-steps-mobile {
        height: 68px
    }

    .lk-legal-concern.mobile {
        min-height: 460px
    }

    .client-reviews-section {
        min-height: 491px
    }

    .lk-news-section {
        min-height: 596px
    }

    .lk-benefits-consultation-section {
        min-height: 634px
    }
}

@media screen and (max-width:575px) {
    .lk-news-section .col-12 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .lk-news-section .media-tile-card {
        padding-top: 25px
    }

    .choose-select .col-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .choose-select .col-6:first-child {
        margin-bottom: 10px
    }

    .choose-concer-select {
        margin-bottom: 8px
    }

    .jc-title-mobile {
        height: 277px
    }

    .lk-legal-concern.mobile {
        min-height: 398px
    }

    .lk-pricing-area {
        min-height: 715px
    }

    .client-reviews-section {
        min-height: 515px
    }

    .all-over-user-section {
        min-height: 547px
    }

    .lk-advantage-section {
        min-height: 482px
    }

    .lk-news-section {
        min-height: 619px
    }

    .lk-benefits-consultation-section {
        min-height: 658px
    }

    .frequently-questions {
        min-height: 635px
    }

    .lk-concern-consult-section {
        min-height: 246px
    }
}

@media screen and (max-width:535px) {
    .footer-bottom span {
        max-width: 300px;
        margin: 0 auto
    }

    .lk-legal-concern.mobile {
        min-height: 408px
    }

    .lk-lawyer-section.mobile {
        min-height: 417px
    }

    .client-reviews-section {
        min-height: 539px
    }

    .lk-concern-consult-section {
        min-height: 247px
    }
}

@media screen and (max-width:530px) {
    .main-header .logo img {
        margin-left: 0
    }
}

@media screen and (max-width:480px) {
    .lk-legal-concern.mobile {
        min-height: 390px
    }

    .lk-lawyer-section .practice-area {
        margin-left: -45px
    }

    .lk-pricing-area {
        min-height: 710px
    }

    .lk-advantage-section {
        min-height: 506px
    }

    .lk-news-section {
        min-height: 639px
    }

    .frequently-questions {
        min-height: 660px
    }
}

@media screen and (max-width:454px) {
    .jc-title-mobile {
        height: 309px
    }
}

@media screen and (max-width:450px) {
    .lk-lawyer-section .practice-area {
        margin-left: -70px
    }

    .client-reviews-section {
        min-height: 563px
    }

    .lk-news-section {
        min-height: 679px
    }

    .lk-benefits-consultation-section {
        min-height: 714px
    }

    .frequently-questions {
        min-height: 660px
    }
}

@media screen and (max-width:420px) {
    .three-steps-mobile ul li {
        margin-right: 25px
    }

    .jc-title-mobile .jc-title-mobile .jc-consultation-amount {
        max-width: 100%;
        padding: 0 12px;
        justify-content: center
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card h5 {
        font-size: 11px
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card .recommended-badge {
        font-size: 11px;
        height: 21px;
        top: -10px
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card .active-img-box {
        height: auto
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card .active-img-box .active-img,
    .lk-pricing-area .pricing-section .pricing-panel .pricing-card .active-img-box .non-active-img {
        width: 20px;
        height: 20px
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card .price-minutes p {
        margin-left: 5px
    }

    .all-over-user-section .detail-card .tile-cont p {
        max-width: 150px;
        margin: 0 auto
    }

    .lk-news-section h2 br {
        display: none
    }

    .lk-news-section h2 {
        max-width: 310px;
        line-height: 32px
    }

    .buy-lk-footer .buy-fixed .col-9 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .buy-lk-footer .buy-fixed .col-3 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .doc-review-add-sec a {
        max-width: initial;
        width: 100%
    }

    .lk-legal-concern.mobile {
        min-height: 491px
    }

    .lk-lawyer-section .lawyers-talk-card .lw-left .content-wrap .practice-area ul li {
        font-size: 9px;
        margin-right: 0
    }

    .lk-pricing-area {
        min-height: 705px
    }

    .talk-to-lawyer-section.mobile {
        min-height: 431px
    }

    .client-reviews-section {
        min-height: 587px
    }

    .all-over-user-section {
        min-height: 595px
    }

    .lk-news-section {
        min-height: 751px
    }

    .lk-benefits-consultation-section {
        min-height: 738px
    }

    .lk-legal-concern .lk-concern .owl-next,
    .lk-legal-concern .lk-concern .owl-prev {
        top: 140px
    }

    .lk-lawyer-section .lawyer-carousel .owl-next,
    .lk-lawyer-section .lawyer-carousel .owl-prev {
        top: 145px
    }
}

@media screen and (max-width:400px) {
    .three-steps-mobile ul li {
        margin-right: 0
    }

    .lk-legal-concern.mobile {
        min-height: 479px
    }

    .lk-lawyer-section.mobile {
        min-height: 416px
    }

    .lk-lawyer-section .practice-area {
        margin-left: -80px
    }

    .lk-advantage-section {
        min-height: 554px
    }

    .frequently-questions {
        min-height: 784px
    }
}

@media screen and (max-width:380px) {
    .lk-legal-concern.mobile {
        min-height: 467px
    }

    .lk-lawyer-section.mobile {
        min-height: 416px
    }

    .lk-lawyer-section .lawyers-talk-card .lw-left .content-wrap .practice-area ul li {
        padding: 3px 4px
    }

    .lk-pricing-area {
        min-height: 702px
    }

    .client-reviews-section {
        min-height: 611px
    }

    .lk-advantage-section {
        min-height: 582px
    }

    .lk-news-section {
        min-height: 771px
    }
}

@media screen and (max-width:376px) {
    .jc-title-mobile {
        height: 327px
    }

    .lk-legal-concern.mobile {
        min-height: 463px
    }
}

@media screen and (max-width:368px) {
    .lk-pricing-area .pricing-section .pricing-panel .pricing-card h5 span {
        display: block
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card h5 {
        margin-top: 5px
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card .valid-days p {
        font-size: 10px
    }

    .client-reviews-section h2.font-30 br,
    .jc-title-mobile .jc-title-mobile h3 br {
        display: none
    }

    .lk-legal-concern.mobile {
        min-height: 459px
    }

    .lk-news-section {
        min-height: 811px
    }

    .frequently-questions {
        min-height: 806px
    }

    .client-reviews-section h2.font-30 {
        padding-right: 10px
    }

    .lk-legal-concern .lk-concern .owl-next,
    .lk-legal-concern .lk-concern .owl-prev {
        top: 125px
    }
}

@media screen and (max-width:359px) {
    .lk-pricing-area {
        margin-top: 25px !important;
        padding-top: 25px !important
    }

    .lk-lawyer-section .lawyers-talk-card .lw-left .head-tile h2 {
        max-width: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    header.main-header .container {
        padding: 0 !important
    }

    .mobile-on-going-tile {
        margin-left: 20px
    }

    .lk-advantage-section .advantage-card h3 {
        font-size: 14px
    }

    .talk-to-lawyer-section.mobile h2 {
        line-height: 32px
    }

    .lk-news-section .media-tile-card .content-side h3 {
        font-size: 12px;
        line-height: 18px
    }

    .lk-legal-concern.mobile {
        min-height: 453px
    }

    .lk-pricing-area {
        min-height: 695px
    }

    .client-reviews-section {
        min-height: 635px
    }

    .lk-advantage-section {
        min-height: 529px
    }

    .lk-news-section {
        min-height: 739px
    }

    .lk-benefits-consultation-section {
        min-height: 785px
    }
}

@media screen and (max-width:350px) {
    .three-steps-mobile ul li:first-child {
        padding-right: 10px
    }

    .lk-legal-concern.mobile {
        min-height: 447px
    }

    .lk-pricing-area {
        min-height: 694px
    }

    .talk-to-lawyer-section.mobile {
        min-height: 429px
    }

    .lk-concern-consult-section {
        min-height: 306px
    }

    .jc-title-mobile .online-state-cards-mobile .online-block .avatars-online .avatars-text span {
        font-size: 11px
    }

    .lk-lawyer-section.mobile {
        min-height: 416px
    }
}

@media screen and (max-width:340px) {
    .lk-legal-concern.mobile {
        min-height: 475px
    }

    .client-reviews-section {
        min-height: 659px
    }

    .lk-news-section {
        min-height: 793px
    }

    .frequently-questions {
        min-height: 831px
    }
}

@media screen and (max-width:337px) {
    .mobile-on-going-tile {
        margin-left: 10px
    }

    @-webkit-keyframes pulse1 {
        0% {
            -webkit-box-shadow: 0 0 0 0 rgba(56, 142, 60, .4)
        }

        70% {
            -webkit-box-shadow: 0 0 0 10px transparent
        }

        to {
            -webkit-box-shadow: 0 0 0 0 transparent
        }
    }

    @keyframes pulse1 {
        0% {
            -webkit-box-shadow: 0 0 0 0 rgba(56, 142, 60, .4);
            box-shadow: 0 0 0 0 rgba(56, 142, 60, .4)
        }

        70% {
            -webkit-box-shadow: 0 0 0 10px transparent;
            box-shadow: 0 0 0 10px transparent
        }

        to {
            -webkit-box-shadow: 0 0 0 0 transparent;
            box-shadow: 0 0 0 0 transparent
        }
    }

    @-webkit-keyframes pulse2 {
        0% {
            -webkit-box-shadow: 0 0 0 0 rgb(255 191 14/40%)
        }

        70% {
            -webkit-box-shadow: 0 0 0 10px transparent
        }

        to {
            -webkit-box-shadow: 0 0 0 0 transparent
        }
    }

    @keyframes pulse2 {
        0% {
            -webkit-box-shadow: 0 0 0 0 rgb(255 191 14/40%);
            box-shadow: 0 0 0 0 rgb(255 191 14/40%)
        }

        70% {
            -webkit-box-shadow: 0 0 0 10px transparent;
            box-shadow: 0 0 0 10px transparent
        }

        to {
            -webkit-box-shadow: 0 0 0 0 transparent;
            box-shadow: 0 0 0 0 transparent
        }
    }

    @-webkit-keyframes pulse3 {
        0% {
            -webkit-box-shadow: 0 0 0 0 rgb(255 191 14/40%)
        }

        70% {
            -webkit-box-shadow: 0 0 0 10px transparent
        }

        to {
            -webkit-box-shadow: 0 0 0 0 transparent
        }
    }

    @keyframes pulse3 {
        0% {
            -webkit-box-shadow: 0 0 0 0 rgb(255 191 14/40%);
            box-shadow: 0 0 0 0 rgb(255 191 14/40%)
        }

        70% {
            -webkit-box-shadow: 0 0 0 10px transparent;
            box-shadow: 0 0 0 10px transparent
        }

        to {
            -webkit-box-shadow: 0 0 0 0 transparent;
            box-shadow: 0 0 0 0 transparent
        }
    }

    @keyframes rotate {
        to {
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg)
        }
    }

    @-webkit-keyframes rotate {
        to {
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg)
        }
    }

    html {
        line-height: 1.15;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    * {
        letter-spacing: .4px
    }

    body {
        margin: 0;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        line-height: 1.4;
        background-color: #fff;
        color: #121127;
        text-rendering: geometricPrecision;
        font-smooth: always;
        font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -webkit-font-smoothing: subpixel-antialiased
    }

    details {
        display: block
    }

    h1 {
        font-size: 2em
    }

    hr {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        height: 0;
        overflow: visible
    }

    code,
    kbd,
    pre,
    samp {
        font-family: monospace, monospace;
        font-size: 1em
    }

    a {
        background-color: transparent
    }

    abbr[title] {
        border-bottom: none;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    b,
    strong {
        font-weight: bolder
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    img {
        border-style: none
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 0
    }

    button,
    input {
        overflow: visible
    }

    button,
    select {
        text-transform: none
    }

    [type=button],
    [type=reset],
    [type=submit],
    button {
        -webkit-appearance: button
    }

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring,
    button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

    fieldset {
        padding: .35em .75em .625em
    }

    legend {
        color: inherit;
        display: table;
        max-width: 100%;
        white-space: normal
    }

    progress {
        vertical-align: baseline
    }

    textarea {
        overflow: auto
    }

    [type=checkbox],
    [type=radio],
    legend {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

    [type=number]::-webkit-inner-spin-button,
    [type=number]::-webkit-outer-spin-button {
        height: auto
    }

    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    summary {
        display: list-item
    }

    [hidden],
    template {
        display: none
    }

    *,
    ::after,
    ::before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: 0;
        font-weight: 400
    }

    .container-fluid {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }

    .container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 15px
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
        margin: 0
    }

    img[data-aload] {
        font-size: 0 !important;
        opacity: 0 !important;
        height: 0 !important;
        display: none !important
    }

    .d-inline {
        display: inline
    }

    .d-block,
    article,
    aside,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    nav,
    section {
        display: block
    }

    .d-inline-block {
        display: inline-block
    }

    .d-table {
        display: table
    }

    .d-table-cell {
        display: table-cell
    }

    .d-flex,
    .media {
        display: flex
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .media {
        display: -ms-flexbox;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .align-items-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .justify-content-space {
        justify-content: space-between
    }

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

    .font-italic {
        font-style: italic
    }

    .font-10 {
        font-size: 10px
    }

    .font-11 {
        font-size: 11px
    }

    .font-12 {
        font-size: 12px
    }

    .font-13 {
        font-size: 13px
    }

    .font-14 {
        font-size: 14px
    }

    .font-15 {
        font-size: 15px
    }

    .font-16 {
        font-size: 16px
    }

    .font-17 {
        font-size: 17px
    }

    .font-18 {
        font-size: 18px
    }

    .font-19 {
        font-size: 19px
    }

    .font-20 {
        font-size: 20px
    }

    .font-22 {
        font-size: 22px
    }

    .font-23 {
        font-size: 23px
    }

    .font-24 {
        font-size: 24px
    }

    .font-26 {
        font-size: 26px
    }

    .font-28 {
        font-size: 28px
    }

    .font-30 {
        font-size: 30px
    }

    .font-32 {
        font-size: 32px
    }

    .font-33 {
        font-size: 33px
    }

    .font-34 {
        font-size: 34px
    }

    .font-36,
    .font-37 {
        font-size: 36px
    }

    .font-38 {
        font-size: 38px
    }

    .font-40,
    .font-42 {
        font-size: 40px
    }

    .font-44 {
        font-size: 44px
    }

    .font-45 {
        font-size: 45px
    }

    .font-48 {
        font-size: 48px
    }

    .font-50 {
        font-size: 50px
    }

    .font-52 {
        font-size: 52px
    }

    .font-56 {
        font-size: 56px
    }

    .font-60 {
        font-size: 60px
    }

    .font-73 {
        font-size: 73px
    }

    .lh-1 {
        line-height: 1
    }

    .lh-12 {
        line-height: 12px
    }

    .lh-18 {
        line-height: 18px
    }

    .lh-20 {
        line-height: 20px
    }

    .lh-22 {
        line-height: 22px
    }

    .lh-24 {
        line-height: 24px
    }

    .lh-25 {
        line-height: 25px
    }

    .lh-29 {
        line-height: 29px
    }

    .lh-30 {
        line-height: 30px
    }

    .lh-34 {
        line-height: 34px
    }

    .lh-36 {
        line-height: 36px
    }

    .lh-48 {
        line-height: 48px
    }

    .lh-56 {
        line-height: 56px
    }

    .lh-60 {
        line-height: 60px
    }

    .font-style-italic {
        font-style: italic
    }

    .line-through {
        text-decoration: line-through
    }

    .justify-content-end {
        justify-content: flex-end
    }

    .justify-content-center {
        justify-content: center
    }

    .justify-content-between {
        justify-content: space-between
    }

    .list-unstyled {
        list-style-type: none
    }

    .pos-rel {
        position: relative
    }

    .pos-abs {
        position: absolute
    }

    .width-100p {
        width: 100%
    }

    .height-100p {
        height: 100%
    }

    .mr-2,
    .mx-2 {
        margin-right: .5rem !important
    }

    .ml-4,
    .mx-4 {
        margin-left: 1.5rem !important
    }

    .mr-4,
    .mx-4 {
        margin-right: 1.5rem !important
    }

    .pt-3,
    .py-3 {
        padding-top: 1rem !important
    }

    .pb-3,
    .py-3 {
        padding-bottom: 1rem !important
    }

    .vertical-line {
        background: #d1d2df;
        width: 2px;
        height: 45px
    }

    .cta-btn {
        min-height: 52px;
        background: #444bd3;
        padding: 14px 32px
    }

    .cta-btn:active,
    .cta-btn:focus,
    .cta-btn:hover {
        border: 0 !important
    }

    .text-ellipsis {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .clear {
        clear: both;
        overflow: hidden
    }

    .text-left {
        text-align: left
    }

    .text-center {
        text-align: center
    }

    .text-right {
        text-align: right
    }

    .border-radius-2 {
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px
    }

    .border-radius-4 {
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px
    }

    .border-radius-5,
    .choose-select select {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px
    }

    .border-radius-6 {
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px
    }

    .border-radius-8 {
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px
    }

    .border-radius-10 {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px
    }

    .border-radius-11 {
        border-radius: 11px;
        -webkit-border-radius: 11px;
        -moz-border-radius: 11px;
        -ms-border-radius: 11px;
        -o-border-radius: 11px
    }

    .border-radius-12 {
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px
    }

    .border-radius-15 {
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px
    }

    .border-radius-16 {
        border-radius: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -ms-border-radius: 16px;
        -o-border-radius: 16px
    }

    .border-radius-17 {
        border-radius: 17px;
        -webkit-border-radius: 17px;
        -moz-border-radius: 17px;
        -ms-border-radius: 17px;
        -o-border-radius: 17px
    }

    .border-radius-18 {
        border-radius: 18px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        -ms-border-radius: 18px;
        -o-border-radius: 18px
    }

    .border-radius-33 {
        border-radius: 33px;
        -webkit-border-radius: 33px;
        -moz-border-radius: 33px;
        -ms-border-radius: 33px;
        -o-border-radius: 33px
    }

    .border-radius-37 {
        border-radius: 37px;
        -webkit-border-radius: 37px;
        -moz-border-radius: 37px;
        -ms-border-radius: 37px;
        -o-border-radius: 37px
    }

    .border-radius-50 {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%
    }

    .common-shadow {
        background-color: #fff;
        -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .08);
        box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .08)
    }

    .text-capitalize {
        text-transform: capitalize
    }

    .text-uppercase {
        text-transform: uppercase
    }

    .text-color-1 {
        color: #121127
    }

    .text-color-2 {
        color: rgba(18, 17, 39, .9)
    }

    .text-color-3 {
        color: rgba(38, 38, 38, .9)
    }

    .text-color-4 {
        color: rgba(38, 38, 38)
    }

    .text-color-7 {
        color: rgba(47, 56, 87, .9)
    }

    .text-color-8 {
        color: rgba(38, 38, 38, .8)
    }

    .text-color-9 {
        color: rgba(0, 0, 0, .8)
    }

    .text-color-10 {
        color: rgba(38, 38, 38, .81)
    }

    .text-color-11 {
        color: rgba(38, 38, 38, .7)
    }

    .text-color-12 {
        color: rgba(0, 0, 0)
    }

    .text-color-13 {
        color: rgba(244, 92, 110)
    }

    .text-color-14 {
        color: rgba(18, 17, 39, .56)
    }

    .text-color-15 {
        color: rgba(255, 255, 255, .56)
    }

    .text-color-16 {
        color: rgba(38, 38, 38, .7)
    }

    .text-color-17 {
        color: rgba(18, 17, 39, .4)
    }

    .text-color-18 {
        color: #5d5fef
    }

    .text-color-19 {
        color: #3f43c8
    }

    .text-color-20 {
        color: #8c8c8c
    }

    .text-color-21 {
        color: rgba(18, 17, 39, .7)
    }

    .text-color-22 {
        color: #7b7b7b
    }

    .text-color-23 {
        color: rgba(17, 34, 17, .56)
    }

    .text-color-24 {
        color: rgba(18, 17, 39, .48)
    }

    .text-color-25 {
        color: rgba(18, 17, 39, .56)
    }

    .text-color-26 {
        color: rgba(18, 17, 39, .8)
    }

    .text-color-27 {
        color: rgba(18, 17, 39, .77)
    }

    .text-color-28 {
        color: rgba(18, 17, 39, .75)
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card.active .valid-days p,
    .lk-pricing-area .pricing-section .pricing-panel .pricing-card.active h5,
    .text-white {
        color: #fff
    }

    .lk-pricing-area .pricing-section .valid-month span,
    .text-black {
        color: #000
    }

    .color4 {
        color: #3237cf
    }

    .w-100 {
        width: 100% !important
    }

    .border-0 {
        border: 0 !important
    }

    .btn-primary {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    .text-decoration-underline {
        text-decoration: underline
    }

    .font-weight-light {
        font-weight: 300 !important
    }

    .font-weight-normal {
        font-weight: 400 !important
    }

    .font-weight-medium {
        font-weight: 500 !important
    }

    .font-weight-thin {
        font-weight: 300 !important
    }

    .font-weight-semi {
        font-weight: 600 !important
    }

    .font-weight-bold {
        font-weight: 700 !important
    }

    .font-weight-extrabold {
        font-weight: 800 !important
    }

    .border-bottom-none {
        border-bottom: 0 !important
    }

    .row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .col-10,
    .col-11,
    .col-12 {
        -webkit-box-flex: 0
    }

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

    .col-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-7,
    .col-8,
    .col-9 {
        -webkit-box-flex: 0
    }

    .col-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-4,
    .col-5,
    .col-6 {
        -webkit-box-flex: 0
    }

    .col-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-1,
    .col-2,
    .col-3 {
        -webkit-box-flex: 0
    }

    .col-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9 {
        position: relative;
        width: 100%;
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    a,
    a:active a:hover,
    a:focus,
    a:visited {
        text-decoration: none
    }

    .align-middle {
        vertical-align: middle
    }

    .img-fluid {
        height: auto;
        max-width: 100%
    }

    .m-0 {
        margin: 0
    }

    .m-t-3 {
        margin-top: 3px
    }

    .m-t-5 {
        margin-top: 5px
    }

    .m-t-10 {
        margin-top: 10px
    }

    .m-t-15,
    .talk-to-lawyer-section .how-talk-tile .how-box p {
        margin-top: 15px
    }

    .m-t-20 {
        margin-top: 20px
    }

    .m-t-30 {
        margin-top: 30px !important
    }

    .m-t-40 {
        margin-top: 40px !important
    }

    .m-t-45 {
        margin-top: 45px !important
    }

    .m-t-50 {
        margin-top: 50px
    }

    .m-t-60 {
        margin-top: 60px
    }

    .m-t-70 {
        margin-top: 70px
    }

    .m-t-80 {
        margin-top: 80px
    }

    .m-tb-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .m-tb-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .m-tb-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .m-tb-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .m-tb-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .m-tb-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .m-tb-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .m-b-5 {
        margin-bottom: 5px
    }

    .m-b-10 {
        margin-bottom: 10px
    }

    .m-b-12 {
        margin-bottom: 12px
    }

    .m-b-15 {
        margin-bottom: 15px
    }

    .m-b-20 {
        margin-bottom: 20px
    }

    .m-b-25 {
        margin-bottom: 25px
    }

    .m-b-30 {
        margin-bottom: 30px
    }

    .m-b-40 {
        margin-bottom: 40px
    }

    .m-b-50 {
        margin-bottom: 50px
    }

    .m-b-60 {
        margin-bottom: 60px
    }

    .m-b-70 {
        margin-bottom: 70px
    }

    .m-b-80 {
        margin-bottom: 80px
    }

    .m-l-auto {
        margin-left: auto
    }

    .m-l-5 {
        margin-left: 5px
    }

    .m-l-10 {
        margin-left: 10px
    }

    .m-l-20 {
        margin-left: 20px
    }

    .document-pricing-area .price-pkg-sec .price-card-item.active .wizard-price-card-body .left-box .form-check .checkDocUpload,
    .m-r-5 {
        margin-right: 5px
    }

    .m-r-8 {
        margin-right: 8px
    }

    .m-r-10 {
        margin-right: 10px
    }

    .m-r-15 {
        margin-right: 15px
    }

    .m-r-20 {
        margin-right: 20px
    }

    .m-r-30 {
        margin-right: 30px
    }

    .m-r-45 {
        margin-right: 45px
    }

    .breadcrumbs-sec ul,
    .p-0 {
        padding: 0
    }

    .p-10 {
        padding: 10px
    }

    .p-15 {
        padding: 15px
    }

    .p-16 {
        padding: 16px
    }

    .p-20 {
        padding: 20px
    }

    .p-25 {
        padding: 25px
    }

    .p-30 {
        padding: 30px
    }

    .px-10 {
        padding-left: 10px;
        padding-right: 10px
    }

    .px-15 {
        padding-left: 15px;
        padding-right: 15px
    }

    .pb-10 {
        padding-bottom: 10px
    }

    .p-b-20 {
        padding-bottom: 20px
    }

    .p-l-10 {
        padding-left: 10px
    }

    .p-l-20 {
        padding-left: 20px
    }

    .p-l-30 {
        padding-left: 30px
    }

    .p-r-10 {
        padding-right: 10px
    }

    .pt-15 {
        padding-top: 15px
    }

    .pt-25 {
        padding-top: 25px
    }

    .flex-block {
        flex: 1
    }

    .color-light-50 {
        color: rgba(49, 49, 49, .5)
    }

    .color-light-60 {
        color: rgba(49, 49, 49, .6)
    }

    .color-light-80 {
        color: rgba(49, 49, 49, .8)
    }

    .ml-auto {
        display: flex;
        align-items: flex-end;
        justify-content: end
    }

    header.main-header .container {
        padding: 0 15px;
        max-width: 1280px;
        margin: 0 auto
    }

    .blocker {
        z-index: 9999 !important;
        padding: 0 !important
    }

    .divide-section .col-7 {
        padding-right: 8px !important
    }

    .divide-section .col-5 {
        padding-left: 8px !important
    }

    .divide-section {
        padding-top: 20px
    }

    .divide-section .col-7 .jc-title {
        padding-bottom: 0
    }

    .divide-section .col-7 .jc-title .talk-heading {
        padding-left: 120px
    }

    .divide-section .col-7 .jc-title .jcbtnClick p span {
        color: #3056d3;
        font-weight: 700
    }

    .divide-section .col-7 .jc-title h3 {
        max-width: 440px;
        margin-top: 40px
    }

    .divide-section .col-7 .jc-title .online-block {
        background: #fff;
        padding: 7px;
        max-width: fit-content;
        min-height: 54px
    }

    .divide-section .col-7 .jc-title .online-block.ongoing {
        padding: 9px
    }

    .jc-consultation-amount-new {
        margin-top: 25px;
        margin-bottom: 23px
    }

    .divide-section .col-7 .jc-title .jc-consultation-amount {
        background: #ffa113;
        max-width: fit-content;
        padding: 0 12px;
        min-height: 45px;
        display: flex;
        align-items: center;
        margin-top: 25px;
        margin-bottom: 23px;
        cursor: pointer
    }

    .divide-section .col-7 .jc-title .talk-heading h1 {
        line-height: normal
    }

    .divide-section .col-7 .jc-title .rating-jc {
        background: 0 0;
        min-height: 100px;
        min-width: 100px;
        text-align: center;
        overflow: hidden;
        left: 0;
        top: 10px
    }

    .divide-section .col-7 .jc-title .rating-jc .top-side {
        padding: 7px;
        background: #55b72e;
        min-width: 100px
    }

    .divide-section .col-7 .jc-title .rating-jc p {
        padding-top: 15px;
        background: #f5f5ff;
        padding-bottom: 15px
    }

    .divide-section .col-7 .jc-title .online-block .avatars-online .online-box {
        width: 36px;
        height: 36px;
        background: #49cd56;
        filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .12));
        margin-right: 25px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .divide-section .col-7 .jc-title .online-block .avatars-online .online-box img {
        width: 20px;
        height: 20px
    }

    .divide-section .col-7 .jc-title .online-block .avatars-online .img-circle {
        width: 40px;
        height: 40px;
        overflow: hidden;
        position: relative;
        background: #f8f6f6;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .divide-section .col-7 .jc-title .online-block .avatars-online .img-circle img {
        height: 100%;
        width: 100%
    }

    .divide-section .col-7 .jc-title .online-block .avatars-online .img-circle:nth-child(1) {
        z-index: 4
    }

    .divide-section .col-7 .jc-title .online-block .avatars-online .img-circle:nth-child(2) {
        left: -10px;
        z-index: 3
    }

    .divide-section .col-7 .jc-title .online-block .avatars-online .img-circle:nth-child(3) {
        left: -20px;
        z-index: 2
    }

    .divide-section .col-7 .jc-title .online-block .avatars-online>.avatars-online {
        position: relative;
        left: -15px
    }

    .divide-section .col-7 .jc-title .online-block .avatars-online .pulse,
    .divide-section .col-7 .jc-title .online-block.ongoing .avatars-online .pulse {
        margin-left: 10px;
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        cursor: pointer;
        transform: translateZ(0);
        will-change: transform, opacity, box-shadow
    }

    .divide-section .col-7 .jc-title .online-block .avatars-online .pulse {
        background: #49cd56;
        -webkit-animation: pulse1 2s infinite;
        animation: pulse1 2s infinite
    }

    .divide-section .col-7 .jc-title .online-block.ongoing .avatars-online .pulse {
        background: #ffbf1c;
        -webkit-animation: pulse2 2s infinite;
        animation: pulse2 2s infinite
    }

    .divide-section .col-7 .jc-title .consult-btn a {
        height: 53px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #3f43c8;
        cursor: pointer;
        border: 0;
        max-width: fit-content;
        padding-left: 30px;
        padding-right: 30px
    }

    .lk-legal-concern.mobile,
    .three-steps-mobile {
        display: none
    }

    .lk-legal-concern {
        margin-top: 35px;
        margin-left: -10px;
        border-top: 4px solid rgba(99, 115, 129, .1);
        padding-top: 10px;
        padding-bottom: 35px
    }

    .lk-legal-concern .lk-concern {
        margin-top: 30px
    }

    .lk-legal-concern .lk-concern .owl-carousel .owl-stage {
        display: flex
    }

    .lk-legal-concern .lk-concern .owl-carousel .owl-item {
        display: flex;
        flex: 1 0 auto
    }

    .lk-legal-concern .lk-concern .item {
        background: #fff;
        border: .8px solid rgba(18, 17, 39, .1);
        margin: 0 10px 15px;
        box-shadow: 0 0 9px 0 rgb(142 138 158/27%);
        -webkit-box-shadow: 0 0 9px 0 rgb(142 138 158/27%);
        -moz-box-shadow: 0 0 9px 0 rgb(142 138 158/27%);
        -ms-box-shadow: 0 0 9px 0 rgb(142 138 158/27%);
        -o-box-shadow: 0 0 9px 0 rgb(142 138 158/27%);
        overflow: hidden;
        height: 100%
    }

    .lk-legal-concern .lk-concern .item .concern-content {
        padding: 12px 10px 0;
        text-align: center
    }

    .lk-legal-concern .lk-concern .item .concern-content h3 {
        min-height: 40px
    }

    .lk-legal-concern .lk-concern .item .image-box {
        overflow: hidden
    }

    .lk-legal-concern .lk-concern .item .image-box img {
        width: 100%;
        height: auto
    }

    .lk-legal-concern .lk-concern .item .concern-content .consult-btn a:first-child {
        display: none
    }

    .lk-legal-concern .lk-concern .item .concern-content .consult-btn a {
        color: #fff;
        font-weight: 600;
        font-size: 12px;
        margin-top: 5px;
        background: #4c50e0;
        border-radius: 15px;
        padding: 5px 10px
    }

    .lk-legal-concern .lk-concern .item .concern-content .consult-btn a svg {
        filter: brightness(0) invert(1)
    }

    .lk-legal-concern .lk-concern .owl-nav {
        margin-top: 0;
        z-index: 1;
        display: flex
    }

    .lk-legal-concern .lk-concern .owl-prev {
        position: absolute;
        top: 80px;
        left: -20px
    }

    .lk-legal-concern .lk-concern .owl-next {
        position: absolute;
        top: 80px;
        right: -20px;
        display: flex;
        width: 35px !important;
        height: 35px !important;
        margin: 0 10px;
        border-radius: 50% !important;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        -ms-border-radius: 50% !important;
        -o-border-radius: 50% !important;
        background-color: #faf9ff !important;
        border: .5px solid rgba(18, 17, 39, .34) !important;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
        -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
        -o-box-shadow: 0 4px 4px rgba(0, 0, 0, .15)
    }

    .client-reviews-section .clt-review .owl-nav button,
    .lk-legal-concern .lk-concern .owl-next,
    .lk-legal-concern .lk-concern .owl-prev {
        align-items: center;
        justify-content: center;
        transition: all .5s linear;
        -webkit-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -o-transition: all .5s linear
    }

    .lk-legal-concern .lk-concern .owl-prev {
        display: flex;
        width: 35px !important;
        height: 35px !important;
        margin: 0 10px;
        border-radius: 50% !important;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        -ms-border-radius: 50% !important;
        -o-border-radius: 50% !important;
        background-color: #faf9ff !important;
        border: .5px solid rgba(18, 17, 39, .34) !important;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
        -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
        -o-box-shadow: 0 4px 4px rgba(0, 0, 0, .15)
    }

    .lk-legal-concern .lk-concern .owl-next:hover,
    .lk-legal-concern .lk-concern .owl-prev:hover {
        background-color: #4c50e0 !important
    }

    .lk-lawyer-section .lawyer-carousel .owl-next img,
    .lk-lawyer-section .lawyer-carousel .owl-prev img,
    .lk-legal-concern .lk-concern .owl-next img,
    .lk-legal-concern .lk-concern .owl-prev img {
        width: 10px;
        height: 15px
    }

    .lk-legal-concern .lk-concern .owl-next:hover img,
    .lk-legal-concern .lk-concern .owl-prev:hover img {
        filter: brightness(0) invert(1);
        width: 10px;
        height: 15px
    }

    .talk-to-lawyer-section {
        background: #f1f1f5;
        padding: 25px 35px;
        margin-left: -50px
    }

    .talk-to-lawyer-section .how-talk-tile {
        margin-top: 55px
    }

    .talk-to-lawyer-section .how-talk-tile .col-12 {
        margin-bottom: 60px
    }

    .talk-to-lawyer-section .how-talk-card .icon-box {
        background: #8c92fa;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 25px
    }

    .talk-to-lawyer-section .how-talk-card .content-side {
        flex: 1
    }

    .talk-to-lawyer-section .how-talk-card h3,
    .talk-to-lawyer-section .how-talk-card span {
        margin-bottom: 7px
    }

    .client-reviews-section {
        padding: 50px 0;
        background: #fff
    }

    .client-reviews-section .container {
        padding: 0
    }

    .client-reviews-section h2 {
        max-width: 500px
    }

    .client-reviews-section .clt-review .clt-content-box p {
        max-width: 650px;
        line-height: 20px
    }

    .client-reviews-section .clt-review .clt-content-box .foot-side .avatar-icon {
        margin-right: 12px;
        width: 48px;
        height: 48px;
        overflow: hidden;
        align-self: flex-start
    }

    .client-reviews-section .clt-review .clt-content-box .foot-side .name-symbol {
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 600;
        margin-right: 12px;
        align-self: flex-start
    }

    .client-reviews-section .clt-review .clt-content-box .foot-side .content-tile {
        flex: 1
    }

    .client-reviews-section .clt-review .clt-content-box .foot-side .star-rating img {
        width: auto !important;
        margin-left: 3px
    }

    .client-reviews-section .clt-review .owl-nav {
        margin-top: 0;
        position: absolute;
        top: -100px;
        bottom: auto;
        right: 0
    }

    .client-reviews-section .clt-review .owl-nav button {
        background: rgba(18, 17, 39, .04) !important;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        -ms-border-radius: 100px;
        -o-border-radius: 100px;
        width: 72px;
        height: 48px;
        display: inline-flex;
        margin-right: 12px
    }

    .client-reviews-section .clt-review .owl-nav button:hover {
        background: #444bd3 !important
    }

    .client-reviews-section .clt-review .owl-nav button img {
        width: 22px;
        height: 12px
    }

    .client-reviews-section .clt-review .owl-nav button:hover img {
        filter: brightness(100);
        -webkit-filter: brightness(100);
        -moz-filter: brightness(100);
        -ms-filter: brightness(100);
        -o-filter: brightness(100)
    }

    .client-reviews-section .clt-review .owl-nav button:last-child {
        margin-right: 0
    }

    .all-over-user-section {
        padding: 40px;
        background: #f1eaff;
        position: relative;
        margin-left: -50px
    }

    .all-over-user-section .detail-card {
        background: 0 0;
        max-width: 936px;
        padding: 40px;
        margin: 37px auto 0;
        position: relative;
        z-index: 1
    }

    .lk-advantage-section {
        padding: 55px;
        background: #fafaff;
        margin-left: -50px
    }

    .lk-advantage-section .container {
        padding: 0
    }

    .lk-advantage-section .advantage-card {
        background: #fff;
        box-shadow: 0 20px 50px rgba(18, 17, 39, .08);
        -webkit-box-shadow: 0 20px 50px rgba(18, 17, 39, .08);
        -moz-box-shadow: 0 20px 50px rgba(18, 17, 39, .08);
        -ms-box-shadow: 0 20px 50px rgba(18, 17, 39, .08);
        -o-box-shadow: 0 20px 50px rgba(18, 17, 39, .08);
        padding: 24px
    }

    .lk-advantage-section .advantage-card .icon-tile {
        margin-right: 30px;
        width: 40px;
        height: 40px;
        overflow: hidden;
        background: #8c92fa;
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: flex-start
    }

    .lk-advantage-section .advantage-card .content-side {
        flex: 1
    }

    .lk-news-section {
        padding: 60px 10px 40px;
        background: #fff
    }

    .lk-news-section .container {
        padding: 0
    }

    .lk-news-section .container .row {
        margin-top: 20px
    }

    .lk-news-section .media-tile-card {
        border-bottom: 1px solid #f5f5f5;
        padding-bottom: 32px;
        padding-top: 32px
    }

    .lk-news-section .media-tile-card .news-avatar {
        width: 264px;
        height: 150px;
        overflow: hidden;
        margin-right: 24px
    }

    .lk-news-section .col-12:nth-child(4) .media-tile-card .news-avatar {
        border: 1px solid #f5f5f5
    }

    .lk-news-section .media-tile-card .content-side {
        flex: 1
    }

    .lk-news-section .media-tile-card .content-side h3 {
        max-width: 264px
    }

    .lk-news-section .media-tile-card .content-side .news-common-badge {
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        -ms-border-radius: 100px;
        -o-border-radius: 100px;
        max-width: fit-content;
        height: 24px;
        font-weight: 600;
        font-size: 12px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 15px;
        margin-bottom: 15px
    }

    .lk-news-section .col-12:last-child .media-tile-card {
        border-bottom: 0
    }

    .jc-title-mobile,
    .lk-pricing-area .pricing-section .pricing-panel .pricing-card .active-img-box .active-img {
        display: none
    }

    .lk-pricing-area,
    .pricing-box {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px
    }

    .lk-pricing-area {
        position: sticky;
        position: -webkit-sticky;
        top: 58px;
        margin-bottom: 80px;
        margin-top: 20px;
        z-index: 99;
        background: #f7f9fa;
        padding: 15px;
        box-shadow: 0 0 9px 0 rgb(142 138 158/27%)
    }

    .pricing-box {
        margin-top: 15px
    }

    .lk-pricing-area .pricing-section .lk-pricing-card .top-side h4 {
        color: #444bd3
    }

    .lk-pricing-area .pricing-section .lk-pricing-card .top-side p {
        color: #4e8af4;
        margin-top: 3px;
        text-decoration: underline
    }

    .lk-pricing-area .pricing-section .choose-select select .customselect {
        background: #fff url(../layout-optim/just-consult-landing-new/offer-down-arrow.png)no-repeat center right !important;
        background-size: 20px !important
    }

    .lk-pricing-area .pricing-section .pricing-panel {
        padding: 0 5px
    }

    .lk-pricing-area .pricing-section .pricing-panel .col-6 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card {
        background: #fff;
        border: 1px solid #e5e5e5;
        padding: 16px 13px;
        cursor: pointer;
        position: relative;
        transition-property: transform;
        transition-duration: .4s;
        transition-timing-function: cubic-bezier(.19, 1, .22, 1)
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card:hover {
        transform: translateY(-4px);
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        -o-transform: translateY(-4px)
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card .recommended-badge {
        background: #ffa113;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        max-width: fit-content;
        color: #121127;
        padding: 0 7px;
        height: 26px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 15px;
        top: -15px
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card .active-img-box {
        height: 24px;
        margin-left: auto
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card.active .active-img-box .active-img {
        display: block
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card.active .active-img-box .non-active-img,
    .talk-to-lawyer-section.mobile {
        display: none
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card h5 span,
    .lk-pricing-area .pricing-section .pricing-panel .pricing-card.active h5 span {
        color: #f90
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card.active span {
        color: rgba(255, 255, 255, .66)
    }

    .lk-pricing-area .pricing-section .pricing-panel .pricing-card.active {
        color: #121127;
        background: rgba(236, 255, 117, .15);
        border: .5px solid rgba(141, 157, 40, .83)
    }

    .lk-pricing-area .pricing-section .price-buy .buy-now {
        min-width: 237px;
        height: 53px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #3f43c8;
        cursor: pointer;
        border: 0
    }

    .doc-review-add-sec {
        background: linear-gradient(129.63deg, #5052aa 23.07%, #c85ca3 120.18%);
        max-width: 100%;
        height: 234px;
        padding: 30px 23px;
        margin-top: 40px
    }

    .doc-review-add-sec h3 {
        max-width: 237px
    }

    .doc-review-add-sec a {
        background: rgba(0, 0, 0, .17);
        border: 1px solid #fff;
        padding: 10px;
        text-decoration: none;
        display: inline-flex;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        max-width: 250px;
        height: 49px;
        margin-top: 40px;
        align-items: center;
        justify-content: center
    }

    .doc-review-banner {
        right: 20px;
        top: -12px
    }

    .jc-pricing-plan-section .pricing-card .card-body ul li:last-child {
        margin-bottom: 0
    }

    .error {
        display: block;
        margin: 8px 0 !important;
        font-size: 12px !important
    }

    .swal-overlay--show-modal {
        z-index: 99999
    }

    .cursor-pointer {
        cursor: pointer !important
    }

    .choose-select-error {
        border: 1px solid #f14d3c !important
    }

    .customselect {
        background: #fff url(../layout-optim/just-consult-landing-new/offer-down-arrow.png)no-repeat center right !important;
        background-size: 20px !important
    }

    .buy-lk-footer {
        display: none
    }

    .talk-to-lawyer-offer-sm {
        display: none;
        margin-top: -15px
    }

    .lk-benefits-consultation-section {
        padding: 74px 0;
        background: #fff;
        border-top: 4px solid rgba(99, 115, 129, .1)
    }

    .lk-benefits-consultation-section .benefits-content {
        margin-top: 30px
    }

    .lk-benefits-consultation-section .benefits-content .col-2 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .lk-benefits-consultation-section .benefits-content div[class^=col-] {
        padding-left: 6px !important;
        padding-right: 6px !important
    }

    .lk-benefits-consultation-section .benefits-content .consultation-tile {
        background: #faf9ff;
        padding: 30px 20px;
        margin-bottom: 15px;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
        transition: .5s ease-out;
        -webkit-transition: .5s ease-out;
        -moz-transition: .5s ease-out;
        -ms-transition: .5s ease-out;
        -o-transition: .5s ease-out;
        box-shadow: none
    }

    .lk-benefits-consultation-section .benefits-content .consultation-tile:hover {
        background: #fff;
        transform: translateY(-10px) scale(1.02);
        box-shadow: 0 18px 32px -4px rgb(136 136 136/25%);
        -webkit-box-shadow: 0 18px 32px -4px rgb(136 136 136/25%);
        -moz-box-shadow: 0 18px 32px -4px rgba(136, 136, 136, .25);
        -ms-box-shadow: 0 18px 32px -4px rgba(136, 136, 136, .25);
        -o-box-shadow: 0 18px 32px -4px rgba(136, 136, 136, .25)
    }

    .frequently-questions .accordion-sec .panel ul li:last-child,
    .lk-benefits-consultation-section .benefits-content .consultation-tile:last-child {
        margin-bottom: 0
    }

    .lk-benefits-consultation-section .benefits-content .consultation-tile span {
        color: rgba(18, 17, 34, .45)
    }

    .frequently-questions {
        background: #f7f7fb;
        padding: 77px 0
    }

    .frequently-questions .accordion-sec.content-card {
        max-width: 936px;
        margin: 48px auto 0
    }

    .frequently-questions .accordion-sec .accordion {
        width: 100%;
        padding-bottom: 7px;
        border-bottom: 1px solid #e3e2e5;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0
    }

    .frequently-questions .accordion-sec .accordion-header {
        margin: 0;
        font-size: 15px;
        cursor: pointer;
        padding: 25px 50px 16px 0;
        position: relative;
        font-weight: 600;
        color: #2f3857
    }

    .frequently-questions .accordion-sec .accordion-header p {
        font-size: 16px;
        font-weight: 700;
        color: #121127
    }

    .frequently-questions .accordion-header.closed::after,
    .frequently-questions .accordion-header::after {
        content: "";
        color: #fff;
        background-image: url(../../client_base_web/layout-optim/new-talk-to-lw-revamp/frequently-down-arrow.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent
    }

    .frequently-questions .accordion-header::after {
        font-weight: 400;
        position: absolute;
        right: 0;
        top: 26px;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        font-size: 16px;
        line-height: 17px;
        background-image: url(../../client_base_web/layout-optim/new-talk-to-lw-revamp/frequently-up-arow.png)
    }

    .frequently-questions .accordion-sec .panel {
        display: none;
        padding-left: 0;
        padding-right: 15px;
        padding-top: 0
    }

    .frequently-questions .accordion-sec .accordion .panel p {
        color: rgba(18, 17, 39, .56);
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;
        margin-bottom: 20px
    }

    .frequently-questions .accordion-sec .panel ul li {
        color: rgba(18, 17, 39, .56);
        margin-bottom: 8px
    }

    .three-steps ul li {
        margin-right: 10px;
        padding-right: 10px
    }

    .three-steps ul li:last-child {
        border-right: 0
    }

    .talk-to-lawyer-section .how-box {
        background: 0 0;
        box-shadow: 0-1px 11px -8px rgb(0 0 0/8%);
        -webkit-box-shadow: 0-1px 11px -8px rgb(0 0 0/8%);
        -moz-box-shadow: 0-1px 11px -8px rgba(0, 0, 0, .08);
        -ms-box-shadow: 0-1px 11px -8px rgba(0, 0, 0, .08);
        -o-box-shadow: 0-1px 11px -8px rgba(0, 0, 0, .08);
        padding: 10px
    }

    .talk-to-lawyer-section .how-box .how-icon {
        width: 54px;
        height: 54px;
        background: #fff;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px
    }

    .talk-to-lawyer-section .how-box p {
        flex: 1;
        margin-top: 0;
        line-height: 23px;
        text-align: center
    }

    .talk-to-lawyer-section .how-box .d-flex {
        flex-direction: column;
        align-items: center
    }

    .lk-concern-consult-section {
        padding: 25px
    }

    .lk-concern-consult-section .left-consult {
        padding: 34px 35px 28px 60px
    }

    .lk-concern-consult-section .left-consult h3 {
        margin-bottom: 25px
    }

    .lk-concern-consult-section .right-consult a {
        background: #faf9ff;
        box-shadow: 0 3px 9px -4px rgba(6, 6, 6, .2);
        -webkit-box-shadow: 0 3px 9px -4px rgba(6, 6, 6, .2);
        -moz-box-shadow: 0 3px 9px -4px rgba(6, 6, 6, .2);
        -ms-box-shadow: 0 3px 9px -4px rgba(6, 6, 6, .2);
        -o-box-shadow: 0 3px 9px -4px rgba(6, 6, 6, .2);
        padding: 9px 32px;
        max-width: 300px;
        text-align: center;
        height: 47px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .lk-lawyer-section .lawyers-talk-card {
        box-shadow: 0 0 5px 3px rgb(0 0 0/10%);
        -webkit-box-shadow: 0 0 5px 3px rgb(0 0 0/10%);
        -moz-box-shadow: 0 0 5px 3px rgb(0 0 0/10%);
        -ms-box-shadow: 0 0 5px 3px rgb(0 0 0/10%);
        -o-box-shadow: 0 0 5px 3px rgb(0 0 0/10%);
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        -o-border-radius: 7px;
        border-right: 0;
        margin: 10px;
        padding: 17px 13px;
        height: auto
    }

    .lk-lawyer-section .lawyers-talk-card .col-5,
    .lk-lawyer-section .lawyers-talk-card .col-7 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .lk-lawyer-section .lawyers-talk-card .lw-left .head-tile h2 {
        font-size: 15px;
        color: #2e3235
    }

    .lk-lawyer-section .lawyers-talk-card .lw-left .lw-avatar {
        margin-right: 15px
    }

    .lk-lawyer-section .lawyers-talk-card .lw-left .head-tile {
        margin-bottom: 10px
    }

    .lk-lawyer-section .lawyers-talk-card .lw-left .lw-avatar {
        width: 82px;
        height: 87px;
        align-self: flex-start;
        overflow: hidden
    }

    .lk-lawyer-section .lawyers-talk-card .lw-left .lw-avatar img {
        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -ms-filter: blur(10px);
        -o-filter: blur(10px);
        filter: blur(10px);
        object-fit: cover;
        width: 100%;
        height: auto
    }

    .lk-lawyer-section .lawyers-talk-card .specialist-tile.mobile ul li img {
        width: auto
    }

    .lk-lawyer-section .lawyers-talk-card .footer-part .call-side a,
    .lk-lawyer-section .lawyers-talk-card .footer-part .video-side a {
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-size: 15px;
        min-width: 140px;
        height: 36px;
        cursor: pointer
    }

    .lk-lawyer-section .lawyers-talk-card .footer-part .call-side {
        margin-right: 9px
    }

    .lk-lawyer-section .lawyers-talk-card .footer-part a {
        display: flex;
        justify-content: center;
        transition: all .5s linear;
        -webkit-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -o-transition: all .5s linear
    }

    .lk-lawyer-section .lawyers-talk-card .footer-part .call-side .call-cta-btn {
        border: .8px solid #54c55f;
        color: #3fb94b
    }

    .lk-lawyer-section .lawyers-talk-card .footer-part .call-side .call-cta-btn:hover {
        background: linear-gradient(92.62deg, #22a32f 47.81%, #23c633 99.64%) !important;
        color: #fff
    }

    .lk-lawyer-section .lawyers-talk-card .footer-part .call-side .call-cta-btn img,
    .lk-lawyer-section .lawyers-talk-card .footer-part .video-side .video-cta-btn img {
        width: auto;
        margin-right: 5px
    }

    .lk-lawyer-section .lawyers-talk-card .footer-part .call-side .call-cta-btn:hover img,
    .lk-lawyer-section .lawyers-talk-card .footer-part .video-side .video-cta-btn:hover img {
        filter: brightness(5)
    }

    .lk-lawyer-section .lawyers-talk-card .footer-part .video-side .video-cta-btn {
        border: .8px solid #3056d3;
        color: #3237cf
    }

    .lk-lawyer-section .lawyers-talk-card .footer-part .video-side .video-cta-btn:hover {
        background: linear-gradient(93.19deg, #3237cf -40.86%, #5678e6 115.53%) !important;
        color: #fff
    }

    .lk-lawyer-section .lawyers-talk-card .lw-left .content-wrap .practice-area ul li {
        border: .5px solid rgba(18, 17, 34, .62);
        font-weight: 500;
        font-size: 10px;
        padding: 3px 7px;
        min-width: 60px;
        text-align: center;
        margin-bottom: 7px;
        margin-right: 7px;
        color: rgba(18, 17, 39, .82)
    }

    .lk-lawyer-section .lawyers-talk-card .lw-left .footer-part {
        margin-top: 20px;
        padding-top: 20px;
        padding-bottom: 10px;
        border-top: .8px solid rgba(46, 50, 53, .2);
        position: relative
    }

    .lk-lawyer-section .lawyers-talk-card .foot-cta {
        margin-left: auto
    }

    .lk-lawyer-section {
        margin-left: -10px;
        margin-right: -10px;
        padding-bottom: 30px
    }

    .lk-lawyer-section .practice-area {
        margin-top: 20px
    }

    .lk-lawyer-section .lawyer-carousel .owl-next,
    .lk-lawyer-section .lawyer-carousel .owl-prev {
        display: flex;
        width: 35px !important;
        height: 35px !important;
        margin: 0 10px;
        border-radius: 50% !important;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        -ms-border-radius: 50% !important;
        -o-border-radius: 50% !important;
        background-color: #faf9ff !important;
        border: .5px solid rgba(18, 17, 39, .34) !important;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 4px rgb(0 0 0/15%);
        -webkit-box-shadow: 0 4px 4px rgb(0 0 0/15%);
        -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
        -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
        -o-box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
        transition: all .5s linear;
        -webkit-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -o-transition: all .5s linear
    }

    .lk-lawyer-section .lawyer-carousel .owl-prev {
        position: absolute;
        top: 140px;
        left: -20px
    }

    .lk-lawyer-section .lawyer-carousel .owl-next,
    .star-mobile {
        position: absolute;
        top: 140px;
        right: -20px
    }

    .star-mobile {
        display: flex;
        background: #2f8e39;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        width: 44px;
        height: 20px;
        align-items: center;
        justify-content: center;
        top: 0;
        bottom: 0;
        right: 20px
    }

    .lk-lawyer-section .lawyer-carousel {
        margin-top: 25px
    }

    .star-mobile svg {
        top: -1px;
        position: relative
    }

    .lk-lawyer-section .lawyer-carousel .owl-next:hover,
    .lk-lawyer-section .lawyer-carousel .owl-prev:hover {
        background-color: #4c50e0 !important
    }

    .lk-lawyer-section .lawyer-carousel .owl-next:hover img,
    .lk-lawyer-section .lawyer-carousel .owl-prev:hover img {
        filter: brightness(0) invert(1);
        width: 10px;
        height: 15px
    }

    .lk-lawyer-section.mobile {
        display: none
    }

    @media screen and (min-width:768px) and (max-width:1023px) {
        header.main-header .user-profile .avatar-img {
            margin-right: 0 !important
        }
    }

    @media screen and (max-width:991px) {
        .specialist-tile.mobile ul li {
            margin-bottom: 6px
        }

        .client-reviews-section .clt-review .item .clt-content-box.bg-4 {
            padding: 10px !important
        }

        .lk-lawyer-section .lawyer-carousel .owl-next,
        .lk-lawyer-section .lawyer-carousel .owl-prev {
            top: 155px
        }

        .lk-lawyer-section .lawyers-talk-card .footer-part .call-side a,
        .lk-lawyer-section .lawyers-talk-card .footer-part .video-side a {
            font-size: 10px;
            min-width: 92px
        }

        .lk-lawyer-section .lawyers-talk-card .footer-part .call-side {
            margin-right: 5px
        }

        .lk-lawyer-section .lawyers-talk-card .footer-part .call-side .call-cta-btn img,
        .lk-lawyer-section .lawyers-talk-card .footer-part .video-side .video-cta-btn img {
            width: 10px;
            height: auto
        }

        .lk-lawyer-section .lawyers-talk-card .lw-left .footer-part .lw-price-tile p,
        .lk-legal-concern.mobile .lk-concern .item .concern-content .consult-btn a,
        .lk-pricing-area .pricing-section .pricing-panel .pricing-card .valid-days p,
        .lk-pricing-area .pricing-section .pricing-panel .pricing-card h5 {
            font-size: 12px
        }

        .lk-lawyer-section .lawyers-talk-card .lw-left .footer-part .lw-price-tile span {
            font-size: 10px
        }

        .lk-lawyer-section.desktop {
            display: none
        }

        .lk-lawyer-section.mobile {
            display: block;
            padding-bottom: 0
        }

        .lk-lawyer-section .lawyers-talk-card .lw-left .lw-avatar {
            width: 82px;
            height: 82px;
            margin-right: 10px
        }

        .lk-lawyer-section .lawyers-talk-card .lw-left .content-wrap {
            flex: 1
        }

        .lk-legal-concern.mobile,
        .three-steps-mobile {
            display: block
        }

        .lk-legal-concern {
            display: none
        }

        .order-1 {
            order: 1
        }

        .order-2 {
            order: 2
        }

        .divide-section {
            padding-top: 0
        }

        .jc-title-mobile,
        .talk-to-lawyer-offer-sm {
            display: block
        }

        .jc-title-mobile .jcbtnClick p span {
            color: #3056d3;
            font-weight: 700 !important
        }

        .jc-title-mobile .consult-btn a {
            height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #3f43c8;
            cursor: pointer;
            border: 0;
            max-width: fit-content;
            padding-left: 30px;
            padding-right: 30px
        }

        .jc-title-mobile .rating-jc-mobile {
            height: 29px;
            max-width: fit-content;
            border-radius: 0 4px 4px 0;
            -webkit-border-radius: 0 4px 4px 0;
            -moz-border-radius: 0 4px 4px 0;
            -ms-border-radius: 0 4px 4px 0;
            -o-border-radius: 0 4px 4px 0;
            background: rgba(226, 226, 240, .45);
            margin-bottom: 20px
        }

        .jc-title-mobile .rating-jc-mobile .top-side {
            background: #55b72e;
            border-radius: 4px 0 0 4px;
            -webkit-border-radius: 4px 0 0 4px;
            -moz-border-radius: 4px 0 0 4px;
            -ms-border-radius: 4px 0 0 4px;
            -o-border-radius: 4px 0 0 4px;
            padding: 2px 10px
        }

        .jc-title-mobile .rating-jc-mobile p {
            padding: 2px 10px
        }

        .jc-title-mobile .jc-title-mobile .jc-consultation-amount {
            background: #ffa113;
            max-width: fit-content;
            padding: 0 12px;
            min-height: 45px;
            display: flex;
            align-items: center;
            margin-top: 20px;
            margin-bottom: 25px;
            cursor: pointer
        }

        .jc-title-mobile .online-state-cards-mobile .online-block .avatars-online .img-circle img {
            height: 100%;
            width: 100%
        }

        .jc-title-mobile .online-state-cards-mobile .online-block .avatars-online .img-circle:nth-child(1) {
            z-index: 1
        }

        .jc-title-mobile .online-state-cards-mobile .online-block .avatars-online .img-circle:nth-child(2) {
            left: -5px;
            z-index: 3
        }

        .jc-title-mobile .online-state-cards-mobile .online-block .avatars-online .img-circle:nth-child(3) {
            left: -9px;
            z-index: 3
        }

        .jc-title-mobile .online-state-cards-mobile .online-block .avatars-online .img-circle:nth-child(4) {
            left: -15px;
            z-index: 5
        }

        .jc-title-mobile .online-state-cards-mobile .avatars-text .pulse {
            margin-left: 3px;
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            cursor: pointer;
            transform: translateZ(0);
            will-change: transform, opacity, box-shadow;
            background: #49cd56;
            -webkit-animation: pulse1 2s infinite;
            animation: pulse1 2s infinite
        }

        .talk-to-lawyer-offer-sec {
            display: none
        }

        .jc-title-mobile .col-7 {
            flex: 0 0 65%;
            max-width: 65%
        }

        .jc-title-mobile .col-5 {
            flex: 0 0 35%;
            max-width: 35%
        }

        .mobile-on-going-tile {
            background: #fff url(../layout-optim/talk-to-lawyer-revamp/progress-ongoing.png)no-repeat;
            width: 58px;
            height: 57px;
            text-align: center;
            margin-left: 50px
        }

        .mobile-on-going-tile span {
            line-height: 57px
        }

        .right-ongoing p {
            margin-left: 15px;
            font-size: 13px
        }

        .divide-section .col-7 .jc-title,
        .talk-to-lawyer-section.desktop {
            display: none
        }

        .three-steps-mobile {
            border-bottom: .5px solid rgba(18, 17, 39, .23);
            margin-right: -15px;
            margin-left: -15px;
            padding: 15px
        }

        .three-steps-mobile ul li:last-child {
            margin-right: 0
        }

        .three-steps-mobile .layer-info img {
            margin-right: 10px
        }

        .lk-legal-concern.mobile,
        .talk-to-lawyer-section.mobile {
            margin-right: -15px;
            margin-left: -15px;
            padding-left: 15px;
            padding-right: 15px
        }

        .lk-legal-concern.mobile {
            margin-top: 0;
            border-top: 0;
            padding-top: 10px
        }

        .lk-legal-concern.mobile .container {
            padding: 0
        }

        .lk-legal-concern.mobile .lk-concern .item .concern-content h3 {
            min-height: auto;
            font-size: 12px;
            margin-bottom: 10px
        }

        .lk-legal-concern.mobile h2 {
            margin-bottom: 15px
        }

        .talk-to-lawyer-section.mobile {
            display: block;
            background: #f1f1f5
        }

        .talk-to-lawyer-section.mobile .d-flex {
            flex-direction: initial
        }

        .talk-to-lawyer-section.mobile .container {
            padding: 0
        }

        .talk-to-lawyer-section.mobile .how-talk-tile .col-12 {
            margin-bottom: 14px
        }

        .talk-to-lawyer-section.mobile .how-talk-tile .col-12:last-child {
            margin-bottom: 0
        }

        .talk-to-lawyer-section.mobile h2 {
            font-size: 24px;
            margin-bottom: 10px
        }

        .client-reviews-section .lw-name-box span,
        .talk-to-lawyer-section.mobile h2+p {
            font-size: 14px
        }

        .talk-to-lawyer-section.mobile .how-talk-tile {
            margin-top: 30px
        }

        .talk-to-lawyer-section.mobile .how-box {
            background: #fff;
            box-shadow: 0-1px 11px -8px rgba(0, 0, 0, .08);
            -webkit-box-shadow: 0-1px 11px -8px rgba(0, 0, 0, .08);
            -moz-box-shadow: 0-1px 11px -8px rgba(0, 0, 0, .08);
            -ms-box-shadow: 0-1px 11px -8px rgba(0, 0, 0, .08);
            -o-box-shadow: 0-1px 11px -8px rgba(0, 0, 0, .08);
            padding: 19px 20px
        }

        .talk-to-lawyer-section.mobile .how-box .how-icon {
            width: 54px;
            height: 54px;
            background: #f3f1fb;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 10px
        }

        .talk-to-lawyer-section.mobile .how-box p {
            flex: 1;
            margin-top: 0;
            line-height: 23px;
            text-align: left
        }

        .client-reviews-section .clt-review .item .clt-content-box {
            padding: 20px
        }

        .lk-pricing-area {
            position: initial;
            position: -webkit-initial;
            padding-left: 20px;
            padding-right: 20px;
            box-shadow: none;
            border-radius: 0;
            background: #fff;
            margin: 0-15px
        }

        .lk-pricing-area .pricing-box {
            margin-top: 20px
        }

        .lk-pricing-area .pricing-box .lk-pricing-card {
            margin-bottom: 30px
        }

        .lk-pricing-area .pricing-section .pricing-panel .pricing-card .extra-mis {
            font-size: 13px
        }

        .lk-pricing-area .pricing-section .pricing-panel .pricing-card .valid-days img {
            width: 15px;
            height: 15px;
            margin-right: 2px
        }

        .doc-review-add-sec {
            margin-top: 20px;
            height: 132px;
            padding: 18px;
            background: linear-gradient(131.26deg, #575aa8 20.9%, #c85ca3 88.07%)
        }

        .doc-review-add-sec h3 {
            max-width: 300px;
            font-size: 16px;
            line-height: 21px
        }

        .doc-review-add-sec a {
            font-size: 13px;
            margin-top: 20px;
            height: 40px
        }

        .all-over-user-section h2 br,
        .doc-review-banner {
            display: none
        }

        .client-reviews-section {
            padding: 30px 0
        }

        .client-reviews-section h2 {
            line-height: 32px
        }

        .client-reviews-section .lw-name-box h2 {
            line-height: 23px;
            font-size: 16px
        }

        .client-reviews-section .clt-review .owl-nav {
            top: -65px;
            right: auto;
            left: -10px
        }

        .client-reviews-section .clt-review .owl-nav button {
            width: 42px;
            height: 28px
        }

        .client-reviews-section .clt-review {
            margin-top: 85px !important
        }

        .client-reviews-section .clt-review .clt-content-box p {
            max-width: initial
        }

        .all-over-user-section {
            margin-right: -15px;
            margin-left: -15px;
            padding-left: 20px;
            padding-right: 20px
        }

        .all-over-user-section .container {
            padding: 0
        }

        .all-over-user-section h2 {
            font-size: 32px;
            max-width: 300px;
            line-height: 40px
        }

        .all-over-user-section .detail-card .tile-cont {
            padding: 20px 0
        }

        .all-over-user-section .detail-card .tile-cont h2 {
            font-size: 40px;
            max-width: initial
        }

        .all-over-user-section .detail-card .tile-cont p {
            font-size: 14px;
            font-weight: 400 !important
        }

        .lk-advantage-section {
            margin-right: -15px;
            margin-left: -15px;
            padding: 20px
        }

        .lk-advantage-section .advantage-card {
            padding: 16px 12px 24px
        }

        .lk-advantage-section .advantage-card .icon-tile {
            width: 35px;
            height: 35px;
            margin-right: 12px
        }

        .lk-news-section {
            padding: 30px 10px
        }

        .lk-news-section .container .row {
            margin-top: 20px
        }

        .lk-news-section .media-tile-card .news-avatar {
            width: 135px;
            height: 70px;
            margin-right: 18px
        }

        .lk-news-section .media-tile-card {
            border-bottom: 0;
            padding-bottom: 0;
            padding-top: 22px
        }

        .lk-news-section .media-tile-card .content-side .news-common-badge {
            height: 22px;
            font-size: 10px;
            background: #edeeff !important;
            color: #4c50e0;
            margin-bottom: 10px
        }

        .lk-news-section .media-tile-card .content-side h3 {
            max-width: initial;
            font-size: 14px;
            line-height: 20px;
            font-weight: 600 !important
        }

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

        .col-50p {
            flex: 0 0 50%;
            max-width: 50%
        }

        .col-41p {
            flex: 0 0 41%;
            max-width: 41%
        }

        .col-59p {
            flex: 0 0 59%;
            max-width: 59%
        }

        .common-main-title {
            font-size: 24px
        }

        .divide-section .col-5,
        .divide-section .col-7 {
            padding-right: 15px !important;
            padding-left: 15px !important
        }

        .divide-section .col-5 h2 {
            display: block
        }

        .buy-lk-footer {
            display: block;
            position: fixed;
            width: 100%;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 99999;
            background: #fff;
            box-shadow: 0 3px 20px 0 rgb(0 0 0/8%);
            -webkit-box-shadow: 0 3px 20px 0 rgb(0 0 0/8%);
            -moz-box-shadow: 0 3px 20px 0 rgb(0 0 0/8%);
            -ms-box-shadow: 0 3px 20px 0 rgb(0 0 0/8%);
            -o-box-shadow: 0 3px 20px 0 rgb(0 0 0/8%);
            border-top: 1px solid #dedede;
            height: 60px
        }

        .buy-lk-footer .buy-fixed,
        .buy-lk-footer .buy-fixed .buy-now {
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px
        }

        .buy-lk-footer .buy-fixed {
            background: #fff;
            padding: 12px
        }

        .buy-lk-footer .buy-fixed .buy-now {
            background: #444bd3;
            border: 0;
            cursor: pointer;
            color: #fff;
            font-weight: 600;
            font-size: 13px;
            height: 34px;
            min-width: 100px
        }

        .frequently-questions {
            padding: 25px 0 35px
        }

        .lk-benefits-consultation-section {
            padding: 25px 0
        }

        .lk-benefits-consultation-section h2 {
            text-align: left
        }

        .lk-benefits-consultation-section .consultation-tile {
            padding: 20px !important;
            height: auto
        }

        .lk-benefits-consultation-section .benefits-content .col-4 {
            flex: 0 0 100%;
            max-width: 100%;
            margin-bottom: 25px
        }

        .lk-benefits-consultation-section .benefits-content .col-4:last-child {
            margin-bottom: 0
        }

        .lk-benefits-consultation-section .benefits-content div[class^=col-] {
            padding-left: 15px !important;
            padding-right: 15px !important
        }

        .lk-legal-concern .lk-concern .item {
            width: 100%;
            margin: 0 10px 15px
        }

        .lk-legal-concern .lk-concern .owl-next,
        .lk-legal-concern .lk-concern .owl-prev {
            top: 110px
        }

        .lk-concern-consult-section .left-consult {
            padding: 0;
            text-align: center
        }

        .lk-concern-consult-section .right-consult {
            margin-top: 17px
        }

        .client-reviews-section .clt-review .item {
            box-shadow: 0 0 9px 0 rgb(208 207 212);
            -webkit-box-shadow: 0 0 9px 0 rgb(208 207 212);
            -moz-box-shadow: 0 0 9px 0 rgb(208 207 212);
            -ms-box-shadow: 0 0 9px 0 rgb(208 207 212);
            -o-box-shadow: 0 0 9px 0 rgb(208 207 212);
            margin: 10px
        }

        .lk-legal-concern.mobile .lk-concern {
            margin-top: 25px
        }

        .lk-legal-concern .lk-concern .item .image-box img {
            min-height: 140px;
            -webkit-object-fit: cover;
            -moz-object-fit: cover;
            -ms-object-fit: cover;
            -o-object-fit: cover;
            object-fit: cover;
            width: auto !important;
            height: auto !important;
            margin: 0 auto 10px
        }
    }

    @media screen and (max-width:767px) {
        header.main-header .user-profile {
            right: 50px;
            top: 10px
        }

        .main-header .logo img,
        .nav-brand {
            margin-left: 0 !important
        }
    }

    @media screen and (max-width:575px) {
        .lk-news-section .col-12 {
            padding-right: 10px !important;
            padding-left: 10px !important
        }

        .lk-news-section .media-tile-card {
            padding-top: 25px
        }

        .choose-select .col-6 {
            flex: 0 0 100%;
            max-width: 100%
        }

        .choose-select .col-6:first-child {
            margin-bottom: 10px
        }
    }

    @media screen and (max-width:535px) {
        .footer-bottom span {
            max-width: 300px;
            margin: 0 auto
        }
    }

    @media screen and (max-width:530px) {
        .main-header .logo img {
            margin-left: 0
        }
    }

    @media screen and (max-width:420px) {
        .jc-title-mobile .jc-title-mobile .jc-consultation-amount {
            max-width: 100%;
            padding: 0 12px;
            justify-content: center
        }

        .lk-pricing-area .pricing-section .pricing-panel .pricing-card h5 {
            font-size: 11px
        }

        .lk-pricing-area .pricing-section .pricing-panel .pricing-card .recommended-badge {
            font-size: 11px;
            height: 21px;
            top: -10px
        }

        .lk-pricing-area .pricing-section .pricing-panel .pricing-card {
            padding: 20px 10px 10px
        }

        .lk-pricing-area .pricing-section .pricing-panel .pricing-card .active-img-box {
            height: auto
        }

        .lk-pricing-area .pricing-section .pricing-panel .pricing-card .active-img-box .active-img,
        .lk-pricing-area .pricing-section .pricing-panel .pricing-card .active-img-box .non-active-img {
            width: 15px;
            height: 15px
        }

        .lk-pricing-area .pricing-section .pricing-panel .pricing-card .price-minutes p {
            margin-left: 5px
        }

        .all-over-user-section .detail-card .tile-cont p {
            max-width: 150px;
            margin: 0 auto
        }

        .lk-news-section h2 br {
            display: none
        }

        .lk-news-section h2 {
            max-width: 310px;
            line-height: 32px
        }

        .buy-lk-footer .buy-fixed .col-9 {
            flex: 0 0 60%;
            max-width: 60%
        }

        .buy-lk-footer .buy-fixed .col-3 {
            flex: 0 0 40%;
            max-width: 40%
        }

        .doc-review-add-sec a {
            max-width: initial;
            width: 100%
        }
    }

    @media screen and (max-width:368px) {
        .lk-pricing-area .pricing-section .pricing-panel .pricing-card h5 span {
            display: block
        }

        .lk-pricing-area .pricing-section .pricing-panel .pricing-card h5 {
            margin-top: 5px
        }

        .lk-pricing-area .pricing-section .pricing-panel .pricing-card .valid-days p {
            font-size: 10px
        }

        .jc-title-mobile .jc-title-mobile h3 br {
            display: none
        }
    }

    @media screen and (max-width:359px) {
        header.main-header .container {
            padding: 0 !important
        }

        .mobile-on-going-tile {
            margin-left: 20px
        }

        .lk-advantage-section .advantage-card h3 {
            font-size: 14px
        }

        .lk-news-section .col-12 {
            padding-right: 0 !important;
            padding-left: 0 !important
        }

        .talk-to-lawyer-section.mobile h2 {
            line-height: 32px
        }

        .lk-news-section .media-tile-card .content-side h3 {
            font-size: 12px;
            line-height: 18px
        }
    }

    @media screen and (max-width:350px) {
        .doc-review-add-sec {
            min-height: 135px;
            height: auto
        }
    }

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

        .lk-lawyer-section .lawyers-talk-card .footer-part .call-side a,
        .lk-lawyer-section .lawyers-talk-card .footer-part .video-side a {
            font-size: 11px;
            min-width: 78px
        }

        .lk-lawyer-section .lawyers-talk-card .footer-part .call-side a img,
        .lk-lawyer-section .lawyers-talk-card .footer-part .video-side a img {
            display: none
        }

        .lk-lawyer-section .lawyers-talk-card .lw-left .head-tile h2 {
            max-width: 90px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .review-quote img {
            width: 30px !important;
            height: 30px !important
        }

        .client-reviews-section .clt-review .owl-nav {
            left: 0
        }

        .mobile-on-going-tile {
            margin-left: 10px
        }

        .lk-lawyer-section .lawyers-talk-card .lw-left .footer-part .lw-price-tile p {
            font-size: 10px
        }

        .lk-lawyer-section .lawyers-talk-card .lw-left .footer-part .lw-price-tile span {
            font-size: 8px
        }

        .three-steps-mobile ul li {
            padding-right: 10px;
            padding-left: 10px
        }

        .three-steps-mobile ul li:first-child {
            margin-right: 0;
            padding-right: 10px
        }

        .lk-lawyer-section.mobile {
            min-height: 445px
        }
    }

    @media screen and (max-width:325px) {
        .lk-lawyer-section .lawyers-talk-card {
            padding: 17px 5px
        }
    }
}

@media screen and (max-width:329px) {
    .jc-title-mobile {
        height: 359px
    }

    .jc-title-mobile .online-state-cards-mobile .online-block .avatars-online .avatars-text span {
        font-size: 10px
    }
}

@media screen and (max-width:328px) {
    .jc-title-mobile {
        height: 364px
    }
}

@media screen and (max-width:330px) {
    .lk-legal-concern.mobile {
        min-height: 460px
    }

    .lk-lawyer-section.mobile {
        min-height: 479px
    }

    .lk-pricing-area {
        min-height: 695px
    }

    .talk-to-lawyer-section.mobile {
        min-height: 457px
    }

    .client-reviews-section {
        min-height: 646px
    }

    .all-over-user-section {
        min-height: 825px
    }

    .lk-advantage-section {
        min-height: 516px
    }

    .lk-news-section {
        min-height: 803px
    }

    .lk-benefits-consultation-section {
        min-height: 791px
    }

    .frequently-questions {
        min-height: 879px
    }

    .lk-concern-consult-section {
        min-height: 296px
    }
}

@media screen and (max-width:320px) {
    .lk-legal-concern.mobile {
        min-height: 460px
    }

    .lk-lawyer-section.mobile {
        min-height: 445px
    }

    .lk-pricing-area {
        min-height: 694px
    }

    .lk-advantage-section {
        min-height: 548px
    }

    .lk-news-section {
        min-height: 821px
    }
}