/* SJC brand palette. Primary logo color: #0A5184 */
:root {
    --sjc-primary: #0A5184;
    --sjc-primary-dark: #06385D;
    --sjc-primary-mid: #0E6A9E;
    --sjc-primary-soft: #EAF4FB;
    --sjc-primary-tint: #F6FAFD;
    --sjc-accent: #9BD2EF;
    --sjc-ink: #172B3A;
    --sjc-text: #384A5A;
    --sjc-muted: #687789;
    --sjc-border: rgba(10, 81, 132, 0.18);
    --sjc-shadow: 0 10px 30px rgba(10, 81, 132, 0.13);
}

body,
html {
    color: var(--sjc-text);
}

a,
.hading span,
h1.hading span,
h2.hading span,
h3.hading span,
.main-heading h1 span,
.main-heading h2 span,
.main-heading h3 span,
.post-details a,
.mobileproject-descrption a,
.contact_icon a,
.contact_icon .fa,
.team-content h5,
.team-content span,
.card-body i,
.card-body .fa,
.mission i,
.values li,
.values li i,
.item-service .icon,
.item-service .feature_box_col_one,
.item-service .feature_box_col_two,
.item-service .feature_box_col_three,
.item-service .feature_box_col_four,
.item-service .feature_box_col_five,
.item-service .feature_box_col_six {
    color: var(--sjc-primary) !important;
}

a:hover,
a:focus,
#cssmenu ul li a:hover,
#cssmenu > ul > li:hover > a,
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover,
#top_menu.sticky ul li a:hover,
.footer-widget ul li a:hover,
.footer-menu li:hover a {
    color: var(--sjc-primary-dark) !important;
}

.top-header,
.frest-header,
.home-service,
.contactt,
.field_form,
.appicon_section,
.footer2,
.btn-info,
.btn-3,
.btn-4,
.btn-6,
.custom-btn,
.custom-btn-admin,
.custom-btn-save,
.custom-btn-blog,
.custom-btn2,
.custom-btn-service,
.custom-btn-about,
.card-body .reead,
.back-to-top,
.modal-header .close,
.back-save,
.blog-slider__button,
.field_form button,
.field_form .custom-btn,
.links {
    background: var(--sjc-primary) !important;
    background-color: var(--sjc-primary) !important;
    border-color: var(--sjc-primary) !important;
    color: #fff !important;
}

.service_box,
.industries_box,
.choose_from_box,
.item-service:hover,
.why-box.active,
.blog-slider__item1,
.blog-slider__item2,
.blog-slider__item3,
.blog-slider__item4 {
    background: linear-gradient(135deg, var(--sjc-primary) 0%, var(--sjc-primary-dark) 100%) !important;
    color: #fff !important;
}

.service_box h2,
.service_box h3,
.service_box h4,
.service_box h5,
.service_box h6,
.service_box p,
.service_box a,
.industries_box,
.industries_box h4,
.industries_box p,
.choose_from_box,
.choose_from_box h4,
.choose_from_box p,
.item-service:hover h6,
.item-service:hover p,
.item-service:hover .icon,
.why-box.active h3,
.why-box.active p {
    color: #fff !important;
}

#cssmenu ul li a::after,
.footer-widget-heading h3::before,
.field_form hr,
.main-heading hr,
.filter-buttons button:focus,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--sjc-primary) !important;
    border-color: var(--sjc-primary) !important;
}

#cssmenu ul ul {
    background: #fff !important;
    border-left: 2px solid var(--sjc-primary) !important;
}

#cssmenu ul ul li a {
    background: #fff !important;
    color: #111 !important;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
    background: var(--sjc-primary-soft) !important;
    color: var(--sjc-primary) !important;
}

.main-heading .sub_heading,
.large-heading,
.watermark,
.section-title-bg {
    color: rgba(10, 81, 132, 0.13) !important;
    -webkit-text-fill-color: rgba(10, 81, 132, 0.13) !important;
}

.main-heading h1,
.main-heading h2,
.main-heading h3,
.field_form h2,
.hading,
.partners h2,
.Working h2,
.join h2,
.team-title,
.section-title {
    color: var(--sjc-ink) !important;
}

.main-heading p,
.partners p,
.Working p,
.team-description,
.post-details p,
.team-area p,
.our-team p,
.career p,
.contact_info li,
.footer-text p {
    color: var(--sjc-muted) !important;
}

.Working .award_box h6 {
    text-align: center !important;
    text-transform: none !important;
}

.service_box,
.choose_from_box,
.industries_box,
.item-service,
.working-imgg,
.links,
.field_form,
.contactt,
.blog .card,
.team-area .single-team,
.partners .card,
.team-card,
.gallery-container {
    border-color: var(--sjc-border) !important;
    box-shadow: var(--sjc-shadow) !important;
}

.working-imgg,
.item-service .feature_box_col_one,
.item-service .feature_box_col_two,
.item-service .feature_box_col_three,
.item-service .feature_box_col_four,
.item-service .feature_box_col_five,
.item-service .feature_box_col_six {
    background: var(--sjc-primary-soft) !important;
    border: 1px solid var(--sjc-border) !important;
}

.links {
    background: linear-gradient(135deg, var(--sjc-primary) 0%, var(--sjc-primary-mid) 100%) !important;
}

.links a,
.links a span {
    color: #fff !important;
}

.links a span {
    background: rgba(255, 255, 255, 0.92) !important;
    color: var(--sjc-primary) !important;
}

.field_form {
    background: linear-gradient(135deg, var(--sjc-primary) 0%, var(--sjc-primary-mid) 100%) !important;
}

.field_form h2,
.field_form label {
    color: #fff !important;
}

.field_form input,
.field_form textarea,
.form-control {
    border-color: var(--sjc-border) !important;
}

.field_form input:focus,
.field_form textarea:focus,
.form-control:focus {
    border-color: var(--sjc-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(10, 81, 132, 0.16) !important;
}

.contact_text span,
.contactt,
.contactt p,
.contact_info li a,
.contact_info_light li i,
.contactt .fa,
.contactt i {
    color: #fff !important;
}

.visionandmission {
    background-image: linear-gradient(90deg, rgba(6, 56, 93, 0.93) 0%, rgba(10, 81, 132, 0.78) 58%, rgba(6, 56, 93, 0.62) 100%), url(../img/about/missionandmission.jpg) !important;
    background-blend-mode: multiply !important;
}

.about-page.about-hero-text {
    min-height: 449px;
    display: flex;
    align-items: center;
    background-image: url(../img/about/about-bg.webp) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
}

.about-page.about-hero-text .container,
.about-hero-copy {
    position: relative;
    z-index: 2;
}

.about-hero-copy {
    max-width: 720px;
}

.about-hero-kicker {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--sjc-primary);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
}

.about-page.about-hero-text .about-hero-copy h1 {
    margin: 0;
    padding: 0;
    color: var(--sjc-ink) !important;
    font-size: clamp(36px, 4vw, 64px);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

.about-page.about-hero-text .about-hero-copy h1 span {
    color: var(--sjc-ink) !important;
}

.about-page.about-hero-text .about-hero-copy p {
    max-width: 700px;
    margin: 18px 0 0;
    color: var(--sjc-text) !important;
    font-size: 19px;
    line-height: 1.45;
    letter-spacing: 0;
    font-weight: 400;
}

.about-page.about-hero-text .breadcrumb-row {
    display: none;
}

.team-page.partners-hero-text {
    min-height: 449px;
    display: flex;
    align-items: center;
    background-image: url(../img/our-partners/bnr2.webp) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
}

.team-page.partners-hero-text .container,
.partners-hero-copy {
    position: relative;
    z-index: 2;
}

.partners-hero-copy {
    max-width: 720px;
}

.partners-hero-kicker {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--sjc-primary);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
}

.partners-hero-kicker::after {
    content: none;
    display: none;
}

.team-page.partners-hero-text .partners-hero-copy h1 {
    margin: 0;
    padding: 0;
    color: var(--sjc-ink) !important;
    font-size: clamp(36px, 4vw, 64px);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

.team-page.partners-hero-text .partners-hero-copy h1 span {
    color: var(--sjc-ink) !important;
}

.team-page.partners-hero-text .partners-hero-copy p {
    max-width: 700px;
    margin: 18px 0 0;
    color: var(--sjc-text) !important;
    font-size: 19px;
    line-height: 1.45;
    letter-spacing: 0;
    font-weight: 400;
}

.team-page.partners-hero-text .breadcrumb-row {
    display: none;
}

.team-page2.team-hero-text {
    min-height: 449px;
    display: flex;
    align-items: center;
    background-image: url(../img/our-team/our-team-bg.webp) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
}

.team-page2.team-hero-text .container,
.team-hero-copy {
    position: relative;
    z-index: 2;
}

.team-hero-copy {
    max-width: 720px;
}

.team-hero-kicker {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--sjc-primary);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
}

.team-page2.team-hero-text .team-hero-copy h1 {
    margin: 0;
    padding: 0;
    color: var(--sjc-ink) !important;
    font-size: clamp(36px, 4vw, 64px);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

.team-page2.team-hero-text .team-hero-copy h1 span {
    color: var(--sjc-ink) !important;
}

.team-page2.team-hero-text .team-hero-copy p {
    max-width: 700px;
    margin: 18px 0 0;
    color: var(--sjc-text) !important;
    font-size: 19px;
    line-height: 1.45;
    letter-spacing: 0;
    font-weight: 400;
}

.team-page2.team-hero-text .breadcrumb-row {
    display: none;
}

.service-page.service-hero-text {
    min-height: 449px;
    display: flex;
    align-items: center;
    background-image: url(../img/services/service-bg.webp) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
}

.service-page.service-hero-text .container,
.service-hero-copy {
    position: relative;
    z-index: 2;
}

.service-page.service-hero-text .container {
    width: 100%;
    padding-left: 54px;
    padding-right: 54px;
}

.service-hero-copy {
    max-width: 720px;
}

.service-hero-kicker {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--sjc-primary);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
}

.service-page.service-hero-text .service-hero-copy h1 {
    margin: 0;
    padding: 0;
    color: var(--sjc-ink) !important;
    font-size: clamp(32px, 3vw, 50px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

.service-page.service-hero-text .service-hero-copy h1 span {
    color: var(--sjc-ink) !important;
}

.service-page.service-hero-text .service-hero-copy p {
    max-width: 820px;
    margin: 18px 0 0;
    color: var(--sjc-text) !important;
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0;
    font-weight: 400;
}

.service-page.service-hero-text .breadcrumb-row {
    display: none;
}

.gst-page.gst-hero-text {
    min-height: 449px;
    display: flex;
    align-items: center;
    background-image: url(../img/gst/gst.webp) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
}

.gst-page.gst-hero-text .container,
.gst-hero-copy {
    position: relative;
    z-index: 2;
}

.gst-hero-copy {
    max-width: 620px;
}

.gst-hero-kicker {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--sjc-primary);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.gst-hero-kicker::after {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    margin-top: 16px;
    background: var(--sjc-primary);
}

.gst-page.gst-hero-text .gst-hero-copy h1 {
    margin: 0;
    padding: 0;
    color: var(--sjc-ink) !important;
    font-size: clamp(38px, 4vw, 64px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

.gst-page.gst-hero-text .gst-hero-copy h1 span {
    color: var(--sjc-primary) !important;
}

.gst-page.gst-hero-text .gst-hero-copy p {
    max-width: 620px;
    margin: 18px 0 0;
    color: var(--sjc-text) !important;
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0;
    font-weight: 400;
}

.gst-page.gst-hero-text .breadcrumb-row {
    display: none;
}

.income-tax-page.income-tax-hero-text {
    min-height: 449px;
    display: flex;
    align-items: center;
    background-image: url(../img/income-tax/tax.webp) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
}

.income-tax-page.income-tax-hero-text .container,
.income-tax-hero-copy {
    position: relative;
    z-index: 2;
}

.income-tax-hero-copy {
    max-width: 760px;
}

.income-tax-hero-kicker {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--sjc-ink);
    font-size: clamp(42px, 5vw, 82px);
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.income-tax-hero-kicker::after {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    margin-top: 22px;
    background: var(--sjc-primary);
}

.income-tax-page.income-tax-hero-text .income-tax-hero-copy h1 {
    margin: 0;
    padding: 0;
    color: var(--sjc-ink) !important;
    font-size: clamp(32px, 3.6vw, 56px);
    line-height: 1.18;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

.income-tax-page.income-tax-hero-text .income-tax-hero-copy h1 span {
    color: var(--sjc-primary) !important;
}

.income-tax-page.income-tax-hero-text .income-tax-hero-copy p {
    max-width: 720px;
    margin: 18px 0 0;
    color: var(--sjc-text) !important;
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0;
    font-weight: 400;
}

.income-tax-page.income-tax-hero-text .breadcrumb-row {
    display: none;
}

.roc-page.roc-hero-text {
    min-height: 449px;
    display: flex;
    align-items: center;
    background-image: url(../img/roc/RegistrarsofCompanies.webp) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
}

.roc-page.roc-hero-text .container,
.roc-hero-copy {
    position: relative;
    z-index: 2;
}

.roc-hero-copy {
    max-width: 760px;
}

.roc-hero-kicker {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--sjc-ink);
    font-size: clamp(40px, 4.6vw, 76px);
    line-height: 1.02;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.roc-hero-kicker span {
    color: var(--sjc-primary) !important;
}

.roc-hero-kicker::after {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    margin-top: 18px;
    background: var(--sjc-primary);
}

.roc-page.roc-hero-text .roc-hero-copy h1 {
    margin: 0;
    padding: 0;
    color: var(--sjc-ink) !important;
    font-size: clamp(28px, 3vw, 46px);
    line-height: 1.18;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

.roc-page.roc-hero-text .roc-hero-copy h1 span {
    color: var(--sjc-primary) !important;
}

.roc-page.roc-hero-text .roc-hero-copy p {
    max-width: 720px;
    margin: 16px 0 0;
    color: var(--sjc-text) !important;
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0;
    font-weight: 400;
}

.roc-page.roc-hero-text .breadcrumb-row {
    display: none;
}

.tds-page.tds-hero-text {
    min-height: 449px;
    display: flex;
    align-items: center;
    background-image: url(../img/tds/TaxDeductedatSource.webp) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
}

.tds-page.tds-hero-text .container,
.tds-hero-copy {
    position: relative;
    z-index: 2;
}

.tds-hero-copy {
    max-width: 760px;
}

.tds-hero-kicker {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--sjc-ink);
    font-size: clamp(40px, 4.6vw, 74px);
    line-height: 1.02;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.tds-hero-kicker span {
    color: var(--sjc-primary) !important;
}

.tds-hero-kicker::after {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    margin-top: 18px;
    background: var(--sjc-primary);
}

.tds-page.tds-hero-text .tds-hero-copy h1 {
    margin: 0;
    padding: 0;
    color: var(--sjc-ink) !important;
    font-size: clamp(27px, 2.8vw, 42px);
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

.tds-page.tds-hero-text .tds-hero-copy h1 span {
    color: var(--sjc-primary) !important;
}

.tds-page.tds-hero-text .tds-hero-copy p {
    max-width: 720px;
    margin: 16px 0 0;
    color: var(--sjc-text) !important;
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0;
    font-weight: 400;
}

.tds-page.tds-hero-text .breadcrumb-row {
    display: none;
}

.infrastructure-page.infrastructure-hero-text {
    min-height: 449px;
    display: flex;
    align-items: center;
    background-image: url(../img/infrastructure/infrastructure-bg.webp) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
}

.infrastructure-page.infrastructure-hero-text .container,
.infrastructure-hero-copy {
    position: relative;
    z-index: 2;
}

.infrastructure-hero-copy {
    max-width: 760px;
}

.infrastructure-hero-kicker {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--sjc-ink);
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 8px;
    text-transform: uppercase;
}

.infrastructure-hero-kicker::after {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    margin-top: 22px;
    background: var(--sjc-primary);
}

.infrastructure-page.infrastructure-hero-text .infrastructure-hero-copy h1 {
    margin: 0;
    padding: 0;
    color: var(--sjc-ink) !important;
    font-size: clamp(40px, 4.8vw, 78px);
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

.infrastructure-page.infrastructure-hero-text .infrastructure-hero-copy h1 span {
    color: var(--sjc-primary) !important;
}

.infrastructure-page.infrastructure-hero-text .infrastructure-hero-copy p {
    max-width: 720px;
    margin: 18px 0 0;
    color: var(--sjc-text) !important;
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0;
    font-weight: 400;
}

.infrastructure-page.infrastructure-hero-text .breadcrumb-row {
    display: none;
}

.gallery-page.events-hero-text {
    min-height: 449px;
    display: flex;
    align-items: center;
    background-image: url(../img/event/event-bg.webp) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
}

.gallery-page.events-hero-text .container,
.events-hero-copy {
    position: relative;
    z-index: 2;
}

.events-hero-copy {
    max-width: 760px;
}

.events-hero-kicker {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--sjc-ink);
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 8px;
    text-transform: uppercase;
}

.events-hero-kicker::after {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    margin-top: 22px;
    background: var(--sjc-primary);
}

.gallery-page.events-hero-text .events-hero-copy h1 {
    margin: 0;
    padding: 0;
    color: var(--sjc-ink) !important;
    font-size: clamp(40px, 4.8vw, 78px);
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

.gallery-page.events-hero-text .events-hero-copy h1 span {
    color: var(--sjc-primary) !important;
}

.gallery-page.events-hero-text .events-hero-copy p {
    max-width: 720px;
    margin: 18px 0 0;
    color: var(--sjc-text) !important;
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0;
    font-weight: 400;
}

.gallery-page.events-hero-text .breadcrumb-row {
    display: none;
}

.career-page.career-hero-text {
    min-height: 449px;
    display: flex;
    align-items: center;
    background-image: url(../img/career/career-bg.webp) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
}

.career-page.career-hero-text .container,
.career-hero-copy {
    position: relative;
    z-index: 2;
}

.career-hero-copy {
    max-width: 620px;
}

.career-hero-kicker {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--sjc-primary);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
}

.career-page.career-hero-text .career-hero-copy h1 {
    margin: 0;
    padding: 0;
    color: var(--sjc-ink) !important;
    font-size: clamp(40px, 4.4vw, 72px);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

.career-page.career-hero-text .career-hero-copy h1 span {
    color: var(--sjc-primary) !important;
}

.career-page.career-hero-text .career-hero-copy h1::after {
    content: "";
    display: block;
    width: 86px;
    height: 3px;
    margin-top: 22px;
    background: var(--sjc-primary);
}

.career-page.career-hero-text .career-hero-copy p {
    max-width: 520px;
    margin: 30px 0 0;
    color: #111 !important;
    font-size: 22px;
    line-height: 1.55;
    letter-spacing: 0;
    font-weight: 400;
}

.career-page.career-hero-text .breadcrumb-row {
    display: none;
}

.contact-page.contact-hero-text {
    min-height: 449px;
    display: flex;
    align-items: center;
    background-image: url(../img/contact/contact-bg.webp) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
}

.contact-page.contact-hero-text .container,
.contact-hero-copy {
    position: relative;
    z-index: 2;
}

.contact-hero-copy {
    max-width: 540px;
    text-align: left;
}

.contact-hero-kicker {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--sjc-primary);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
}

.contact-page.contact-hero-text .contact-hero-copy h1 {
    margin: 0;
    padding: 0;
    color: var(--sjc-ink) !important;
    font-size: clamp(38px, 4.2vw, 66px);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
    text-align: left;
}

.contact-page.contact-hero-text .contact-hero-copy h1 span {
    color: var(--sjc-primary) !important;
}

.contact-page.contact-hero-text .contact-hero-copy h1::after {
    content: "";
    display: block;
    width: 86px;
    height: 3px;
    margin-top: 18px;
    background: var(--sjc-primary);
}

.contact-page.contact-hero-text .contact-hero-copy p {
    max-width: 460px;
    margin: 22px 0 0;
    color: var(--sjc-text) !important;
    font-size: 19px;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 400;
    text-align: left;
}

.contact-page.contact-hero-text .breadcrumb-row {
    display: none;
}

.slider-one .home-slider-copy {
    position: relative;
    z-index: 3;
    max-width: 700px;
    padding-top: 0;
    transform: translateY(-22px);
    text-align: left;
}

.slider-one .home-slider-copy--right {
    max-width: 660px;
    margin-left: auto;
    text-align: right;
}

.slider-one .home-slider-copy--left {
    margin-left: 0;
}

.slider-one .home-slider-copy h2 {
    margin: 0;
    color: var(--sjc-ink) !important;
    font-size: clamp(30px, 3.3vw, 46px);
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

.slider-one .home-slider-copy h2 span {
    color: var(--sjc-primary) !important;
}

.slider-one .home-slider-copy h2::after {
    content: "";
    display: block;
    width: 74px;
    height: 3px;
    margin-top: 20px;
    background: var(--sjc-primary);
}

.slider-one .home-slider-copy--right h2::after {
    margin-left: auto;
}

.slider-one .home-slider-copy p {
    max-width: 650px;
    margin: 20px 0 0;
    color: var(--sjc-text) !important;
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0;
    font-weight: 400;
    text-shadow: none;
}

.slider-one .home-slider-copy--right p {
    margin-left: auto;
}

.slider-one .slider-one__item {
    display: flex;
    align-items: center;
    min-height: 540px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.slider-one .slider-one__item .container {
    width: 100%;
}

.slider-one__image--full {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat;
}

.mission-section:before,
.vision-section:before,
.value-section:before,
.get-app:before,
.testimon:before,
.footer-section::before,
.contact-page:before,
.career-page:before,
.gst-page:before,
.income-tax-page:before,
.roc-page:before,
.tds-page:before,
.event-page:before,
.infrastructure-page:before,
.about-page:before,
.service-page:before,
.team-page:before,
.team-page2:before {
    background: linear-gradient(90deg, rgba(6, 56, 93, 0.9) 0%, rgba(10, 81, 132, 0.72) 58%, rgba(10, 81, 132, 0.36) 100%) !important;
}

.contact-page:before,
.career-page:before,
.gst-page:before,
.income-tax-page:before,
.roc-page:before,
.tds-page:before,
.event-page:before,
.gallery-page:before,
.infrastructure-page:before,
.about-page:before,
.service-page:before,
.team-page:before,
.team-page2:before,
.our-team-page:before,
.our-partners-page:before {
    content: none !important;
    display: none !important;
    background: none !important;
    opacity: 0 !important;
}

.get-app,
.testimon,
.footer-section,
.login-page {
    background-color: var(--sjc-primary-dark) !important;
}

.about-firm-box,
.mission i,
.values li i,
.ripple,
.pinkBg,
.intro-banner-vdo-play-btn {
    background: var(--sjc-primary) !important;
    color: #fff !important;
}

.btn-8 {
    background: #fff !important;
    color: var(--sjc-primary) !important;
    border: 1px solid var(--sjc-primary) !important;
}

.btn-8:before,
.btn-8:after,
.btn-8 span:before,
.btn-8 span:after {
    background: var(--sjc-primary) !important;
}

.btn-8:hover,
.btn-8 span:hover {
    background: var(--sjc-primary) !important;
    color: #fff !important;
}

.top-header .header-content .social-icon-right .socials-link li a i.fa-facebook,
.social-icon li a i.fa-facebook,
.footer-social-icon i.fa-facebook,
.facebook-bg {
    background: #1877F2 !important;
    color: #fff !important;
}

.top-header .header-content .social-icon-right .socials-link li a i.fa-linkedin,
.social-icon li a i.fa-linkedin,
.footer-social-icon i.fa-linkedin,
.linkedin-bg {
    background: #0A66C2 !important;
    color: #fff !important;
}

.top-header .header-content .social-icon-right .socials-link li a i.fa-instagram,
.social-icon li a i.fa-instagram,
.footer-social-icon i.fa-instagram,
.instagram-bg {
    background: linear-gradient(45deg, #F58529 0%, #FEDA77 25%, #DD2A7B 50%, #8134AF 75%, #515BD4 100%) !important;
    color: #fff !important;
}

/* Full-color store artwork, embedded for local-file previews as well as hosting.
   App Store symbol: Font Awesome Free (CC BY 4.0), attribution in app-store.svg. */
.fa.play-bg::before,
.fa.apple-bg::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background: var(--store-icon) center / contain no-repeat;
}

.fa.play-bg {
    --store-icon: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM4MDQ1Qjg4RDJCMzExRUNBOEY4QkZGMjdBMENFMkI3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM4MDQ1Qjg5RDJCMzExRUNBOEY4QkZGMjdBMENFMkI3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzgwNDVCODZEMkIzMTFFQ0E4RjhCRkYyN0EwQ0UyQjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzgwNDVCODdEMkIzMTFFQ0E4RjhCRkYyN0EwQ0UyQjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz49W6IbAAAJKklEQVR42syZeXAT1x3HvyutZMmW8BUy0NIcwAwlZBKuEIaWhNJJaEJKCw0O5sYJoaSlmfTIH+kUMGCMMcYkXLExmBA7JDBcgbGNjYNpiMNR02EoYC45jjHGFpZtWbdW+/pWuzpsSUY+AL3R2tLTXh99v7/f++17DCEEQvv6wCEs/dcHA59In/6x7PknRnE39NdNBee3thy7WMRxHBiVAgzDIJJaamoqlixZ4n7PejqdHCdrmJ2WZ3yWe52xnwWGaodGLR87hf1F//3m7Io1luqGy4iwZjabve9lnjeKEWOGkwnJr5vuzgLhnoWMt8Aqc8lNM4bM0pSknBuQNi1TPSD+8UgC8XeIF4Qf+PQgKOlHEgVzawqczmfAyG3gzXYYFc5o419G/l1bsbjqsaUvvadQKhWRpo4XhBPwGLGHEBWszSng7MOpVDahA1y7FYb+zCBL9q+2xn6zuDLut8+9IY9EEAhRL4GIMFGwNVEY23AQAYb2MRwPu9ECw6h+Y537ZxxNOLjwkHb0kyMjC0TwmwDigRF+bgrjaEgBb6EwrA1EgBE2mwsWqwX3pg36PU7OP/PYJ9M3qQclDIwMEBDxE+O3STDOegpjpjajMUMoMJFijJgcaJc7olqWPfd+VOXiqoQPJr2vjFapIkeRIDCuOgHmGVEZ2k883/MErjYrWvszA9s3TtqkOf3umfiZo6fLHx0I8dkqBAz/4yKqAlWGwoDxCeluDh7ONho/IzTP276cdjDuWMox7binxzIPP9j9IELB8FEgP1CYdtFmXgj/ZuVgNVvQ/NpPppLyuZWJ29/cGv1U/0GPzlpdwKBmEWCUlPEe77cJrd0BE2NXGP444j1F5dsXEj789T+UGnX0w7NWuDA6CUYu2Yx02oTmorvS+GmLRf/2jInrNZVLzsUnj50pB/MgrcUEv/kuYga6hT6YYMp4NieNH2H8GaYeYS18Y19cccpx7YQh45kHpkioGAkJo/LZzANDQqjjjh8XbCYaP68MfJWcmHM6cedbO6KHPP5UH48j97n5cGzmHzOhmgBGxx8TZ5MbUoa9o6h8pyrxn69+FBUbo+27YO8pDAkjAXTeePoy2tCmcSUY10xIU51Zej5u3rjZckbeW0VI8At2R5ma+ySAYHZzEjjb7TANVg7bvZYr/G6Xpnzy+H4T0c2EEJh+0UsY3aLwEoDnWjI5FJRs781D+F3dBbz4Qtvk8h2uU19sSMwfNjhmSE+q344X6Ctl0IUqjAhRWHsYM1uuiue0CFWCmUmeZlh4fp+8Ku1viSsS41WxPQ/2XiuzsOsEIClR+IMAUd3xTgTIdh5apTH2o2VtK6sOR/9ncXLCArmcZXpWNPYERhYkNXeG8UDUUIjm6s4/p6/RARVtHJ4cYBiam2HefXp/7KnfTIqd7DnAfy6kY7ADfQMTYLOf+2xG7cRSGxfojogQ4SQph6CQHePHNE8s3sOV792S8Fk/LZNgs/uyBtvBV/433jn3M0G05Lv4DAnGJdgsBRicD8Reh8IloxCHkSRAdPfJX4gfmRmzZlnnx0czg29aFFOk3hC11oNQpjYFCvo8U1C7H0n6MJUINaAaeEx5mf9l0lT5az0L9p7ACI1yKDglClffQdLpekDTF3NBgJK1q4KAhBns3YVRCC8XCgrXYGZFKbB3AnAtHlD1HABxwPfnUL2/CEXhlfG9gfFC8CjIX4ek7+k1NfRxxEo7d4/qGYywPz1FeSlO/mEZpuoNaAldxqOPYCSIz3emI6myCEStEfMiSzOChX6ZL8GowwAQkgItKa9dx415f8aCV+ZicoMeOrUqVBkP9B7Gz057ctPx1ndFcLkhGHfx0AFmJ4Wp7gJGJgIYWtC6PB0rxs3A2IIj2EP8ipEgIGFs4cAoRSU++zQDs04Xg1NrxYqEiDsGwOQFgRHOE+PO5mRXAfJfmIkxq7djldEMYxglSqcyHt1URrKAglCIbeuQ/G0xnB47Udt2CZNLYa5KMFHiVlaB8pcX4qW3lyNFdxu6+7mP7Vg0MgFcIXM5E3gmBc9j95YMJJ8qhj1a43Ms/cMIMIxIIEwzE6lIZTwwO0YDf7qIK+y9q6lbsWpfGb7sTh5gQ5bxnSqXLkd7ehbWxSP/kwzMPlkMm0YrHUK8ioSCYWT0O5UMDa18c9aHqqycRmw2mWHqblbuqIh/5uqsDAkBo5AgPl6POd+UwEIhGM8jgSRyMBhh6l8mZ2FzOVw5DT/mZdbXpNc77LU9HR/ZLq3E3P9oltppV3Ym5pYXw6zRSMCMG4a4KUgAjIJh3YXZQX1DSVr9rZUXzMazvR3o2aBlPPH77w/l3y8psXNDJuZRCJNgJ7cCRAxqCQYeCwklhUzm/nzO1HJp9e2bqcdamw701XRQR2v5Z66uIJQiRF5mJuafKIGxg52YDjAChIICKOgzSI3N1JR5V7d+l75um53nrX05QccGzKIEi4vOgU3tlJexAQvKjqMtwE4+C8nofzXLopWzO3Pv1uRk3dWta3La6x/ElGlwRQgCZ9v9IHLTN2B+aQlaJQh/BTwxEUPjwEnj4It7t4+ubbiRetnaXvUgJ7HZoGV8MFspJIi1WZh//Dha3ClWXK3zt5NKeIylKfXfpub/rm24nlpqbDryMJYVggc7ggQ2hchJy8K8kuOiEu5xTrQQcZ9Ihhi5HFdsxjtZjTcyPjfU5XCE2B/WQk/gOBJCiU/XbMTcEkEJjaQCkWocGTQUoImz2bKabmzfrL+1vplz3H3YS2/Bg92vdmJp7bR9NYUoLqVKiHZyLzfS/aOpjRxCbWWoPZTZeD31mr394qNaDA2stTql2G2p2Zjjhojx2imKplM53bfC1HR+fVP1ygqTvuhRL08Hr7UkO20VIIpKvTGhhKjCZXtb3UZ9dfpXrXV5PIgTEdB8IDzPuBfSlSLElhXZmF1U5oYQJjxiZCwaOaslU391S47h1oZWl0OPCGpeEKbhdiOifuaePNu8YhNmHyuDURtDFaCFHXEhv0X31aZ71at0DtMVRGDzgnCXqv6narl0dvOFuheTjpbBotW6n7pKjHe+zW6+uuqcrfkEIrj5FHFxzsS/vrvop3EjcxsTE0fUcqaaPa23cg4Ya3da4HKp1GowkXbzrC8y/i/AALuiMW8p+wmaAAAAAElFTkSuQmCC");
}

.fa.apple-bg {
    --store-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMzIgNDQ4IDQ0OCI+PCEtLSBGb250IEF3ZXNvbWUgRnJlZSA2LjcuMiBieSBAZm9udGF3ZXNvbWU7IENDIEJZIDQuMDsgaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlOyBDb3B5cmlnaHQgMjAyNCBGb250aWNvbnMsIEluYy4gLS0+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJibHVlIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIHN0b3AtY29sb3I9IiMyMGM0ZmEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxNzY5ZjMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB5PSIzMiIgd2lkdGg9IjQ0OCIgaGVpZ2h0PSI0NDgiIHJ4PSI5MCIgZmlsbD0idXJsKCNibHVlKSIvPjxwYXRoIGZpbGw9IndoaXRlIiBkPSJNMTI3IDM4NC41Yy01LjUgOS42LTE3LjggMTIuOC0yNy4zIDcuMy05LjYtNS41LTEyLjgtMTcuOC03LjMtMjcuM2wxNC4zLTI0LjdjMTYuMS00LjkgMjkuMy0xLjEgMzkuNiAxMS40TDEyNyAzODQuNXptMTM4LjktNTMuOUg4NGMtMTEgMC0yMC05LTIwLTIwczktMjAgMjAtMjBoNTFsNjUuNC0xMTMuMi0yMC41LTM1LjRjLTUuNS05LjYtMi4yLTIxLjggNy4zLTI3LjMgOS42LTUuNSAyMS44LTIuMiAyNy4zIDcuM2w4LjkgMTUuNCA4LjktMTUuNGM1LjUtOS42IDE3LjgtMTIuOCAyNy4zLTcuMyA5LjYgNS41IDEyLjggMTcuOCA3LjMgMjcuM2wtODUuOCAxNDguNmg2Mi4xYzIwLjIgMCAzMS41IDIzLjcgMjIuNyA0MHptOTguMSAwaC0yOWwxOS42IDMzLjljNS41IDkuNiAyLjIgMjEuOC03LjMgMjcuMy05LjYgNS41LTIxLjggMi4yLTI3LjMtNy4zLTMyLjktNTYuOS01Ny41LTk5LjctNzQtMTI4LjEtMTYuNy0yOS00LjgtNTggNy4xLTY3LjggMTMuMSAyMi43IDMyLjcgNTYuNyA1OC45IDEwMmg1MmMxMSAwIDIwIDkgMjAgMjAgMCAxMS4xLTkgMjAtMjAgMjB6Ii8+PC9zdmc+");
}

/* Keep the footer link boxes while letting the store artwork supply its colors. */
.footer-section .footer-social-icon i.play-bg,
.footer-section .footer-social-icon i.apple-bg,
.footer-section .footer-social-icon i.play-bg:hover,
.footer-section .footer-social-icon i.apple-bg:hover,
.footer-section .footer-social-icon a:focus i.play-bg,
.footer-section .footer-social-icon a:focus i.apple-bg {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.footer-social-icon .play-bg::before,
.footer-social-icon .apple-bg::before {
    /* Fill the 34px footer box without changing its existing text baseline. */
    transform: scale(2.125);
}

.slick-arrow,
.owl-theme button.owl-next,
.owl-theme button.owl-prev,
.partners .owl-theme button.owl-next span,
.partners .owl-theme button.owl-prev span {
    color: var(--sjc-primary) !important;
}

.login-page {
    background: linear-gradient(-45deg, var(--sjc-primary-dark), var(--sjc-primary), var(--sjc-primary-mid), #0F6EA8) !important;
    background-size: 400% 400% !important;
}

/* Footer: keep the logo readable on a clean white background. */
.footer-section {
    position: relative !important;
    overflow: hidden;
    background-image: none !important;
    background:
        linear-gradient(180deg, #f6fbfe 0%, #ffffff 34%, #ffffff 100%) !important;
    background-color: #fff !important;
    border-top: 1px solid rgba(10, 81, 132, 0.14);
    box-shadow: inset 0 18px 32px rgba(10, 81, 132, 0.06);
}

.footer-section::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, rgba(10, 81, 132, 0), rgba(10, 81, 132, 0.42), rgba(10, 81, 132, 0)) !important;
    z-index: 1;
}

.footer-section .container,
.footer-section .container-fluid,
.footer-content,
.copyright-area {
    position: relative;
    z-index: 2;
}

.footer-content {
    padding: 22px 24px 18px !important;
}

.footer-logo {
    margin-bottom: 10px !important;
}

.footer-logo img {
    width: auto !important;
    max-width: 190px;
    height: auto;
}

.footer-text p,
.footer-widget ul li a,
.single-ctaa a,
.single-ctaa span,
.ctaa-text a,
.ctaa-text span,
.copyright-text p,
.copyright-text p a {
    color: var(--sjc-text) !important;
}

.footer-text p {
    max-width: 560px;
    margin-bottom: 0 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    letter-spacing: 0.2px !important;
    font-weight: 500 !important;
}

.footer-widget-heading h3 {
    color: var(--sjc-ink) !important;
    margin-bottom: 22px !important;
    font-size: 22px !important;
    font-weight: 500 !important;
}

.footer-widget-heading h3::before {
    background: var(--sjc-primary) !important;
    width: 60px !important;
    height: 2px !important;
    bottom: -8px !important;
}

.footer-widget ul li {
    margin-bottom: 8px !important;
}

.footer-widget ul li a {
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    text-transform: none !important;
}

.footer-widget ul li a:hover,
.copyright-text p a:hover {
    color: var(--sjc-accent) !important;
}

.single-ctaa {
    margin-bottom: 12px;
}

.single-ctaa .ctaa-text {
    padding-left: 0 !important;
    margin-bottom: 12px;
    padding-bottom: 0 !important;
}

.single-ctaa i {
    color: var(--sjc-primary) !important;
    width: 22px;
    padding-right: 8px !important;
    font-size: 18px !important;
    line-height: 1.2;
}

.ctaa-text span {
    font-size: 15px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.2px !important;
}

.footer-social-icon {
    padding-top: 0 !important;
}

.footer-social-icon a {
    display: inline-block;
    margin-right: 10px !important;
}

.footer-social-icon i {
    width: 34px !important;
    height: 34px !important;
    line-height: 34px !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-size: 16px !important;
}

.copyright-area {
    padding: 12px 0 10px !important;
    border-top: 1px solid var(--sjc-border) !important;
    background: rgba(234, 244, 251, 0.55) !important;
}

.copyright-text p {
    font-size: 14px !important;
    letter-spacing: 0.2px !important;
    font-weight: 500 !important;
}

@media only screen and (max-width: 767px) {
    .footer-content {
        padding: 22px 18px 14px !important;
    }

    .footer-widget {
        margin-bottom: 18px;
    }

    .footer-widget-heading h3 {
        margin-bottom: 18px !important;
    }

    .footer-logo img {
        max-width: 170px;
    }
}

.whatsapp-chat-button {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 1000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    padding: 0;
    border-radius: 50%;
    background: #25D366 !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 14px 30px rgba(37, 211, 102, 0.34);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.whatsapp-chat-button i {
    color: #fff !important;
    font-size: 38px;
    line-height: 1;
}

.whatsapp-chat-button:hover,
.whatsapp-chat-button:focus {
    background: #1FB85A !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 16px 34px rgba(37, 211, 102, 0.38);
}

@media only screen and (max-width: 600px) {
    .whatsapp-chat-button {
        right: 20px;
        bottom: 22px;
        width: 54px;
        height: 54px;
    }

    .whatsapp-chat-button i {
        font-size: 32px;
    }
}

/* Final contrast fixes for header contact strip and update cards. */
.top-header {
    background: var(--sjc-primary) !important;
    background-color: var(--sjc-primary) !important;
}

.top-header .header-content {
    min-height: 30px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.top-header .location ul,
.top-header .location ul.call-side {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    margin: 0 !important;
    padding: 0 !important;
}

.top-header .location ul li {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    min-height: 30px;
    padding: 3px 20px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.8) !important;
    color: #fff !important;
    line-height: 1.35;
}

.top-header .location ul li:first-child {
    padding-left: 0 !important;
}

.top-header .location ul li a,
.top-header .location ul li a:hover,
.top-header .location ul li a:focus,
.top-header .location ul li i,
.top-header .location ul li .fa {
    color: #fff !important;
    opacity: 1 !important;
}

.top-header .location ul li a {
    display: inline-block;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.35px !important;
    text-decoration: none !important;
}

.top-header .location ul li .fa {
    margin-right: 0 !important;
    font-size: 15px;
}

.top-header .header-content .social-icon-right,
.top-header .header-content .social-icon-right .socials-link,
.top-header .header-content .social-icon-right .socials-link li,
.top-header .header-content .social-icon-right .socials-link li a {
    position: relative;
    z-index: 2;
}

.top-header .header-content .social-icon-right .socials-link li a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    text-decoration: none !important;
    cursor: pointer;
}

.top-header .header-content .social-icon-right .socials-link li a i {
    pointer-events: none;
}

.top-header .header-content .social-icon-right .socials-link {
    padding-top: 0 !important;
}

.header #top_menu {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
}

.header #top_menu .row {
    display: flex;
    align-items: center;
    min-height: 74px;
}

.header .logo {
    padding: 6px 15px !important;
    line-height: 0;
    overflow: visible !important;
}

.header .logo img.logo1 {
    display: block;
    height: 58px !important;
    max-height: 58px !important;
    width: auto !important;
    object-fit: contain;
}

.header #cssmenu {
    padding: 12px 0 !important;
}

.header #cssmenu ul li a {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

@media only screen and (min-width: 769px) {
    .header #cssmenu > ul > li.has-sub > a {
        display: inline-flex !important;
        align-items: center;
        gap: 8px;
        padding-right: 12px !important;
    }

    .header #cssmenu > ul > li.has-sub > a i.fa {
        position: static !important;
        right: auto !important;
        top: auto !important;
        display: inline-block;
        margin-left: 2px;
        font-size: 18px;
        line-height: 1;
        transform: translateY(1px);
    }
}

.blog .card .card-body {
    background: var(--sjc-primary) !important;
    background-color: var(--sjc-primary) !important;
}

.blog .card .card-body .card-title,
.blog .card .card-body .card-title a,
.blog .card .card-body .card-title a:hover {
    color: #fff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.blog .card .card-body .card-title {
    margin-bottom: 0 !important;
}

.branch-offices .row {
    display: flex;
    flex-wrap: wrap;
}

.branch-offices [class*="col-"] {
    display: flex;
}

.branch-offices .service_box.transform.cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: auto !important;
    min-height: 225px;
    padding: 28px 24px;
    overflow: hidden;
}

.branch-offices .service_box h2,
.branch-offices .service_box p {
    width: 100%;
    max-width: 100%;
    color: #fff !important;
    text-align: center;
    overflow-wrap: anywhere;
    word-break: normal;
}

.branch-offices .service_box h2 {
    margin: 0 0 18px;
    font-size: 30px;
    line-height: 1.25;
    letter-spacing: 0;
}

.branch-offices .service_box p {
    margin: 0;
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: 0.2px;
}

.branch-offices .service_box p img {
    width: 22px;
    height: 22px;
    margin-right: 4px;
    vertical-align: -5px;
}

.branch-offices .transform:hover {
    transform: translateY(-4px);
}

@media only screen and (max-width: 991px) {
    .branch-offices .service_box.transform.cont {
        min-height: 240px;
        padding: 24px 18px;
    }

    .branch-offices .service_box h2 {
        font-size: 26px;
    }

    .branch-offices .service_box p {
        font-size: 15px;
        line-height: 1.6;
    }
}

@media only screen and (max-width: 575px) {
    .branch-offices .col-xs-6,
    .branch-offices .col-sm-4,
    .branch-offices .col-sm-12 {
        width: 100%;
    }

    .branch-offices .service_box.transform.cont {
        min-height: auto;
        padding: 24px 16px;
    }
}

@media only screen and (max-width: 767px) {
    .top-header .location ul {
        justify-content: center;
    }

    .top-header .location ul li,
    .top-header .location ul li:first-child {
        min-height: 28px;
        padding: 3px 10px !important;
    }

    .top-header .location ul li a {
        font-size: 13px !important;
    }

    .header #top_menu .row {
        display: block;
        min-height: 0;
    }

    .header .logo {
        padding: 6px 12px !important;
    }

    .header .logo img.logo1 {
        height: 54px !important;
        max-height: 54px !important;
    }

    .header #cssmenu {
        padding: 0 !important;
    }
}

/* Footer hover states: keep every hover in the logo-blue family. */
.footer-section .footer-widget ul li a:hover,
.footer-section .footer-widget ul li a:focus,
.footer-section .footer-menu li:hover a,
.footer-section .copyright-text p a:hover,
.footer-section .copyright-text p a:focus,
.copyright-area .copyright-text p a:hover,
.copyright-area .copyright-text p a:focus {
    color: var(--sjc-accent) !important;
    text-decoration: none !important;
}

.footer-section .footer-widget ul li a,
.footer-section .copyright-text p a,
.copyright-area .copyright-text p a {
    transition: color 0.2s ease;
}

.footer-section .footer-social-icon i:hover,
.footer-section .footer-social-icon a:focus i {
    background: #fff !important;
    color: var(--sjc-primary) !important;
    opacity: 1 !important;
}

.head-office-adrs .contact_icon a,
.head-office-adrs .contact_icon a:hover,
.head-office-adrs .contact_icon a:focus {
    color: #fff !important;
}

@media only screen and (max-width: 991px) {
    .about-page.about-hero-text {
        min-height: 449px;
        background-image: url(../img/about/about-bg.webp) !important;
        background-position: center;
        padding: 0;
    }

    .about-hero-copy {
        max-width: 600px;
    }

    .about-page.about-hero-text .about-hero-copy p {
        max-width: 600px;
        font-size: 17px;
    }

    .team-page.partners-hero-text {
        min-height: 449px;
        background-image: url(../img/our-partners/bnr2.webp) !important;
        background-position: center;
        padding: 0;
    }

    .partners-hero-copy {
        max-width: 600px;
    }

    .team-page.partners-hero-text .partners-hero-copy p {
        max-width: 600px;
        font-size: 17px;
    }

    .team-page2.team-hero-text {
        min-height: 449px;
        background-image: url(../img/our-team/our-team-bg.webp) !important;
        background-position: center;
        padding: 0;
    }

    .team-hero-copy {
        max-width: 600px;
    }

    .team-page2.team-hero-text .team-hero-copy p {
        max-width: 600px;
        font-size: 17px;
    }

    .service-page.service-hero-text {
        min-height: 449px;
        background-image: url(../img/services/service-bg.webp) !important;
        background-position: center;
        padding: 0;
    }

    .service-page.service-hero-text .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .service-hero-copy {
        max-width: 620px;
    }

    .service-page.service-hero-text .service-hero-copy p {
        max-width: 600px;
        font-size: 17px;
    }

    .gst-page.gst-hero-text {
        min-height: 449px;
        background-image: url(../img/gst/gst.webp) !important;
        background-position: center;
        padding: 0;
    }

    .gst-hero-copy {
        max-width: 560px;
    }

    .gst-page.gst-hero-text .gst-hero-copy p {
        max-width: 560px;
        font-size: 17px;
    }

    .income-tax-page.income-tax-hero-text {
        min-height: 449px;
        background-image: url(../img/income-tax/tax.webp) !important;
        background-position: center;
        padding: 0;
    }

    .income-tax-hero-copy {
        max-width: 620px;
    }

    .income-tax-page.income-tax-hero-text .income-tax-hero-copy p {
        max-width: 600px;
        font-size: 17px;
    }

    .roc-page.roc-hero-text {
        min-height: 449px;
        background-image: url(../img/roc/RegistrarsofCompanies.webp) !important;
        background-position: center;
        padding: 0;
    }

    .roc-hero-copy {
        max-width: 620px;
    }

    .roc-page.roc-hero-text .roc-hero-copy p {
        max-width: 600px;
        font-size: 17px;
    }

    .tds-page.tds-hero-text {
        min-height: 449px;
        background-image: url(../img/tds/TaxDeductedatSource.webp) !important;
        background-position: center;
        padding: 0;
    }

    .tds-hero-copy {
        max-width: 620px;
    }

    .tds-page.tds-hero-text .tds-hero-copy p {
        max-width: 600px;
        font-size: 17px;
    }

    .infrastructure-page.infrastructure-hero-text {
        min-height: 449px;
        background-image: url(../img/infrastructure/infrastructure-bg.webp) !important;
        background-position: center;
        padding: 0;
    }

    .infrastructure-hero-copy {
        max-width: 620px;
    }

    .infrastructure-page.infrastructure-hero-text .infrastructure-hero-copy p {
        max-width: 600px;
        font-size: 17px;
    }

    .gallery-page.events-hero-text {
        min-height: 449px;
        background-image: url(../img/event/event-bg.webp) !important;
        background-position: center;
        padding: 0;
    }

    .events-hero-copy {
        max-width: 620px;
    }

    .gallery-page.events-hero-text .events-hero-copy p {
        max-width: 600px;
        font-size: 17px;
    }

    .career-page.career-hero-text {
        min-height: 449px;
        background-image: url(../img/career/career-bg.webp) !important;
        background-position: center;
        padding: 0;
    }

    .career-hero-copy {
        max-width: 560px;
    }

    .career-page.career-hero-text .career-hero-copy p {
        max-width: 500px;
        font-size: 19px;
    }

    .contact-page.contact-hero-text {
        min-height: 449px;
        background-image: url(../img/contact/contact-bg.webp) !important;
        background-position: center;
        padding: 0;
    }

    .contact-hero-copy {
        max-width: 560px;
    }

    .contact-page.contact-hero-text .contact-hero-copy p {
        max-width: 500px;
        font-size: 19px;
    }

    .slider-one .home-slider-copy {
        max-width: 620px;
        padding-top: 0;
        transform: translateY(-14px);
    }

    .slider-one .home-slider-copy p {
        max-width: 560px;
        font-size: 19px;
    }

    .slider-one .slider-one__item {
        min-height: 470px !important;
    }
}

@media only screen and (max-width: 575px) {
    .about-page.about-hero-text {
        min-height: 449px;
        background-image: url(../img/about/about-bg.webp) !important;
        background-position: center;
        padding: 0;
    }

    .about-hero-kicker {
        margin-bottom: 14px;
        font-size: 18px;
    }

    .about-page.about-hero-text .about-hero-copy h1 {
        font-size: 32px;
        line-height: 1.16;
    }

    .about-page.about-hero-text .about-hero-copy p {
        margin-top: 14px;
        font-size: 15px;
    }

    .team-page.partners-hero-text {
        min-height: 449px;
        background-image: url(../img/our-partners/bnr2.webp) !important;
        background-position: center;
        padding: 0;
    }

    .partners-hero-kicker {
        margin-bottom: 14px;
        font-size: 18px;
    }

    .team-page.partners-hero-text .partners-hero-copy h1 {
        font-size: 32px;
        line-height: 1.16;
    }

    .team-page.partners-hero-text .partners-hero-copy p {
        margin-top: 14px;
        font-size: 15px;
    }

    .team-page2.team-hero-text {
        min-height: 449px;
        background-image: url(../img/our-team/our-team-bg.webp) !important;
        background-position: center;
        padding: 0;
    }

    .team-hero-kicker {
        margin-bottom: 14px;
        font-size: 18px;
    }

    .team-page2.team-hero-text .team-hero-copy h1 {
        font-size: 32px;
        line-height: 1.16;
    }

    .team-page2.team-hero-text .team-hero-copy p {
        margin-top: 14px;
        font-size: 15px;
    }

    .service-page.service-hero-text {
        min-height: 449px;
        background-image: url(../img/services/service-bg.webp) !important;
        background-position: center;
        padding: 0;
    }

    .service-page.service-hero-text .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .service-hero-kicker {
        margin-bottom: 14px;
        font-size: 18px;
    }

    .service-page.service-hero-text .service-hero-copy h1 {
        font-size: 30px;
        line-height: 1.16;
    }

    .service-page.service-hero-text .service-hero-copy p {
        margin-top: 14px;
        font-size: 15px;
    }

    .gst-page.gst-hero-text {
        min-height: 449px;
        background-image: url(../img/gst/gst.webp) !important;
        background-position: center;
        padding: 0;
    }

    .gst-hero-kicker {
        margin-bottom: 14px;
        font-size: 15px;
        letter-spacing: 2px;
    }

    .gst-hero-kicker::after {
        margin-top: 12px;
    }

    .gst-page.gst-hero-text .gst-hero-copy h1 {
        font-size: 34px;
        line-height: 1.16;
    }

    .gst-page.gst-hero-text .gst-hero-copy p {
        margin-top: 14px;
        font-size: 15px;
    }

    .income-tax-page.income-tax-hero-text {
        min-height: 449px;
        background-image: url(../img/income-tax/tax.webp) !important;
        background-position: center;
        padding: 0;
    }

    .income-tax-hero-kicker {
        margin-bottom: 14px;
        font-size: 38px;
    }

    .income-tax-hero-kicker::after {
        margin-top: 14px;
    }

    .income-tax-page.income-tax-hero-text .income-tax-hero-copy h1 {
        font-size: 30px;
        line-height: 1.18;
    }

    .income-tax-page.income-tax-hero-text .income-tax-hero-copy p {
        margin-top: 14px;
        font-size: 15px;
    }

    .roc-page.roc-hero-text {
        min-height: 449px;
        background-image: url(../img/roc/RegistrarsofCompanies.webp) !important;
        background-position: center;
        padding: 0;
    }

    .roc-hero-kicker {
        margin-bottom: 14px;
        font-size: 36px;
    }

    .roc-hero-kicker::after {
        margin-top: 14px;
    }

    .roc-page.roc-hero-text .roc-hero-copy h1 {
        font-size: 28px;
        line-height: 1.18;
    }

    .roc-page.roc-hero-text .roc-hero-copy p {
        margin-top: 14px;
        font-size: 15px;
    }

    .tds-page.tds-hero-text {
        min-height: 449px;
        background-image: url(../img/tds/TaxDeductedatSource.webp) !important;
        background-position: center;
        padding: 0;
    }

    .tds-hero-kicker {
        margin-bottom: 14px;
        font-size: 36px;
    }

    .tds-hero-kicker::after {
        margin-top: 14px;
    }

    .tds-page.tds-hero-text .tds-hero-copy h1 {
        font-size: 25px;
        line-height: 1.2;
    }

    .tds-page.tds-hero-text .tds-hero-copy p {
        margin-top: 14px;
        font-size: 15px;
    }

    .infrastructure-page.infrastructure-hero-text {
        min-height: 449px;
        background-image: url(../img/infrastructure/infrastructure-bg.webp) !important;
        background-position: center;
        padding: 0;
    }

    .infrastructure-hero-kicker {
        margin-bottom: 14px;
        font-size: 18px;
        letter-spacing: 5px;
    }

    .infrastructure-hero-kicker::after {
        margin-top: 14px;
    }

    .infrastructure-page.infrastructure-hero-text .infrastructure-hero-copy h1 {
        font-size: 36px;
        line-height: 1.12;
    }

    .infrastructure-page.infrastructure-hero-text .infrastructure-hero-copy p {
        margin-top: 14px;
        font-size: 15px;
    }

    .gallery-page.events-hero-text {
        min-height: 449px;
        background-image: url(../img/event/event-bg.webp) !important;
        background-position: center;
        padding: 0;
    }

    .events-hero-kicker {
        margin-bottom: 14px;
        font-size: 18px;
        letter-spacing: 5px;
    }

    .events-hero-kicker::after {
        margin-top: 14px;
    }

    .gallery-page.events-hero-text .events-hero-copy h1 {
        font-size: 36px;
        line-height: 1.12;
    }

    .gallery-page.events-hero-text .events-hero-copy p {
        margin-top: 14px;
        font-size: 15px;
    }

    .career-page.career-hero-text {
        min-height: 449px;
        background-image: url(../img/career/career-bg.webp) !important;
        background-position: center;
        padding: 0;
    }

    .career-hero-kicker {
        margin-bottom: 14px;
        font-size: 18px;
    }

    .career-page.career-hero-text .career-hero-copy h1 {
        font-size: 36px;
        line-height: 1.16;
    }

    .career-page.career-hero-text .career-hero-copy h1::after {
        width: 64px;
        margin-top: 16px;
    }

    .career-page.career-hero-text .career-hero-copy p {
        margin-top: 20px;
        font-size: 16px;
        line-height: 1.5;
    }

    .contact-page.contact-hero-text {
        min-height: 449px;
        background-image: url(../img/contact/contact-bg.webp) !important;
        background-position: center;
        padding: 0;
    }

    .contact-hero-kicker {
        margin-bottom: 14px;
        font-size: 18px;
    }

    .contact-page.contact-hero-text .contact-hero-copy h1 {
        font-size: 38px;
        line-height: 1.16;
    }

    .contact-page.contact-hero-text .contact-hero-copy h1::after {
        width: 64px;
        margin-top: 16px;
    }

    .contact-page.contact-hero-text .contact-hero-copy p {
        margin-top: 20px;
        font-size: 16px;
        line-height: 1.5;
    }

    .slider-one .home-slider-copy,
    .slider-one .home-slider-copy--right {
        max-width: 100%;
        padding-top: 0;
        transform: translateY(-8px);
        margin-left: 0;
        text-align: left;
    }

    .slider-one .home-slider-copy h2 {
        font-size: 28px;
        line-height: 1.15;
    }

    .slider-one .home-slider-copy h2::after,
    .slider-one .home-slider-copy--right h2::after {
        width: 58px;
        margin-top: 16px;
        margin-left: 0;
    }

    .slider-one .home-slider-copy p,
    .slider-one .home-slider-copy--right p {
        margin-top: 18px;
        font-size: 16px;
        line-height: 1.45;
        margin-left: 0;
    }

    .slider-one .slider-one__item {
        min-height: 390px !important;
    }
}

.about-page.about-hero-text,
.team-page.partners-hero-text,
.team-page2.team-hero-text,
.service-page.service-hero-text,
.gst-page.gst-hero-text,
.income-tax-page.income-tax-hero-text,
.roc-page.roc-hero-text,
.tds-page.tds-hero-text,
.infrastructure-page.infrastructure-hero-text,
.gallery-page.events-hero-text,
.career-page.career-hero-text,
.contact-page.contact-hero-text {
    min-height: 449px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden;
}

.about-page.about-hero-text .container,
.team-page.partners-hero-text .container,
.team-page2.team-hero-text .container,
.service-page.service-hero-text .container,
.gst-page.gst-hero-text .container,
.income-tax-page.income-tax-hero-text .container,
.roc-page.roc-hero-text .container,
.tds-page.tds-hero-text .container,
.infrastructure-page.infrastructure-hero-text .container,
.gallery-page.events-hero-text .container,
.career-page.career-hero-text .container,
.contact-page.contact-hero-text .container {
    width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.about-hero-copy,
.partners-hero-copy,
.team-hero-copy,
.service-hero-copy,
.gst-hero-copy,
.income-tax-hero-copy,
.roc-hero-copy,
.tds-hero-copy,
.infrastructure-hero-copy,
.events-hero-copy,
.career-hero-copy,
.contact-hero-copy {
    width: min(64%, 780px) !important;
    max-width: 780px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.service-hero-copy {
    width: min(64%, 780px) !important;
    max-width: 780px !important;
}

.about-hero-kicker,
.partners-hero-kicker,
.team-hero-kicker,
.service-hero-kicker,
.gst-hero-kicker,
.income-tax-hero-kicker,
.roc-hero-kicker,
.tds-hero-kicker,
.infrastructure-hero-kicker,
.events-hero-kicker,
.career-hero-kicker,
.contact-hero-kicker {
    display: block !important;
    margin: 0 0 30px !important;
    color: var(--sjc-ink) !important;
    font-family: inherit !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 6px !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
}

.about-hero-kicker::after,
.partners-hero-kicker::after,
.team-hero-kicker::after,
.service-hero-kicker::after,
.gst-hero-kicker::after,
.income-tax-hero-kicker::after,
.roc-hero-kicker::after,
.tds-hero-kicker::after,
.infrastructure-hero-kicker::after,
.events-hero-kicker::after,
.career-hero-kicker::after,
.contact-hero-kicker::after {
    content: "" !important;
    display: block !important;
    width: 72px !important;
    height: 3px !important;
    margin-top: 16px !important;
    background: var(--sjc-primary) !important;
}

.about-hero-kicker span,
.partners-hero-kicker span,
.team-hero-kicker span,
.service-hero-kicker span,
.gst-hero-kicker span,
.income-tax-hero-kicker span,
.roc-hero-kicker span,
.tds-hero-kicker span,
.infrastructure-hero-kicker span,
.events-hero-kicker span,
.career-hero-kicker span,
.contact-hero-kicker span {
    color: var(--sjc-ink) !important;
}

.about-page.about-hero-text h1,
.team-page.partners-hero-text h1,
.team-page2.team-hero-text h1,
.service-page.service-hero-text h1,
.gst-page.gst-hero-text h1,
.income-tax-page.income-tax-hero-text h1,
.roc-page.roc-hero-text h1,
.tds-page.tds-hero-text h1,
.infrastructure-page.infrastructure-hero-text h1,
.gallery-page.events-hero-text h1,
.career-page.career-hero-text h1,
.contact-page.contact-hero-text h1 {
    max-width: 780px !important;
    margin: 0 !important;
    color: var(--sjc-ink) !important;
    font-size: clamp(30px, 3.2vw, 48px) !important;
    line-height: 1.14 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-align: left !important;
    text-shadow: none !important;
}

.about-page.about-hero-text h1 span,
.team-page.partners-hero-text h1 span,
.team-page2.team-hero-text h1 span,
.service-page.service-hero-text h1 span,
.gst-page.gst-hero-text h1 span,
.income-tax-page.income-tax-hero-text h1 span,
.roc-page.roc-hero-text h1 span,
.tds-page.tds-hero-text h1 span,
.infrastructure-page.infrastructure-hero-text h1 span,
.gallery-page.events-hero-text h1 span,
.career-page.career-hero-text h1 span,
.contact-page.contact-hero-text h1 span {
    color: var(--sjc-primary) !important;
}

.about-page.about-hero-text .about-hero-copy h1 span,
.team-page.partners-hero-text .partners-hero-copy h1 span,
.team-page2.team-hero-text .team-hero-copy h1 span,
.service-page.service-hero-text .service-hero-copy h1 span {
    color: var(--sjc-primary) !important;
}

.career-page.career-hero-text .career-hero-copy h1::after,
.contact-page.contact-hero-text .contact-hero-copy h1::after {
    content: none !important;
}

.about-page.about-hero-text p,
.team-page.partners-hero-text p,
.team-page2.team-hero-text p,
.service-page.service-hero-text p,
.gst-page.gst-hero-text p,
.income-tax-page.income-tax-hero-text p,
.roc-page.roc-hero-text p,
.tds-page.tds-hero-text p,
.infrastructure-page.infrastructure-hero-text p,
.gallery-page.events-hero-text p,
.career-page.career-hero-text p,
.contact-page.contact-hero-text p {
    max-width: 640px !important;
    margin: 20px 0 0 !important;
    color: var(--sjc-text) !important;
    font-size: 18px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-shadow: none !important;
}

@media only screen and (max-width: 1199px) {
    .about-hero-copy,
    .partners-hero-copy,
    .team-hero-copy,
    .service-hero-copy,
    .gst-hero-copy,
    .income-tax-hero-copy,
    .roc-hero-copy,
    .tds-hero-copy,
    .infrastructure-hero-copy,
    .events-hero-copy,
    .career-hero-copy,
    .contact-hero-copy {
        width: min(68%, 680px) !important;
    }

    .about-page.about-hero-text h1,
    .team-page.partners-hero-text h1,
    .team-page2.team-hero-text h1,
    .service-page.service-hero-text h1,
    .gst-page.gst-hero-text h1,
    .income-tax-page.income-tax-hero-text h1,
    .roc-page.roc-hero-text h1,
    .tds-page.tds-hero-text h1,
    .infrastructure-page.infrastructure-hero-text h1,
    .gallery-page.events-hero-text h1,
    .career-page.career-hero-text h1,
    .contact-page.contact-hero-text h1 {
        font-size: clamp(28px, 3.8vw, 42px) !important;
    }
}

@media only screen and (max-width: 767px) {
    .about-page.about-hero-text,
    .team-page.partners-hero-text,
    .team-page2.team-hero-text,
    .service-page.service-hero-text,
    .gst-page.gst-hero-text,
    .income-tax-page.income-tax-hero-text,
    .roc-page.roc-hero-text,
    .tds-page.tds-hero-text,
    .infrastructure-page.infrastructure-hero-text,
    .gallery-page.events-hero-text,
    .career-page.career-hero-text,
    .contact-page.contact-hero-text {
        min-height: 420px !important;
        background-position: center right !important;
    }

    .about-hero-copy,
    .partners-hero-copy,
    .team-hero-copy,
    .service-hero-copy,
    .gst-hero-copy,
    .income-tax-hero-copy,
    .roc-hero-copy,
    .tds-hero-copy,
    .infrastructure-hero-copy,
    .events-hero-copy,
    .career-hero-copy,
    .contact-hero-copy {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 18px !important;
    }

    .about-hero-kicker,
    .partners-hero-kicker,
    .team-hero-kicker,
    .service-hero-kicker,
    .gst-hero-kicker,
    .income-tax-hero-kicker,
    .roc-hero-kicker,
    .tds-hero-kicker,
    .infrastructure-hero-kicker,
    .events-hero-kicker,
    .career-hero-kicker,
    .contact-hero-kicker {
        margin-bottom: 28px !important;
        font-size: 14px !important;
        letter-spacing: 4px !important;
    }

    .about-hero-kicker::after,
    .partners-hero-kicker::after,
    .team-hero-kicker::after,
    .service-hero-kicker::after,
    .gst-hero-kicker::after,
    .income-tax-hero-kicker::after,
    .roc-hero-kicker::after,
    .tds-hero-kicker::after,
    .infrastructure-hero-kicker::after,
    .events-hero-kicker::after,
    .career-hero-kicker::after,
    .contact-hero-kicker::after {
        width: 58px !important;
        margin-top: 16px !important;
    }

    .about-page.about-hero-text h1,
    .team-page.partners-hero-text h1,
    .team-page2.team-hero-text h1,
    .service-page.service-hero-text h1,
    .gst-page.gst-hero-text h1,
    .income-tax-page.income-tax-hero-text h1,
    .roc-page.roc-hero-text h1,
    .tds-page.tds-hero-text h1,
    .infrastructure-page.infrastructure-hero-text h1,
    .gallery-page.events-hero-text h1,
    .career-page.career-hero-text h1,
    .contact-page.contact-hero-text h1 {
        max-width: 100% !important;
        font-size: clamp(24px, 7vw, 34px) !important;
        line-height: 1.16 !important;
    }

    .about-page.about-hero-text p,
    .team-page.partners-hero-text p,
    .team-page2.team-hero-text p,
    .service-page.service-hero-text p,
    .gst-page.gst-hero-text p,
    .income-tax-page.income-tax-hero-text p,
    .roc-page.roc-hero-text p,
    .tds-page.tds-hero-text p,
    .infrastructure-page.infrastructure-hero-text p,
    .gallery-page.events-hero-text p,
    .career-page.career-hero-text p,
    .contact-page.contact-hero-text p {
        max-width: 100% !important;
        margin-top: 20px !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
}

/* Site-wide responsive hardening for phones and tablets. */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

img,
video,
iframe,
embed,
object {
    max-width: 100%;
}

iframe,
embed,
object {
    display: block;
}

table {
    max-width: 100%;
}

.container,
.container-fluid {
    max-width: 100%;
}

@media only screen and (max-width: 1199px) {
    #top_menu {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .header #top_menu .row {
        min-height: 66px;
    }

    .header .logo img.logo1 {
        height: 52px !important;
        max-height: 52px !important;
    }

    .header #cssmenu ul li a {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 13px !important;
        letter-spacing: 0.2px !important;
    }

    .p80 {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }

    .p60 {
        padding-top: 46px !important;
        padding-bottom: 46px !important;
    }

    .main-heading .sub_heading {
        font-size: clamp(34px, 7vw, 72px) !important;
        line-height: 1 !important;
    }

    .main-heading h1,
    .main-heading h2,
    .main-heading h3,
    h1.hading,
    h2.hading,
    h3.hading {
        font-size: clamp(26px, 4vw, 38px) !important;
        line-height: 1.2 !important;
    }

    .service_box.transform.cont,
    .contactt,
    .head-office-adrs {
        height: auto !important;
        min-height: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .top-header .row,
    .header #top_menu .row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .top-header .col-sm-5,
    .top-header .col-sm-7 {
        width: 100%;
        text-align: center;
    }

    .top-header .location ul,
    .top-header .header-content .social-icon-right .socials-link {
        justify-content: center;
    }

    .header #top_menu .col-md-3,
    .header #top_menu .col-lg-2,
    .header #top_menu .col-xs-9 {
        width: 30%;
        float: left;
    }

    .header #top_menu .col-md-9,
    .header #top_menu .col-lg-10 {
        width: 70%;
        float: left;
    }

    .slider-one .slider-one__item {
        min-height: 500px !important;
        padding: 70px 0 !important;
    }

    .slider-one .home-slider-copy,
    .slider-one .home-slider-copy--left,
    .slider-one .home-slider-copy--right,
    .contant-home1,
    .contant-home2,
    .contant-home3,
    .contant-home4 {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: min(72%, 620px) !important;
        max-width: 620px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        text-align: left !important;
    }

    .slider-one .home-slider-copy--right,
    .contant-home1 {
        margin-left: auto !important;
    }

    .slider-one .home-slider-copy h2,
    .contant-home1 h2,
    .contant-home2 h2,
    .contant-home3 h2,
    .contant-home4 h2 {
        margin: 0 !important;
        font-size: clamp(38px, 6vw, 54px) !important;
        line-height: 1.14 !important;
        text-align: inherit !important;
    }

    .slider-one .home-slider-copy p,
    .contant-home2 p,
    .contant-home3 p {
        width: auto !important;
        max-width: 520px !important;
        font-size: 18px !important;
        line-height: 1.5 !important;
    }
}

@media only screen and (max-width: 767px) {
    body {
        font-size: 14px;
    }

    p {
        line-height: 1.55;
        letter-spacing: 0.1px;
    }

    .container,
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .top-header {
        padding: 8px 0 !important;
    }

    .top-header .header-content,
    .top-header .header-content .social-icon-right {
        text-align: center !important;
    }

    .top-header .location ul,
    .top-header .location ul.call-side,
    .top-header .header-content .social-icon-right .socials-link {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 6px 12px;
    }

    .top-header .location ul li,
    .top-header .location ul li:first-child {
        width: auto;
        min-height: 0;
        padding: 0 !important;
        border-right: 0 !important;
        font-size: 12px !important;
    }

    .top-header .location ul li a {
        font-size: 12px !important;
        letter-spacing: 0 !important;
        white-space: normal;
    }

    .top-header .header-content .social-icon-right .socials-link li:first-child {
        width: 100%;
        margin: 2px 0 0 !important;
        font-size: 12px !important;
    }

    .header #top_menu,
    .header #top_menu.sticky,
    #top_menu.sticky {
        position: sticky !important;
        top: 0 !important;
        left: auto !important;
        right: auto !important;
        z-index: 1001;
        width: 100% !important;
        background: #fff !important;
        box-shadow: 0 8px 24px rgba(10, 81, 132, 0.12) !important;
        padding: 0 !important;
    }

    .header #top_menu .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .header #top_menu .row {
        display: flex !important;
        align-items: center;
        flex-wrap: nowrap;
        margin-left: 0;
        margin-right: 0;
        min-height: 62px;
    }

    .header #top_menu .col-xs-9,
    .header #top_menu .col-md-3,
    .header #top_menu .col-lg-2 {
        width: 72%;
        float: none;
        padding-left: 12px;
        padding-right: 8px;
    }

    .header #top_menu .col-md-9,
    .header #top_menu .col-lg-10 {
        width: 28%;
        float: none;
        padding-left: 0;
        padding-right: 0;
        position: static !important;
    }

    .header .logo {
        padding: 6px 0 !important;
    }

    .header .logo img.logo1 {
        height: 48px !important;
        max-height: 48px !important;
    }

    #cssmenu {
        width: 100% !important;
        float: none !important;
        position: static;
    }

    #cssmenu #menu-button {
        position: absolute !important;
        top: 50% !important;
        right: 12px !important;
        z-index: 1005 !important;
        margin: 0 !important;
        transform: translateY(-50%);
        background: var(--sjc-primary) !important;
    }

    #cssmenu > ul {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1004;
        width: 100% !important;
        max-height: calc(100vh - 62px);
        overflow-y: auto;
        background: #fff !important;
        box-shadow: 0 18px 36px rgba(10, 81, 132, 0.18);
        border-top: 1px solid var(--sjc-border);
    }

    #cssmenu > ul.open {
        display: block !important;
    }

    #cssmenu ul li {
        float: none !important;
        width: 100% !important;
        background: #fff;
        position: relative !important;
    }

    #cssmenu ul li a,
    #cssmenu ul ul li a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 44px;
        padding: 14px 22px !important;
        color: var(--sjc-ink) !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        letter-spacing: 0.2px !important;
    }

    #cssmenu ul li a::after,
    #cssmenu ul li a::before {
        display: none !important;
        content: none !important;
    }

    #cssmenu ul li.has-sub > a::after {
        content: "\f107" !important;
        display: inline-block !important;
        position: static !important;
        flex: 0 0 auto;
        width: auto !important;
        height: auto !important;
        margin-left: auto;
        padding-left: 14px;
        border: 0 !important;
        background: transparent !important;
        color: var(--sjc-primary) !important;
        font-family: FontAwesome;
        font-size: 15px;
        line-height: 1;
        opacity: 1 !important;
        transition: transform 0.2s ease;
    }

    #cssmenu .submenu-button.submenu-opened + a::after {
        transform: rotate(180deg);
    }

    #cssmenu a i.fa {
        display: none !important;
    }

    #cssmenu ul ul {
        position: relative !important;
        left: auto !important;
        width: 100% !important;
        display: none;
        box-shadow: none !important;
        border-left: 0 !important;
        background: var(--sjc-primary-soft) !important;
    }

    #cssmenu > ul.open ul:not(.open) {
        display: none !important;
    }

    #cssmenu > ul.open ul.open {
        display: block !important;
    }

    #cssmenu ul li:hover > ul {
        left: auto;
    }

    #cssmenu li:hover > ul > li,
    #cssmenu ul ul li {
        height: auto !important;
    }

    #cssmenu ul ul li a {
        padding-left: 36px !important;
        background: var(--sjc-primary-soft) !important;
    }

    #cssmenu .submenu-button {
        height: 44px !important;
        width: 100% !important;
        border-left: 0 !important;
        background: transparent !important;
    }

    #cssmenu .submenu-button:after {
        display: none !important;
        content: none !important;
    }

    #cssmenu .submenu-button:before {
        display: none !important;
        content: none !important;
    }

    .slider-one .slider-one__item {
        min-height: 420px !important;
        padding: 64px 0 !important;
        align-items: center !important;
    }

    .slider-one__image {
        background-position: center center !important;
    }

    .slider-one__item::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 11;
        background: linear-gradient(90deg, rgba(6, 56, 93, 0.58), rgba(6, 56, 93, 0.2));
        pointer-events: none;
    }

    .slider-one .container {
        z-index: 12;
    }

    .slider-one .home-slider-copy,
    .slider-one .home-slider-copy--left,
    .slider-one .home-slider-copy--right,
    .contant-home1,
    .contant-home2,
    .contant-home3,
    .contant-home4 {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        text-align: left !important;
    }

    .slider-one .home-slider-copy h2,
    .contant-home1 h2,
    .contant-home2 h2,
    .contant-home3 h2,
    .contant-home4 h2 {
        margin: 0 !important;
        color: #fff !important;
        font-size: clamp(30px, 9vw, 40px) !important;
        line-height: 1.14 !important;
        text-align: left !important;
        text-shadow: 0 3px 18px rgba(0, 0, 0, 0.42) !important;
    }

    .slider-one .home-slider-copy h2::after,
    .slider-one .home-slider-copy--right h2::after {
        margin-left: 0 !important;
    }

    .slider-one .home-slider-copy p,
    .contant-home2 p,
    .contant-home3 p {
        width: auto !important;
        max-width: 95% !important;
        margin: 16px 0 0 !important;
        color: #fff !important;
        font-size: 15px !important;
        line-height: 1.5 !important;
        text-align: left !important;
    }

    .about-page.about-hero-text,
    .team-page.partners-hero-text,
    .team-page2.team-hero-text,
    .service-page.service-hero-text,
    .gst-page.gst-hero-text,
    .income-tax-page.income-tax-hero-text,
    .roc-page.roc-hero-text,
    .tds-page.tds-hero-text,
    .infrastructure-page.infrastructure-hero-text,
    .gallery-page.events-hero-text,
    .career-page.career-hero-text,
    .contact-page.contact-hero-text {
        min-height: 360px !important;
        padding: 48px 0 !important;
        background-position: center center !important;
    }

    .about-page.about-hero-text::after,
    .team-page.partners-hero-text::after,
    .team-page2.team-hero-text::after,
    .service-page.service-hero-text::after,
    .gst-page.gst-hero-text::after,
    .income-tax-page.income-tax-hero-text::after,
    .roc-page.roc-hero-text::after,
    .tds-page.tds-hero-text::after,
    .infrastructure-page.infrastructure-hero-text::after,
    .gallery-page.events-hero-text::after,
    .career-page.career-hero-text::after,
    .contact-page.contact-hero-text::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(255, 255, 255, 0.72);
        pointer-events: none;
    }

    .about-page.about-hero-text .container,
    .team-page.partners-hero-text .container,
    .team-page2.team-hero-text .container,
    .service-page.service-hero-text .container,
    .gst-page.gst-hero-text .container,
    .income-tax-page.income-tax-hero-text .container,
    .roc-page.roc-hero-text .container,
    .tds-page.tds-hero-text .container,
    .infrastructure-page.infrastructure-hero-text .container,
    .gallery-page.events-hero-text .container,
    .career-page.career-hero-text .container,
    .contact-page.contact-hero-text .container {
        position: relative;
        z-index: 2;
    }

    .p80,
    .p60 {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }

    .main-heading {
        margin-bottom: 22px !important;
    }

    .main-heading .sub_heading {
        font-size: clamp(30px, 13vw, 48px) !important;
    }

    .main-heading h1,
    .main-heading h2,
    .main-heading h3,
    h1.hading,
    h2.hading,
    h3.hading {
        font-size: clamp(24px, 7vw, 30px) !important;
    }

    .main-heading p {
        padding-left: 0 !important;
        padding-right: 0 !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    .service_box,
    .industries_box,
    .choose_from_box,
    .item-service,
    .blog .card,
    .team-area .single-team,
    .partners .card,
    .team-card,
    .gallery-container,
    .field_form,
    .contactt,
    .head-office-adrs {
        border-radius: 12px !important;
    }

    .service_box {
        margin-bottom: 18px;
        padding: 22px 16px !important;
    }

    .service_box h2 {
        font-size: 24px !important;
        line-height: 1.25 !important;
    }

    .service_box h6,
    .service_box p {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    .card-body1,
    .card-body2 {
        height: auto !important;
        min-height: 0;
    }

    #cards.team2 .card-body1 {
        text-align: center;
    }

    #cards.team2 .user-picture {
        width: 200px !important;
        min-width: 200px !important;
        max-width: 100%;
        margin: 0 auto !important;
        padding: 10px 0 20px !important;
        justify-content: center;
    }

    #cards.team2 .card1 .user-picture img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }

    .blog .card,
    .team-area .single-team,
    .partners .card {
        margin-bottom: 22px !important;
    }

    .gallery-container {
        padding: 12px !important;
    }

    .grid-container,
    .gallery-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .field_form {
        margin-top: 28px !important;
        padding: 24px 16px !important;
    }

    .field_form h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    .field_form hr {
        width: 64px !important;
    }

    .form-group {
        margin-bottom: 18px !important;
    }

    textarea.form-control {
        height: 140px !important;
    }

    .head-office-adrs {
        min-height: 0 !important;
        padding: 20px 0 !important;
    }

    .contact_style1 {
        padding: 8px 14px !important;
        margin: 8px 0 !important;
    }

    .contact_style1 .contact_icon {
        align-items: flex-start;
        gap: 10px;
    }

    .contact_icon .fa {
        flex: 0 0 auto;
        font-size: 24px !important;
    }

    .contact_icon a,
    .contact_style1 p,
    .contact_text span,
    .contactt p {
        margin-left: 0 !important;
        font-size: 15px !important;
        line-height: 1.55 !important;
        overflow-wrap: anywhere;
    }

    h6.widget_title {
        font-size: 25px !important;
        line-height: 1.25 !important;
    }

    .footer-section .container,
    .footer-section .container-fluid,
    .footer-content {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .footer-widget ul li {
        width: 100%;
    }

    .whatsapp-chat-button {
        right: 14px !important;
        bottom: 16px !important;
        width: 50px !important;
        height: 50px !important;
    }

    .whatsapp-chat-button i {
        font-size: 29px !important;
    }

    .back-to-top {
        right: 14px !important;
        bottom: 76px !important;
        width: 38px !important;
        height: 38px !important;
    }
}

@media only screen and (max-width: 420px) {
    .top-header .location ul {
        flex-direction: column;
        gap: 3px;
    }

    .top-header .header-content .social-icon-right .socials-link {
        gap: 4px 8px;
    }

    .header .logo img.logo1 {
        height: 44px !important;
        max-height: 44px !important;
    }

    .slider-one .slider-one__item {
        min-height: 380px !important;
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }

    .slider-one .home-slider-copy h2,
    .contant-home1 h2,
    .contant-home2 h2,
    .contant-home3 h2,
    .contant-home4 h2 {
        font-size: clamp(27px, 10vw, 34px) !important;
    }

    .about-page.about-hero-text,
    .team-page.partners-hero-text,
    .team-page2.team-hero-text,
    .service-page.service-hero-text,
    .gst-page.gst-hero-text,
    .income-tax-page.income-tax-hero-text,
    .roc-page.roc-hero-text,
    .tds-page.tds-hero-text,
    .infrastructure-page.infrastructure-hero-text,
    .gallery-page.events-hero-text,
    .career-page.career-hero-text,
    .contact-page.contact-hero-text {
        min-height: 330px !important;
    }

    .about-page.about-hero-text h1,
    .team-page.partners-hero-text h1,
    .team-page2.team-hero-text h1,
    .service-page.service-hero-text h1,
    .gst-page.gst-hero-text h1,
    .income-tax-page.income-tax-hero-text h1,
    .roc-page.roc-hero-text h1,
    .tds-page.tds-hero-text h1,
    .infrastructure-page.infrastructure-hero-text h1,
    .gallery-page.events-hero-text h1,
    .career-page.career-hero-text h1,
    .contact-page.contact-hero-text h1 {
        font-size: clamp(23px, 8vw, 30px) !important;
    }
}

/* Responsive homepage carousel hero. */
.slider-one,
.slider-one .thm-owl__carousel,
.slider-one .owl-stage-outer,
.slider-one .owl-stage,
.slider-one .owl-item {
    width: 100%;
}

.slider-one .item {
    margin-top: 0 !important;
}

.slider-one .slider-one__item {
    min-height: clamp(460px, 48vw, 695px) !important;
    padding: 72px 0 !important;
}

.slider-one .home-slider-copy,
.slider-one .home-slider-copy--left,
.slider-one .home-slider-copy--right,
.contant-home1,
.contant-home2,
.contant-home3,
.contant-home4 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

@media only screen and (max-width: 991px) {
    .slider-one .slider-one__item {
        min-height: clamp(380px, 58vw, 500px) !important;
        padding: 58px 0 !important;
    }

    .slider-one .home-slider-copy,
    .slider-one .home-slider-copy--left,
    .slider-one .home-slider-copy--right,
    .contant-home1,
    .contant-home2,
    .contant-home3,
    .contant-home4 {
        width: min(100%, 620px) !important;
        max-width: 620px !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }

    .slider-one .home-slider-copy h2,
    .contant-home1 h2,
    .contant-home2 h2,
    .contant-home3 h2,
    .contant-home4 h2 {
        margin: 0 !important;
        font-size: clamp(34px, 7vw, 52px) !important;
        line-height: 1.14 !important;
        text-align: left !important;
    }

    .slider-one .home-slider-copy p,
    .contant-home2 p,
    .contant-home3 p {
        width: auto !important;
        max-width: 540px !important;
        font-size: 17px !important;
        line-height: 1.48 !important;
    }
}

@media only screen and (max-width: 767px) {
    .slider-one .slider-one__item {
        min-height: clamp(320px, 88vw, 420px) !important;
        padding: 46px 0 !important;
    }

    .slider-one .slider-one__image {
        background-size: cover !important;
        background-position: center center !important;
    }

    .slider-one .home-slider-copy h2,
    .contant-home1 h2,
    .contant-home2 h2,
    .contant-home3 h2,
    .contant-home4 h2 {
        font-size: clamp(27px, 9vw, 38px) !important;
        line-height: 1.14 !important;
        overflow-wrap: anywhere;
    }

    .slider-one .home-slider-copy p,
    .contant-home2 p,
    .contant-home3 p {
        max-width: 100% !important;
        margin-top: 14px !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
    }
}

@media only screen and (max-width: 420px) {
    .slider-one .slider-one__item {
        min-height: clamp(290px, 92vw, 380px) !important;
        padding: 36px 0 !important;
    }
}

/* Responsive hero banners: covers both legacy and newer hero markup. */
.about-page,
.team-page,
.team-page2,
.service-page,
.gst-page,
.income-tax-page,
.roc-page,
.tds-page,
.infrastructure-page,
.gallery-page,
.career-page,
.contact-page {
    position: relative !important;
    isolation: isolate;
    display: flex !important;
    align-items: center !important;
    min-height: clamp(330px, 31vw, 449px) !important;
    padding: 64px 0 !important;
    overflow: hidden !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}

.about-page::before,
.team-page::before,
.team-page2::before,
.service-page::before,
.gst-page::before,
.income-tax-page::before,
.roc-page::before,
.tds-page::before,
.infrastructure-page::before,
.gallery-page::before,
.career-page::before,
.contact-page::before {
    z-index: 0 !important;
}

.about-page::after,
.team-page::after,
.team-page2::after,
.service-page::after,
.gst-page::after,
.income-tax-page::after,
.roc-page::after,
.tds-page::after,
.infrastructure-page::after,
.gallery-page::after,
.career-page::after,
.contact-page::after {
    content: none !important;
}

.about-page > .container,
.team-page > .container,
.team-page2 > .container,
.service-page > .container,
.gst-page > .container,
.income-tax-page > .container,
.roc-page > .container,
.tds-page > .container,
.infrastructure-page > .container,
.gallery-page > .container,
.career-page > .container,
.contact-page > .container {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
}

.about-page h1,
.team-page h1,
.team-page2 h1,
.service-page h1,
.gst-page h1,
.income-tax-page h1,
.roc-page h1,
.tds-page h1,
.infrastructure-page h1,
.gallery-page h1,
.career-page h1,
.contact-page h1 {
    max-width: 780px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(32px, 4vw, 56px) !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: none !important;
    overflow-wrap: anywhere;
}

.gallery-page:not(.events-hero-text) h1 {
    color: #fff !important;
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.38) !important;
}

.breadcrumb-row {
    margin-top: 18px;
}

@media only screen and (max-width: 991px) {
    .about-page,
    .team-page,
    .team-page2,
    .service-page,
    .gst-page,
    .income-tax-page,
    .roc-page,
    .tds-page,
    .infrastructure-page,
    .gallery-page,
    .career-page,
    .contact-page {
        min-height: clamp(300px, 46vw, 380px) !important;
        padding: 54px 0 !important;
        background-position: center center !important;
    }

    .about-page h1,
    .team-page h1,
    .team-page2 h1,
    .service-page h1,
    .gst-page h1,
    .income-tax-page h1,
    .roc-page h1,
    .tds-page h1,
    .infrastructure-page h1,
    .gallery-page h1,
    .career-page h1,
    .contact-page h1 {
        max-width: 680px !important;
        font-size: clamp(28px, 6vw, 42px) !important;
    }
}

@media only screen and (max-width: 767px) {
    .about-page,
    .team-page,
    .team-page2,
    .service-page,
    .gst-page,
    .income-tax-page,
    .roc-page,
    .tds-page,
    .infrastructure-page,
    .gallery-page,
    .career-page,
    .contact-page {
        min-height: clamp(250px, 72vw, 340px) !important;
        padding: 42px 0 !important;
        background-size: cover !important;
        background-position: center center !important;
    }

    .about-page > .container,
    .team-page > .container,
    .team-page2 > .container,
    .service-page > .container,
    .gst-page > .container,
    .income-tax-page > .container,
    .roc-page > .container,
    .tds-page > .container,
    .infrastructure-page > .container,
    .gallery-page > .container,
    .career-page > .container,
    .contact-page > .container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .about-page h1,
    .team-page h1,
    .team-page2 h1,
    .service-page h1,
    .gst-page h1,
    .income-tax-page h1,
    .roc-page h1,
    .tds-page h1,
    .infrastructure-page h1,
    .gallery-page h1,
    .career-page h1,
    .contact-page h1 {
        max-width: 100% !important;
        font-size: clamp(24px, 8vw, 34px) !important;
        line-height: 1.16 !important;
        text-align: left !important;
    }

    .about-hero-copy,
    .partners-hero-copy,
    .team-hero-copy,
    .service-hero-copy,
    .gst-hero-copy,
    .income-tax-hero-copy,
    .roc-hero-copy,
    .tds-hero-copy,
    .infrastructure-hero-copy,
    .events-hero-copy,
    .career-hero-copy,
    .contact-hero-copy {
        width: min(100%, 520px) !important;
        max-width: 100% !important;
        padding-right: 0 !important;
    }

    .about-hero-kicker,
    .partners-hero-kicker,
    .team-hero-kicker,
    .service-hero-kicker,
    .gst-hero-kicker,
    .income-tax-hero-kicker,
    .roc-hero-kicker,
    .tds-hero-kicker,
    .infrastructure-hero-kicker,
    .events-hero-kicker,
    .career-hero-kicker,
    .contact-hero-kicker {
        margin-bottom: 14px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        letter-spacing: 2px !important;
    }

    .about-hero-kicker::after,
    .partners-hero-kicker::after,
    .team-hero-kicker::after,
    .service-hero-kicker::after,
    .gst-hero-kicker::after,
    .income-tax-hero-kicker::after,
    .roc-hero-kicker::after,
    .tds-hero-kicker::after,
    .infrastructure-hero-kicker::after,
    .events-hero-kicker::after,
    .career-hero-kicker::after,
    .contact-hero-kicker::after {
        width: 46px !important;
        height: 2px !important;
        margin-top: 10px !important;
    }

    .about-page p,
    .team-page p,
    .team-page2 p,
    .service-page p,
    .gst-page p,
    .income-tax-page p,
    .roc-page p,
    .tds-page p,
    .infrastructure-page p,
    .gallery-page p,
    .career-page p,
    .contact-page p {
        max-width: 100% !important;
        margin-top: 12px !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    .breadcrumb-row {
        display: none !important;
    }
}

@media only screen and (max-width: 420px) {
    .about-page,
    .team-page,
    .team-page2,
    .service-page,
    .gst-page,
    .income-tax-page,
    .roc-page,
    .tds-page,
    .infrastructure-page,
    .gallery-page,
    .career-page,
    .contact-page {
        min-height: clamp(230px, 76vw, 310px) !important;
        padding: 34px 0 !important;
    }

    .about-page h1,
    .team-page h1,
    .team-page2 h1,
    .service-page h1,
    .gst-page h1,
    .income-tax-page h1,
    .roc-page h1,
    .tds-page h1,
    .infrastructure-page h1,
    .gallery-page h1,
    .career-page h1,
    .contact-page h1 {
        font-size: clamp(22px, 8.6vw, 30px) !important;
    }
}

/* Final hero responsiveness pass for narrow phones, tablets, and laptop widths. */
.slider-one .slider-one__item {
    box-sizing: border-box !important;
}

.slider-one .container,
.slider-one .row,
.slider-one [class*="col-"] {
    min-width: 0 !important;
}

.slider-one .home-slider-copy,
.slider-one .home-slider-copy--left,
.slider-one .home-slider-copy--right,
.contant-home1,
.contant-home2,
.contant-home3,
.contant-home4 {
    max-width: min(58vw, 660px) !important;
}

.slider-one .home-slider-copy h2,
.contant-home1 h2,
.contant-home2 h2,
.contant-home3 h2,
.contant-home4 h2 {
    font-size: clamp(32px, 4.25vw, 60px) !important;
    line-height: 1.12 !important;
    margin: 0 0 18px !important;
}

.slider-one .home-slider-copy p,
.contant-home2 p,
.contant-home3 p {
    max-width: 520px !important;
    font-size: clamp(15px, 1.35vw, 20px) !important;
    line-height: 1.45 !important;
}

.about-page.about-hero-text,
.team-page.partners-hero-text,
.team-page2.team-hero-text,
.service-page.service-hero-text,
.gst-page.gst-hero-text,
.income-tax-page.income-tax-hero-text,
.roc-page.roc-hero-text,
.tds-page.tds-hero-text,
.infrastructure-page.infrastructure-hero-text,
.gallery-page.events-hero-text,
.career-page.career-hero-text,
.contact-page.contact-hero-text {
    min-height: clamp(320px, 32vw, 449px) !important;
}

.about-page.about-hero-text .container,
.team-page.partners-hero-text .container,
.team-page2.team-hero-text .container,
.service-page.service-hero-text .container,
.gst-page.gst-hero-text .container,
.income-tax-page.income-tax-hero-text .container,
.roc-page.roc-hero-text .container,
.tds-page.tds-hero-text .container,
.infrastructure-page.infrastructure-hero-text .container,
.gallery-page.events-hero-text .container,
.career-page.career-hero-text .container,
.contact-page.contact-hero-text .container {
    min-width: 0 !important;
}

.about-hero-copy,
.partners-hero-copy,
.team-hero-copy,
.service-hero-copy,
.gst-hero-copy,
.income-tax-hero-copy,
.roc-hero-copy,
.tds-hero-copy,
.infrastructure-hero-copy,
.events-hero-copy,
.career-hero-copy,
.contact-hero-copy {
    max-width: min(58vw, 700px) !important;
}

@media only screen and (max-width: 1199px) {
    .slider-one .slider-one__item {
        min-height: clamp(390px, 48vw, 560px) !important;
        padding: 48px 0 !important;
    }

    .slider-one .home-slider-copy,
    .slider-one .home-slider-copy--left,
    .slider-one .home-slider-copy--right,
    .contant-home1,
    .contant-home2,
    .contant-home3,
    .contant-home4 {
        max-width: min(54vw, 580px) !important;
    }

    .about-page.about-hero-text,
    .team-page.partners-hero-text,
    .team-page2.team-hero-text,
    .service-page.service-hero-text,
    .gst-page.gst-hero-text,
    .income-tax-page.income-tax-hero-text,
    .roc-page.roc-hero-text,
    .tds-page.tds-hero-text,
    .infrastructure-page.infrastructure-hero-text,
    .gallery-page.events-hero-text,
    .career-page.career-hero-text,
    .contact-page.contact-hero-text {
        min-height: clamp(300px, 35vw, 410px) !important;
    }

    .about-hero-copy,
    .partners-hero-copy,
    .team-hero-copy,
    .service-hero-copy,
    .gst-hero-copy,
    .income-tax-hero-copy,
    .roc-hero-copy,
    .tds-hero-copy,
    .infrastructure-hero-copy,
    .events-hero-copy,
    .career-hero-copy,
    .contact-hero-copy {
        max-width: min(52vw, 620px) !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-one .slider-one__item {
        min-height: clamp(360px, 54vw, 480px) !important;
    }

    .slider-one .home-slider-copy,
    .slider-one .home-slider-copy--left,
    .slider-one .home-slider-copy--right,
    .contant-home1,
    .contant-home2,
    .contant-home3,
    .contant-home4 {
        max-width: 52vw !important;
    }

    .about-hero-copy,
    .partners-hero-copy,
    .team-hero-copy,
    .service-hero-copy,
    .gst-hero-copy,
    .income-tax-hero-copy,
    .roc-hero-copy,
    .tds-hero-copy,
    .infrastructure-hero-copy,
    .events-hero-copy,
    .career-hero-copy,
    .contact-hero-copy {
        max-width: 50vw !important;
    }
}

@media only screen and (max-width: 767px) {
    .slider-one .slider-one__item {
        min-height: clamp(300px, 94vw, 420px) !important;
        padding: 28px 0 !important;
    }

    .slider-one .slider-one__image {
        background-position: 58% center !important;
    }

    .slider-one .home-slider-copy,
    .slider-one .home-slider-copy--left,
    .slider-one .home-slider-copy--right,
    .contant-home1,
    .contant-home2,
    .contant-home3,
    .contant-home4 {
        width: 56vw !important;
        max-width: 56vw !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .slider-one .home-slider-copy h2,
    .contant-home1 h2,
    .contant-home2 h2,
    .contant-home3 h2,
    .contant-home4 h2 {
        font-size: clamp(21px, 8.2vw, 34px) !important;
        line-height: 1.12 !important;
        margin: 0 0 9px !important;
        text-align: left !important;
    }

    .slider-one .home-slider-copy p,
    .contant-home2 p,
    .contant-home3 p {
        max-width: 100% !important;
        margin-top: 0 !important;
        font-size: clamp(10px, 3.5vw, 14px) !important;
        line-height: 1.35 !important;
    }

    .about-page.about-hero-text,
    .team-page.partners-hero-text,
    .team-page2.team-hero-text,
    .service-page.service-hero-text,
    .gst-page.gst-hero-text,
    .income-tax-page.income-tax-hero-text,
    .roc-page.roc-hero-text,
    .tds-page.tds-hero-text,
    .infrastructure-page.infrastructure-hero-text,
    .gallery-page.events-hero-text,
    .career-page.career-hero-text,
    .contact-page.contact-hero-text {
        min-height: clamp(248px, 86vw, 340px) !important;
        padding: 26px 0 !important;
        align-items: center !important;
    }

    .about-page.about-hero-text {
        background-position: 70% center !important;
    }

    .team-page.partners-hero-text {
        background-position: 68% center !important;
    }

    .about-hero-copy,
    .partners-hero-copy,
    .team-hero-copy,
    .service-hero-copy,
    .gst-hero-copy,
    .income-tax-hero-copy,
    .roc-hero-copy,
    .tds-hero-copy,
    .infrastructure-hero-copy,
    .events-hero-copy,
    .career-hero-copy,
    .contact-hero-copy {
        width: 60vw !important;
        max-width: 60vw !important;
        min-width: 0 !important;
    }

    .about-page.about-hero-text h1,
    .team-page.partners-hero-text h1,
    .team-page2.team-hero-text h1,
    .service-page.service-hero-text h1,
    .gst-page.gst-hero-text h1,
    .income-tax-page.income-tax-hero-text h1,
    .roc-page.roc-hero-text h1,
    .tds-page.tds-hero-text h1,
    .infrastructure-page.infrastructure-hero-text h1,
    .gallery-page.events-hero-text h1,
    .career-page.career-hero-text h1,
    .contact-page.contact-hero-text h1 {
        font-size: clamp(20px, 7vw, 30px) !important;
        line-height: 1.14 !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .about-page.about-hero-text p,
    .team-page.partners-hero-text p,
    .team-page2.team-hero-text p,
    .service-page.service-hero-text p,
    .gst-page.gst-hero-text p,
    .income-tax-page.income-tax-hero-text p,
    .roc-page.roc-hero-text p,
    .tds-page.tds-hero-text p,
    .infrastructure-page.infrastructure-hero-text p,
    .gallery-page.events-hero-text p,
    .career-page.career-hero-text p,
    .contact-page.contact-hero-text p {
        font-size: clamp(10.5px, 3.4vw, 13.5px) !important;
        line-height: 1.42 !important;
    }
}

@media only screen and (max-width: 420px) {
    .slider-one .slider-one__item {
        min-height: clamp(286px, 102vw, 360px) !important;
    }

    .slider-one .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .about-page.about-hero-text .container,
    .team-page.partners-hero-text .container,
    .team-page2.team-hero-text .container,
    .service-page.service-hero-text .container,
    .gst-page.gst-hero-text .container,
    .income-tax-page.income-tax-hero-text .container,
    .roc-page.roc-hero-text .container,
    .tds-page.tds-hero-text .container,
    .infrastructure-page.infrastructure-hero-text .container,
    .gallery-page.events-hero-text .container,
    .career-page.career-hero-text .container,
    .contact-page.contact-hero-text .container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .about-hero-copy,
    .partners-hero-copy,
    .team-hero-copy,
    .service-hero-copy,
    .gst-hero-copy,
    .income-tax-hero-copy,
    .roc-hero-copy,
    .tds-hero-copy,
    .infrastructure-hero-copy,
    .events-hero-copy,
    .career-hero-copy,
    .contact-hero-copy {
        width: 62vw !important;
        max-width: 62vw !important;
    }
}

/* Stable mobile/tablet hero layout: prioritize readable content over image composition. */
@media only screen and (max-width: 991px) {
    .slider-one .slider-one__item {
        min-height: clamp(360px, 58vw, 500px) !important;
        padding: 58px 0 !important;
        justify-content: flex-start !important;
        overflow: hidden !important;
    }

    .slider-one .slider-one__image {
        background-position: center center !important;
        background-size: cover !important;
    }

    .slider-one .slider-one__item::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 11 !important;
        background: linear-gradient(90deg, rgba(5, 38, 62, 0.78) 0%, rgba(10, 81, 132, 0.58) 52%, rgba(10, 81, 132, 0.2) 100%) !important;
        pointer-events: none !important;
    }

    .slider-one .container {
        position: relative !important;
        z-index: 12 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    .slider-one .home-slider-copy,
    .slider-one .home-slider-copy--left,
    .slider-one .home-slider-copy--right,
    .contant-home1,
    .contant-home2,
    .contant-home3,
    .contant-home4 {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        max-width: 680px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        text-align: left !important;
    }

    .slider-one .home-slider-copy h2,
    .contant-home1 h2,
    .contant-home2 h2,
    .contant-home3 h2,
    .contant-home4 h2 {
        max-width: 100% !important;
        margin: 0 0 12px !important;
        color: #fff !important;
        font-size: clamp(28px, 5.7vw, 44px) !important;
        line-height: 1.12 !important;
        text-align: left !important;
        text-shadow: 0 3px 18px rgba(0, 0, 0, 0.46) !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .slider-one .home-slider-copy p,
    .contant-home2 p,
    .contant-home3 p {
        width: 100% !important;
        max-width: 520px !important;
        margin: 0 !important;
        color: #fff !important;
        font-size: clamp(14px, 2.25vw, 17px) !important;
        line-height: 1.45 !important;
        text-align: left !important;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.42) !important;
    }

    .about-page.about-hero-text,
    .team-page.partners-hero-text,
    .team-page2.team-hero-text,
    .service-page.service-hero-text,
    .gst-page.gst-hero-text,
    .income-tax-page.income-tax-hero-text,
    .roc-page.roc-hero-text,
    .tds-page.tds-hero-text,
    .infrastructure-page.infrastructure-hero-text,
    .gallery-page.events-hero-text,
    .career-page.career-hero-text,
    .contact-page.contact-hero-text {
        min-height: clamp(330px, 48vw, 420px) !important;
        padding: 46px 0 !important;
        align-items: center !important;
        background-position: center center !important;
        background-size: cover !important;
    }

    .about-page.about-hero-text::after,
    .team-page.partners-hero-text::after,
    .team-page2.team-hero-text::after,
    .service-page.service-hero-text::after,
    .gst-page.gst-hero-text::after,
    .income-tax-page.income-tax-hero-text::after,
    .roc-page.roc-hero-text::after,
    .tds-page.tds-hero-text::after,
    .infrastructure-page.infrastructure-hero-text::after,
    .gallery-page.events-hero-text::after,
    .career-page.career-hero-text::after,
    .contact-page.contact-hero-text::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.9) 56%, rgba(255, 255, 255, 0.55) 100%) !important;
        pointer-events: none !important;
    }

    .about-page.about-hero-text .container,
    .team-page.partners-hero-text .container,
    .team-page2.team-hero-text .container,
    .service-page.service-hero-text .container,
    .gst-page.gst-hero-text .container,
    .income-tax-page.income-tax-hero-text .container,
    .roc-page.roc-hero-text .container,
    .tds-page.tds-hero-text .container,
    .infrastructure-page.infrastructure-hero-text .container,
    .gallery-page.events-hero-text .container,
    .career-page.career-hero-text .container,
    .contact-page.contact-hero-text .container {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    .about-hero-copy,
    .partners-hero-copy,
    .team-hero-copy,
    .service-hero-copy,
    .gst-hero-copy,
    .income-tax-hero-copy,
    .roc-hero-copy,
    .tds-hero-copy,
    .infrastructure-hero-copy,
    .events-hero-copy,
    .career-hero-copy,
    .contact-hero-copy {
        width: 100% !important;
        max-width: 680px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .about-page.about-hero-text h1,
    .team-page.partners-hero-text h1,
    .team-page2.team-hero-text h1,
    .service-page.service-hero-text h1,
    .gst-page.gst-hero-text h1,
    .income-tax-page.income-tax-hero-text h1,
    .roc-page.roc-hero-text h1,
    .tds-page.tds-hero-text h1,
    .infrastructure-page.infrastructure-hero-text h1,
    .gallery-page.events-hero-text h1,
    .career-page.career-hero-text h1,
    .contact-page.contact-hero-text h1 {
        max-width: 100% !important;
        font-size: clamp(28px, 5.2vw, 40px) !important;
        line-height: 1.14 !important;
    }

    .about-page.about-hero-text p,
    .team-page.partners-hero-text p,
    .team-page2.team-hero-text p,
    .service-page.service-hero-text p,
    .gst-page.gst-hero-text p,
    .income-tax-page.income-tax-hero-text p,
    .roc-page.roc-hero-text p,
    .tds-page.tds-hero-text p,
    .infrastructure-page.infrastructure-hero-text p,
    .gallery-page.events-hero-text p,
    .career-page.career-hero-text p,
    .contact-page.contact-hero-text p {
        max-width: 620px !important;
        font-size: clamp(14px, 2.15vw, 16px) !important;
        line-height: 1.48 !important;
    }
}

@media only screen and (max-width: 767px) {
    .slider-one .slider-one__item {
        min-height: clamp(340px, 92vw, 420px) !important;
        padding: 46px 0 !important;
    }

    .slider-one .container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .slider-one .home-slider-copy,
    .slider-one .home-slider-copy--left,
    .slider-one .home-slider-copy--right,
    .contant-home1,
    .contant-home2,
    .contant-home3,
    .contant-home4 {
        max-width: 100% !important;
    }

    .slider-one .home-slider-copy h2,
    .contant-home1 h2,
    .contant-home2 h2,
    .contant-home3 h2,
    .contant-home4 h2 {
        font-size: clamp(25px, 8.1vw, 34px) !important;
    }

    .slider-one .home-slider-copy p,
    .contant-home2 p,
    .contant-home3 p {
        max-width: 94% !important;
        font-size: clamp(13px, 3.8vw, 15px) !important;
    }

    .about-page.about-hero-text,
    .team-page.partners-hero-text,
    .team-page2.team-hero-text,
    .service-page.service-hero-text,
    .gst-page.gst-hero-text,
    .income-tax-page.income-tax-hero-text,
    .roc-page.roc-hero-text,
    .tds-page.tds-hero-text,
    .infrastructure-page.infrastructure-hero-text,
    .gallery-page.events-hero-text,
    .career-page.career-hero-text,
    .contact-page.contact-hero-text {
        min-height: clamp(300px, 82vw, 360px) !important;
        padding: 40px 0 !important;
    }

    .about-page.about-hero-text::after,
    .team-page.partners-hero-text::after,
    .team-page2.team-hero-text::after,
    .service-page.service-hero-text::after,
    .gst-page.gst-hero-text::after,
    .income-tax-page.income-tax-hero-text::after,
    .roc-page.roc-hero-text::after,
    .tds-page.tds-hero-text::after,
    .infrastructure-page.infrastructure-hero-text::after,
    .gallery-page.events-hero-text::after,
    .career-page.career-hero-text::after,
    .contact-page.contact-hero-text::after {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.94) 66%, rgba(255, 255, 255, 0.72) 100%) !important;
    }

    .about-page.about-hero-text .container,
    .team-page.partners-hero-text .container,
    .team-page2.team-hero-text .container,
    .service-page.service-hero-text .container,
    .gst-page.gst-hero-text .container,
    .income-tax-page.income-tax-hero-text .container,
    .roc-page.roc-hero-text .container,
    .tds-page.tds-hero-text .container,
    .infrastructure-page.infrastructure-hero-text .container,
    .gallery-page.events-hero-text .container,
    .career-page.career-hero-text .container,
    .contact-page.contact-hero-text .container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .about-page.about-hero-text h1,
    .team-page.partners-hero-text h1,
    .team-page2.team-hero-text h1,
    .service-page.service-hero-text h1,
    .gst-page.gst-hero-text h1,
    .income-tax-page.income-tax-hero-text h1,
    .roc-page.roc-hero-text h1,
    .tds-page.tds-hero-text h1,
    .infrastructure-page.infrastructure-hero-text h1,
    .gallery-page.events-hero-text h1,
    .career-page.career-hero-text h1,
    .contact-page.contact-hero-text h1 {
        font-size: clamp(25px, 7.7vw, 32px) !important;
    }
}

@media only screen and (max-width: 420px) {
    .slider-one .slider-one__item {
        min-height: 340px !important;
        padding: 38px 0 !important;
    }

    .about-page.about-hero-text,
    .team-page.partners-hero-text,
    .team-page2.team-hero-text,
    .service-page.service-hero-text,
    .gst-page.gst-hero-text,
    .income-tax-page.income-tax-hero-text,
    .roc-page.roc-hero-text,
    .tds-page.tds-hero-text,
    .infrastructure-page.infrastructure-hero-text,
    .gallery-page.events-hero-text,
    .career-page.career-hero-text,
    .contact-page.contact-hero-text {
        min-height: 320px !important;
        padding: 34px 0 !important;
    }

    .about-page.about-hero-text h1,
    .team-page.partners-hero-text h1,
    .team-page2.team-hero-text h1,
    .service-page.service-hero-text h1,
    .gst-page.gst-hero-text h1,
    .income-tax-page.income-tax-hero-text h1,
    .roc-page.roc-hero-text h1,
    .tds-page.tds-hero-text h1,
    .infrastructure-page.infrastructure-hero-text h1,
    .gallery-page.events-hero-text h1,
    .career-page.career-hero-text h1,
    .contact-page.contact-hero-text h1 {
        font-size: clamp(23px, 7.5vw, 29px) !important;
    }
}

/* Homepage slider mobile repair: each image has a different safe crop. */
@media only screen and (max-width: 767px) {
    .slider-one,
    .slider-one .thm-owl__carousel,
    .slider-one .owl-stage-outer,
    .slider-one .owl-stage,
    .slider-one .owl-item,
    .slider-one .item {
        overflow: hidden !important;
    }

    .slider-one .slider-one__item {
        min-height: clamp(238px, 71vw, 315px) !important;
        height: clamp(238px, 71vw, 315px) !important;
        padding: 0 !important;
        align-items: center !important;
    }

    .slider-one .slider-one__item::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 11 !important;
        background: linear-gradient(90deg, rgba(3, 34, 56, 0.62) 0%, rgba(10, 81, 132, 0.34) 46%, rgba(10, 81, 132, 0.08) 100%) !important;
        pointer-events: none !important;
    }

    .slider-one .slider-one__item--mobile::after,
    .slider-one .slider-one__item--desktop::after {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.68) 0%, rgba(255, 255, 255, 0.18) 54%, rgba(255, 255, 255, 0) 100%) !important;
    }

    .slider-one .slider-one__image {
        background-size: cover !important;
    }

    .slider-one .slider-one__item--welcome .slider-one__image {
        background-position: 42% center !important;
    }

    .slider-one .slider-one__item--together .slider-one__image {
        background-position: 61% center !important;
    }

    .slider-one .slider-one__item--insight .slider-one__image {
        background-position: 66% center !important;
    }

    .slider-one .slider-one__item--mobile .slider-one__image {
        background-position: 68% center !important;
    }

    .slider-one .slider-one__item--desktop .slider-one__image {
        background-position: 68% center !important;
    }

    .slider-one .container {
        position: relative !important;
        z-index: 12 !important;
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .slider-one .row,
    .slider-one [class*="col-"] {
        width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .slider-one .home-slider-copy,
    .slider-one .home-slider-copy--left,
    .slider-one .home-slider-copy--right,
    .contant-home1,
    .contant-home2,
    .contant-home3,
    .contant-home4 {
        position: relative !important;
        inset: auto !important;
        width: min(54vw, 250px) !important;
        max-width: min(54vw, 250px) !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        text-align: left !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy {
        margin-left: auto !important;
        width: min(49vw, 230px) !important;
        max-width: min(49vw, 230px) !important;
    }

    .slider-one .slider-one__item--mobile .home-slider-copy,
    .slider-one .slider-one__item--desktop .home-slider-copy {
        width: min(48vw, 230px) !important;
        max-width: min(48vw, 230px) !important;
    }

    .slider-one .home-slider-copy h2,
    .contant-home1 h2,
    .contant-home2 h2,
    .contant-home3 h2,
    .contant-home4 h2 {
        margin: 0 0 7px !important;
        color: #fff !important;
        font-size: clamp(17px, 6vw, 24px) !important;
        line-height: 1.08 !important;
        font-weight: 700 !important;
        letter-spacing: 0 !important;
        text-align: left !important;
        text-shadow: 0 2px 9px rgba(0, 0, 0, 0.58) !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .slider-one .slider-one__item--mobile .home-slider-copy h2,
    .slider-one .slider-one__item--desktop .home-slider-copy h2 {
        color: var(--sjc-ink) !important;
        text-shadow: none !important;
    }

    .slider-one .home-slider-copy h2 span,
    .contant-home1 h2 span,
    .contant-home2 h2 span,
    .contant-home3 h2 span,
    .contant-home4 h2 span {
        color: var(--sjc-primary) !important;
    }

    .slider-one .home-slider-copy h2::after,
    .slider-one .home-slider-copy--right h2::after {
        width: 36px !important;
        height: 2px !important;
        margin: 8px 0 0 !important;
    }

    .slider-one .home-slider-copy p,
    .contant-home2 p,
    .contant-home3 p {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        color: #fff !important;
        font-size: clamp(9px, 3.05vw, 12px) !important;
        line-height: 1.28 !important;
        font-weight: 600 !important;
        text-align: left !important;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.58) !important;
    }

    .slider-one .slider-one__item--mobile .home-slider-copy p,
    .slider-one .slider-one__item--desktop .home-slider-copy p {
        color: var(--sjc-ink) !important;
        text-shadow: none !important;
    }
}

@media only screen and (max-width: 360px) {
    .slider-one .slider-one__item {
        min-height: 230px !important;
        height: 230px !important;
    }

    .slider-one .home-slider-copy h2,
    .contant-home1 h2,
    .contant-home2 h2,
    .contant-home3 h2,
    .contant-home4 h2 {
        font-size: clamp(16px, 5.6vw, 20px) !important;
    }

    .slider-one .home-slider-copy p,
    .contant-home2 p,
    .contant-home3 p {
        font-size: 9px !important;
    }
}

/* Homepage slider content and visible inactive indicators. */
.slider-one .home-slider-kicker {
    display: block;
    margin: 0 0 16px;
    color: var(--sjc-primary);
    font-size: clamp(14px, 1vw, 18px);
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.slider-one .slider-one__item--welcome .home-slider-copy {
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
}

.slider-one .slider-one__item--welcome .home-slider-copy h2 {
    color: var(--sjc-ink) !important;
}

.slider-one .slider-one__item--welcome .home-slider-copy p {
    color: var(--sjc-text) !important;
}

.slider-one.owl-theme .owl-nav.disabled + .owl-dots,
.slider-one .owl-theme .owl-nav.disabled + .owl-dots,
.slider-one .owl-dots {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 28px 0 34px !important;
}

.slider-one.owl-theme .owl-dots .owl-dot,
.slider-one .owl-theme .owl-dots .owl-dot,
.slider-one .owl-dots .owl-dot {
    display: inline-flex !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.slider-one.owl-theme .owl-dots .owl-dot span,
.slider-one .owl-theme .owl-dots .owl-dot span,
.slider-one .owl-dots .owl-dot span {
    width: 74px !important;
    height: 5px !important;
    margin: 0 !important;
    display: block !important;
    border-radius: 999px !important;
    background: rgba(10, 81, 132, 0.2) !important;
    box-shadow: inset 0 0 0 1px rgba(10, 81, 132, 0.18) !important;
    transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
}

.slider-one.owl-theme .owl-dots .owl-dot.active span,
.slider-one.owl-theme .owl-dots .owl-dot:hover span,
.slider-one .owl-theme .owl-dots .owl-dot.active span,
.slider-one .owl-theme .owl-dots .owl-dot:hover span,
.slider-one .owl-dots .owl-dot.active span,
.slider-one .owl-dots .owl-dot:hover span {
    background: var(--sjc-primary) !important;
    box-shadow: none !important;
}

@media only screen and (max-width: 767px) {
    .slider-one .home-slider-kicker {
        margin-bottom: 8px !important;
        font-size: clamp(10px, 3.2vw, 12px) !important;
        letter-spacing: 1.8px !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy {
        margin-left: 0 !important;
        width: min(62vw, 270px) !important;
        max-width: min(62vw, 270px) !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy h2 {
        color: var(--sjc-ink) !important;
        text-shadow: none !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy p {
        color: var(--sjc-text) !important;
        font-size: clamp(9px, 2.8vw, 11px) !important;
        line-height: 1.32 !important;
        text-shadow: none !important;
    }

    .slider-one .owl-dots {
        gap: 10px !important;
        margin: 18px 0 24px !important;
    }

    .slider-one .owl-dots .owl-dot span {
        width: 42px !important;
        height: 4px !important;
    }
}

/* Final homepage hero sizing/alignment polish. */
.slider-one .slider-one__item {
    min-height: clamp(440px, 35vw, 560px) !important;
    height: clamp(440px, 35vw, 560px) !important;
}

.slider-one .slider-one__item--welcome .home-slider-copy {
    width: min(48vw, 680px) !important;
    max-width: 680px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
    transform: none !important;
}

.slider-one .slider-one__item--welcome .home-slider-kicker,
.slider-one .slider-one__item--welcome .home-slider-copy h2,
.slider-one .slider-one__item--welcome .home-slider-copy p {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}

.slider-one .slider-one__item--welcome .home-slider-copy h2 {
    font-size: clamp(42px, 4.1vw, 74px) !important;
    line-height: 1.12 !important;
}

.slider-one .slider-one__item--welcome .home-slider-copy h2::after {
    margin-left: 0 !important;
}

.slider-one .slider-one__item--welcome .home-slider-copy p {
    color: var(--sjc-primary-dark) !important;
    font-size: clamp(18px, 1.45vw, 28px) !important;
    line-height: 1.35 !important;
    text-shadow: none !important;
}

.slider-one .slider-one__item--together .home-slider-copy,
.slider-one .slider-one__item--insight .home-slider-copy {
    width: min(48vw, 680px) !important;
    max-width: 680px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
    transform: none !important;
}

.slider-one .slider-one__item--together .home-slider-kicker,
.slider-one .slider-one__item--together .home-slider-copy h2,
.slider-one .slider-one__item--together .home-slider-copy p,
.slider-one .slider-one__item--insight .home-slider-kicker,
.slider-one .slider-one__item--insight .home-slider-copy h2,
.slider-one .slider-one__item--insight .home-slider-copy p {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}

.slider-one .slider-one__item--together .home-slider-copy h2,
.slider-one .slider-one__item--insight .home-slider-copy h2 {
    font-size: clamp(42px, 4.1vw, 74px) !important;
    line-height: 1.12 !important;
}

.slider-one .slider-one__item--together .home-slider-copy h2::after,
.slider-one .slider-one__item--insight .home-slider-copy h2::after {
    margin-left: 0 !important;
}

.slider-one .slider-one__item--together .home-slider-copy p,
.slider-one .slider-one__item--insight .home-slider-copy p {
    color: var(--sjc-primary-dark) !important;
    font-size: clamp(18px, 1.45vw, 28px) !important;
    line-height: 1.35 !important;
    text-shadow: none !important;
}

@media only screen and (max-width: 1199px) {
    .slider-one .slider-one__item {
        min-height: clamp(390px, 44vw, 500px) !important;
        height: clamp(390px, 44vw, 500px) !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy,
    .slider-one .slider-one__item--together .home-slider-copy,
    .slider-one .slider-one__item--insight .home-slider-copy {
        width: min(54vw, 600px) !important;
        max-width: 600px !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy h2,
    .slider-one .slider-one__item--together .home-slider-copy h2,
    .slider-one .slider-one__item--insight .home-slider-copy h2 {
        font-size: clamp(34px, 4.9vw, 56px) !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy p,
    .slider-one .slider-one__item--together .home-slider-copy p,
    .slider-one .slider-one__item--insight .home-slider-copy p {
        font-size: clamp(15px, 1.8vw, 20px) !important;
    }
}

@media only screen and (max-width: 767px) {
    .slider-one .slider-one__item {
        min-height: clamp(235px, 70vw, 310px) !important;
        height: clamp(235px, 70vw, 310px) !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy,
    .slider-one .slider-one__item--together .home-slider-copy,
    .slider-one .slider-one__item--insight .home-slider-copy {
        width: min(62vw, 270px) !important;
        max-width: min(62vw, 270px) !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy h2,
    .slider-one .slider-one__item--together .home-slider-copy h2,
    .slider-one .slider-one__item--insight .home-slider-copy h2 {
        font-size: clamp(21px, 6.5vw, 29px) !important;
        line-height: 1.1 !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy p,
    .slider-one .slider-one__item--together .home-slider-copy p,
    .slider-one .slider-one__item--insight .home-slider-copy p {
        color: var(--sjc-primary-dark) !important;
        font-size: clamp(9px, 2.8vw, 12px) !important;
        line-height: 1.32 !important;
        text-shadow: none !important;
    }
}

@media only screen and (max-width: 360px) {
    .slider-one .slider-one__item {
        min-height: 225px !important;
        height: 225px !important;
    }
}

/* Homepage banner mobile finish. */
@media only screen and (max-width: 767px) {
    .top-header {
        padding: 8px 0 10px !important;
    }

    .top-header .row {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        gap: 4px;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .top-header .col-md-5,
    .top-header .col-sm-5,
    .top-header .col-md-7,
    .top-header .col-sm-7 {
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .top-header .location ul,
    .top-header .header-content .social-icon-right .socials-link {
        justify-content: center !important;
        gap: 5px 12px !important;
    }

    .top-header .location ul li,
    .top-header .location ul li:first-child {
        min-height: 0 !important;
        padding: 0 !important;
        border-right: 0 !important;
        line-height: 1.2 !important;
    }

    .top-header .location ul li a {
        font-size: 13px !important;
        line-height: 1.2 !important;
    }

    .top-header .location ul li .fa {
        font-size: 14px !important;
    }

    .top-header .header-content .social-icon-right .socials-link {
        margin-top: 2px !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .top-header .header-content .social-icon-right .socials-link li:first-child {
        width: auto !important;
        margin: 0 !important;
        font-size: 13px !important;
        line-height: 24px !important;
    }

    .top-header .header-content .social-icon-right .socials-link li a {
        width: 30px !important;
        height: 30px !important;
    }

    .top-header .header-content .social-icon-right .socials-link li a i {
        width: 30px !important;
        height: 30px !important;
        font-size: 15px !important;
        line-height: 30px !important;
    }

    .slider-one .slider-one__item {
        min-height: clamp(320px, 84vw, 390px) !important;
        height: clamp(320px, 84vw, 390px) !important;
        display: flex !important;
        align-items: center !important;
        padding: 30px 0 !important;
    }

    .slider-one .slider-one__item--welcome .slider-one__image {
        background-position: 58% center !important;
    }

    .slider-one .slider-one__item::after {
        background: linear-gradient(90deg, rgba(246, 250, 253, 0.96) 0%, rgba(234, 244, 251, 0.86) 50%, rgba(234, 244, 251, 0.28) 100%) !important;
    }

    .slider-one .container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy,
    .slider-one .slider-one__item--together .home-slider-copy,
    .slider-one .slider-one__item--insight .home-slider-copy {
        width: min(68vw, 320px) !important;
        max-width: min(68vw, 320px) !important;
    }

    .slider-one .home-slider-kicker {
        margin-bottom: 7px !important;
        font-size: clamp(10px, 2.9vw, 13px) !important;
        line-height: 1.2 !important;
        letter-spacing: 1.5px !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy h2,
    .slider-one .slider-one__item--together .home-slider-copy h2,
    .slider-one .slider-one__item--insight .home-slider-copy h2 {
        margin-bottom: 10px !important;
        font-size: clamp(28px, 8.2vw, 38px) !important;
        line-height: 1.08 !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy h2::after,
    .slider-one .slider-one__item--together .home-slider-copy h2::after,
    .slider-one .slider-one__item--insight .home-slider-copy h2::after {
        width: 44px !important;
        margin-top: 11px !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy p,
    .slider-one .slider-one__item--together .home-slider-copy p,
    .slider-one .slider-one__item--insight .home-slider-copy p {
        max-width: 280px !important;
        font-size: clamp(12px, 3.45vw, 15px) !important;
        line-height: 1.38 !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy p br,
    .slider-one .slider-one__item--together .home-slider-copy p br,
    .slider-one .slider-one__item--insight .home-slider-copy p br {
        display: none;
    }
}

@media only screen and (max-width: 420px) {
    .slider-one .slider-one__item {
        min-height: 340px !important;
        height: 340px !important;
    }

    .slider-one .slider-one__item--welcome .slider-one__image {
        background-position: 61% center !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy,
    .slider-one .slider-one__item--together .home-slider-copy,
    .slider-one .slider-one__item--insight .home-slider-copy {
        width: 72vw !important;
        max-width: 72vw !important;
    }
}

@media only screen and (max-width: 360px) {
    .top-header .location ul,
    .top-header .header-content .social-icon-right .socials-link {
        gap: 4px 8px !important;
    }

    .top-header .location ul li a {
        font-size: 12px !important;
    }

    .slider-one .slider-one__item {
        min-height: 320px !important;
        height: 320px !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy h2 {
        font-size: 27px !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy p {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 767px) {
    .slider-one .home-slider-copy p,
    .slider-one .contant-home1 p,
    .slider-one .slider-one__item--welcome .home-slider-copy p,
    .slider-one .slider-one__item--together .home-slider-copy p,
    .slider-one .slider-one__item--insight .home-slider-copy p {
        color: var(--sjc-primary-dark) !important;
        -webkit-text-fill-color: var(--sjc-primary-dark) !important;
        text-shadow: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .about-page.about-hero-text {
        background-position: 70% center !important;
    }
}

@media only screen and (max-width: 420px) {
    .about-page.about-hero-text {
        background-position: 73% center !important;
    }
}

.visionandmission {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
}

#our-values.about-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}

#our-values.about-section .content-column {
    margin-bottom: 24px !important;
}

@media only screen and (max-width: 767px) {
    .visionandmission {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }

    #our-values.about-section {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media only screen and (max-width: 767px) {
    .development_section > .container > .row,
    .about-firm-section > .container > .row,
    #our-values.about-section > .container > .row {
        display: flex !important;
        flex-direction: column !important;
    }

    .development_section > .container > .row > [class*="col-"]:first-child,
    .about-firm-section .image-column,
    #our-values.about-section .image-column {
        order: 2 !important;
    }

    .development_section > .container > .row > [class*="col-"]:last-child,
    .about-firm-section .content-column,
    #our-values.about-section .content-column {
        order: 1 !important;
    }
}

@media only screen and (max-width: 767px) {
    .slider-one .slider-one__item--welcome .home-slider-kicker,
    .slider-one .slider-one__item--together .home-slider-kicker,
    .slider-one .slider-one__item--insight .home-slider-kicker {
        font-family: inherit !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        letter-spacing: 3px !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy h2,
    .slider-one .slider-one__item--together .home-slider-copy h2,
    .slider-one .slider-one__item--insight .home-slider-copy h2 {
        font-family: inherit !important;
        line-height: 1.12 !important;
        font-weight: 700 !important;
        letter-spacing: 0 !important;
        text-shadow: none !important;
    }

    .slider-one .slider-one__item--welcome .home-slider-copy p,
    .slider-one .slider-one__item--together .home-slider-copy p,
    .slider-one .slider-one__item--insight .home-slider-copy p {
        font-family: inherit !important;
        line-height: 1.35 !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        text-shadow: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .development_section > .container > .row > [class*="col-"]:last-child {
        display: contents !important;
    }

    .development_section .hading,
    .development_section > .container > .row > [class*="col-"]:last-child > p {
        order: 1 !important;
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .development_section > .container > .row > [class*="col-"]:first-child {
        order: 2 !important;
        width: 100% !important;
    }

    .development_section > .container > .row > [class*="col-"]:last-child > .text-right {
        order: 3 !important;
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .development_section > .container > .row > [class*="col-"]:last-child > .row {
        order: 4 !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.slider-one .slider-one__item--together .home-slider-copy h2,
.slider-one .slider-one__item--insight .home-slider-copy h2 {
    color: var(--sjc-ink) !important;
    text-shadow: none !important;
}

.slider-one .slider-one__item--together .home-slider-copy h2 span,
.slider-one .slider-one__item--insight .home-slider-copy h2 span {
    color: var(--sjc-primary) !important;
}

/* Mobile hero banner fit: keep full artwork visible without side cropping. */
@media only screen and (max-width: 767px) {
    .slider-one .slider-one__image {
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-color: #f6fafd !important;
    }

    .about-page.about-hero-text,
    .team-page.partners-hero-text,
    .team-page2.team-hero-text,
    .service-page.service-hero-text,
    .gst-page.gst-hero-text,
    .income-tax-page.income-tax-hero-text,
    .roc-page.roc-hero-text,
    .tds-page.tds-hero-text,
    .infrastructure-page.infrastructure-hero-text,
    .gallery-page,
    .gallery-page.events-hero-text,
    .career-page.career-hero-text,
    .contact-page.contact-hero-text {
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-color: #f6fafd !important;
    }
}

/* Responsive header final pass: tablet and smaller use a clean hamburger menu. */
@media only screen and (max-width: 1199px) {
    .header #top_menu,
    .header #top_menu.sticky,
    #top_menu.sticky {
        position: sticky !important;
        top: 0 !important;
        left: auto !important;
        right: auto !important;
        z-index: 1001 !important;
        width: 100% !important;
        padding: 0 !important;
        background: #fff !important;
        box-shadow: 0 8px 24px rgba(10, 81, 132, 0.12) !important;
        overflow: visible !important;
    }

    .header #top_menu .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .header #top_menu .row {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        min-height: 72px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .header #top_menu .col-xs-9,
    .header #top_menu .col-md-3,
    .header #top_menu .col-lg-2 {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        float: none !important;
        padding-left: 18px !important;
        padding-right: 12px !important;
    }

    .header #top_menu .col-md-9,
    .header #top_menu .col-lg-10 {
        flex: 0 0 76px !important;
        width: 76px !important;
        max-width: 76px !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        position: static !important;
    }

    .header .logo {
        padding: 7px 0 !important;
    }

    .header .logo img.logo1 {
        height: 58px !important;
        max-height: 58px !important;
        width: auto !important;
    }

    .header #cssmenu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
    }

    #cssmenu #menu-button {
        display: block !important;
        position: absolute !important;
        top: 50% !important;
        right: 18px !important;
        width: 44px !important;
        height: 40px !important;
        margin: 0 !important;
        border-radius: 5px !important;
        background: var(--sjc-primary) !important;
        transform: translateY(-50%) !important;
        z-index: 1005 !important;
    }

    #cssmenu #menu-button::before,
    #cssmenu #menu-button::after {
        right: 10px !important;
        width: 20px !important;
        background: #fff !important;
        border-color: #fff !important;
    }

    #cssmenu #menu-button::after {
        top: 9px !important;
    }

    #cssmenu #menu-button::before {
        top: 25px !important;
    }

    #cssmenu #menu-button.menu-opened::before,
    #cssmenu #menu-button.menu-opened::after {
        top: 17px !important;
    }

    #cssmenu > ul {
        position: absolute !important;
        top: 100% !important;
        left: auto !important;
        right: 0 !important;
        z-index: 1004 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        max-height: calc(100vh - 72px) !important;
        overflow-y: auto !important;
        margin: 0 !important;
        padding: 4px 0 !important;
        background: #fff !important;
        border-top: 1px solid var(--sjc-border) !important;
        box-shadow: 0 18px 36px rgba(10, 81, 132, 0.18) !important;
    }

    #cssmenu > ul:not(.open) {
        display: none !important;
    }

    #cssmenu > ul.open {
        display: block !important;
    }

    #cssmenu ul li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        background: #fff !important;
        border-top: 1px solid rgba(10, 81, 132, 0.1) !important;
        position: relative !important;
    }

    #cssmenu > ul > li:first-child {
        border-top: 0 !important;
    }

    #cssmenu ul li a,
    #cssmenu ul ul li a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 46px !important;
        padding: 14px 22px !important;
        color: var(--sjc-ink) !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        letter-spacing: 0.2px !important;
        text-decoration: none !important;
        background: transparent !important;
    }

    #cssmenu ul li a::before,
    #cssmenu ul li a::after {
        display: none !important;
        content: none !important;
    }

    #cssmenu ul li.has-sub > a::after {
        content: "\f107" !important;
        display: inline-block !important;
        position: static !important;
        flex: 0 0 auto !important;
        width: auto !important;
        height: auto !important;
        margin-left: auto !important;
        padding-left: 14px !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--sjc-primary) !important;
        font-family: FontAwesome !important;
        font-size: 15px !important;
        line-height: 1 !important;
        opacity: 1 !important;
        transition: transform 0.2s ease !important;
    }

    #cssmenu .submenu-button.submenu-opened + a::after {
        transform: rotate(180deg) !important;
    }

    #cssmenu a i.fa {
        display: none !important;
    }

    #cssmenu .submenu-button {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 2 !important;
        width: 100% !important;
        height: 46px !important;
        border: 0 !important;
        background: transparent !important;
        cursor: pointer !important;
    }

    #cssmenu .submenu-button::before,
    #cssmenu .submenu-button::after {
        display: none !important;
        content: none !important;
    }

    #cssmenu ul ul {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        display: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border-left: 0 !important;
        box-shadow: none !important;
        background: var(--sjc-primary-soft) !important;
    }

    #cssmenu > ul.open ul.open {
        display: block !important;
    }

    #cssmenu ul ul li {
        height: auto !important;
        background: var(--sjc-primary-soft) !important;
    }

    #cssmenu ul ul li a {
        min-height: 42px !important;
        padding-left: 38px !important;
        background: var(--sjc-primary-soft) !important;
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 767px) {
    .header #top_menu .row {
        min-height: 62px !important;
    }

    .header #top_menu .col-md-9,
    .header #top_menu .col-lg-10 {
        flex-basis: 64px !important;
        width: 64px !important;
        max-width: 64px !important;
    }

    .header .logo img.logo1 {
        height: 48px !important;
        max-height: 48px !important;
    }

    #cssmenu #menu-button {
        width: 40px !important;
        height: 36px !important;
        right: 12px !important;
    }

    #cssmenu > ul {
        max-height: calc(100vh - 62px) !important;
    }
}

/* Desktop and wider Mac layouts keep the full horizontal navigation. */
@media only screen and (min-width: 1200px) {
    .header #top_menu .row {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        min-height: 96px !important;
    }

    .header #top_menu {
        overflow: visible !important;
    }

    .header #top_menu .container-fluid {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    .header #top_menu .col-md-3,
    .header #top_menu .col-lg-2,
    .header #top_menu .col-xs-9 {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    .header #top_menu .col-md-9,
    .header #top_menu .col-lg-10 {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    .header #cssmenu {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }

    #cssmenu #menu-button {
        display: none !important;
    }

    #cssmenu > ul {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        gap: clamp(4px, 0.58vw, 12px) !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #cssmenu > ul > li {
        float: none !important;
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        position: relative !important;
    }

    #cssmenu > ul > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 96px !important;
        padding: 0 clamp(5px, 0.52vw, 10px) !important;
        font-size: clamp(16px, 1vw, 18px) !important;
        letter-spacing: 0.1px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    .header #cssmenu > ul > li.has-sub > a {
        gap: 8px !important;
        padding-right: clamp(6px, 0.62vw, 12px) !important;
    }

    #cssmenu > ul > li > ul {
        top: 100% !important;
        left: -9999px !important;
        z-index: 10000 !important;
        width: max-content !important;
        min-width: 230px !important;
        max-width: 280px !important;
    }

    #cssmenu > ul > li:hover > ul {
        left: 0 !important;
    }

    #cssmenu > ul > li:last-child:hover > ul,
    #cssmenu.align-right > ul > li:hover > ul {
        left: auto !important;
        right: 0 !important;
    }

    #cssmenu > ul > li > ul > li {
        display: block !important;
        width: 100% !important;
    }

    #cssmenu > ul > li > ul > li > a {
        display: block !important;
        min-height: 0 !important;
        padding: 13px 16px !important;
        font-size: 14px !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
    }

    #cssmenu > ul > li > a::before,
    #cssmenu > ul > li > a::after {
        display: none !important;
        content: none !important;
    }

    #cssmenu a i.fa {
        position: static !important;
        flex: 0 0 auto;
        margin-left: 0 !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }
}

/* Keep the main header visible on tablet/mobile while the blue top strip scrolls away. */
@media only screen and (max-width: 1199px) {
    .sjc-header-placeholder {
        height: 0;
    }

    body.sjc-header-fixed .header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1001 !important;
        width: 100% !important;
        background: #fff !important;
        box-shadow: 0 8px 24px rgba(10, 81, 132, 0.12) !important;
    }

    .header #top_menu,
    .header #top_menu.sticky,
    #top_menu.sticky {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        padding: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    #cssmenu > ul {
        top: 100% !important;
    }
}

/* Service detail modals: keep the modal layer transparent and clickable. */
.modal.back-save {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: inherit !important;
    opacity: 1 !important;
    z-index: 1050 !important;
}

.modal-backdrop {
    z-index: 1040 !important;
}

.modal.back-save .modal-dialog {
    width: min(900px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 96px auto 32px !important;
    pointer-events: auto !important;
}

.modal.back-save .modal-content {
    background: #fff !important;
    color: var(--sjc-text) !important;
    border: 1px solid var(--sjc-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 24px 70px rgba(6, 56, 93, 0.28) !important;
    overflow: hidden !important;
}

.modal.back-save .modal-header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 18px 26px !important;
    background: #fff !important;
    border-bottom: 2px solid var(--sjc-primary) !important;
}

.modal.back-save .modal-title {
    color: var(--sjc-primary-dark) !important;
    font-size: clamp(20px, 2vw, 30px) !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    width: 100% !important;
}

.modal.back-save .modal-header .close {
    display: none !important;
}

.modal.back-save .modal-body {
    padding: 26px 34px !important;
    max-height: calc(100vh - 260px) !important;
    overflow-y: auto !important;
}

.modal.back-save .modal-body p,
.modal.back-save .modal-body li,
.modal.back-save .modal-body a {
    color: var(--sjc-ink) !important;
}

.modal.back-save .modal-body a {
    display: inline-block !important;
    padding: 4px 0 !important;
    text-decoration: none !important;
}

.modal.back-save .modal-body a:hover,
.modal.back-save .modal-body a:focus {
    color: var(--sjc-primary) !important;
}

.modal.back-save .modal-footer {
    padding: 14px 26px !important;
    background: #fff !important;
    border-top: 1px solid var(--sjc-border) !important;
}

@media only screen and (max-width: 767px) {
    .modal.back-save .modal-dialog {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        margin: 76px auto 20px !important;
    }

    .modal.back-save .modal-header {
        padding: 14px 16px !important;
    }

    .modal.back-save .modal-body {
        padding: 18px 18px !important;
        max-height: calc(100vh - 216px) !important;
    }

    .modal.back-save .modal-footer {
        padding: 12px 16px !important;
    }
}